tr{
	margin: 0;
}


.col-15{
	width: 17%;
}

.col-85{
	width: 83%;
}

.text-smaller{
	font-size:10px;
}


/* TRANSITIONS PROPERTY */

.bg-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.transistion-05{
    transition: all .5s linear;
}

.transistion-01{
    transition: all .1s linear;
}

.transistion-02{
    transition: all .2s linear;
}

.transistion-03{
    transition: all .3s linear;
}

.transistion-04{
    transition: all .4s linear;
}

.transistion-1{
    transition: all 1s linear;
}

.transistion-2{
    transition: all 2s linear;
}

.transistion-3{
    transition: all 3s linear;
}

.transistion-4{
    transition: all 4s linear;
}

.transistion-5{
    transition: all 5s linear;
}

.transition-linear{
    transition-timing-function: linear;
}

.transition-ease{
    transition-timing-function: ease;
}

.transition-ease-in{
    transition-timing-function:ease-in;
}

.transition-ease-out{
    transition-timing-function:ease-out;
}

.transition-ease-in-out{
    transition-timing-function:ease-in-out;
}

.transition-inherit{
    transition-timing-function:inherit;
}

.transition-d01{
    transition-duration: .1s;
}

.transition-d02{
    transition-duration: .2s;
}

.transition-d03{
    transition-duration: .3s;
}

.transition-d04{
    transition-duration: .4s;
}

.transition-d05{
    transition-duration: .5s;
}

.transition-d1{
    transition-duration: 1s;
}

.transition-d2{
    transition-duration: 2s;
}

.transition-d3{
    transition-duration: 3s;
}

.transition-d4{
    transition-duration: 4s;
}

.transition-d5{
    transition-duration: 5s;
}

.transition-all{
	transition-property: all;
}

.transistion-background{
    transition-property: background;
}

.transition-none{
	transition-property: none;
}

.scale-1{
    transform: scale(1.05);
}

.scale-2{
    transform: scale(1.06);
}

.scale-3{
    transform: scale(1.08);
}

.scale-4{
    transform: scale(1.1);
}

.scale-5{
    transform: scale(1.2);
}

.scale-6{
    transform: scale(1.3);
}

.scale-7{
    transform: scale(1.4);
}

.scale-8{
    transform: scale(1.6);
}

.scale-9{
    transform: scale(1.8);
}

.scale-10{
    transform: scale(2);
}

.scale-1-h:hover{
    transform: scale(1.05);
}

.scale-2-h:hover{
    transform: scale(1.06);
}

.scale-3-h:hover{
    transform: scale(1.08);
}

.scale-4-h:hover{
    transform: scale(1.1);
}

.scale-5-h:hover{
    transform: scale(1.2);
}

.scale-6-h:hover{
    transform: scale(1.3);
}

.scale-7-h:hover{
    transform: scale(1.4);
}

.scale-8-h:hover{
    transform: scale(1.6);
}

.scale-9-h:hover{
    transform: scale(1.8);
}

.scale-10-h:hover{
    transform: scale(2);
}

.transform-3d{
    transform-style: preserve-3d;
}

.transform-flat{
    transform-style: flat;
}

.transform-inherit{
    transform-style: inherit;
}

/* Ripple effect */
.ripple {
  	position: relative;
  	overflow: hidden;
  	transition: background 1s;
  	transition-timing-function: linear;
  	border-radius: 500px;
  	overflow: hidden;
}

ripples{
	position: absolute;
	background-color: rgba(100,100,100,.1);
	left: 0;
	top: 0;
	bottom: 0;
	right: 100%;
	bottom: 0;
	height: 100px;
	z-index: 4;
	animation: pple 0.5s linear;
}

@keyframes pple {
	0%{
		width: 1px;
		height: 1px;
	}
	100%{
		top: -200%;
		bottom: -330%;
		width: 200px;
		height: 200px;
	}
}

/* =============================== TRANSITIONS ========================================================== */


.img{
	max-width: 100%;
	max-height: 100%;
}

/* LINKS */
a{
	text-decoration: none;
	color:#4299E1;
}

.top{
	top: 0;
}

.bottom{
	bottom: 0;
}


.border-box{
	box-sizing: border-box;
}

.content-box{
	box-sizing: content-box;
}


/* PLACEHOLDERS */
.ph-purple-100::placeholder{
	color: #FAF5FF;
}

.ph-purple-200::placeholder{
	color: #E9D8FD;
}

.ph-purple-300::placeholder{
	color: #D6BCFA;
}

.ph-purple-400::placeholder{
	color: #B794F4;
}

.ph-purple-500::placeholder{
	color: #9F7AEA;
}

.ph-purple-600::placeholder{
	color: #805AD5;
}

.ph-purple-700::placeholder{
	color: #6B46C1;
}

.ph-purple-800::placeholder{
	color: #553C9A;
}

.ph-purple-900::placeholder{
	color: #44337A;
}




.ph-blue-100::placeholder{
	color: #EBF8FF;
}

.ph-blue-200::placeholder{
	color: #BEE3F8;
}

.ph-blue-300::placeholder{
	color: #90CDF4;
}

.ph-blue-400::placeholder{
	color: #63B3ED;
}

.ph-blue-500::placeholder{
	color: #4299E1;
}

.ph-blue-600::placeholder{
	color: #3182CE;
}

.ph-blue-700::placeholder{
	color: #2B6CB0;
}

.ph-blue-800::placeholder{
	color: #2C5282;
}

.ph-blue-900::placeholder{
	color: #2A4365;
}


.ph-teal-100::placeholder{
	color: #E6FFFA;
}

.ph-teal-200::placeholder{
	color: #B2F5EA;
}

.ph-teal-300::placeholder{
	color: #81E6D9;
}

.ph-blue-400::placeholder{
	color: #4FD1C5;
}

.ph-teal-500::placeholder{
	color: #38B2AC;
}

.ph-teal-600::placeholder{
	color: #319795;
}

.ph-teal-700::placeholder{
	color: #2C7A7B;
}

.ph-teal-800::placeholder{
	color: #285E61;
}

.ph-teal-900::placeholder{
	color: #234E52;
}



.ph-pink-100::placeholder{
	color: #FFF5F7;
}
.ph-pink-200::placeholder{
	color: #FED7E2;
}

.ph-pink-300::placeholder{
	color: #FBB6CE;
}

.ph-pink-400::placeholder{
	color: #F687B3;
}

.ph-pink-500::placeholder{
	color: #ED64A6;
}

.ph-pink-600::placeholder{
	color: #D53F8C;
}

.ph-pink-700::placeholder{
	color: #B83280;
}

.ph-pink-800::placeholder{
	color: #97266D;
}

.ph-pink-900::placeholder{
	color: #702459;
}



.ph-indigo-100::placeholder{
	color: #EBF4FF;
}
.ph-indigo-200::placeholder{
	color: #C3DAFE;
}
.ph-indigo-300::placeholder{
	color: #A3BFFA;
}
.ph-indigo-400::placeholder{
	color: #7F9CF5;
}
.ph-indigo-500::placeholder{
	color: #667EEA;
}
.ph-indigo-600::placeholder{
	color: #5A67D8;
}
.ph-indigo-700::placeholder{
	color: #4C51BF;
}
.ph-indigo-800::placeholder{
	color: #434190;
}
.ph-indigo-900::placeholder{	
	color: #3C366B;
}


.ph-green-100::placeholder{
	color: #F0FFF4;
}

.ph-green-200::placeholder{
	color: #C6F6D5;
}

.ph-green-300::placeholder{
	color: #9AE6B4;
}

.ph-green-400::placeholder{
	color: #68D391;
}

.ph-green-500::placeholder{
	color: #48BB78;
}

.ph-green-600::placeholder{
	color: #38A169;
}

.ph-green-700::placeholder{
	color: #2F855A;
}

.ph-green-800::placeholder{
	color: #276749;
}

.ph-green-900::placeholder{
	color: #22543D;
}


.ph-yellow-100::placeholder{
	color: #FFFFF0;
}

.ph-yellow-200::placeholder{
	color: #FEFCBF;
}

.ph-yellow-300::placeholder{
	color: #FAF089;
}

.ph-yellow-400::placeholder{
	color: #F6E05E;
}

.ph-yellow-500::placeholder{
	color: #ECC94B;
}

.ph-yellow-600::placeholder{
	color: #D69E2E;
}

.ph-yellow-700::placeholder{
	color: #B7791F;
}

.ph-yellow-800::placeholder{
	color: #975A16;
}

.ph-yellow-900::placeholder{
	color: #744210;
}



.ph-orange-100::placeholder{
	color: #FFFAF0;
}

.ph-orange-200::placeholder{
	color: #FEEBC8;
}

.ph-orange-300::placeholder{
	color: #FBD38D;
}

.ph-orange-400::placeholder{
	color: #F6AD55;
}

.ph-orange-500::placeholder{
	color: #ED8936;
}

.ph-orange-600::placeholder{
	color: #DD6B20;
}

.ph-orange-700::placeholder{
	color: #C05621;
}

.ph-orange-800::placeholder{
	color: #9C4221;
}

.ph-orange-900::placeholder{
	color: #7B341E;
}



.ph-red-100::placeholder{
	color: #FFF5F5;
}

.ph-red-200::placeholder{
	color: #FED7D7;
}

.ph-red-300::placeholder{
	color: #FEB2B2;
}

.ph-red-400::placeholder{
	color: #FC8181;
}

.ph-red-500::placeholder{
	color: #F56565;
}

.ph-red-600::placeholder{
	color: #E53E3E;
}

.ph-red-700::placeholder{
	color: #C53030;
}

.ph-red-800::placeholder{
	color: #9B2C2C;
}

.ph-red-900::placeholder{
	color: #742A2A;
}



.ph-gray-100::placeholder{
	color: #F7FAFC;
}

.ph-gray-200::placeholder{
	color: #EDF2F7;
}

.ph-gray-300::placeholder{
	color: #E2E8F0;
}

.ph-gray-400::placeholder{
	color: #CBD5E0;
}

.ph-gray-500::placeholder{
	color: #A0AEC0;
}

.ph-gray-600::placeholder{
	color: #718096;
}

.ph-gray-700::placeholder{
	color: #4A5568;
}

.ph-gray-800::placeholder{
	color: #2D3748;
}

.ph-gray-900::placeholder{
	color: #1A202C;
}


.ph-black::placeholder{
	color: #000000;
}

.ph-white::placeholder{
	color: #FFFFFF;
}


/* COLORS */
.text-purple-100{
	color: #FAF5FF;
}

.text-purple-200{
	color: #E9D8FD;
}

.text-purple-300{
	color: #D6BCFA;
}

.text-purple-400{
	color: #B794F4;
}

.text-purple-500{
	color: #9F7AEA;
}

.text-purple-600{
	color: #805AD5;
}

.text-purple-700{
	color: #6B46C1;
}

.text-purple-800{
	color: #553C9A;
}

.text-purple-900{
	color: #44337A;
}




.text-blue-100{
	color: #EBF8FF;
}

.text-blue-200{
	color: #BEE3F8;
}

.text-blue-300{
	color: #90CDF4;
}

.text-blue-400{
	color: #63B3ED;
}

.text-blue-500{
	color: #4299E1;
}

.text-blue-600{
	color: #3182CE;
}

.text-blue-700{
	color: #2B6CB0;
}

.text-blue-800{
	color: #2C5282;
}

.text-blue-900{
	color: #2A4365;
}


.text-teal-100{
	color: #E6FFFA;
}

.text-teal-200{
	color: #B2F5EA;
}

.text-teal-300{
	color: #81E6D9;
}

.text-blue-400{
	color: #4FD1C5;
}

.text-teal-500{
	color: #38B2AC;
}

.text-teal-600{
	color: #319795;
}

.text-teal-700{
	color: #2C7A7B;
}

.text-teal-800{
	color: #285E61;
}

.text-teal-900{
	color: #234E52;
}



.text-pink-100{
	color: #FFF5F7;
}
.text-pink-200{
	color: #FED7E2;
}

.text-pink-300{
	color: #FBB6CE;
}

.text-pink-400{
	color: #F687B3;
}

.text-pink-500{
	color: #ED64A6;
}

.text-pink-600{
	color: #D53F8C;
}

.text-pink-700{
	color: #B83280;
}

.text-pink-800{
	color: #97266D;
}

.text-pink-900{
	color: #702459;
}



.text-indigo-100{
	color: #EBF4FF;
}
.text-indigo-200{
	color: #C3DAFE;
}
.text-indigo-300{
	color: #A3BFFA;
}
.text-indigo-400{
	color: #7F9CF5;
}
.text-indigo-500{
	color: #667EEA;
}
.text-indigo-600{
	color: #5A67D8;
}
.text-indigo-700{
	color: #4C51BF;
}
.text-indigo-800{
	color: #434190;
}
.text-indigo-900{	
	color: #3C366B;
}


.text-green-100{
	color: #F0FFF4;
}

.text-green-200{
	color: #C6F6D5;
}

.text-green-300{
	color: #9AE6B4;
}

.text-green-400{
	color: #68D391;
}

.text-green-500{
	color: #48BB78;
}

.text-green-600{
	color: #38A169;
}

.text-green-700{
	color: #2F855A;
}

.text-green-800{
	color: #276749;
}

.text-green-900{
	color: #22543D;
}


.text-yellow-100{
	color: #FFFFF0;
}

.text-yellow-200{
	color: #FEFCBF;
}

.text-yellow-300{
	color: #FAF089;
}

.text-yellow-400{
	color: #F6E05E;
}

.text-yellow-500{
	color: #ECC94B;
}

.text-yellow-600{
	color: #D69E2E;
}

.text-yellow-700{
	color: #B7791F;
}

.text-yellow-800{
	color: #975A16;
}

.text-yellow-900{
	color: #744210;
}



.text-orange-100{
	color: #FFFAF0;
}

.text-orange-200{
	color: #FEEBC8;
}

.text-orange-300{
	color: #FBD38D;
}

.text-orange-400{
	color: #F6AD55;
}

.text-orange-500{
	color: #ED8936;
}

.text-orange-600{
	color: #DD6B20;
}

.text-orange-700{
	color: #C05621;
}

.text-orange-800{
	color: #9C4221;
}

.text-orange-900{
	color: #7B341E;
}



.text-red-100{
	color: #FFF5F5;
}

.text-red-200{
	color: #FED7D7;
}

.text-red-300{
	color: #FEB2B2;
}

.text-red-400{
	color: #FC8181;
}

.text-red-500{
	color: #F56565;
}

.text-red-600{
	color: #E53E3E;
}

.text-red-700{
	color: #C53030;
}

.text-red-800{
	color: #9B2C2C;
}

.text-red-900{
	color: #742A2A;
}



.text-gray-100{
	color: #F7FAFC;
}

.text-gray-200{
	color: #EDF2F7;
}

.text-gray-300{
	color: #E2E8F0;
}

.text-gray-400{
	color: #CBD5E0;
}

.text-gray-500{
	color: #A0AEC0;
}

.text-gray-600{
	color: #718096;
}

.text-gray-700{
	color: #4A5568;
}

.text-gray-800{
	color: #2D3748;
}

.text-gray-900{
	color: #1A202C;
}


.text-black{
	color: #000000;
}

.text-white{
	color: #FFFFFF;
}

.text-dark{
	color: #333333;
}

.text-dark-f:focus{
	color: #333333;
}

.text-dark-a:active{
	color: #333333;
}

.text-dark-h:hover{
	color: #333333;
}

.text-ninja{
	color: #333333;
}

.text-ninja-f:focus{
	color: #333333;
}

.text-ninja-a:active{
	color: #333333;
}

.text-ninja-h:hover{
	color: #333333;
}

.text-MD-dark{
	color: #394951;
}

.text-MD{
	color: #999999;
}


.text-purple-100-f:focus{
	color: #FAF5FF;
}

.text-purple-200-f:focus{
	color: #E9D8FD;
}

.text-purple-300-f:focus{
	color: #D6BCFA;
}

.text-purple-400-f:focus{
	color: #B794F4;
}

.text-purple-500-f:focus{
	color: #9F7AEA;
}

.text-purple-600-f:focus{
	color: #805AD5;
}

.text-purple-700-f:focus{
	color: #6B46C1;
}

.text-purple-800-f:focus{
	color: #553C9A;
}

.text-purple-900-f:focus{
	color: #44337A;
}




.text-blue-100-f:focus{
	color: #EBF8FF;
}

.text-blue-200-f:focus{
	color: #BEE3F8;
}

.text-blue-300-f:focus{
	color: #90CDF4;
}

.text-blue-400-f:focus{
	color: #63B3ED;
}

.text-blue-500-f:focus{
	color: #4299E1;
}

.text-blue-600-f:focus{
	color: #3182CE;
}

.text-blue-700-f:focus{
	color: #2B6CB0;
}

.text-blue-800-f:focus{
	color: #2C5282;
}

.text-blue-900-f:focus{
	color: #2A4365;
}


.text-teal-100-f:focus{
	color: #E6FFFA;
}

.text-teal-200-f:focus{
	color: #B2F5EA;
}

.text-teal-300-f:focus{
	color: #81E6D9;
}

.text-blue-400-f:focus{
	color: #4FD1C5;
}

.text-teal-500-f:focus{
	color: #38B2AC;
}

.text-teal-600-f:focus{
	color: #319795;
}

.text-teal-700-f:focus{
	color: #2C7A7B;
}

.text-teal-800-f:focus{
	color: #285E61;
}

.text-teal-900-f:focus{
	color: #234E52;
}



.text-pink-100-f:focus{
	color: #FFF5F7;
}
.text-pink-200-f:focus{
	color: #FED7E2;
}

.text-pink-300-f:focus{
	color: #FBB6CE;
}

.text-pink-400-f:focus{
	color: #F687B3;
}

.text-pink-500-f:focus{
	color: #ED64A6;
}

.text-pink-600-f:focus{
	color: #D53F8C;
}

.text-pink-700-f:focus{
	color: #B83280;
}

.text-pink-800-f:focus{
	color: #97266D;
}

.text-pink-900-f:focus{
	color: #702459;
}



.text-indigo-100-f:focus{
	color: #EBF4FF;
}
.text-indigo-200-f:focus{
	color: #C3DAFE;
}
.text-indigo-300-f:focus{
	color: #A3BFFA;
}
.text-indigo-400-f:focus{
	color: #7F9CF5;
}
.text-indigo-500-f:focus{
	color: #667EEA;
}
.text-indigo-600-f:focus{
	color: #5A67D8;
}
.text-indigo-700-f:focus{
	color: #4C51BF;
}
.text-indigo-800-f:focus{
	color: #434190;
}
.text-indigo-900-f:focus{	
	color: #3C366B;
}


.text-green-100-f:focus{
	color: #F0FFF4;
}

.text-green-200-f:focus{
	color: #C6F6D5;
}

.text-green-300-f:focus{
	color: #9AE6B4;
}

.text-green-400-f:focus{
	color: #68D391;
}

.text-green-500-f:focus{
	color: #48BB78;
}

.text-green-600-f:focus{
	color: #38A169;
}

.text-green-700-f:focus{
	color: #2F855A;
}

.text-green-800-f:focus{
	color: #276749;
}

.text-green-900-f:focus{
	color: #22543D;
}


.text-yellow-100-f:focus{
	color: #FFFFF0;
}

.text-yellow-200-f:focus{
	color: #FEFCBF;
}

.text-yellow-300-f:focus{
	color: #FAF089;
}

.text-yellow-400-f:focus{
	color: #F6E05E;
}

.text-yellow-500-f:focus{
	color: #ECC94B;
}

.text-yellow-600-f:focus{
	color: #D69E2E;
}

.text-yellow-700-f:focus{
	color: #B7791F;
}

.text-yellow-800-f:focus{
	color: #975A16;
}

.text-yellow-900-f:focus{
	color: #744210;
}



.text-orange-100-f:focus{
	color: #FFFAF0;
}

.text-orange-200-f:focus{
	color: #FEEBC8;
}

.text-orange-300-f:focus{
	color: #FBD38D;
}

.text-orange-400-f:focus{
	color: #F6AD55;
}

.text-orange-500-f:focus{
	color: #ED8936;
}

.text-orange-600-f:focus{
	color: #DD6B20;
}

.text-orange-700-f:focus{
	color: #C05621;
}

.text-orange-800-f:focus{
	color: #9C4221;
}

.text-orange-900-f:focus{
	color: #7B341E;
}



.text-red-100-f:focus{
	color: #FFF5F5;
}

.text-red-200-f:focus{
	color: #FED7D7;
}

.text-red-300-f:focus{
	color: #FEB2B2;
}

.text-red-400-f:focus{
	color: #FC8181;
}

.text-red-500-f:focus{
	color: #F56565;
}

.text-red-600-f:focus{
	color: #E53E3E;
}

.text-red-700-f:focus{
	color: #C53030;
}

.text-red-800-f:focus{
	color: #9B2C2C;
}

.text-red-900-f:focus{
	color: #742A2A;
}




.text-gray-100-h:hover{
	color: #F7FAFC;
}

.text-gray-200-h:hover{
	color: #EDF2F7;
}

.text-gray-300-h:hover{
	color: #E2E8F0;
}

.text-gray-400-h:hover{
	color: #CBD5E0;
}

.text-gray-500-h:hover{
	color: #A0AEC0;
}

.text-gray-600-h:hover{
	color: #718096;
}

.text-gray-700-h:hover{
	color: #4A5568;
}

.text-gray-800-h:hover{
	color: #2D3748;
}

.text-gray-900-h:hover{
	color: #1A202C;
}



.text-gray-100-a:active{
	color: #F7FAFC;
}

.text-gray-200-a:active{
	color: #EDF2F7;
}

.text-gray-300-a:active{
	color: #E2E8F0;
}

.text-gray-400-a:active{
	color: #CBD5E0;
}

.text-gray-500-a:active{
	color: #A0AEC0;
}

.text-gray-600-a:active{
	color: #718096;
}

.text-gray-700-a:active{
	color: #4A5568;
}

.text-gray-800-a:active{
	color: #2D3748;
}

.text-gray-900-a:active{
	color: #1A202C;
}



.text-gray-100-f:focus{
	color: #F7FAFC;
}

.text-gray-200-f:focus{
	color: #EDF2F7;
}

.text-gray-300-f:focus{
	color: #E2E8F0;
}

.text-gray-400-f:focus{
	color: #CBD5E0;
}

.text-gray-500-f:focus{
	color: #A0AEC0;
}

.text-gray-600-f:focus{
	color: #718096;
}

.text-gray-700-f:focus{
	color: #4A5568;
}

.text-gray-800-f:focus{
	color: #2D3748;
}

.text-gray-900-f:focus{
	color: #1A202C;
}


.text-black-f:focus{
	color: #000000;
}

.text-white-f:focus{
	color: #FFFFFF;
}


.text-purple-100-h:hover{
	color: #FAF5FF;
}

.text-purple-200-h:hover{
	color: #E9D8FD;
}

.text-purple-300-h:hover{
	color: #D6BCFA;
}

.text-purple-400-h:hover{
	color: #B794F4;
}

.text-purple-500-h:hover{
	color: #9F7AEA;
}

.text-purple-600-h:hover{
	color: #805AD5;
}

.text-purple-700-h:hover{
	color: #6B46C1;
}

.text-purple-800-h:hover{
	color: #553C9A;
}

.text-purple-900-h:hover{
	color: #44337A;
}




.text-blue-100-h:hover{
	color: #EBF8FF;
}

.text-blue-200-h:hover{
	color: #BEE3F8;
}

.text-blue-300-h:hover{
	color: #90CDF4;
}

.text-blue-400-h:hover{
	color: #63B3ED;
}

.text-blue-500-h:hover{
	color: #4299E1;
}

.text-blue-600-h:hover{
	color: #3182CE;
}

.text-blue-700-h:hover{
	color: #2B6CB0;
}

.text-blue-800-h:hover{
	color: #2C5282;
}

.text-blue-900-h:hover{
	color: #2A4365;
}


.text-teal-100-h:hover{
	color: #E6FFFA;
}

.text-teal-200-h:hover{
	color: #B2F5EA;
}

.text-teal-300-h:hover{
	color: #81E6D9;
}

.text-blue-400-h:hover{
	color: #4FD1C5;
}

.text-teal-500-h:hover{
	color: #38B2AC;
}

.text-teal-600-h:hover{
	color: #319795;
}

.text-teal-700-h:hover{
	color: #2C7A7B;
}

.text-teal-800-h:hover{
	color: #285E61;
}

.text-teal-900-h:hover{
	color: #234E52;
}



.text-pink-100-h:hover{
	color: #FFF5F7;
}
.text-pink-200-h:hover{
	color: #FED7E2;
}

.text-pink-300-h:hover{
	color: #FBB6CE;
}

.text-pink-400-h:hover{
	color: #F687B3;
}

.text-pink-500-h:hover{
	color: #ED64A6;
}

.text-pink-600-h:hover{
	color: #D53F8C;
}

.text-pink-700-h:hover{
	color: #B83280;
}

.text-pink-800-h:hover{
	color: #97266D;
}

.text-pink-900-h:hover{
	color: #702459;
}



.text-indigo-100-h:hover{
	color: #EBF4FF;
}
.text-indigo-200-h:hover{
	color: #C3DAFE;
}
.text-indigo-300-h:hover{
	color: #A3BFFA;
}
.text-indigo-400-h:hover{
	color: #7F9CF5;
}
.text-indigo-500-h:hover{
	color: #667EEA;
}
.text-indigo-600-h:hover{
	color: #5A67D8;
}
.text-indigo-700-h:hover{
	color: #4C51BF;
}
.text-indigo-800-h:hover{
	color: #434190;
}
.text-indigo-900-h:hover{	
	color: #3C366B;
}


.text-green-100-h:hover{
	color: #F0FFF4;
}

.text-green-200-h:hover{
	color: #C6F6D5;
}

.text-green-300-h:hover{
	color: #9AE6B4;
}

.text-green-400-h:hover{
	color: #68D391;
}

.text-green-500-h:hover{
	color: #48BB78;
}

.text-green-600-h:hover{
	color: #38A169;
}

.text-green-700-h:hover{
	color: #2F855A;
}

.text-green-800-h:hover{
	color: #276749;
}

.text-green-900-h:hover{
	color: #22543D;
}


.text-yellow-100-h:hover{
	color: #FFFFF0;
}

.text-yellow-200-h:hover{
	color: #FEFCBF;
}

.text-yellow-300-h:hover{
	color: #FAF089;
}

.text-yellow-400-h:hover{
	color: #F6E05E;
}

.text-yellow-500-h:hover{
	color: #ECC94B;
}

.text-yellow-600-h:hover{
	color: #D69E2E;
}

.text-yellow-700-h:hover{
	color: #B7791F;
}

.text-yellow-800-h:hover{
	color: #975A16;
}

.text-yellow-900-h:hover{
	color: #744210;
}



.text-orange-100-h:hover{
	color: #FFFAF0;
}

.text-orange-200-h:hover{
	color: #FEEBC8;
}

.text-orange-300-h:hover{
	color: #FBD38D;
}

.text-orange-400-h:hover{
	color: #F6AD55;
}

.text-orange-500-h:hover{
	color: #ED8936;
}

.text-orange-600-h:hover{
	color: #DD6B20;
}

.text-orange-700-h:hover{
	color: #C05621;
}

.text-orange-800-h:hover{
	color: #9C4221;
}

.text-orange-900-h:hover{
	color: #7B341E;
}



.text-red-100-h:hover{
	color: #FFF5F5;
}

.text-red-200-h:hover{
	color: #FED7D7;
}

.text-red-300-h:hover{
	color: #FEB2B2;
}

.text-red-400-h:hover{
	color: #FC8181;
}

.text-red-500-h:hover{
	color: #F56565;
}

.text-red-600-h:hover{
	color: #E53E3E;
}

.text-red-700-h:hover{
	color: #C53030;
}

.text-red-800-h:hover{
	color: #9B2C2C;
}

.text-red-900-h:hover{
	color: #742A2A;
}

.text-purple-100-a:active{
	color: #FAF5FF;
}

.text-purple-200-a:active{
	color: #E9D8FD;
}

.text-purple-300-a:active{
	color: #D6BCFA;
}

.text-purple-400-a:active{
	color: #B794F4;
}

.text-purple-500-a:active{
	color: #9F7AEA;
}

.text-purple-600-a:active{
	color: #805AD5;
}

.text-purple-700-a:active{
	color: #6B46C1;
}

.text-purple-800-a:active{
	color: #553C9A;
}

.text-purple-900-a:active{
	color: #44337A;
}




.text-blue-100-a:active{
	color: #EBF8FF;
}

.text-blue-200-a:active{
	color: #BEE3F8;
}

.text-blue-300-a:active{
	color: #90CDF4;
}

.text-blue-400-a:active{
	color: #63B3ED;
}

.text-blue-500-a:active{
	color: #4299E1;
}

.text-blue-600-a:active{
	color: #3182CE;
}

.text-blue-700-a:active{
	color: #2B6CB0;
}

.text-blue-800-a:active{
	color: #2C5282;
}

.text-blue-900-a:active{
	color: #2A4365;
}


.text-teal-100-a:active{
	color: #E6FFFA;
}

.text-teal-200-a:active{
	color: #B2F5EA;
}

.text-teal-300-a:active{
	color: #81E6D9;
}

.text-blue-400-a:active{
	color: #4FD1C5;
}

.text-teal-500-a:active{
	color: #38B2AC;
}

.text-teal-600-a:active{
	color: #319795;
}

.text-teal-700-a:active{
	color: #2C7A7B;
}

.text-teal-800-a:active{
	color: #285E61;
}

.text-teal-900-a:active{
	color: #234E52;
}



.text-pink-100-a:active{
	color: #FFF5F7;
}
.text-pink-200-a:active{
	color: #FED7E2;
}

.text-pink-300-a:active{
	color: #FBB6CE;
}

.text-pink-400-a:active{
	color: #F687B3;
}

.text-pink-500-a:active{
	color: #ED64A6;
}

.text-pink-600-a:active{
	color: #D53F8C;
}

.text-pink-700-a:active{
	color: #B83280;
}

.text-pink-800-a:active{
	color: #97266D;
}

.text-pink-900-a:active{
	color: #702459;
}



.text-indigo-100-a:active{
	color: #EBF4FF;
}
.text-indigo-200-a:active{
	color: #C3DAFE;
}
.text-indigo-300-a:active{
	color: #A3BFFA;
}
.text-indigo-400-a:active{
	color: #7F9CF5;
}
.text-indigo-500-a:active{
	color: #667EEA;
}
.text-indigo-600-a:active{
	color: #5A67D8;
}
.text-indigo-700-a:active{
	color: #4C51BF;
}
.text-indigo-800-a:active{
	color: #434190;
}
.text-indigo-900-a:active{	
	color: #3C366B;
}


.text-green-100-a:active{
	color: #F0FFF4;
}

.text-green-200-a:active{
	color: #C6F6D5;
}

.text-green-300-a:active{
	color: #9AE6B4;
}

.text-green-400-a:active{
	color: #68D391;
}

.text-green-500-a:active{
	color: #48BB78;
}

.text-green-600-a:active{
	color: #38A169;
}

.text-green-700-a:active{
	color: #2F855A;
}

.text-green-800-a:active{
	color: #276749;
}

.text-green-900-a:active{
	color: #22543D;
}


.text-yellow-100-a:active{
	color: #FFFFF0;
}

.text-yellow-200-a:active{
	color: #FEFCBF;
}

.text-yellow-300-a:active{
	color: #FAF089;
}

.text-yellow-400-a:active{
	color: #F6E05E;
}

.text-yellow-500-a:active{
	color: #ECC94B;
}

.text-yellow-600-a:active{
	color: #D69E2E;
}

.text-yellow-700-a:active{
	color: #B7791F;
}

.text-yellow-800-a:active{
	color: #975A16;
}

.text-yellow-900-a:active{
	color: #744210;
}



.text-orange-100-a:active{
	color: #FFFAF0;
}

.text-orange-200-a:active{
	color: #FEEBC8;
}

.text-orange-300-a:active{
	color: #FBD38D;
}

.text-orange-400-a:active{
	color: #F6AD55;
}

.text-orange-500-a:active{
	color: #ED8936;
}

.text-orange-600-a:active{
	color: #DD6B20;
}

.text-orange-700-a:active{
	color: #C05621;
}

.text-orange-800-a:active{
	color: #9C4221;
}

.text-orange-900-a:active{
	color: #7B341E;
}



.text-red-100-a:active{
	color: #FFF5F5;
}

.text-red-200-a:active{
	color: #FED7D7;
}

.text-red-300-a:active{
	color: #FEB2B2;
}

.text-red-400-a:active{
	color: #FC8181;
}

.text-red-500-a:active{
	color: #F56565;
}

.text-red-600-a:active{
	color: #E53E3E;
}

.text-red-700-a:active{
	color: #C53030;
}

.text-red-800-a:active{
	color: #9B2C2C;
}

.text-red-900-a:active{
	color: #742A2A;
}


.text-white-a:active{
	color:#FFFFFF;
}

.text-black-a:active{
	color:#000000;
}

.text-white-h:hover{
	color:#FFFFFF;
}

.text-black-h:hover{
	color:#000000;
}








/* BORDER  */

/* BORDER */
.b-none{
	border:none;
}

.b-thin{
	border-width: 0.001rem;
}

.b-1{
	border-width: 1px;
}

.b-2{
	border-width: 2px;
}

.b-3{
	border-width: 3px;
}

.b-4{
	border-width: 4px;
}

.b-5{
	border-width: 5px;
}

.b-6{
	border-width: 6px;
}

.b-7{
	border-width: 7px;
}

.b-8{
	border-width: 8px;
}

.b-9{
	border-width: 9px;
}

.b-10{
	border-width: 10px;
}

.bl-none{
	border-left:none;
}

.bl-thin{
	border-left-width: 0.001rem;
	border-left-style: solid;
}

.bl-1{
	border-left-width: 1px;
	border-left-style: solid;
}

.bl-2{
	border-left-width: 2px;
	border-left-style: solid;
}

.bl-3{
	border-left-width: 3px;
	border-left-style: solid;
}

.bl-4{
	border-left-width: 4px;
	border-left-style: solid;
}

.br-none{
	border-right:none;
}

.br-thin{
	border-right-width: 0.001rem;
	border-right-style: solid;
}

.br-1{
	border-right-width: 1px;
	border-right-style: solid;
}

.br-2{
	border-right-width: 2px;
	border-right-style: solid;
}

.br-3{
	border-right-width: 3px;
	border-right-style: solid;
}

.br-4{
	border-right-width: 4px;
	border-right-style: solid;
}

.bt-none{
	border-top:none;
}

.bt-1{
	border-top-width: 1px;
	border-top-style: solid;
}

.bt-thin{
	border-top-width: 0.001rem;
	border-top-style: solid;
}

.bt-2{
	border-top-width: 2px;
	border-top-style: solid;
}

.bt-3{
	border-top-width: 3px;
	border-top-style: solid;
}

.bt-4{
	border-top-width: 4px;
	border-top-style: solid;
}

.bb-none{
	border-bottom:none;
}

.bb-1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bb-thin{
	border-bottom-width: 0.001rem;
	border-bottom-style: solid;
}

.b-dark{
	border-color: rgb(170,170,170);
}

.bb-2{
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.bb-3{
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.bb-4{
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

.b-solid{
	border-style: solid;
}

.b-dashed{
	border-style: dashed;
}

.b-dotted{
	border-style: dotted;
}

.b-double{
	border-style: double;
}


.b-purple-100{
	border-color: #FAF5FF;
}

.b-purple-200{
	border-color: #E9D8FD;
}

.b-purple-300{
	border-color: #D6BCFA;
}

.b-purple-400{
	border-color: #B794F4;
}

.b-purple-500{
	border-color: #9F7AEA;
}

.b-purple-600{
	border-color: #805AD5;
}

.b-purple-700{
	border-color: #6B46C1;
}

.b-purple-800{
	border-color: #553C9A;
}

.b-purple-900{
	border-color: #44337A;
}




.b-blue-100{
	border-color: #EBF8FF;
}

.b-blue-200{
	border-color: #BEE3F8;
}

.b-blue-300{
	border-color: #90CDF4;
}

.b-blue-400{
	border-color: #63B3ED;
}

.b-blue-500{
	border-color: #4299E1;
}

.b-blue-600{
	border-color: #3182CE;
}

.b-blue-700{
	border-color: #2B6CB0;
}

.b-blue-800{
	border-color: #2C5282;
}

.b-blue-900{
	border-color: #2A4365;
}


.b-teal-100{
	border-color: #E6FFFA;
}

.b-teal-200{
	border-color: #B2F5EA;
}

.b-teal-300{
	border-color: #81E6D9;
}

.b-teal-400{
	border-color: #4FD1C5;
}

.b-teal-500{
	border-color: #38B2AC;
}

.b-teal-600{
	border-color: #319795;
}

.b-teal-700{
	border-color: #2C7A7B;
}

.b-teal-800{
	border-color: #285E61;
}

.b-teal-900{
	border-color: #234E52;
}



.b-pink-100{
	border-color: #FFF5F7;
}
.b-pink-200{
	border-color: #FED7E2;
}

.b-pink-300{
	border-color: #FBB6CE;
}

.b-pink-400{
	border-color: #F687B3;
}

.b-pink-500{
	border-color: #ED64A6;
}

.b-pink-600{
	border-color: #D53F8C;
}

.b-pink-700{
	border-color: #B83280;
}

.b-pink-800{
	border-color: #97266D;
}

.b-pink-900{
	border-color: #702459;
}



.b-indigo-100{
	border-color: #EBF4FF;
}
.b-indigo-200{
	border-color: #C3DAFE;
}
.b-indigo-300{
	border-color: #A3BFFA;
}
.b-indigo-400{
	border-color: #7F9CF5;
}
.b-indigo-500{
	border-color: #667EEA;
}
.b-indigo-600{
	border-color: #5A67D8;
}
.b-indigo-700{
	border-color: #4C51BF;
}
.b-indigo-800{
	border-color: #434190;
}
.b-indigo-900{	
	border-color: #3C366B;
}


.b-green-100{
	border-color: #F0FFF4;
}

.b-green-200{
	border-color: #C6F6D5;
}

.b-green-300{
	border-color: #9AE6B4;
}

.b-green-400{
	border-color: #68D391;
}

.b-green-500{
	border-color: #48BB78;
}

.b-green-600{
	border-color: #38A169;
}

.b-green-700{
	border-color: #2F855A;
}

.b-green-800{
	border-color: #276749;
}

.b-green-900{
	border-color: #22543D;
}


.b-yellow-100{
	border-color: #FFFFF0;
}

.b-yellow-200{
	border-color: #FEFCBF;
}

.b-yellow-300{
	border-color: #FAF089;
}

.b-yellow-400{
	border-color: #F6E05E;
}

.b-yellow-500{
	border-color: #ECC94B;
}

.b-yellow-600{
	border-color: #D69E2E;
}

.b-yellow-700{
	border-color: #B7791F;
}

.b-yellow-800{
	border-color: #975A16;
}

.b-yellow-900{
	border-color: #744210;
}



.b-orange-100{
	border-color: #FFFAF0;
}

.b-orange-200{
	border-color: #FEEBC8;
}

.b-orange-300{
	border-color: #FBD38D;
}

.b-orange-400{
	border-color: #F6AD55;
}

.b-orange-500{
	border-color: #ED8936;
}

.b-orange-600{
	border-color: #DD6B20;
}

.b-orange-700{
	border-color: #C05621;
}

.b-orange-800{
	border-color: #9C4221;
}

.b-orange-900{
	border-color: #7B341E;
}



.b-red-100{
	border-color: #FFF5F5;
}

.b-red-200{
	border-color: #FED7D7;
}

.b-red-300{
	border-color: #FEB2B2;
}

.b-red-400{
	border-color: #FC8181;
}

.b-red-500{
	border-color: #F56565;
}

.b-red-600{
	border-color: #E53E3E;
}

.b-red-700{
	border-color: #C53030;
}

.b-red-800{
	border-color: #9B2C2C;
}

.b-red-900{
	border-color: #742A2A;
}



.b-gray-100{
	border-color: #F7FAFC;
}

.b-gray-200{
	border-color: #EDF2F7;
}

.b-gray-300{
	border-color: #E2E8F0;
}

.b-gray-400{
	border-color: #CBD5E0;
}

.b-gray-500{
	border-color: #A0AEC0;
}

.b-gray-600{
	border-color: #718096;
}

.b-gray-700{
	border-color: #4A5568;
}

.b-gray-800{
	border-color: #2D3748;
}

.b-gray-900{
	border-color: #1A202C;
}


.b-black{
	border-color: #000000;
}

.b-white{
	border-color: #FFFFFF;
}

.b-purple-100-h:hover{
	border-color: #FAF5FF;
}

.b-purple-200-h:hover{
	border-color: #E9D8FD;
}

.b-purple-300-h:hover{
	border-color: #D6BCFA;
}

.b-purple-400-h:hover{
	border-color: #B794F4;
}

.b-purple-500-h:hover{
	border-color: #9F7AEA;
}

.b-purple-600-h:hover{
	border-color: #805AD5;
}

.b-purple-700-h:hover{
	border-color: #6B46C1;
}

.b-purple-800-h:hover{
	border-color: #553C9A;
}

.b-purple-900-h:hover{
	border-color: #44337A;
}




.b-blue-100-h:hover{
	border-color: #EBF8FF;
}

.b-blue-200-h:hover{
	border-color: #BEE3F8;
}

.b-blue-300-h:hover{
	border-color: #90CDF4;
}

.b-blue-400-h:hover{
	border-color: #63B3ED;
}

.b-blue-500-h:hover{
	border-color: #4299E1;
}

.b-blue-600-h:hover{
	border-color: #3182CE;
}

.b-blue-700-h:hover{
	border-color: #2B6CB0;
}

.b-blue-800-h:hover{
	border-color: #2C5282;
}

.b-blue-900-h:hover{
	border-color: #2A4365;
}


.b-teal-100-h:hover{
	border-color: #E6FFFA;
}

.b-teal-200-h:hover{
	border-color: #B2F5EA;
}

.b-teal-300-h:hover{
	border-color: #81E6D9;
}

.b-teal-400-h:hover{
	border-color: #4FD1C5;
}

.b-teal-500-h:hover{
	border-color: #38B2AC;
}

.b-teal-600-h:hover{
	border-color: #319795;
}

.b-teal-700-h:hover{
	border-color: #2C7A7B;
}

.b-teal-800-h:hover{
	border-color: #285E61;
}

.b-teal-900-h:hover{
	border-color: #234E52;
}



.b-pink-100-h:hover{
	border-color: #FFF5F7;
}
.b-pink-200-h:hover{
	border-color: #FED7E2;
}

.b-pink-300-h:hover{
	border-color: #FBB6CE;
}

.b-pink-400-h:hover{
	border-color: #F687B3;
}

.b-pink-500-h:hover{
	border-color: #ED64A6;
}

.b-pink-600-h:hover{
	border-color: #D53F8C;
}

.b-pink-700-h:hover{
	border-color: #B83280;
}

.b-pink-800-h:hover{
	border-color: #97266D;
}

.b-pink-900-h:hover{
	border-color: #702459;
}



.b-indigo-100-h:hover{
	border-color: #EBF4FF;
}
.b-indigo-200-h:hover{
	border-color: #C3DAFE;
}
.b-indigo-300-h:hover{
	border-color: #A3BFFA;
}
.b-indigo-400-h:hover{
	border-color: #7F9CF5;
}
.b-indigo-500-h:hover{
	border-color: #667EEA;
}
.b-indigo-600-h:hover{
	border-color: #5A67D8;
}
.b-indigo-700-h:hover{
	border-color: #4C51BF;
}
.b-indigo-800-h:hover{
	border-color: #434190;
}
.b-indigo-900-h:hover{	
	border-color: #3C366B;
}


.b-green-100-h:hover{
	border-color: #F0FFF4;
}

.b-green-200-h:hover{
	border-color: #C6F6D5;
}

.b-green-300-h:hover{
	border-color: #9AE6B4;
}

.b-green-400-h:hover{
	border-color: #68D391;
}

.b-green-500-h:hover{
	border-color: #48BB78;
}

.b-green-600-h:hover{
	border-color: #38A169;
}

.b-green-700-h:hover{
	border-color: #2F855A;
}

.b-green-800-h:hover{
	border-color: #276749;
}

.b-green-900-h:hover{
	border-color: #22543D;
}


.b-yellow-100-h:hover{
	border-color: #FFFFF0;
}

.b-yellow-200-h:hover{
	border-color: #FEFCBF;
}

.b-yellow-300-h:hover{
	border-color: #FAF089;
}

.b-yellow-400-h:hover{
	border-color: #F6E05E;
}

.b-yellow-500-h:hover{
	border-color: #ECC94B;
}

.b-yellow-600-h:hover{
	border-color: #D69E2E;
}

.b-yellow-700-h:hover{
	border-color: #B7791F;
}

.b-yellow-800-h:hover{
	border-color: #975A16;
}

.b-yellow-900-h:hover{
	border-color: #744210;
}



.b-orange-100-h:hover{
	border-color: #FFFAF0;
}

.b-orange-200-h:hover{
	border-color: #FEEBC8;
}

.b-orange-300-h:hover{
	border-color: #FBD38D;
}

.b-orange-400-h:hover{
	border-color: #F6AD55;
}

.b-orange-500-h:hover{
	border-color: #ED8936;
}

.b-orange-600-h:hover{
	border-color: #DD6B20;
}

.b-orange-700-h:hover{
	border-color: #C05621;
}

.b-orange-800-h:hover{
	border-color: #9C4221;
}

.b-orange-900-h:hover{
	border-color: #7B341E;
}



.b-red-100-h:hover{
	border-color: #FFF5F5;
}

.b-red-200-h:hover{
	border-color: #FED7D7;
}

.b-red-300-h:hover{
	border-color: #FEB2B2;
}

.b-red-400-h:hover{
	border-color: #FC8181;
}

.b-red-500-h:hover{
	border-color: #F56565;
}

.b-red-600-h:hover{
	border-color: #E53E3E;
}

.b-red-700-h:hover{
	border-color: #C53030;
}

.b-red-800-h:hover{
	border-color: #9B2C2C;
}

.b-red-900-h:hover{
	border-color: #742A2A;
}



.b-gray-100-h:hover{
	border-color: #F7FAFC;
}

.b-gray-200-h:hover{
	border-color: #EDF2F7;
}

.b-gray-300-h:hover{
	border-color: #E2E8F0;
}

.b-gray-400-h:hover{
	border-color: #CBD5E0;
}

.b-gray-500-h:hover{
	border-color: #A0AEC0;
}

.b-gray-600-h:hover{
	border-color: #718096;
}

.b-gray-700-h:hover{
	border-color: #4A5568;
}

.b-gray-800-h:hover{
	border-color: #2D3748;
}

.b-gray-900-h:hover{
	border-color: #1A202C;
}


.b-black-h:hover{
	border-color: #000000;
}

.b-white-h:hover{
	border-color: #FFFFFF;
}


.b-purple-100-a:active{
	border-color: #FAF5FF;
}

.b-purple-200-a:active{
	border-color: #E9D8FD;
}

.b-purple-300-a:active{
	border-color: #D6BCFA;
}

.b-purple-400-a:active{
	border-color: #B794F4;
}

.b-purple-500-a:active{
	border-color: #9F7AEA;
}

.b-purple-600-a:active{
	border-color: #805AD5;
}

.b-purple-700-a:active{
	border-color: #6B46C1;
}

.b-purple-800-a:active{
	border-color: #553C9A;
}

.b-purple-900-a:active{
	border-color: #44337A;
}




.b-blue-100-a:active{
	border-color: #EBF8FF;
}

.b-blue-200-a:active{
	border-color: #BEE3F8;
}

.b-blue-300-a:active{
	border-color: #90CDF4;
}

.b-blue-400-a:active{
	border-color: #63B3ED;
}

.b-blue-500-a:active{
	border-color: #4299E1;
}

.b-blue-600-a:active{
	border-color: #3182CE;
}

.b-blue-700-a:active{
	border-color: #2B6CB0;
}

.b-blue-800-a:active{
	border-color: #2C5282;
}

.b-blue-900-a:active{
	border-color: #2A4365;
}


.b-teal-100-a:active{
	border-color: #E6FFFA;
}

.b-teal-200-a:active{
	border-color: #B2F5EA;
}

.b-teal-300-a:active{
	border-color: #81E6D9;
}

.b-teal-400-a:active{
	border-color: #4FD1C5;
}

.b-teal-500-a:active{
	border-color: #38B2AC;
}

.b-teal-600-a:active{
	border-color: #319795;
}

.b-teal-700-a:active{
	border-color: #2C7A7B;
}

.b-teal-800-a:active{
	border-color: #285E61;
}

.b-teal-900-a:active{
	border-color: #234E52;
}



.b-pink-100-a:active{
	border-color: #FFF5F7;
}
.b-pink-200-a:active{
	border-color: #FED7E2;
}

.b-pink-300-a:active{
	border-color: #FBB6CE;
}

.b-pink-400-a:active{
	border-color: #F687B3;
}

.b-pink-500-a:active{
	border-color: #ED64A6;
}

.b-pink-600-a:active{
	border-color: #D53F8C;
}

.b-pink-700-a:active{
	border-color: #B83280;
}

.b-pink-800-a:active{
	border-color: #97266D;
}

.b-pink-900-a:active{
	border-color: #702459;
}



.b-indigo-100-a:active{
	border-color: #EBF4FF;
}
.b-indigo-200-a:active{
	border-color: #C3DAFE;
}
.b-indigo-300-a:active{
	border-color: #A3BFFA;
}
.b-indigo-400-a:active{
	border-color: #7F9CF5;
}
.b-indigo-500-a:active{
	border-color: #667EEA;
}
.b-indigo-600-a:active{
	border-color: #5A67D8;
}
.b-indigo-700-a:active{
	border-color: #4C51BF;
}
.b-indigo-800-a:active{
	border-color: #434190;
}
.b-indigo-900-a:active{	
	border-color: #3C366B;
}


.b-green-100-a:active{
	border-color: #F0FFF4;
}

.b-green-200-a:active{
	border-color: #C6F6D5;
}

.b-green-300-a:active{
	border-color: #9AE6B4;
}

.b-green-400-a:active{
	border-color: #68D391;
}

.b-green-500-a:active{
	border-color: #48BB78;
}

.b-green-600-a:active{
	border-color: #38A169;
}

.b-green-700-a:active{
	border-color: #2F855A;
}

.b-green-800-a:active{
	border-color: #276749;
}

.b-green-900-a:active{
	border-color: #22543D;
}


.b-yellow-100-a:active{
	border-color: #FFFFF0;
}

.b-yellow-200-a:active{
	border-color: #FEFCBF;
}

.b-yellow-300-a:active{
	border-color: #FAF089;
}

.b-yellow-400-a:active{
	border-color: #F6E05E;
}

.b-yellow-500-a:active{
	border-color: #ECC94B;
}

.b-yellow-600-a:active{
	border-color: #D69E2E;
}

.b-yellow-700-a:active{
	border-color: #B7791F;
}

.b-yellow-800-a:active{
	border-color: #975A16;
}

.b-yellow-900-a:active{
	border-color: #744210;
}



.b-orange-100-a:active{
	border-color: #FFFAF0;
}

.b-orange-200-a:active{
	border-color: #FEEBC8;
}

.b-orange-300-a:active{
	border-color: #FBD38D;
}

.b-orange-400-a:active{
	border-color: #F6AD55;
}

.b-orange-500-a:active{
	border-color: #ED8936;
}

.b-orange-600-a:active{
	border-color: #DD6B20;
}

.b-orange-700-a:active{
	border-color: #C05621;
}

.b-orange-800-a:active{
	border-color: #9C4221;
}

.b-orange-900-a:active{
	border-color: #7B341E;
}



.b-red-100-a:active{
	border-color: #FFF5F5;
}

.b-red-200-a:active{
	border-color: #FED7D7;
}

.b-red-300-a:active{
	border-color: #FEB2B2;
}

.b-red-400-a:active{
	border-color: #FC8181;
}

.b-red-500-a:active{
	border-color: #F56565;
}

.b-red-600-a:active{
	border-color: #E53E3E;
}

.b-red-700-a:active{
	border-color: #C53030;
}

.b-red-800-a:active{
	border-color: #9B2C2C;
}

.b-red-900-a:active{
	border-color: #742A2A;
}



.b-gray-100-a:active{
	border-color: #F7FAFC;
}

.b-gray-200-a:active{
	border-color: #EDF2F7;
}

.b-gray-300-a:active{
	border-color: #E2E8F0;
}

.b-gray-400-a:active{
	border-color: #CBD5E0;
}

.b-gray-500-a:active{
	border-color: #A0AEC0;
}

.b-gray-600-a:active{
	border-color: #718096;
}

.b-gray-700-a:active{
	border-color: #4A5568;
}

.b-gray-800-a:active{
	border-color: #2D3748;
}

.b-gray-900-a:active{
	border-color: #1A202C;
}


.b-black-a:active{
	border-color: #000000;
}

.b-white-a:active{
	border-color: #FFFFFF;
}


.b-purple-100-f:focus{
	border-color: #FAF5FF;
}

.b-purple-200-f:focus{
	border-color: #E9D8FD;
}

.b-purple-300-f:focus{
	border-color: #D6BCFA;
}

.b-purple-400-f:focus{
	border-color: #B794F4;
}

.b-purple-500-f:focus{
	border-color: #9F7AEA;
}

.b-purple-600-f:focus{
	border-color: #805AD5;
}

.b-purple-700-f:focus{
	border-color: #6B46C1;
}

.b-purple-800-f:focus{
	border-color: #553C9A;
}

.b-purple-900-f:focus{
	border-color: #44337A;
}




.b-blue-100-f:focus{
	border-color: #EBF8FF;
}

.b-blue-200-f:focus{
	border-color: #BEE3F8;
}

.b-blue-300-f:focus{
	border-color: #90CDF4;
}

.b-blue-400-f:focus{
	border-color: #63B3ED;
}

.b-blue-500-f:focus{
	border-color: #4299E1;
}

.b-blue-600-f:focus{
	border-color: #3182CE;
}

.b-blue-700-f:focus{
	border-color: #2B6CB0;
}

.b-blue-800-f:focus{
	border-color: #2C5282;
}

.b-blue-900-f:focus{
	border-color: #2A4365;
}


.b-teal-100-f:focus{
	border-color: #E6FFFA;
}

.b-teal-200-f:focus{
	border-color: #B2F5EA;
}

.b-teal-300-f:focus{
	border-color: #81E6D9;
}

.b-teal-400-f:focus{
	border-color: #4FD1C5;
}

.b-teal-500-f:focus{
	border-color: #38B2AC;
}

.b-teal-600-f:focus{
	border-color: #319795;
}

.b-teal-700-f:focus{
	border-color: #2C7A7B;
}

.b-teal-800-f:focus{
	border-color: #285E61;
}

.b-teal-900-f:focus{
	border-color: #234E52;
}



.b-pink-100-f:focus{
	border-color: #FFF5F7;
}
.b-pink-200-f:focus{
	border-color: #FED7E2;
}

.b-pink-300-f:focus{
	border-color: #FBB6CE;
}

.b-pink-400-f:focus{
	border-color: #F687B3;
}

.b-pink-500-f:focus{
	border-color: #ED64A6;
}

.b-pink-600-f:focus{
	border-color: #D53F8C;
}

.b-pink-700-f:focus{
	border-color: #B83280;
}

.b-pink-800-f:focus{
	border-color: #97266D;
}

.b-pink-900-f:focus{
	border-color: #702459;
}



.b-indigo-100-f:focus{
	border-color: #EBF4FF;
}
.b-indigo-200-f:focus{
	border-color: #C3DAFE;
}
.b-indigo-300-f:focus{
	border-color: #A3BFFA;
}
.b-indigo-400-f:focus{
	border-color: #7F9CF5;
}
.b-indigo-500-f:focus{
	border-color: #667EEA;
}
.b-indigo-600-f:focus{
	border-color: #5A67D8;
}
.b-indigo-700-f:focus{
	border-color: #4C51BF;
}
.b-indigo-800-f:focus{
	border-color: #434190;
}
.b-indigo-900-f:focus{	
	border-color: #3C366B;
}


.b-green-100-f:focus{
	border-color: #F0FFF4;
}

.b-green-200-f:focus{
	border-color: #C6F6D5;
}

.b-green-300-f:focus{
	border-color: #9AE6B4;
}

.b-green-400-f:focus{
	border-color: #68D391;
}

.b-green-500-f:focus{
	border-color: #48BB78;
}

.b-green-600-f:focus{
	border-color: #38A169;
}

.b-green-700-f:focus{
	border-color: #2F855A;
}

.b-green-800-f:focus{
	border-color: #276749;
}

.b-green-900-f:focus{
	border-color: #22543D;
}


.b-yellow-100-f:focus{
	border-color: #FFFFF0;
}

.b-yellow-200-f:focus{
	border-color: #FEFCBF;
}

.b-yellow-300-f:focus{
	border-color: #FAF089;
}

.b-yellow-400-f:focus{
	border-color: #F6E05E;
}

.b-yellow-500-f:focus{
	border-color: #ECC94B;
}

.b-yellow-600-f:focus{
	border-color: #D69E2E;
}

.b-yellow-700-f:focus{
	border-color: #B7791F;
}

.b-yellow-800-f:focus{
	border-color: #975A16;
}

.b-yellow-900-f:focus{
	border-color: #744210;
}



.b-orange-100-f:focus{
	border-color: #FFFAF0;
}

.b-orange-200-f:focus{
	border-color: #FEEBC8;
}

.b-orange-300-f:focus{
	border-color: #FBD38D;
}

.b-orange-400-f:focus{
	border-color: #F6AD55;
}

.b-orange-500-f:focus{
	border-color: #ED8936;
}

.b-orange-600-f:focus{
	border-color: #DD6B20;
}

.b-orange-700-f:focus{
	border-color: #C05621;
}

.b-orange-800-f:focus{
	border-color: #9C4221;
}

.b-orange-900-f:focus{
	border-color: #7B341E;
}



.b-red-100-f:focus{
	border-color: #FFF5F5;
}

.b-red-200-f:focus{
	border-color: #FED7D7;
}

.b-red-300-f:focus{
	border-color: #FEB2B2;
}

.b-red-400-f:focus{
	border-color: #FC8181;
}

.b-red-500-f:focus{
	border-color: #F56565;
}

.b-red-600-f:focus{
	border-color: #E53E3E;
}

.b-red-700-f:focus{
	border-color: #C53030;
}

.b-red-800-f:focus{
	border-color: #9B2C2C;
}

.b-red-900-f:focus{
	border-color: #742A2A;
}



.b-gray-100-f:focus{
	border-color: #F7FAFC;
}

.b-gray-200-f:focus{
	border-color: #EDF2F7;
}

.b-gray-300-f:focus{
	border-color: #E2E8F0;
}

.b-gray-400-f:focus{
	border-color: #CBD5E0;
}

.b-gray-500-f:focus{
	border-color: #A0AEC0;
}

.b-gray-600-f:focus{
	border-color: #718096;
}

.b-gray-700-f:focus{
	border-color: #4A5568;
}

.b-gray-800-f:focus{
	border-color: #2D3748;
}

.b-gray-900-f:focus{
	border-color: #1A202C;
}


.b-black-f:focus{
	border-color: #000000;
}

.b-white-f:focus{
	border-color: #FFFFFF;
}



.text-black-a:active{
	color: #000000;
}

.text-black-h:hover{
	color: #000000;
}


.text-white-h:hover{
	color: #FFFFFF;
}


.text-black-a:active{
	color: #000000;
}



.round-full{
	border-radius: 10000px;
}

.round-xs{
	border-radius: 2px;
}

.round-sm{
	border-radius: 4px;
}

.round-md{
	border-radius: 6px;
}

.round-lg{
	border-radius: 8px;
}

.round-xl{
	border-radius: 12px;
}

.round-xxl{
	border-radius: 16px;
}

.round-bl-xs{
	border-bottom-left-radius: 2px;
}

.round-bl-sm{
	border-bottom-left-radius: 4px;
}

.round-bl-lg{
	border-bottom-left-radius: 8px;
}

.round-bl-xl{
	border-bottom-left-radius: 12px;
}

.round-bl-xxl{
	border-bottom-right-radius: 16px;
}

.round-br-xs{
	border-bottom-right-radius: 2px;
}

.round-br-sm{
	border-bottom-right-radius: 4px;
}

.round-br-lg{
	border-bottom-right-radius: 8px;
}

.round-br-xl{
	border-bottom-right-radius: 12px;
}

.round-br-xxl{
	border-bottom-right-radius: 16px;
}


.round-tl-xs{
	border-top-left-radius: 2px;
}

.round-tl-sm{
	border-top-left-radius: 4px;
}

.round-tl-lg{
	border-top-left-radius: 8px;
}

.round-tl-xl{
	border-top-left-radius: 12px;
}

.round-tr-xxl{
	border-top-right-radius: 16px;
}

.round-tr-xs{
	border-top-right-radius: 2px;
}

.round-tr-sm{
	border-top-right-radius: 4px;
}

.round-tr-lg{
	border-top-right-radius: 8px;
}

.round-tr-xl{
	border-top-right-radius: 12px;
}

.round-tr-xxl{
	border-top-right-radius: 16px;
}

.circle{
	border-radius: 50%;
}

.round-none{
	border-radius: 0;
}


.round-b-xs{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.round-full-h:hover{
	border-radius: 1000px;
}

.round-xs-h:hover{
	border-radius: 2px;
}

.round-sm-h:hover{
	border-radius: 4px;
}

.round-lg-h:hover{
	border-radius: 8px;
}

.round-xl-h:hover{
	border-radius: 12px;
}

.round-xxl-h:hover{
	border-radius: 16px;
}

.circle-h:hover{
	border-radius: 50%;
}

.round-none-h:hover{
	border-radius: 0;
}


.round-b-xs-h:hover{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-h:hover{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-h:hover{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-h:hover{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-h:hover{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-h:hover{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-h:hover{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-h:hover{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-h:hover{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-h:hover{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-h:hover{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-h:hover{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-h:hover{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-h:hover{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-h:hover{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}


.round-full-a:active{
	border-radius: 1000px;
}

.round-xs-a:active{
	border-radius: 2px;
}

.round-sm-a:active{
	border-radius: 4px;
}

.round-lg-a:active{
	border-radius: 8px;
}

.round-xl-a:active{
	border-radius: 12px;
}

.round-xxl-a:active{
	border-radius: 16px;
}

.circle-a:active{
	border-radius: 50%;
}

.round-none-a:active{
	border-radius: 0;
}


.round-b-xs-a:active{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-a:active{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-a:active{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-a:active{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-a:active{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-a:active{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-a:active{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-a:active{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-a:active{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-a:active{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-a:active{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-a:active{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-a:active{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-a:active{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-a:active{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}













/* FILL FOR SVG COLORING */


.fill-purple-100{
	fill: #FAF5FF;
}

.fill-purple-200{
	fill: #E9D8FD;
}

.fill-purple-300{
	fill: #D6BCFA;
}

.fill-purple-400{
	fill: #B794F4;
}

.fill-purple-500{
	fill: #9F7AEA;
}

.fill-purple-600{
	fill: #805AD5;
}

.fill-purple-700{
	fill: #6B46C1;
}

.fill-purple-800{
	fill: #553C9A;
}

.fill-purple-900{
	fill: #44337A;
}




.fill-blue-100{
	fill: #EBF8FF;
}

.fill-blue-200{
	fill: #BEE3F8;
}

.fill-blue-300{
	fill: #90CDF4;
}

.fill-blue-400{
	fill: #63B3ED;
}

.fill-blue-500{
	fill: #4299E1;
}

.fill-blue-600{
	fill: #3182CE;
}

.fill-blue-700{
	fill: #2B6CB0;
}

.fill-blue-800{
	fill: #2C5282;
}

.fill-blue-900{
	fill: #2A4365;
}


.fill-teal-100{
	fill: #E6FFFA;
}

.fill-teal-200{
	fill: #B2F5EA;
}

.fill-teal-300{
	fill: #81E6D9;
}

.fill-teal-400{
	fill: #4FD1C5;
}

.fill-teal-500{
	fill: #38B2AC;
}

.fill-teal-600{
	fill: #319795;
}

.fill-teal-700{
	fill: #2C7A7B;
}

.fill-teal-800{
	fill: #285E61;
}

.fill-teal-900{
	fill: #234E52;
}

.fill-teal-1000{
	fill: #004d40;
}


.fill-pink-100{
	fill: #FFF5F7;
}
.fill-pink-200{
	fill: #FED7E2;
}

.fill-pink-300{
	fill: #FBB6CE;
}

.fill-pink-400{
	fill: #F687B3;
}

.fill-pink-500{
	fill: #ED64A6;
}

.fill-pink-600{
	fill: #D53F8C;
}

.fill-pink-700{
	fill: #B83280;
}

.fill-pink-800{
	fill: #97266D;
}

.fill-pink-900{
	fill: #702459;
}



.fill-indigo-100{
	fill: #EBF4FF;
}
.fill-indigo-200{
	fill: #C3DAFE;
}
.fill-indigo-300{
	fill: #A3BFFA;
}
.fill-indigo-400{
	fill: #7F9CF5;
}
.fill-indigo-500{
	fill: #667EEA;
}
.fill-indigo-600{
	fill: #5A67D8;
}
.fill-indigo-700{
	fill: #4C51BF;
}
.fill-indigo-800{
	fill: #434190;
}
.fill-indigo-900{	
	fill: #3C366B;
}


.fill-green-100{
	fill: #F0FFF4;
}

.fill-green-200{
	fill: #C6F6D5;
}

.fill-green-300{
	fill: #9AE6B4;
}

.fill-green-400{
	fill: #68D391;
}

.fill-green-500{
	fill: #48BB78;
}

.fill-green-600{
	fill: #38A169;
}

.fill-green-700{
	fill: #2F855A;
}

.fill-green-800{
	fill: #276749;
}

.fill-green-900{
	fill: #22543D;
}

.fill-green-1000{
	fill: #33691e;
}


.fill-yellow-100{
	fill: #FFFFF0;
}

.fill-yellow-200{
	fill: #FEFCBF;
}

.fill-yellow-300{
	fill: #FAF089;
}

.fill-yellow-400{
	fill: #F6E05E;
}

.fill-yellow-500{
	fill: #ECC94B;
}

.fill-yellow-600{
	fill: #D69E2E;
}

.fill-yellow-700{
	fill: #B7791F;
}

.fill-yellow-800{
	fill: #975A16;
}

.fill-yellow-900{
	fill: #744210;
}



.fill-orange-100{
	fill: #FFFAF0;
}

.fill-orange-200{
	fill: #FEEBC8;
}

.fill-orange-300{
	fill: #FBD38D;
}

.fill-orange-400{
	fill: #F6AD55;
}

.fill-orange-500{
	fill: #ED8936;
}

.fill-orange-600{
	fill: #DD6B20;
}

.fill-orange-700{
	fill: #C05621;
}

.fill-orange-800{
	fill: #9C4221;
}

.fill-orange-900{
	fill: #7B341E;
}



.fill-red-100{
	fill: #FFF5F5;
}

.fill-red-200{
	fill: #FED7D7;
}

.fill-red-300{
	fill: #FEB2B2;
}

.fill-red-400{
	fill: #FC8181;
}

.fill-red-500{
	fill: #F56565;
}

.fill-red-600{
	fill: #E53E3E;
}

.fill-red-700{
	fill: #C53030;
}

.fill-red-800{
	fill: #9B2C2C;
}

.fill-red-900{
	fill: #742A2A;
}



.fill-gray-100{
	fill: #F7FAFC;
}

.fill-gray-200{
	fill: #EDF2F7;
}

.fill-gray-300{
	fill: #E2E8F0;
}

.fill-gray-400{
	fill: #CBD5E0;
}

.fill-gray-500{
	fill: #A0AEC0;
}

.fill-gray-600{
	fill: #718096;
}

.fill-gray-700{
	fill: #4A5568;
}

.fill-gray-800{
	fill: #2D3748;
}

.fill-gray-900{
	fill: #1A202C;
}

.fill-transparent{
	fill: transparent;
}

.fill-black{
	fill: #000000;
}

.fill-white{
	fill: #FFFFFF;
}

.fill-MD-dark{
	fill: #394951;
}

.fill-MD{
	fill: #999999;
}


.fill-purple-100-a:active{
	fill: #FAF5FF;
}

.fill-purple-200-a:active{
	fill: #E9D8FD;
}

.fill-purple-300-a:active{
	fill: #D6BCFA;
}

.fill-purple-400-a:active{
	fill: #B794F4;
}

.fill-purple-500-a:active{
	fill: #9F7AEA;
}

.fill-purple-600-a:active{
	fill: #805AD5;
}

.fill-purple-700-a:active{
	fill: #6B46C1;
}

.fill-purple-800-a:active{
	fill: #553C9A;
}

.fill-purple-900-a:active{
	fill: #44337A;
}




.fill-blue-100-a:active{
	fill: #EBF8FF;
}

.fill-blue-200-a:active{
	fill: #BEE3F8;
}

.fill-blue-300-a:active{
	fill: #90CDF4;
}

.fill-blue-400-a:active{
	fill: #63B3ED;
}

.fill-blue-500-a:active{
	fill: #4299E1;
}

.fill-blue-600-a:active{
	fill: #3182CE;
}

.fill-blue-700-a:active{
	fill: #2B6CB0;
}

.fill-blue-800-a:active{
	fill: #2C5282;
}

.fill-blue-900-a:active{
	fill: #2A4365;
}


.fill-teal-100-a:active{
	fill: #E6FFFA;
}

.fill-teal-200-a:active{
	fill: #B2F5EA;
}

.fill-teal-300-a:active{
	fill: #81E6D9;
}

.fill-teal-400-a:active{
	fill: #4FD1C5;
}

.fill-teal-500-a:active{
	fill: #38B2AC;
}

.fill-teal-600-a:active{
	fill: #319795;
}

.fill-teal-700-a:active{
	fill: #2C7A7B;
}

.fill-teal-800-a:active{
	fill: #285E61;
}

.fill-teal-900-a:active{
	fill: #234E52;
}



.fill-pink-100-a:active{
	fill: #FFF5F7;
}
.fill-pink-200-a:active{
	fill: #FED7E2;
}

.fill-pink-300-a:active{
	fill: #FBB6CE;
}

.fill-pink-400-a:active{
	fill: #F687B3;
}

.fill-pink-500-a:active{
	fill: #ED64A6;
}

.fill-pink-600-a:active{
	fill: #D53F8C;
}

.fill-pink-700-a:active{
	fill: #B83280;
}

.fill-pink-800-a:active{
	fill: #97266D;
}

.fill-pink-900-a:active{
	fill: #702459;
}



.fill-indigo-100-a:active{
	fill: #EBF4FF;
}
.fill-indigo-200-a:active{
	fill: #C3DAFE;
}
.fill-indigo-300-a:active{
	fill: #A3BFFA;
}
.fill-indigo-400-a:active{
	fill: #7F9CF5;
}
.fill-indigo-500-a:active{
	fill: #667EEA;
}
.fill-indigo-600-a:active{
	fill: #5A67D8;
}
.fill-indigo-700-a:active{
	fill: #4C51BF;
}
.fill-indigo-800-a:active{
	fill: #434190;
}
.fill-indigo-900-a:active{	
	fill: #3C366B;
}


.fill-green-100-a:active{
	fill: #F0FFF4;
}

.fill-green-200-a:active{
	fill: #C6F6D5;
}

.fill-green-300-a:active{
	fill: #9AE6B4;
}

.fill-green-400-a:active{
	fill: #68D391;
}

.fill-green-500-a:active{
	fill: #48BB78;
}

.fill-green-600-a:active{
	fill: #38A169;
}

.fill-green-700-a:active{
	fill: #2F855A;
}

.fill-green-800-a:active{
	fill: #276749;
}

.fill-green-900-a:active{
	fill: #22543D;
}


.fill-yellow-100-a:active{
	fill: #FFFFF0;
}

.fill-yellow-200-a:active{
	fill: #FEFCBF;
}

.fill-yellow-300-a:active{
	fill: #FAF089;
}

.fill-yellow-400-a:active{
	fill: #F6E05E;
}

.fill-yellow-500-a:active{
	fill: #ECC94B;
}

.fill-yellow-600-a:active{
	fill: #D69E2E;
}

.fill-yellow-700-a:active{
	fill: #B7791F;
}

.fill-yellow-800-a:active{
	fill: #975A16;
}

.fill-yellow-900-a:active{
	fill: #744210;
}



.fill-orange-100-a:active{
	fill: #FFFAF0;
}

.fill-orange-200-a:active{
	fill: #FEEBC8;
}

.fill-orange-300-a:active{
	fill: #FBD38D;
}

.fill-orange-400-a:active{
	fill: #F6AD55;
}

.fill-orange-500-a:active{
	fill: #ED8936;
}

.fill-orange-600-a:active{
	fill: #DD6B20;
}

.fill-orange-700-a:active{
	fill: #C05621;
}

.fill-orange-800-a:active{
	fill: #9C4221;
}

.fill-orange-900-a:active{
	fill: #7B341E;
}



.fill-red-100-a:active{
	fill: #FFF5F5;
}

.fill-red-200-a:active{
	fill: #FED7D7;
}

.fill-red-300-a:active{
	fill: #FEB2B2;
}

.fill-red-400-a:active{
	fill: #FC8181;
}

.fill-red-500-a:active{
	fill: #F56565;
}

.fill-red-600-a:active{
	fill: #E53E3E;
}

.fill-red-700-a:active{
	fill: #C53030;
}

.fill-red-800-a:active{
	fill: #9B2C2C;
}

.fill-red-900-a:active{
	fill: #742A2A;
}



.fill-gray-100-a:active{
	fill: #F7FAFC;
}

.fill-gray-200-a:active{
	fill: #EDF2F7;
}

.fill-gray-300-a:active{
	fill: #E2E8F0;
}

.fill-gray-400-a:active{
	fill: #CBD5E0;
}

.fill-gray-500-a:active{
	fill: #A0AEC0;
}

.fill-gray-600-a:active{
	fill: #718096;
}

.fill-gray-700-a:active{
	fill: #4A5568;
}

.fill-gray-800-a:active{
	fill: #2D3748;
}

.fill-gray-900-a:active{
	fill: #1A202C;
}

.fill-transparent-a:active{
	fill: transparent;
}

.fill-black-a:active{
	fill: #000000;
}

.fill-white-a:active{
	fill: #FFFFFF;
}

.fill-purple-100-h:hover{
	fill: #FAF5FF;
}

.fill-purple-200-h:hover{
	fill: #E9D8FD;
}

.fill-purple-300-h:hover{
	fill: #D6BCFA;
}

.fill-purple-400-h:hover{
	fill: #B794F4;
}

.fill-purple-500-h:hover{
	fill: #9F7AEA;
}

.fill-purple-600-h:hover{
	fill: #805AD5;
}

.fill-purple-700-h:hover{
	fill: #6B46C1;
}

.fill-purple-800-h:hover{
	fill: #553C9A;
}

.fill-purple-900-h:hover{
	fill: #44337A;
}




.fill-blue-100-h:hover{
	fill: #EBF8FF;
}

.fill-blue-200-h:hover{
	fill: #BEE3F8;
}

.fill-blue-300-h:hover{
	fill: #90CDF4;
}

.fill-blue-400-h:hover{
	fill: #63B3ED;
}

.fill-blue-500-h:hover{
	fill: #4299E1;
}

.fill-blue-600-h:hover{
	fill: #3182CE;
}

.fill-blue-700-h:hover{
	fill: #2B6CB0;
}

.fill-blue-800-h:hover{
	fill: #2C5282;
}

.fill-blue-900-h:hover{
	fill: #2A4365;
}


.fill-teal-100-h:hover{
	fill: #E6FFFA;
}

.fill-teal-200-h:hover{
	fill: #B2F5EA;
}

.fill-teal-300-h:hover{
	fill: #81E6D9;
}

.fill-teal-400-h:hover{
	fill: #4FD1C5;
}

.fill-teal-500-h:hover{
	fill: #38B2AC;
}

.fill-teal-600-h:hover{
	fill: #319795;
}

.fill-teal-700-h:hover{
	fill: #2C7A7B;
}

.fill-teal-800-h:hover{
	fill: #285E61;
}

.fill-teal-900-h:hover{
	fill: #234E52;
}



.fill-pink-100-h:hover{
	fill: #FFF5F7;
}
.fill-pink-200-h:hover{
	fill: #FED7E2;
}

.fill-pink-300-h:hover{
	fill: #FBB6CE;
}

.fill-pink-400-h:hover{
	fill: #F687B3;
}

.fill-pink-500-h:hover{
	fill: #ED64A6;
}

.fill-pink-600-h:hover{
	fill: #D53F8C;
}

.fill-pink-700-h:hover{
	fill: #B83280;
}

.fill-pink-800-h:hover{
	fill: #97266D;
}

.fill-pink-900-h:hover{
	fill: #702459;
}



.fill-indigo-100-h:hover{
	fill: #EBF4FF;
}
.fill-indigo-200-h:hover{
	fill: #C3DAFE;
}
.fill-indigo-300-h:hover{
	fill: #A3BFFA;
}
.fill-indigo-400-h:hover{
	fill: #7F9CF5;
}
.fill-indigo-500-h:hover{
	fill: #667EEA;
}
.fill-indigo-600-h:hover{
	fill: #5A67D8;
}
.fill-indigo-700-h:hover{
	fill: #4C51BF;
}
.fill-indigo-800-h:hover{
	fill: #434190;
}
.fill-indigo-900-h:hover{	
	fill: #3C366B;
}


.fill-green-100-h:hover{
	fill: #F0FFF4;
}

.fill-green-200-h:hover{
	fill: #C6F6D5;
}

.fill-green-300-h:hover{
	fill: #9AE6B4;
}

.fill-green-400-h:hover{
	fill: #68D391;
}

.fill-green-500-h:hover{
	fill: #48BB78;
}

.fill-green-600-h:hover{
	fill: #38A169;
}

.fill-green-700-h:hover{
	fill: #2F855A;
}

.fill-green-800-h:hover{
	fill: #276749;
}

.fill-green-900-h:hover{
	fill: #22543D;
}


.fill-yellow-100-h:hover{
	fill: #FFFFF0;
}

.fill-yellow-200-h:hover{
	fill: #FEFCBF;
}

.fill-yellow-300-h:hover{
	fill: #FAF089;
}

.fill-yellow-400-h:hover{
	fill: #F6E05E;
}

.fill-yellow-500-h:hover{
	fill: #ECC94B;
}

.fill-yellow-600-h:hover{
	fill: #D69E2E;
}

.fill-yellow-700-h:hover{
	fill: #B7791F;
}

.fill-yellow-800-h:hover{
	fill: #975A16;
}

.fill-yellow-900-h:hover{
	fill: #744210;
}



.fill-orange-100-h:hover{
	fill: #FFFAF0;
}

.fill-orange-200-h:hover{
	fill: #FEEBC8;
}

.fill-orange-300-h:hover{
	fill: #FBD38D;
}

.fill-orange-400-h:hover{
	fill: #F6AD55;
}

.fill-orange-500-h:hover{
	fill: #ED8936;
}

.fill-orange-600-h:hover{
	fill: #DD6B20;
}

.fill-orange-700-h:hover{
	fill: #C05621;
}

.fill-orange-800-h:hover{
	fill: #9C4221;
}

.fill-orange-900-h:hover{
	fill: #7B341E;
}



.fill-red-100-h:hover{
	fill: #FFF5F5;
}

.fill-red-200-h:hover{
	fill: #FED7D7;
}

.fill-red-300-h:hover{
	fill: #FEB2B2;
}

.fill-red-400-h:hover{
	fill: #FC8181;
}

.fill-red-500-h:hover{
	fill: #F56565;
}

.fill-red-600-h:hover{
	fill: #E53E3E;
}

.fill-red-700-h:hover{
	fill: #C53030;
}

.fill-red-800-h:hover{
	fill: #9B2C2C;
}

.fill-red-900-h:hover{
	fill: #742A2A;
}



.fill-gray-100-h:hover{
	fill: #F7FAFC;
}

.fill-gray-200-h:hover{
	fill: #EDF2F7;
}

.fill-gray-300-h:hover{
	fill: #E2E8F0;
}

.fill-gray-400-h:hover{
	fill: #CBD5E0;
}

.fill-gray-500-h:hover{
	fill: #A0AEC0;
}

.fill-gray-600-h:hover{
	fill: #718096;
}

.fill-gray-700-h:hover{
	fill: #4A5568;
}

.fill-gray-800-h:hover{
	fill: #2D3748;
}

.fill-gray-900-h:hover{
	fill: #1A202C;
}

.fill-transparent-h:hover{
	fill: transparent;
}

.fill-black-h:hover{
	fill: #000000;
}

.fill-white-h:hover{
	fill: #FFFFFF;
}

/* ======================================= FILL ==================================== */



/* COLORS  */
/* =============================== COLORS =================================================== */

.bg-purple-100{
	background-color: #FAF5FF;
}

.bg-purple-200{
	background-color: #E9D8FD;
}

.bg-purple-300{
	background-color: #D6BCFA;
}

.bg-purple-400{
	background-color: #B794F4;
}

.bg-purple-500{
	background-color: #9F7AEA;
}

.bg-purple-600{
	background-color: #805AD5;
}

.bg-purple-700{
	background-color: #6B46C1;
}

.bg-purple-800{
	background-color: #553C9A;
}

.bg-purple-900{
	background-color: #44337A;
}




.bg-blue-100{
	background-color: #EBF8FF;
}

.bg-blue-200{
	background-color: #BEE3F8;
}

.bg-blue-300{
	background-color: #90CDF4;
}

.bg-blue-400{
	background-color: #63B3ED;
}

.bg-blue-500{
	background-color: #4299E1;
}

.bg-blue-600{
	background-color: #3182CE;
}

.bg-blue-700{
	background-color: #2B6CB0;
}

.bg-blue-800{
	background-color: #2C5282;
}

.bg-blue-900{
	background-color: #2A4365;
}


.bg-teal-100{
	background-color: #E6FFFA;
}

.bg-teal-200{
	background-color: #B2F5EA;
}

.bg-teal-300{
	background-color: #81E6D9;
}

.bg-teal-400{
	background-color: #4FD1C5;
}

.bg-teal-500{
	background-color: #38B2AC;
}

.bg-teal-600{
	background-color: #319795;
}

.bg-teal-700{
	background-color: #2C7A7B;
}

.bg-teal-800{
	background-color: #285E61;
}

.bg-teal-900{
	background-color: #234E52;
}

.bg-teal-1000{
	background-color: #004d40;
}


.bg-pink-100{
	background-color: #FFF5F7;
}
.bg-pink-200{
	background-color: #FED7E2;
}

.bg-pink-300{
	background-color: #FBB6CE;
}

.bg-pink-400{
	background-color: #F687B3;
}

.bg-pink-500{
	background-color: #ED64A6;
}

.bg-pink-600{
	background-color: #D53F8C;
}

.bg-pink-700{
	background-color: #B83280;
}

.bg-pink-800{
	background-color: #97266D;
}

.bg-pink-900{
	background-color: #702459;
}



.bg-indigo-100{
	background-color: #EBF4FF;
}
.bg-indigo-200{
	background-color: #C3DAFE;
}
.bg-indigo-300{
	background-color: #A3BFFA;
}
.bg-indigo-400{
	background-color: #7F9CF5;
}
.bg-indigo-500{
	background-color: #667EEA;
}
.bg-indigo-600{
	background-color: #5A67D8;
}
.bg-indigo-700{
	background-color: #4C51BF;
}
.bg-indigo-800{
	background-color: #434190;
}
.bg-indigo-900{	
	background-color: #3C366B;
}


.bg-green-100{
	background-color: #F0FFF4;
}

.bg-green-200{
	background-color: #C6F6D5;
}

.bg-green-300{
	background-color: #9AE6B4;
}

.bg-green-400{
	background-color: #68D391;
}

.bg-green-500{
	background-color: #48BB78;
}

.bg-green-600{
	background-color: #38A169;
}

.bg-green-700{
	background-color: #2F855A;
}

.bg-green-800{
	background-color: #276749;
}

.bg-green-900{
	background-color: #22543D;
}

.bg-green-1000{
	background-color: #33691e;
}


.bg-yellow-100{
	background-color: #FFFFF0;
}

.bg-yellow-200{
	background-color: #FEFCBF;
}

.bg-yellow-300{
	background-color: #FAF089;
}

.bg-yellow-400{
	background-color: #F6E05E;
}

.bg-yellow-500{
	background-color: #ECC94B;
}

.bg-yellow-600{
	background-color: #D69E2E;
}

.bg-yellow-700{
	background-color: #B7791F;
}

.bg-yellow-800{
	background-color: #975A16;
}

.bg-yellow-900{
	background-color: #744210;
}



.bg-orange-100{
	background-color: #FFFAF0;
}

.bg-orange-200{
	background-color: #FEEBC8;
}

.bg-orange-300{
	background-color: #FBD38D;
}

.bg-orange-400{
	background-color: #F6AD55;
}

.bg-orange-500{
	background-color: #ED8936;
}

.bg-orange-600{
	background-color: #DD6B20;
}

.bg-orange-700{
	background-color: #C05621;
}

.bg-orange-800{
	background-color: #9C4221;
}

.bg-orange-900{
	background-color: #7B341E;
}



.bg-red-100{
	background-color: #FFF5F5;
}

.bg-red-200{
	background-color: #FED7D7;
}

.bg-red-300{
	background-color: #FEB2B2;
}

.bg-red-400{
	background-color: #FC8181;
}

.bg-red-500{
	background-color: #F56565;
}

.bg-red-600{
	background-color: #E53E3E;
}

.bg-red-700{
	background-color: #C53030;
}

.bg-red-800{
	background-color: #9B2C2C;
}

.bg-red-900{
	background-color: #742A2A;
}



.bg-gray-100{
	background-color: #F7FAFC;
}

.bg-gray-200{
	background-color: #EDF2F7;
}

.bg-gray-300{
	background-color: #E2E8F0;
}

.bg-gray-400{
	background-color: #CBD5E0;
}

.bg-gray-500{
	background-color: #A0AEC0;
}

.bg-gray-600{
	background-color: #718096;
}

.bg-gray-700{
	background-color: #4A5568;
}

.bg-gray-800{
	background-color: #2D3748;
}

.bg-gray-900{
	background-color: #1A202C;
}

.bg-transparent{
	background-color: transparent;
}

.bg-black{
	background-color: #000000;
}

.bg-dark{
	background-color: #161616;
}

.bg-darker{
	background-color: #101010;
}

.bg-darkest{
	background-color: #070707;
}

.bg-white{
	background-color: #FFFFFF;
}

.bg-light-MD{
	color: #e5e5e5;
}

.bg-translucent-1{
	background-color: rgba(0,0,0,.1);
}

.bg-translucent-2{
	background-color: rgba(0,0,0,.2);
}

.bg-translucent-3{
	background-color: rgba(0,0,0,.3);
}

.bg-translucent-4{
	background-color: rgba(0,0,0,.4);
}

.bg-translucent-5{
	background-color: rgba(0,0,0,.5);
}

.bg-translucent-6{
	background-color: rgba(0,0,0,.6);
}

.bg-translucent-7{
	background-color: rgba(0,0,0,.7);
}

.bg-translucent-8{
	background-color: rgba(0,0,0,.8);
}

.bg-translucent-9{
	background-color: rgba(0,0,0,.9);
}

.bg-translucent-1{
	background-color: rgba(0,0,0,.1);
}

.bg-translucent-1-f:focus{
	background-color: rgba(0,0,0,.1);
}

.bg-translucent-2-f:focus{
	background-color: rgba(0,0,0,.2);
}

.bg-translucent-3-f:focus{
	background-color: rgba(0,0,0,.3);
}

.bg-translucent-4-f:focus{
	background-color: rgba(0,0,0,.4);
}

.bg-translucent-5-f:focus{
	background-color: rgba(0,0,0,.5);
}

.bg-translucent-6-f:focus{
	background-color: rgba(0,0,0,.6);
}

.bg-translucent-7-f:focus{
	background-color: rgba(0,0,0,.7);
}

.bg-translucent-8-f:focus{
	background-color: rgba(0,0,0,.8);
}

.bg-translucent-9-f:focus{
	background-color: rgba(0,0,0,.9);
}

.bg-translucent-1-h:hover{
	background-color: rgba(0,0,0,.1);
}

.bg-translucent-2-h:hover{
	background-color: rgba(0,0,0,.2);
}

.bg-translucent-3-h:hover{
	background-color: rgba(0,0,0,.3);
}

.bg-translucent-4-h:hover{
	background-color: rgba(0,0,0,.4);
}

.bg-translucent-5-h:hover{
	background-color: rgba(0,0,0,.5);
}

.bg-translucent-6-h:hover{
	background-color: rgba(0,0,0,.6);
}

.bg-translucent-7-h:hover{
	background-color: rgba(0,0,0,.7);
}

.bg-translucent-8-h:hover{
	background-color: rgba(0,0,0,.8);
}

.bg-translucent-9-h:hover{
	background-color: rgba(0,0,0,.9);
}

.bg-translucent-1-a:active{
	background-color: rgba(0,0,0,.1);
}

.bg-translucent-2-a:active{
	background-color: rgba(0,0,0,.2);
}

.bg-translucent-3-a:active{
	background-color: rgba(0,0,0,.3);
}

.bg-translucent-4-a:active{
	background-color: rgba(0,0,0,.4);
}

.bg-translucent-5-a:active{
	background-color: rgba(0,0,0,.5);
}

.bg-translucent-6-a:active{
	background-color: rgba(0,0,0,.6);
}

.bg-translucent-7-a:active{
	background-color: rgba(0,0,0,.7);
}

.bg-translucent-8-a:active{
	background-color: rgba(0,0,0,.8);
}

.bg-translucent-9-a:active{
	background-color: rgba(0,0,0,.9);
}


.bg-purple-100-f:focus{
	background-color: #FAF5FF;
}

.bg-purple-200-f:focus{
	background-color: #E9D8FD;
}

.bg-purple-300-f:focus{
	background-color: #D6BCFA;
}

.bg-purple-400-f:focus{
	background-color: #B794F4;
}

.bg-purple-500-f:focus{
	background-color: #9F7AEA;
}

.bg-purple-600-f:focus{
	background-color: #805AD5;
}

.bg-purple-700-f:focus{
	background-color: #6B46C1;
}

.bg-purple-800-f:focus{
	background-color: #553C9A;
}

.bg-purple-900-f:focus{
	background-color: #44337A;
}




.bg-blue-100-f:focus{
	background-color: #EBF8FF;
}

.bg-blue-200-f:focus{
	background-color: #BEE3F8;
}

.bg-blue-300-f:focus{
	background-color: #90CDF4;
}

.bg-blue-400-f:focus{
	background-color: #63B3ED;
}

.bg-blue-500-f:focus{
	background-color: #4299E1;
}

.bg-blue-600-f:focus{
	background-color: #3182CE;
}

.bg-blue-700-f:focus{
	background-color: #2B6CB0;
}

.bg-blue-800-f:focus{
	background-color: #2C5282;
}

.bg-blue-900-f:focus{
	background-color: #2A4365;
}


.bg-teal-100-f:focus{
	background-color: #E6FFFA;
}

.bg-teal-200-f:focus{
	background-color: #B2F5EA;
}

.bg-teal-300-f:focus{
	background-color: #81E6D9;
}

.bg-teal-400-f:focus{
	background-color: #4FD1C5;
}

.bg-teal-500-f:focus{
	background-color: #38B2AC;
}

.bg-teal-600-f:focus{
	background-color: #319795;
}

.bg-teal-700-f:focus{
	background-color: #2C7A7B;
}

.bg-teal-800-f:focus{
	background-color: #285E61;
}

.bg-teal-900-f:focus{
	background-color: #234E52;
}

.bg-teal-1000-f:focus{
	background-color: #004d40;
}


.bg-pink-100-f:focus{
	background-color: #FFF5F7;
}
.bg-pink-200-f:focus{
	background-color: #FED7E2;
}

.bg-pink-300-f:focus{
	background-color: #FBB6CE;
}

.bg-pink-400-f:focus{
	background-color: #F687B3;
}

.bg-pink-500-f:focus{
	background-color: #ED64A6;
}

.bg-pink-600-f:focus{
	background-color: #D53F8C;
}

.bg-pink-700-f:focus{
	background-color: #B83280;
}

.bg-pink-800-f:focus{
	background-color: #97266D;
}

.bg-pink-900-f:focus{
	background-color: #702459;
}



.bg-indigo-100-f:focus{
	background-color: #EBF4FF;
}
.bg-indigo-200-f:focus{
	background-color: #C3DAFE;
}
.bg-indigo-300-f:focus{
	background-color: #A3BFFA;
}
.bg-indigo-400-f:focus{
	background-color: #7F9CF5;
}
.bg-indigo-500-f:focus{
	background-color: #667EEA;
}
.bg-indigo-600-f:focus{
	background-color: #5A67D8;
}
.bg-indigo-700-f:focus{
	background-color: #4C51BF;
}
.bg-indigo-800-f:focus{
	background-color: #434190;
}
.bg-indigo-900-f:focus{	
	background-color: #3C366B;
}


.bg-green-100-f:focus{
	background-color: #F0FFF4;
}

.bg-green-200-f:focus{
	background-color: #C6F6D5;
}

.bg-green-300-f:focus{
	background-color: #9AE6B4;
}

.bg-green-400-f:focus{
	background-color: #68D391;
}

.bg-green-500-f:focus{
	background-color: #48BB78;
}

.bg-green-600-f:focus{
	background-color: #38A169;
}

.bg-green-700-f:focus{
	background-color: #2F855A;
}

.bg-green-800-f:focus{
	background-color: #276749;
}

.bg-green-900-f:focus{
	background-color: #22543D;
}

.bg-green-1000-f:focus{
	background-color: #33691e;
}


.bg-yellow-100-f:focus{
	background-color: #FFFFF0;
}

.bg-yellow-200-f:focus{
	background-color: #FEFCBF;
}

.bg-yellow-300-f:focus{
	background-color: #FAF089;
}

.bg-yellow-400-f:focus{
	background-color: #F6E05E;
}

.bg-yellow-500-f:focus{
	background-color: #ECC94B;
}

.bg-yellow-600-f:focus{
	background-color: #D69E2E;
}

.bg-yellow-700-f:focus{
	background-color: #B7791F;
}

.bg-yellow-800-f:focus{
	background-color: #975A16;
}

.bg-yellow-900-f:focus{
	background-color: #744210;
}



.bg-orange-100-f:focus{
	background-color: #FFFAF0;
}

.bg-orange-200-f:focus{
	background-color: #FEEBC8;
}

.bg-orange-300-f:focus{
	background-color: #FBD38D;
}

.bg-orange-400-f:focus{
	background-color: #F6AD55;
}

.bg-orange-500-f:focus{
	background-color: #ED8936;
}

.bg-orange-600-f:focus{
	background-color: #DD6B20;
}

.bg-orange-700-f:focus{
	background-color: #C05621;
}

.bg-orange-800-f:focus{
	background-color: #9C4221;
}

.bg-orange-900-f:focus{
	background-color: #7B341E;
}



.bg-red-100-f:focus{
	background-color: #FFF5F5;
}

.bg-red-200-f:focus{
	background-color: #FED7D7;
}

.bg-red-300-f:focus{
	background-color: #FEB2B2;
}

.bg-red-400-f:focus{
	background-color: #FC8181;
}

.bg-red-500-f:focus{
	background-color: #F56565;
}

.bg-red-600-f:focus{
	background-color: #E53E3E;
}

.bg-red-700-f:focus{
	background-color: #C53030;
}

.bg-red-800-f:focus{
	background-color: #9B2C2C;
}

.bg-red-900-f:focus{
	background-color: #742A2A;
}



.bg-gray-100-f:focus{
	background-color: #F7FAFC;
}

.bg-gray-200-f:focus{
	background-color: #EDF2F7;
}

.bg-gray-300-f:focus{
	background-color: #E2E8F0;
}

.bg-gray-400-f:focus{
	background-color: #CBD5E0;
}

.bg-gray-500-f:focus{
	background-color: #A0AEC0;
}

.bg-gray-600-f:focus{
	background-color: #718096;
}

.bg-gray-700-f:focus{
	background-color: #4A5568;
}

.bg-gray-800-f:focus{
	background-color: #2D3748;
}

.bg-gray-900-f:focus{
	background-color: #1A202C;
}

.bg-transparent-f:focus{
	background-color: transparent;
}

.bg-black-f:focus{
	background-color: #000000;
}

.bg-white-f:focus{
	background-color: #FFFFFF;
}


.bg-purple-100-a:active{
	background-color: #FAF5FF;
}

.bg-purple-200-a:active{
	background-color: #E9D8FD;
}

.bg-purple-300-a:active{
	background-color: #D6BCFA;
}

.bg-purple-400-a:active{
	background-color: #B794F4;
}

.bg-purple-500-a:active{
	background-color: #9F7AEA;
}

.bg-purple-600-a:active{
	background-color: #805AD5;
}

.bg-purple-700-a:active{
	background-color: #6B46C1;
}

.bg-purple-800-a:active{
	background-color: #553C9A;
}

.bg-purple-900-a:active{
	background-color: #44337A;
}




.bg-blue-100-a:active{
	background-color: #EBF8FF;
}

.bg-blue-200-a:active{
	background-color: #BEE3F8;
}

.bg-blue-300-a:active{
	background-color: #90CDF4;
}

.bg-blue-400-a:active{
	background-color: #63B3ED;
}

.bg-blue-500-a:active{
	background-color: #4299E1;
}

.bg-blue-600-a:active{
	background-color: #3182CE;
}

.bg-blue-700-a:active{
	background-color: #2B6CB0;
}

.bg-blue-800-a:active{
	background-color: #2C5282;
}

.bg-blue-900-a:active{
	background-color: #2A4365;
}


.bg-teal-100-a:active{
	background-color: #E6FFFA;
}

.bg-teal-200-a:active{
	background-color: #B2F5EA;
}

.bg-teal-300-a:active{
	background-color: #81E6D9;
}

.bg-teal-400-a:active{
	background-color: #4FD1C5;
}

.bg-teal-500-a:active{
	background-color: #38B2AC;
}

.bg-teal-600-a:active{
	background-color: #319795;
}

.bg-teal-700-a:active{
	background-color: #2C7A7B;
}

.bg-teal-800-a:active{
	background-color: #285E61;
}

.bg-teal-900-a:active{
	background-color: #234E52;
}



.bg-pink-100-a:active{
	background-color: #FFF5F7;
}
.bg-pink-200-a:active{
	background-color: #FED7E2;
}

.bg-pink-300-a:active{
	background-color: #FBB6CE;
}

.bg-pink-400-a:active{
	background-color: #F687B3;
}

.bg-pink-500-a:active{
	background-color: #ED64A6;
}

.bg-pink-600-a:active{
	background-color: #D53F8C;
}

.bg-pink-700-a:active{
	background-color: #B83280;
}

.bg-pink-800-a:active{
	background-color: #97266D;
}

.bg-pink-900-a:active{
	background-color: #702459;
}



.bg-indigo-100-a:active{
	background-color: #EBF4FF;
}
.bg-indigo-200-a:active{
	background-color: #C3DAFE;
}
.bg-indigo-300-a:active{
	background-color: #A3BFFA;
}
.bg-indigo-400-a:active{
	background-color: #7F9CF5;
}
.bg-indigo-500-a:active{
	background-color: #667EEA;
}
.bg-indigo-600-a:active{
	background-color: #5A67D8;
}
.bg-indigo-700-a:active{
	background-color: #4C51BF;
}
.bg-indigo-800-a:active{
	background-color: #434190;
}
.bg-indigo-900-a:active{	
	background-color: #3C366B;
}


.bg-green-100-a:active{
	background-color: #F0FFF4;
}

.bg-green-200-a:active{
	background-color: #C6F6D5;
}

.bg-green-300-a:active{
	background-color: #9AE6B4;
}

.bg-green-400-a:active{
	background-color: #68D391;
}

.bg-green-500-a:active{
	background-color: #48BB78;
}

.bg-green-600-a:active{
	background-color: #38A169;
}

.bg-green-700-a:active{
	background-color: #2F855A;
}

.bg-green-800-a:active{
	background-color: #276749;
}

.bg-green-900-a:active{
	background-color: #22543D;
}


.bg-yellow-100-a:active{
	background-color: #FFFFF0;
}

.bg-yellow-200-a:active{
	background-color: #FEFCBF;
}

.bg-yellow-300-a:active{
	background-color: #FAF089;
}

.bg-yellow-400-a:active{
	background-color: #F6E05E;
}

.bg-yellow-500-a:active{
	background-color: #ECC94B;
}

.bg-yellow-600-a:active{
	background-color: #D69E2E;
}

.bg-yellow-700-a:active{
	background-color: #B7791F;
}

.bg-yellow-800-a:active{
	background-color: #975A16;
}

.bg-yellow-900-a:active{
	background-color: #744210;
}



.bg-orange-100-a:active{
	background-color: #FFFAF0;
}

.bg-orange-200-a:active{
	background-color: #FEEBC8;
}

.bg-orange-300-a:active{
	background-color: #FBD38D;
}

.bg-orange-400-a:active{
	background-color: #F6AD55;
}

.bg-orange-500-a:active{
	background-color: #ED8936;
}

.bg-orange-600-a:active{
	background-color: #DD6B20;
}

.bg-orange-700-a:active{
	background-color: #C05621;
}

.bg-orange-800-a:active{
	background-color: #9C4221;
}

.bg-orange-900-a:active{
	background-color: #7B341E;
}



.bg-red-100-a:active{
	background-color: #FFF5F5;
}

.bg-red-200-a:active{
	background-color: #FED7D7;
}

.bg-red-300-a:active{
	background-color: #FEB2B2;
}

.bg-red-400-a:active{
	background-color: #FC8181;
}

.bg-red-500-a:active{
	background-color: #F56565;
}

.bg-red-600-a:active{
	background-color: #E53E3E;
}

.bg-red-700-a:active{
	background-color: #C53030;
}

.bg-red-800-a:active{
	background-color: #9B2C2C;
}

.bg-red-900-a:active{
	background-color: #742A2A;
}



.bg-gray-100-a:active{
	background-color: #F7FAFC;
}

.bg-gray-200-a:active{
	background-color: #EDF2F7;
}

.bg-gray-300-a:active{
	background-color: #E2E8F0;
}

.bg-gray-400-a:active{
	background-color: #CBD5E0;
}

.bg-gray-500-a:active{
	background-color: #A0AEC0;
}

.bg-gray-600-a:active{
	background-color: #718096;
}

.bg-gray-700-a:active{
	background-color: #4A5568;
}

.bg-gray-800-a:active{
	background-color: #2D3748;
}

.bg-gray-900-a:active{
	background-color: #1A202C;
}

.bg-transparent-a:active{
	background-color: transparent;
}

.bg-black-a:active{
	background-color: #000000;
}

.bg-white-a:active{
	background-color: #FFFFFF;
}

.bg-purple-100-h:hover{
	background-color: #FAF5FF;
}

.bg-purple-200-h:hover{
	background-color: #E9D8FD;
}

.bg-purple-300-h:hover{
	background-color: #D6BCFA;
}

.bg-purple-400-h:hover{
	background-color: #B794F4;
}

.bg-purple-500-h:hover{
	background-color: #9F7AEA;
}

.bg-purple-600-h:hover{
	background-color: #805AD5;
}

.bg-purple-700-h:hover{
	background-color: #6B46C1;
}

.bg-purple-800-h:hover{
	background-color: #553C9A;
}

.bg-purple-900-h:hover{
	background-color: #44337A;
}




.bg-blue-100-h:hover{
	background-color: #EBF8FF;
}

.bg-blue-200-h:hover{
	background-color: #BEE3F8;
}

.bg-blue-300-h:hover{
	background-color: #90CDF4;
}

.bg-blue-400-h:hover{
	background-color: #63B3ED;
}

.bg-blue-500-h:hover{
	background-color: #4299E1;
}

.bg-blue-600-h:hover{
	background-color: #3182CE;
}

.bg-blue-700-h:hover{
	background-color: #2B6CB0;
}

.bg-blue-800-h:hover{
	background-color: #2C5282;
}

.bg-blue-900-h:hover{
	background-color: #2A4365;
}


.bg-teal-100-h:hover{
	background-color: #E6FFFA;
}

.bg-teal-200-h:hover{
	background-color: #B2F5EA;
}

.bg-teal-300-h:hover{
	background-color: #81E6D9;
}

.bg-teal-400-h:hover{
	background-color: #4FD1C5;
}

.bg-teal-500-h:hover{
	background-color: #38B2AC;
}

.bg-teal-600-h:hover{
	background-color: #319795;
}

.bg-teal-700-h:hover{
	background-color: #2C7A7B;
}

.bg-teal-800-h:hover{
	background-color: #285E61;
}

.bg-teal-900-h:hover{
	background-color: #234E52;
}



.bg-pink-100-h:hover{
	background-color: #FFF5F7;
}
.bg-pink-200-h:hover{
	background-color: #FED7E2;
}

.bg-pink-300-h:hover{
	background-color: #FBB6CE;
}

.bg-pink-400-h:hover{
	background-color: #F687B3;
}

.bg-pink-500-h:hover{
	background-color: #ED64A6;
}

.bg-pink-600-h:hover{
	background-color: #D53F8C;
}

.bg-pink-700-h:hover{
	background-color: #B83280;
}

.bg-pink-800-h:hover{
	background-color: #97266D;
}

.bg-pink-900-h:hover{
	background-color: #702459;
}



.bg-indigo-100-h:hover{
	background-color: #EBF4FF;
}
.bg-indigo-200-h:hover{
	background-color: #C3DAFE;
}
.bg-indigo-300-h:hover{
	background-color: #A3BFFA;
}
.bg-indigo-400-h:hover{
	background-color: #7F9CF5;
}
.bg-indigo-500-h:hover{
	background-color: #667EEA;
}
.bg-indigo-600-h:hover{
	background-color: #5A67D8;
}
.bg-indigo-700-h:hover{
	background-color: #4C51BF;
}
.bg-indigo-800-h:hover{
	background-color: #434190;
}
.bg-indigo-900-h:hover{	
	background-color: #3C366B;
}


.bg-green-100-h:hover{
	background-color: #F0FFF4;
}

.bg-green-200-h:hover{
	background-color: #C6F6D5;
}

.bg-green-300-h:hover{
	background-color: #9AE6B4;
}

.bg-green-400-h:hover{
	background-color: #68D391;
}

.bg-green-500-h:hover{
	background-color: #48BB78;
}

.bg-green-600-h:hover{
	background-color: #38A169;
}

.bg-green-700-h:hover{
	background-color: #2F855A;
}

.bg-green-800-h:hover{
	background-color: #276749;
}

.bg-green-900-h:hover{
	background-color: #22543D;
}


.bg-yellow-100-h:hover{
	background-color: #FFFFF0;
}

.bg-yellow-200-h:hover{
	background-color: #FEFCBF;
}

.bg-yellow-300-h:hover{
	background-color: #FAF089;
}

.bg-yellow-400-h:hover{
	background-color: #F6E05E;
}

.bg-yellow-500-h:hover{
	background-color: #ECC94B;
}

.bg-yellow-600-h:hover{
	background-color: #D69E2E;
}

.bg-yellow-700-h:hover{
	background-color: #B7791F;
}

.bg-yellow-800-h:hover{
	background-color: #975A16;
}

.bg-yellow-900-h:hover{
	background-color: #744210;
}



.bg-orange-100-h:hover{
	background-color: #FFFAF0;
}

.bg-orange-200-h:hover{
	background-color: #FEEBC8;
}

.bg-orange-300-h:hover{
	background-color: #FBD38D;
}

.bg-orange-400-h:hover{
	background-color: #F6AD55;
}

.bg-orange-500-h:hover{
	background-color: #ED8936;
}

.bg-orange-600-h:hover{
	background-color: #DD6B20;
}

.bg-orange-700-h:hover{
	background-color: #C05621;
}

.bg-orange-800-h:hover{
	background-color: #9C4221;
}

.bg-orange-900-h:hover{
	background-color: #7B341E;
}



.bg-red-100-h:hover{
	background-color: #FFF5F5;
}

.bg-red-200-h:hover{
	background-color: #FED7D7;
}

.bg-red-300-h:hover{
	background-color: #FEB2B2;
}

.bg-red-400-h:hover{
	background-color: #FC8181;
}

.bg-red-500-h:hover{
	background-color: #F56565;
}

.bg-red-600-h:hover{
	background-color: #E53E3E;
}

.bg-red-700-h:hover{
	background-color: #C53030;
}

.bg-red-800-h:hover{
	background-color: #9B2C2C;
}

.bg-red-900-h:hover{
	background-color: #742A2A;
}



.bg-gray-100-h:hover{
	background-color: #F7FAFC;
}

.bg-gray-200-h:hover{
	background-color: #EDF2F7;
}

.bg-gray-300-h:hover{
	background-color: #E2E8F0;
}

.bg-gray-400-h:hover{
	background-color: #CBD5E0;
}

.bg-gray-500-h:hover{
	background-color: #A0AEC0;
}

.bg-gray-600-h:hover{
	background-color: #718096;
}

.bg-gray-700-h:hover{
	background-color: #4A5568;
}

.bg-gray-800-h:hover{
	background-color: #2D3748;
}

.bg-gray-900-h:hover{
	background-color: #1A202C;
}

.bg-transparent-h:hover{
	background-color: transparent;
}

.bg-black-h:hover{
	background-color: #000000;
}

.bg-white-h:hover{
	background-color: #FFFFFF;
}


.bg-MD-dark{
	background-color: #121212;
}





.outline-none{
	outline:none;
}

.outline-purple-100{
	outline-color: #FAF5FF;
}

.outline-purple-200{
	outline-color: #E9D8FD;
}

.outline-purple-300{
	outline-color: #D6BCFA;
}

.outline-purple-400{
	outline-color: #B794F4;
}

.outline-purple-500{
	outline-color: #9F7AEA;
}

.outline-purple-600{
	outline-color: #805AD5;
}

.outline-purple-700{
	outline-color: #6B46C1;
}

.outline-purple-800{
	outline-color: #553C9A;
}

.outline-purple-900{
	outline-color: #44337A;
}

.outline-blue-100{
	outline-color: #EBF8FF;
}

.outline-blue-200{
	outline-color: #BEE3F8;
}

.outline-blue-300{
	outline-color: #90CDF4;
}

.outline-blue-400{
	outline-color: #63B3ED;
}

.outline-blue-500{
	outline-color: #4299E1;
}

.outline-blue-600{
	outline-color: #3182CE;
}

.outline-blue-700{
	outline-color: #2B6CB0;
}

.outline-blue-800{
	outline-color: #2C5282;
}

.outline-blue-900{
	outline-color: #2A4365;
}


.outline-teal-100{
	outline-color: #E6FFFA;
}

.outline-teal-200{
	outline-color: #B2F5EA;
}

.outline-teal-300{
	outline-color: #81E6D9;
}

.outline-teal-400{
	outline-color: #4FD1C5;
}

.outline-teal-500{
	outline-color: #38B2AC;
}

.outline-teal-600{
	outline-color: #319795;
}

.outline-teal-700{
	outline-color: #2C7A7B;
}

.outline-teal-800{
	outline-color: #285E61;
}

.outline-teal-900{
	outline-color: #234E52;
}



.outline-pink-100{
	outline-color: #FFF5F7;
}
.outline-pink-200{
	outline-color: #FED7E2;
}

.outline-pink-300{
	outline-color: #FBB6CE;
}

.outline-pink-400{
	outline-color: #F687B3;
}

.outline-pink-500{
	outline-color: #ED64A6;
}

.outline-pink-600{
	outline-color: #D53F8C;
}

.outline-pink-700{
	outline-color: #B83280;
}

.outline-pink-800{
	outline-color: #97266D;
}

.outline-pink-900{
	outline-color: #702459;
}



.outline-indigo-100{
	outline-color: #EBF4FF;
}
.outline-indigo-200{
	outline-color: #C3DAFE;
}
.outline-indigo-300{
	outline-color: #A3BFFA;
}
.outline-indigo-400{
	outline-color: #7F9CF5;
}
.outline-indigo-500{
	outline-color: #667EEA;
}
.outline-indigo-600{
	outline-color: #5A67D8;
}
.outline-indigo-700{
	outline-color: #4C51BF;
}
.outline-indigo-800{
	outline-color: #434190;
}
.outline-indigo-900{	
	outline-color: #3C366B;
}


.outline-green-100{
	outline-color: #F0FFF4;
}

.outline-green-200{
	outline-color: #C6F6D5;
}

.outline-green-300{
	outline-color: #9AE6B4;
}

.outline-green-400{
	outline-color: #68D391;
}

.outline-green-500{
	outline-color: #48BB78;
}

.outline-green-600{
	outline-color: #38A169;
}

.outline-green-700{
	outline-color: #2F855A;
}

.outline-green-800{
	outline-color: #276749;
}

.outline-green-900{
	outline-color: #22543D;
}


.outline-yellow-100{
	outline-color: #FFFFF0;
}

.outline-yellow-200{
	outline-color: #FEFCBF;
}

.outline-yellow-300{
	outline-color: #FAF089;
}

.outline-yellow-400{
	outline-color: #F6E05E;
}

.outline-yellow-500{
	outline-color: #ECC94B;
}

.outline-yellow-600{
	outline-color: #D69E2E;
}

.outline-yellow-700{
	outline-color: #B7791F;
}

.outline-yellow-800{
	outline-color: #975A16;
}

.outline-yellow-900{
	outline-color: #744210;
}



.outline-orange-100{
	outline-color: #FFFAF0;
}

.outline-orange-200{
	outline-color: #FEEBC8;
}

.outline-orange-300{
	outline-color: #FBD38D;
}

.outline-orange-400{
	outline-color: #F6AD55;
}

.outline-orange-500{
	outline-color: #ED8936;
}

.outline-orange-600{
	outline-color: #DD6B20;
}

.outline-orange-700{
	outline-color: #C05621;
}

.outline-orange-800{
	outline-color: #9C4221;
}

.outline-orange-900{
	outline-color: #7B341E;
}



.outline-red-100{
	outline-color: #FFF5F5;
}

.outline-red-200{
	outline-color: #FED7D7;
}

.outline-red-300{
	outline-color: #FEB2B2;
}

.outline-red-400{
	outline-color: #FC8181;
}

.outline-red-500{
	outline-color: #F56565;
}

.outline-red-600{
	outline-color: #E53E3E;
}

.outline-red-700{
	outline-color: #C53030;
}

.outline-red-800{
	outline-color: #9B2C2C;
}

.outline-red-900{
	outline-color: #742A2A;
}



.outline-gray-100{
	outline-color: #F7FAFC;
}

.outline-gray-200{
	outline-color: #EDF2F7;
}

.outline-gray-300{
	outline-color: #E2E8F0;
}

.outline-gray-400{
	outline-color: #CBD5E0;
}

.outline-gray-500{
	outline-color: #A0AEC0;
}

.outline-gray-600{
	outline-color: #718096;
}

.outline-gray-700{
	outline-color: #4A5568;
}

.outline-gray-800{
	outline-color: #2D3748;
}

.outline-gray-900{
	outline-color: #1A202C;
}


.outline-black{
	outline-color: #000000;
}

.outline-white{
	outline-color: #FFFFFF;
}


/* RESPONSIVE DESIGN */
.flex{
	display: flex;
}

.justify-center{
	justify-content: center;
}

.justify-end{
	justify-content: flex-end;
}

.justify-evenly{
	justify-content: space-evenly;
}

.justify-start{
	justify-content:flex-start;
}

.justify-around{
	justify-content:space-around;
}

.justify-between{
	justify-content: space-between;
}

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

.align-items-start{
	align-items: flex-start;
}

.align-items-end{
	align-items: flex-end;
}

.align-items-stretch{
	align-items: stretch;
}

.align-content-center{
	align-items: center;
}

.align-content-start{
	align-items: flex-start;
}

.align-content-end{
	align-items: flex-end;
}

.align-content-stretch{
	align-items: stretch;
}

.align-self-center{
	align-items: center;
}

.align-self-start{
	align-items: flex-start;
}

.align-self-end{
	align-items: flex-end;
}

.align-self-stretch{
	align-items: stretch;
}

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

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

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

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

.z-10{
	z-index:10;
}

.z-20{
	z-index: 20;
}

.z-30{
	z-index: 30;
}

.z-40{
	z-index: 40;
}

.z-50{
	z-index: 50;
}

.z-60{
	z-index: 60;
}

.z-70{
	z-index: 70;
}

.z-80{
	z-index: 80;
}

.z-90{
	z-index: 90;
}

.z-100{
	z-index: 100;
}

.z-inherit{
	z-index: inherit;
}

.z-intial{
	z-index: initial;
}

.z-auto{
	z-index: auto;
}

.flex-wrap{
	flex-wrap: wrap;
}

.flex-nowrap{
	flex-wrap: nowrap;
}

.flex-Rwrap{
	flex-wrap: wrap-reverse;
}

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

.flex-Rcolumn{
	flex-direction: column-reverse;
}

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

.flex-Rrow{
	flex-direction: row-reverse;
}

.flex-grow{
	flex-grow: 1;
}

.flex-grow-0{
	flex-grow: 0;
}

.flex-shrink{
	flex-shrink: 1;
}

.flex-shrink-0{
	flex-shrink: 0;
}

.order-first{
	order: -9999;
}

.order-last{
	order: 9999;
}

.order-none{
	order: 0;
}

.order-1{
	order: 1;
}

.order-2{
	order: 2;
}

.order-3{
	order: 3;
}

.order-4{
	order: 4;
}

.order-5{
	order: 5;
}

.order-6{
	order: 6;
}

.order-7{
	order: 7;
}

.order-8{
	order: 8;
}

.order-9{
	order: 9;
}


/* HEIGHT */

.max-h-0{
	max-height: 0;
}

.h-auto{
	height: auto;
}

.max-h-100{
	max-height: 100%;
}

.h-content{
	height: max-content;
}

.vh-1{
	height:1vh;
}

.vh-10{
	height:10vh;
}

.vh-20{
	height:20vh;
}

.vh-30{
	height:30vh;
}

.vh-40{
	height:40vh;
}

.vh-50{
	height:50vh;
}

.vh-60{
	height:60vh;
}

.vh-70{
	height:70vh;
}

.vh-80{
	height:80vh;
}

.vh-90{
	height:90vh;
}

.vh-100{
	height:100vh;
}

.vh-200{
	height:200vh;
}

/*percentage */
.h-1{
	height:1%;
}

.h-10{
	height:10%;
}

.h-20{
	height:20%;
}

.h-30{
	height:30%;
}

.h-40{
	height:40%;
}

.h-50{
	height:50%;
}

.h-60{
	height:60%;
}

.h-70{
	height:70%;
}

.h-80{
	height:80%;
}

.h-90{
	height:90%;
}

.h-100{
	height:100%;
}


/* MARGIN */


/* =========================================================================================
====================================================================================================== */


.m-0{
	margin: 0;
}

.m-1{
	margin: 5px;
}

.m-2{
	margin: 10px;
}

.m-3{
	margin: 15px;
}

.m-4{
	margin: 20px;
}

.m-5{
	margin: 25px;
}

.m-6{
	margin: 30px;
}

.m-7{
	margin: 35px;
}

.m-8{
	margin: 40px;
}

.m-9{
	margin: 45px;
}

.m-10{
	margin: 50px;
}


.m-11{
	margin: 55px;
}

.m-12{
	margin: 60px;
}

.m-13{
	margin: 65px;
}

.m-14{
	margin: 70px;
}

.m-15{
	margin: 75px;
}

.m-16{
	margin: 80px;
}

.m-17{
	margin: 85px;
}

.m-18{
	margin: 90px;
}

.m-19{
	margin: 95px;
}

.m-20{
	margin: 100px;
}

/* NORMAL MARGIN END */




/* MARGIN TOP */
.mt-0{
	margin-top: 0;
}

.mt-1{
	margin-top: 5px;
}

.mt-2{
	margin-top: 10px;
}

.mt-3{
	margin-top: 15px;
}

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

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

.mt-6{
	margin-top: 30px;
}

.mt-7{
	margin-top: 35px;
}

.mt-8{
	margin-top: 40px;
}

.mt-9{
	margin-top: 45px;
}

.mt-10{
	margin-top: 50px;
}


.mt-11{
	margin-top: 55px;
}

.mt-12{
	margin-top: 60px;
}

.mt-13{
	margin-top: 65px;
}

.mt-14{
	margin-top: 70px;
}

.mt-15{
	margin-top: 75px;
}

.mt-16{
	margin-top: 80px;
}

.mt-17{
	margin-top: 85px;
}

.mt-18{
	margin-top: 90px;
}

.mt-19{
	margin-top: 95px;
}

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


/* MRGIN BOTTOM */

.mb-0{
	margin-bottom: 0;
}

.mb-1{
	margin-bottom: 5px;
}

.mb-2{
	margin-bottom: 10px;
}

.mb-3{
	margin-bottom: 15px;
}

.mb-4{
	margin-bottom: 20px;
}

.mb-5{
	margin-bottom: 25px;
}

.mb-6{
	margin-bottom: 30px;
}

.mb-7{
	margin-bottom: 35px;
}

.mb-8{
	margin-bottom: 40px;
}

.mb-9{
	margin-bottom: 45px;
}

.mb-10{
	margin-bottom: 50px;
}


.mb-11{
	margin-bottom: 55px;
}

.mb-12{
	margin-bottom: 60px;
}

.mb-13{
	margin-bottom: 65px;
}

.mb-14{
	margin-bottom: 70px;
}

.mb-15{
	margin-bottom: 75px;
}

.mb-16{
	margin-bottom: 80px;
}

.mb-17{
	margin-bottom: 85px;
}

.mb-18{
	margin-bottom: 90px;
}

.mb-19{
	margin-bottom: 95px;
}

.mb-20{
	margin-bottom: 100px;
}


/* MRGIN RIGHT */
.mr-0{
	margin-right: 0;
}

.mr-1{
	margin-right: 5px;
}

.mr-2{
	margin-right: 10px;
}

.mr-3{
	margin-right: 15px;
}

.mr-4{
	margin-right: 20px;
}

.mr-5{
	margin-right: 25px;
}

.mr-6{
	margin-right: 30px;
}

.mr-7{
	margin-right: 35px;
}

.mr-8{
	margin-right: 40px;
}

.mr-9{
	margin-right: 45px;
}

.mr-10{
	margin-right: 50px;
}


.mr-11{
	margin-right: 55px;
}

.mr-12{
	margin-right: 60px;
}

.mr-13{
	margin-right: 65px;
}

.mr-14{
	margin-right: 70px;
}

.mr-15{
	margin-right: 75px;
}

.mr-16{
	margin-right: 80px;
}

.mr-17{
	margin-right: 85px;
}

.mr-18{
	margin-right: 90px;
}

.mr-19{
	margin-right: 95px;
}

.mr-20{
	margin-right: 100px;
}


/* MARGIN LEFT */

.ml-0{
	margin-left: 0;
}

.ml-1{
	margin-left: 5px;
}

.ml-2{
	margin-left: 10px;
}

.ml-3{
	margin-left: 15px;
}

.ml-4{
	margin-left: 20px;
}

.ml-5{
	margin-left: 25px;
}

.ml-6{
	margin-left: 30px;
}

.ml-7{
	margin-left: 35px;
}

.ml-8{
	margin-left: 40px;
}

.ml-9{
	margin-left: 45px;
}

.ml-10{
	margin-left: 50px;
}


.ml-11{
	margin-left: 55px;
}

.ml-12{
	margin-left: 60px;
}

.ml-13{
	margin-left: 65px;
}

.ml-14{
	margin-left: 70px;
}

.ml-15{
	margin-left: 75px;
}

.ml-16{
	margin-left: 80px;
}

.ml-17{
	margin-left: 85px;
}

.ml-18{
	margin-left: 90px;
}

.ml-19{
	margin-left: 95px;
}

.ml-20{
	margin-left: 100px;
}


/* MARGIN Y-AXIS */

.my-0{
	margin-bottom:0;
	margin-top: 0;
}

.my-1{
	margin-top:  5px;
	margin-bottom: 5px;
}

.my-2{
	margin-top: 10px;
	margin-bottom:10px;
}

.my-3{
	margin-top: 15px;
	margin-bottom:15px;
}

.my-4{
	margin-top: 20px;
	margin-bottom:20px;
}

.my-5{
	margin-top:  25px;
	margin-bottom: 25px;
}

.my-6{
	margin-top: 30px;
	margin-bottom:30px;
}

.my-7{
	margin-top:  35px;
	margin-bottom: 35px;
}

.my-8{
	margin-top: 40px;
	margin-bottom:40px;
}

.my-9{
	margin-top:  45px;
	margin-bottom: 45px;
}

.my-10{
	margin-top: 50px;
	margin-bottom:50px;
}

.my-11{
	margin-top: 55px;
	margin-bottom:55px;
}

.my-12{
	margin-top: 60px;
	margin-bottom:60px;
}

.my-13{
	margin-top: 65px;
	margin-bottom:65px;
}

.my-14{
	margin-top: 70px;
	margin-bottom:70px;
}

.my-15{
	margin-top:  75px;
	margin-bottom: 75px;
}

.my-16{
	margin-top: 80px;
	margin-bottom:80px;
}

.my-17{
	margin-top:  85px;
	margin-bottom: 85px;
}

.my-18{
	margin-top: 90px;
	margin-bottom:90px;
}

.my-19{
	margin-top:  95px;
	margin-bottom: 95px;
}

.my-20{
	margin-top: 100px;
	margin-bottom:100px;
}



/* MARGIN X-AXIS */
.mx-0{
	margin-right:0;
	margin-left:0;
}

.mx-1{
	margin-right:  5px;
	margin-left: 5px;
}

.mx-2{
	margin-right: 10px;
	margin-left:10px;
}

.mx-3{
	margin-right: 15px;
	margin-left:15px;
}

.mx-4{
	margin-right: 20px;
	margin-left:20px;
}

.mx-5{
	margin-right:  25px;
	margin-left: 25px;
}

.mx-6{
	margin-right: 30px;
	margin-left:30px;
}

.mx-7{
	margin-right:  35px;
	margin-left: 35px;
}

.mx-8{
	margin-right: 40px;
	margin-left:40px;
}

.mx-9{
	margin-right:  45px;
	margin-left: 45px;
}

.mx-10{
	margin-right: 50px;
	margin-left:50px;
}

.mx-11{
	margin-right: 55px;
	margin-left:55px;
}

.mx-12{
	margin-right: 60px;
	margin-left:60px;
}

.mx-13{
	margin-right: 65px;
	margin-left:65px;
}

.mx-14{
	margin-right: 70px;
	margin-left:70px;
}

.mx-15{
	margin-right:  75px;
	margin-left: 75px;
}

.mx-16{
	margin-right: 80px;
	margin-left:80px;
}

.mx-17{
	margin-right:  85px;
	margin-left: 85px;
}

.mx-18{
	margin-right: 90px;
	margin-left:90px;
}

.mx-19{
	margin-right:  95px;
	margin-left: 95px;
}

.mx-20{
	margin-right: 100px;
	margin-left:100px;
}




/* PADDING */
/* =============================================================================================================
======================================================================================================= */
.p-0{
	padding: 0;
}

.p-1{
	padding: 3px;
}

.p-2{
	padding: 10px;
}

.p-3{
	padding: 15px;
}

.p-4{
	padding: 20px;
}

.p-5{
	padding: 25px;
}

.p-6{
	padding: 30px;
}

.p-7{
	padding: 35px;
}

.p-8{
	padding: 40px;
}

.p-9{
	padding: 45px;
}

.p-10{
	padding: 50px;
}


.p-11{
	padding: 55px;
}

.p-12{
	padding: 60px;
}

.p-13{
	padding: 65px;
}

.p-14{
	padding: 70px;
}

.p-15{
	padding: 75px;
}

.p-16{
	padding: 80px;
}

.p-17{
	padding: 85px;
}

.p-18{
	padding: 90px;
}

.p-19{
	padding: 95px;
}

.p-20{
	padding: 100px;
}

/* NORMAL padding END */




/* padding TOP */
.pt-0{
	padding-top: 0;
}

.pt-1{
	padding-top: 5px;
}

.pt-2{
	padding-top: 10px;
}

.pt-3{
	padding-top: 15px;
}

.pt-4{
	padding-top: 20px;
}

.pt-5{
	padding-top: 25px;
}

.pt-6{
	padding-top: 30px;
}

.pt-7{
	padding-top: 35px;
}

.pt-8{
	padding-top: 40px;
}

.pt-9{
	padding-top: 45px;
}

.pt-10{
	padding-top: 50px;
}


.pt-11{
	padding-top: 55px;
}

.pt-12{
	padding-top: 60px;
}

.pt-13{
	padding-top: 65px;
}

.pt-14{
	padding-top: 70px;
}

.pt-15{
	padding-top: 75px;
}

.pt-16{
	padding-top: 80px;
}

.pt-17{
	padding-top: 85px;
}

.pt-18{
	padding-top: 90px;
}

.pt-19{
	padding-top: 95px;
}

.pt-20{
	padding-top: 100px;
}






/* MRGIN BOTTOM */

.pb-0{
	padding-bottom: 0;
}

.pb-1{
	padding-bottom: 5px;
}

.pb-2{
	padding-bottom: 10px;
}

.pb-3{
	padding-bottom: 15px;
}

.pb-4{
	padding-bottom: 20px;
}

.pb-5{
	padding-bottom: 25px;
}

.pb-6{
	padding-bottom: 30px;
}

.pb-7{
	padding-bottom: 35px;
}

.pb-8{
	padding-bottom: 40px;
}

.pb-9{
	padding-bottom: 45px;
}

.pb-10{
	padding-bottom: 50px;
}


.pb-11{
	padding-bottom: 55px;
}

.pb-12{
	padding-bottom: 60px;
}

.pb-13{
	padding-bottom: 65px;
}

.pb-14{
	padding-bottom: 70px;
}

.pb-15{
	padding-bottom: 75px;
}

.pb-16{
	padding-bottom: 80px;
}

.pb-17{
	padding-bottom: 85px;
}

.pb-18{
	padding-bottom: 90px;
}

.pb-19{
	padding-bottom: 95px;
}

.pb-20{
	padding-bottom: 100px;
}


/* MRGIN RIGHT */
.pr-0{
	padding-right: 0;
}

.pr-1{
	padding-right: 5px;
}

.pr-2{
	padding-right: 10px;
}

.pr-3{
	padding-right: 15px;
}

.pr-4{
	padding-right: 20px;
}

.pr-5{
	padding-right: 25px;
}

.pr-6{
	padding-right: 30px;
}

.pr-7{
	padding-right: 35px;
}

.pr-8{
	padding-right: 40px;
}

.pr-9{
	padding-right: 45px;
}

.pr-10{
	padding-right: 50px;
}


.pr-11{
	padding-right: 55px;
}

.pr-12{
	padding-right: 60px;
}

.pr-13{
	padding-right: 65px;
}

.pr-14{
	padding-right: 70px;
}

.pr-15{
	padding-right: 75px;
}

.pr-16{
	padding-right: 80px;
}

.pr-17{
	padding-right: 85px;
}

.pr-18{
	padding-right: 90px;
}

.pr-19{
	padding-right: 95px;
}

.pr-20{
	padding-right: 100px;
}


/* padding LEFT */

.pl-0{
	padding-left: 0;
}

.pl-1{
	padding-left: 5px;
}

.pl-2{
	padding-left: 10px;
}

.pl-3{
	padding-left: 15px;
}

.pl-4{
	padding-left: 20px;
}

.pl-5{
	padding-left: 25px;
}

.pl-6{
	padding-left: 30px;
}

.pl-7{
	padding-left: 35px;
}

.pl-8{
	padding-left: 40px;
}

.pl-9{
	padding-left: 45px;
}

.pl-10{
	padding-left: 50px;
}


.pl-11{
	padding-left: 55px;
}

.pl-12{
	padding-left: 60px;
}

.pl-13{
	padding-left: 65px;
}

.pl-14{
	padding-left: 70px;
}

.pl-15{
	padding-left: 75px;
}

.pl-16{
	padding-left: 80px;
}

.pl-17{
	padding-left: 85px;
}

.pl-18{
	padding-left: 90px;
}

.pl-19{
	padding-left: 95px;
}

.pl-20{
	padding-left: 100px;
}


/* padding Y-AXIS */

.py-0{
	padding-bottom:0;
	padding-top: 0;
}

.py-1{
	padding-top:  5px;
	padding-bottom: 5px;
}

.py-2{
	padding-top: 10px;
	padding-bottom:10px;
}

.py-3{
	padding-top: 15px;
	padding-bottom:15px;
}

.py-4{
	padding-top: 20px;
	padding-bottom:20px;
}

.py-5{
	padding-top:  25px;
	padding-bottom: 25px;
}

.py-6{
	padding-top: 30px;
	padding-bottom:30px;
}

.py-7{
	padding-top:  35px;
	padding-bottom: 35px;
}

.py-8{
	padding-top: 40px;
	padding-bottom:40px;
}

.py-9{
	padding-top:  45px;
	padding-bottom: 45px;
}

.py-10{
	padding-top: 50px;
	padding-bottom:50px;
}

.py-11{
	padding-top: 55px;
	padding-bottom:55px;
}

.py-12{
	padding-top: 60px;
	padding-bottom:60px;
}

.py-13{
	padding-top: 65px;
	padding-bottom:65px;
}

.py-14{
	padding-top: 70px;
	padding-bottom:70px;
}

.py-15{
	padding-top:  75px;
	padding-bottom: 75px;
}

.py-16{
	padding-top: 80px;
	padding-bottom:80px;
}

.py-17{
	padding-top:  85px;
	padding-bottom: 85px;
}

.py-18{
	padding-top: 90px;
	padding-bottom:90px;
}

.py-19{
	padding-top:  95px;
	padding-bottom: 95px;
}

.py-20{
	padding-top: 100px;
	padding-bottom:100px;
}



/* padding X-AXIS */
.px-0{
	padding-right:0;
	padding-left: 0;
}

.px-1{
	padding-right:  5px;
	padding-left: 5px;
}

.px-2{
	padding-right: 10px;
	padding-left:10px;
}

.px-3{
	padding-right: 15px;
	padding-left:15px;
}

.px-4{
	padding-right: 20px;
	padding-left:20px;
}

.px-5{
	padding-right:  25px;
	padding-left: 25px;
}

.px-6{
	padding-right: 30px;
	padding-left:30px;
}

.px-7{
	padding-right:  35px;
	padding-left: 35px;
}

.px-8{
	padding-right: 40px;
	padding-left:40px;
}

.px-9{
	padding-right:  45px;
	padding-left: 45px;
}

.px-10{
	padding-right: 50px;
	padding-left:50px;
}

.px-11{
	padding-right: 55px;
	padding-left:55px;
}

.px-12{
	padding-right: 60px;
	padding-left:60px;
}

.px-13{
	padding-right: 65px;
	padding-left:65px;
}

.px-14{
	padding-right: 70px;
	padding-left:70px;
}

.px-15{
	padding-right:  75px;
	padding-left: 75px;
}

.px-16{
	padding-right: 80px;
	padding-left:80px;
}

.px-17{
	padding-right:  85px;
	padding-left: 85px;
}

.px-18{
	padding-right: 90px;
	padding-left:90px;
}

.px-19{
	padding-right:  95px;
	padding-left: 95px;
}

.px-20{
	padding-right: 100px;
	padding-left:100px;
}


/* END OF PADDING AND MARGIN */




.bold{
	font-weight: bold;
}

.bolder{
	font-weight: bolder;
}

.font-normal{
	font-weight: normal;
}

.font-weight-inherit{
	font-weight: initial;
}

.bold-h:hover{
	font-weight: bold;
}

.bolder-h:hover{
	font-weight: bolder;
}

.font-normal-h:hover{
	font-weight: normal;
}

/* WIDTH */

/* ================================================================================================== */

.max-w-100{
	max-width: 100%;
}

.max-w-0{
	max-width: 0;
}

.w-auto{
	width: auto;
}

.w-max-content{
	width: max-content;
}



/* SCREEN VIEW WIDTH */
.vw-1{
	width:1vw;
}

.vw-10{
	width:10vw;
}

.vw-20{
	width:20vw;
}

.vw-30{
	width:30vw;
}

.vw-40{
	width:40vw;
}

.vw-50{
	width:50vw;
}

.vw-60{
	width:60vw;
}

.vw-70{
	width:70vw;
}

.vw-80{
	width:80vw;
}

.vw-90{
	width:90vw;
}

.vw-100{
	width:100vw;
}



/* PERCENTAGE VIEW FOR WIDTH */
.w-1{
	width:1%;
}

.w-10{
	width:10%;
}

.w-20{
	width:20%;
}

.w-30{
	width:30%;
}

.w-40{
	width:40%;
}

.w-50{
	width:50%;
}

.w-60{
	width:60%;
}

.w-70{
	width:70%;
}

.w-80{
	width:80%;
}

.w-90{
	width:90%;
}

.w-100{
	width:100%;
}

/* ====================================== END OF WIDTH =============================================== */


/* VISIBILITY */

.visible{
	visibility: visible;
}

.invisible{
	visibility: hidden;
}

.visible-h:hover{
	visibility: visible;
}

.invisible-h:hover{
	visibility: hidden;
}

/* ====================================== END OF VISIBLITY =============================================== */


/* DISPLAYS */

.d-none{
	display: none;
}

.d-flex{
	display: flex;
}

.d-block{
	display: block;
}

.d-inline{
	display: inline;
}

.d-inline-block{
	display: inline-block;
}

.d-inline-flex{
	display: inline-flex;
}

.d-grid{
	display: grid;
}

.d-inline-grid{
	display: inline-grid;
	display: -ms-inline-grid;
	display: -moz-inline-grid;
}


/* ====================================== END OF DISPLAY =======================================



/* POSITIONING */

.pos-fixed{
	position: fixed;
}

.fixed-top{
	position: fixed;
	top: 0;
}

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

.left{
	left: 0;
}

.right{
	right: 0;
}

.pos-sticky{
	position: sticky;
}

.sticky-top{
	position: sticky;
	top: 0;
}

.sticky-bottom{
	position: sticky;
	bottom: 0;
}

.pos-relative{
	position: relative;
}

.pos-absolute{
	position:absolute;
}

.pos-static{
	position: static;
}

.bg-mask{
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	z-index: .5;
}

/* ================================== END OF POSITIONING =============================================== */


/* FONT-SIZE */

.text-xs{
	font-size: 11px;
}

.text-sm{
	font-size: 13px;
}

.text-md{
	font-size: 	15px;
}

.text-lg{
	font-size: 17px;
}

.text-xl{
	font-size: 1.19rem;
}

.text-xl-1{
	font-size: 1.29rem;
}

.text-xl-2{
	font-size: 1.39rem;
}

.text-xl-3{
	font-size: 1.5rem;
}

.text-xl-4{
	font-size: 1.62rem;
}

.text-xl-5{
	font-size: 1.73rem;
}

.text-xl-6{
	font-size: 1.86rem;
}

.text-xl-7{
	font-size: 1.98rem;
}

.text-xl-8{
	font-size: 2.12rem;
}

.text-xl-9{
	font-size: 2.35rem;
}

.text-xl-10{
	font-size: 2.75rem;
}

/* =============================================== END OF FONT-SIZE ===========================================*/


/* SMOOTH FONT */
.smooth{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}		

.auto-smooth{
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto;
}

.italic{
	font-style: italic;
}

.oblique{
	font-style: oblique;
}

.text-normal{
	font-style: normal;
}

.underlined{
	text-decoration: underline;
}

.crossed{
	text-decoration: line-through;
}

.overlined{
	text-decoration: overline;
}

.wavy{
	text-decoration: wavy;
}

.text-decoration-none{
	text-decoration: none;
}


/*  LETTER SPACING   */
.letters-tighter{
	letter-spacing: -0.09rem;
}

.letters-tight{
	letter-spacing: -0.05rem;
}

.letters-normal{
	letter-spacing: 0rem;
}

.letters-wide{
	letter-spacing: 0.09rem;
}

.letters-wider{
	letter-spacing: 0.15rem;;
}

.word-tighter{
	word-spacing: 0;
}

.word-tight{
	word-spacing: 2px;
}

.word-md{
	word-spacing: 4px;
}

.word-wide{
	word-spacing: 7px;
}

.word-wider{
	word-spacing: 9px;
}

.line-0{
	line-height: normal;
}

.line-1{
	line-height: 20px;
}

.line-2{
	line-height: 1.5rem;
}

.line-3{
	line-height: 1.8rem;
}

.line-4{
	line-height: 30px;
}

.line-5{
	line-height: 33px;
}

.line-6{
	line-height: 38px;
}

.line-7{
	line-height: 43px;
}

.line-8{
	line-height: 50px;
}

.line-9{
	line-height: 57px;
}

.line-10{
	line-height: 67px;
}

.line-11{
	line-height: 97px;
}


.uppercase{
	text-transform: uppercase;
}

.lowercase{
	text-transform: lowercase;
}

.capitalize{
	text-transform: capitalize;
}

.normal-case{
	text-transform: none;
}

.whitespace-normal{
	white-space: normal;
}

.whitespace-nowrap{
	white-space: nowrap;
}

.whitespace-pre{
	white-space: pre;
}

.whitespace-pre-line{
	white-space: pre-line;
}
	
.whitespace-pre-wrap{
	white-space: pre-wrap;
}

.word-break-normal{
	word-break: normal;
	overflow-wrap: normal
}

.break-words{
	overflow-wrap: break-word;
}

.break-all{
	word-break: break-all;
}

.truncate-text{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

/* BAGKGROUND*/
.no-repeat{
	background-repeat: no-repeat;
}

.bg-attachment-fixed{
	background-attachment: fixed;
}

.bg-attachment-scroll{
	background-attachment: scroll;
}

.bg-attachment-local{
	background-attachment: local;
}

.bg-center{
	background-position: center;
}

.bg-left{
	background-position: left;
}

.bg-right{
	background-position: right;
}

.bg-left-bottom{
	background-position: left bottom;
}

.bg-right-bottom{
	-webkit-background-composite: left top;
}

.bg-left-top{
	background-position: right bottom;
}

.bg-right-top{
	-webkit-background-composite: right top;
}


.bg-auto{
	background-size: auto;
}

.bg-cover{
	background-size: cover;
}

.bg-contain{
	background-size: contain;
}


/* shadow */
.shadow-normal{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}


/* 	MATERIL DESIGN SHADOW  */
.shadow-MD-1{
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20);
}

/*@media (max-width:  700px){
	.shadow-MD-2{
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
	}
}
*/
.shadow-MD-2{
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02), 0 3px 1px -2px rgba(0,0,0,0.02), 0 1px 5px 0 rgba(0,0,0,0.02);*/
	border: 2px solid #dfdfdf;	
}

.shadow-MD-3{
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.08), 0 3px 3px -2px rgba(0,0,0,0.08), 0 1px 8px 0 rgba(0,0,0,0.08);
}

.shadow-MD-light{
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.04), 0 31px 31px -2px rgba(0,0,0,0.04), 0 17px 38px 0 rgba(0,0,0,0.04);
}

.shadow-MD-4{
	box-shadow: 0 45px 55px 0 rgba(0,0,0,0.09), 0 30px 30px 0 rgba(0,0,0,0.09), 0 22px 42px -13px rgba(0,0,0,0.09);
}

.shadow-complete{
	box-shadow: 0 20px 20px 0 rgb(0,0,0,.2);
}

.shadow-MD-5{
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.20);
}

.shadow-MD-6{
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.20);
}

.shadow-MD-7{
	box-shadow: 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12), 0 5px 6px -3px rgba(0,0,0,0.20);
}

.shadow-MD-8{
	box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px -4px rgba(0,0,0,0.20);
}

.shadow-MD-9{
	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.20);
}

.shadow-MD-10{
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.20);
}


.shadow-around{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
}

.shadow-lg{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline{
	box-shadow: 0 0 0 4px rgba(99, 179, 237,.2);
}

.shadow-outline-f:focus{
	box-shadow: 0 0 0 4px rgba(99, 179, 237,.2);
}

.shadow-none{
	box-shadow: none;
}

.opacity-100{
	opacity: 100%;
}

.opacity-10{
	opacity: 10%;
}

.opacity-20{
	opacity: 20%;
}

.opacity-30{
	opacity: 30%;
}

.opacity-40{
	opacity: 40%;
}

.opacity-50{
	opacity: 50%;
}

.opacity-60{
	opacity: 60%;
}

.opacity-70{
	opacity: 70%;
}

.opacity-80{
	opacity: 80%;
}

.opacity-90{
	opacity: 90%;
}

.opacity-0{
	opacity: 0%;
}

.card{
	padding: 0;
}

.card-img{
	padding: 0;
}

.text-MD-title{
	color: #232F34;
}

.fill-MD-dark{
	fill: #232F34;
}


.text-MD-secondary{
	color: #232F34;
	opacity: 80%;
}


.shadow-normal-h:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-h:hover{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-h:hover{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-h:hover{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-h:hover{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-h:hover{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-h:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-h:hover{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-h:hover{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-h:hover{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-h:hover{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-h:hover{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-h:hover{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-h:hover{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-h:hover{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-h:hover{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-h:hover{
	box-shadow: none;
}

.opacity-100-h:hover{
	opacity: 100%;
}

.opacity-10-h:hover{
	opacity: 10%;
}

.opacity-20-h:hover{
	opacity: 20%;
}

.opacity-30-h:hover{
	opacity: 30%;
}

.opacity-40-h:hover{
	opacity: 40%;
}

.opacity-50-h:hover{
	opacity: 50%;
}

.opacity-60-h:hover{
	opacity: 60%;
}

.opacity-70-h:hover{
	opacity: 70%;
}

.opacity-80-h:hover{
	opacity: 80%;
}

.opacity-90-h:hover{
	opacity: 90%;
}

.opacity-0-h:hover{
	opacity: 0%;
}

.big-1{
	font-size: 50px;
}

.big-2{
	font-size: 60px;
}

.big-3{
	font-size: 70px;
}

.big-4{
	font-size: 80px;
}

.big-5{
	font-size: 90px;
}

.big-6{
	font-size: 100px;
}

.big-7{
	font-size: 110px;
}

.big-8{
	font-size: 120px;
}

.big-9{
	font-size: 130px;
}

.big-10{
	font-size: 140px;
}

.big-11{
	font-size: 150px;
}

.big-12{
	font-size: 160px;
}

.big-13{
	font-size: 170px;
}

.big-14{
	font-size: 180px;
}

.big-15{
	font-size: 190px;
}

.big-16{
	font-size: 200px;
}

.big-17{
	font-size: 210px;
}

.big-18{
	font-size: 220px;
}

.big-19{
	font-size: 230px;
}

.big-20{
	font-size: 240px;
}

.shadow-normal-a:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-a:active{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-a:active{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-a:active{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-a:active{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-a:active{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-a:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-a:active{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-a:active{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-a:active{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-a:active{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-a:active{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-a:active{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-a:active{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-a:active{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-a:active{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-a:active{
	box-shadow: none;
}

.opacity-100-a:active{
	opacity: 100%;
}

.opacity-10-a:active{
	opacity: 10%;
}

.opacity-20-a:active{
	opacity: 20%;
}

.opacity-30-a:active{
	opacity: 30%;
}

.opacity-40-a:active{
	opacity: 40%;
}

.opacity-50-a:active{
	opacity: 50%;
}

.opacity-60-a:active{
	opacity: 60%;
}

.opacity-70-a:active{
	opacity: 70%;
}

.opacity-80-a:active{
	opacity: 80%;
}

.opacity-90-a:active{
	opacity: 90%;
}

.opacity-0-a:active{
	opacity: 0%;
}



/* LISTS */

.list-none{
	list-style-type: none;
}

.list-disc{
	list-style-type: disc;
}

.list-number{
	list-style-type:decimal;
}

.list-roman{
	list-style-type:lower-roman;
}

.list-alpha{
	list-style-type: lower-alpha;
}

.list-in{
	list-style-position: inside;
}

.list-out{
	list-style-position: outside;
}

/* ==================================== END OF LIST ========================================================= */

.cursor-auto{
	cursor: auto;
}

.cursor-default{
	cursor: default;
}

.cursor-pointer{
	cursor: pointer;
}

.cursor-wait{
	cursor: wait;
}

.cursor-text{
	cursor: text;
}

.cursor-move{
	cursor: move;
}

.cursor-not-allowed{
	cursor: not-allowed;
}

.pointer-events-none{
	pointer-events: none;
}

.pointer-events-auto{
	pointer-events: auto;
}


.select-none{
	user-select: none;
}

.select-text{
	user-select: text;
}

.select-all{
	user-select: all;
}

.select-auto{
	user-select: auto;
}

/* OVERFLOW */
.overflow-hidden{
	overflow: hidden;
}

.overflow-scroll{
	overflow: scroll;
}

.overflow-auto{
	overflow: auto;
}

.oveflow-visible{
	overflow: visible;
}

.overflow-inherit{
	overflow: inherit;
}

.overflow-y-hidden{
	overflow-y: hidden;
}

.overflow-y-scroll{
	overflow-y: scroll;
}

.overflow-y-auto{
	overflow-y: auto;
}

.oveflow-y-visible{
	overflow-y: visible;
}

.overflow-y-inherit{
	overflow-y: inherit;
}

.overflow-x-hidden{
	overflow-x: hidden;
}

.overflow-x-scroll{
	overflow-x: scroll;
}

.overflow-x-auto{
	overflow-x: auto;
}

.oveflow-x-visible{
	overflow-x: visible;
}

.overflow-x-inherit{
	overflow-x: inherit;
}

.overflow-hidden-h:hover{
	overflow: hidden;
}

.overflow-scroll-h:hover{
	overflow: scroll;
}

.overflow-auto-h:hover{
	overflow: auto;
}

.oveflow-visible-h:hover{
	overflow: visible;
}

.overflow-inherit-h:hover{
	overflow: inherit;
}

.overflow-y-hidden-h:hover{
	overflow-y: hidden;
}

.overflow-y-scroll-h:hover{
	overflow-y: scroll;
}

.overflow-y-auto-h:hover{
	overflow-y: auto;
}

.oveflow-y-visible-h:hover{
	overflow-y: visible;
}

.overflow-y-inherit-h:hover{
	overflow-y: inherit;
}

.overflow-x-hidden-h:hover{
	overflow-x: hidden;
}

.overflow-x-scroll-h:hover{
	overflow-x: scroll;
}

.overflow-x-auto-h:hover{
	overflow-x: auto;
}

.oveflow-x-visible-h:hover{
	overflow-x: visible;
}

.overflow-x-inherit-h:hover{
	overflow-x: inherit;
}





/* ============================================= END =================================================== */

/* GRID */
.grid-container{
	display: flex;
	flex-wrap: wrap;
}



/* =========================================== GRID COLUMNS */

.g-1{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 1px;
}

.g-2{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 2px;
}

.g-3{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 3px;
}

.g-4{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 4px;
}

.g-5{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 5px;
}

.g-0{
	margin: 0;
	padding: 0;
	overflow: 0;
}

.gx-1{
	padding: 0;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
}

.gx-2{
	padding: 0;
	margin-left: 2px;
	margin-right: 2px;
	overflow: hidden;
}

.gx-3{
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden;
}

.gx-4{
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
}

.gx-5{
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
}

.gx-0{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}


.gy-1{
	padding: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	overflow: hidden;
}

.gy-2{
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.gy-3{
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden;
}

.gy-4{
	padding: 0;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
}

.gy-5{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}


.gy-0{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}


.grid-1 .col{
	width:100%;
	margin:0;
	padding: 0;
}

.grid-2 .col{
	width:50%;
	margin:0;
	padding: 0;
}

.grid-3 .col{
	width: 33.333333333333%;
	margin:0;
	padding: 0;
}

.grid-4 .col{
	width: 25%;
	margin:0;
	padding: 0;
}

.grid-5 .col{
	width: 20%;
	margin:0;
	padding: 0;
}

.grid-6 .col{
	width: 16.65555555555%;
	margin:0;
	padding: 0;
}

.grid-7 .col{
	width: 14.285714285714%;
	margin:0;
	padding: 0;
}

.grid-8 .col{
	width: 12.5%;
	margin:0;
	padding: 0;
}

.grid-9 .col{
	width: 11.111111111111%;
	margin:0;
	padding: 0;
}

.grid-10 .col{
	width: 10%;
	margin:0;
	padding: 0;
}

.grid-11 .col{
	width: 9.090909091%;
	margin:0;
	padding: 0;
}

.grid-12 .col{
	width: 8.333333333%;
	margin:0;
	padding: 0;
}




/* ======================================== END GRIG ================================================== */


/*  IN FLEX RESPONSIBILITY  */

.col-10{
	width: 100%;
}

.col-9{
	width: 90%;
}

.col-8{
	width: 80%;
}

.col-7{
	width: 70%;
}

.col-6{
	width: 60%;
}

.col-5{
	width: 50%;
}

.col-4{
	width: 40%;
}

.col-3{
	width: 30%;
}

.col-2{
	width: 20%;
}

.col-1{
	width: 10%;
}

/* ROTATE TEXT */
.rotate-1{
	transform: rotate(1deg);
}

.rotate-359{
	transform: rotate(359deg);
}

.rotate-5{
	transform: rotate(5deg);
}

.rotate-10{
	transform: rotate(10deg);
}

.rotate-15{
	transform: rotate(15deg);
}

.rotate-20{
	transform: rotate(20deg);
}

.rotate-45{
	transform: rotate(45deg);
}

.rotate-90{
	transform: rotate(90deg);
}

.rotate-185{
	transform: rotate(185deg);
}

.rotate-190{
	transform: rotate(190deg);
}

.rotate-195{
	transform: rotate(195deg);
}

.rotate-200{
	transform: rotate(200deg);
}

.rotate-135{
	transform: rotate(135deg);
}

.rotate-180{
	transform: rotate(180deg);
}

.rotate-225{
	transform: rotate(225deg);
}

.rotate-270{
	transform: rotate(270deg);
}

.rotate-275{
	transform: rotate(275deg);
}

.rotate-280{
	transform: rotate(280deg);
}

.rotate-285{
	transform: rotate(285deg);
}

.rotate-290{
	transform: rotate(290deg);
}

.rotate-315{
	transform: rotate(315deg);
}

.rotate-360{
	transform: rotate(360deg);
}

.rotate-355{
	transform: rotate(355deg);
}

.rotate-350{
	transform: rotate(350deg);
}

.rotate-345{
	transform: rotate(345deg);
}

.rotate-340{
	transform: rotate(340deg);
}

/* ====================================== END OF ROTATE =============================================== */

/*  TRANSLATE  */
.translate-x-1{
	transform: translate(1rem);
}

.translate-x-2{
	transform: translate(2rem);
}

/* TRANSFORM ORIGIN */
.origin-center{
		transform-origin: center;
}

.origin-top{
		transform-origin: top;
}

.origin-top-right{
		transform-origin: top right;
}

.origin-right{
		transform-origin: right;
}

.origin-bottom-right{
		transform-origin: bottom right;
}

.origin-bottom{
		transform-origin: bottom;
}

.origin-bottom-left{
		transform-origin: bottom left;
}

.origin-left{
		transform-origin: left;
}

.origin-top-left{
		transform-origin: top left;
}



/* THE RESPONSIVE PART OF THE FRAMEWORK */

/* XX-LARGE SRCEENS */
/* xxl */
@media (max-width: 1600px){

	/* TRANSITIONS PROPERTY */

	.transition-none-xxl{
		transition-property: none;
	}

	.transition-all-xxl{
		transition-property: all;
	}

	.transition-xxl{
		transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, padding, margin;
	}

	.transition-colors-xxl{
		transition-property: background-color, border-color, color, fill, stroke;
	}

	.transition-opacity-xxl{
		transition-property: opacity;
	}

	.transition-shadow-xxl{
		transition-property: box-shadow;
	}

	.transition-transform-xxl{
		transition-property: transform;
	}


	/* =============================== TRANSITIONS ========================================================== */


	.img-xxl{
		max-width: 100%;
		max-width: 100%;
	}

	/* LINKS */
	a-xxl{
		text-decoration: none;
	}

	/* COLORS */
	.text-purple-100-xxl{
		color: #FAF5FF;
	}

	.text-purple-200-xxl{
		color: #E9D8FD;
	}

	.text-purple-300-xxl{
		color: #D6BCFA;
	}

	.text-purple-400-xxl{
		color: #B794F4;
	}

	.text-purple-500-xxl{
		color: #9F7AEA;
	}

	.text-purple-600-xxl{
		color: #805AD5;
	}

	.text-purple-700-xxl{
		color: #6B46C1;
	}

	.text-purple-800-xxl{
		color: #553C9A;
	}

	.text-purple-900-xxl{
		color: #44337A;
	}




	.text-blue-100-xxl{
		color: #EBF8FF;
	}

	.text-blue-200-xxl{
		color: #BEE3F8;
	}

	.text-blue-300-xxl{
		color: #90CDF4;
	}

	.text-blue-400-xxl{
		color: #63B3ED;
	}

	.text-blue-500-xxl{
		color: #4299E1;
	}

	.text-blue-600-xxl{
		color: #3182CE;
	}

	.text-blue-700-xxl{
		color: #2B6CB0;
	}

	.text-blue-800-xxl{
		color: #2C5282;
	}

	.text-blue-900-xxl{
		color: #2A4365;
	}


	.text-teal-100-xxl{
		color: #E6FFFA;
	}

	.text-teal-200-xxl{
		color: #B2F5EA;
	}

	.text-teal-300-xxl{
		color: #81E6D9;
	}

	.text-blue-400-xxl{
		color: #4FD1C5;
	}

	.text-teal-500-xxl{
		color: #38B2AC;
	}

	.text-teal-600-xxl{
		color: #319795;
	}

	.text-teal-700-xxl{
		color: #2C7A7B;
	}

	.text-teal-800-xxl{
		color: #285E61;
	}

	.text-teal-900-xxl{
		color: #234E52;
	}



	.text-pink-100-xxl{
		color: #FFF5F7;
	}
	.text-pink-200-xxl{
		color: #FED7E2;
	}

	.text-pink-300-xxl{
		color: #FBB6CE;
	}

	.text-pink-400-xxl{
		color: #F687B3;
	}

	.text-pink-500-xxl{
		color: #ED64A6;
	}

	.text-pink-600-xxl{
		color: #D53F8C;
	}

	.text-pink-700-xxl{
		color: #B83280;
	}

	.text-pink-800-xxl{
		color: #97266D;
	}

	.text-pink-900-xxl{
		color: #702459;
	}



	.text-indigo-100-xxl{
		color: #EBF4FF;
	}
	.text-indigo-200-xxl{
		color: #C3DAFE;
	}
	.text-indigo-300-xxl{
		color: #A3BFFA;
	}
	.text-indigo-400-xxl{
		color: #7F9CF5;
	}
	.text-indigo-500-xxl{
		color: #667EEA;
	}
	.text-indigo-600-xxl{
		color: #5A67D8;
	}
	.text-indigo-700-xxl{
		color: #4C51BF;
	}
	.text-indigo-800-xxl{
		color: #434190;
	}
	.text-indigo-900-xxl{	
		color: #3C366B;
	}


	.text-green-100-xxl{
		color: #F0FFF4;
	}

	.text-green-200-xxl{
		color: #C6F6D5;
	}

	.text-green-300-xxl{
		color: #9AE6B4;
	}

	.text-green-400-xxl{
		color: #68D391;
	}

	.text-green-500-xxl{
		color: #48BB78;
	}

	.text-green-600-xxl{
		color: #38A169;
	}

	.text-green-700-xxl{
		color: #2F855A;
	}

	.text-green-800-xxl{
		color: #276749;
	}

	.text-green-900-xxl{
		color: #22543D;
	}


	.text-yellow-100-xxl{
		color: #FFFFF0;
	}

	.text-yellow-200-xxl{
		color: #FEFCBF;
	}

	.text-yellow-300-xxl{
		color: #FAF089;
	}

	.text-yellow-400-xxl{
		color: #F6E05E;
	}

	.text-yellow-500-xxl{
		color: #ECC94B;
	}

	.text-yellow-600-xxl{
		color: #D69E2E;
	}

	.text-yellow-700-xxl{
		color: #B7791F;
	}

	.text-yellow-800-xxl{
		color: #975A16;
	}

	.text-yellow-900-xxl{
		color: #744210;
	}



	.text-orange-100-xxl{
		color: #FFFAF0;
	}

	.text-orange-200-xxl{
		color: #FEEBC8;
	}

	.text-orange-300-xxl{
		color: #FBD38D;
	}

	.text-orange-400-xxl{
		color: #F6AD55;
	}

	.text-orange-500-xxl{
		color: #ED8936;
	}

	.text-orange-600-xxl{
		color: #DD6B20;
	}

	.text-orange-700-xxl{
		color: #C05621;
	}

	.text-orange-800-xxl{
		color: #9C4221;
	}

	.text-orange-900-xxl{
		color: #7B341E;
	}



	.text-red-100-xxl{
		color: #FFF5F5;
	}

	.text-red-200-xxl{
		color: #FED7D7;
	}

	.text-red-300-xxl{
		color: #FEB2B2;
	}

	.text-red-400-xxl{
		color: #FC8181;
	}

	.text-red-500-xxl{
		color: #F56565;
	}

	.text-red-600-xxl{
		color: #E53E3E;
	}

	.text-red-700-xxl{
		color: #C53030;
	}

	.text-red-800-xxl{
		color: #9B2C2C;
	}

	.text-red-900-xxl{
		color: #742A2A;
	}



	.text-gray-100-xxl{
		color: #F7FAFC;
	}

	.text-gray-200-xxl{
		color: #EDF2F7;
	}

	.text-gray-300-xxl{
		color: #E2E8F0;
	}

	.text-gray-400-xxl{
		color: #CBD5E0;
	}

	.text-gray-500-xxl{
		color: #A0AEC0;
	}

	.text-gray-600-xxl{
		color: #718096;
	}

	.text-gray-700-xxl{
		color: #4A5568;
	}

	.text-gray-800-xxl{
		color: #2D3748;
	}

	.text-gray-900-xxl{
		color: #1A202C;
	}


	.text-black-xxl{
		color: #000000;
	}

	.text-white-xxl{
		color: #FFFFFF;
	}

	.text-purple-100-f-xxl:focus{
		color: #FAF5FF;
	}

	.text-purple-200-f-xxl:focus{
		color: #E9D8FD;
	}

	.text-purple-300-f-xxl:focus{
		color: #D6BCFA;
	}

	.text-purple-400-f-xxl:focus{
		color: #B794F4;
	}

	.text-purple-500-f-xxl:focus{
		color: #9F7AEA;
	}

	.text-purple-600-f-xxl:focus{
		color: #805AD5;
	}

	.text-purple-700-f-xxl:focus{
		color: #6B46C1;
	}

	.text-purple-800-f-xxl:focus{
		color: #553C9A;
	}

	.text-purple-900-f-xxl:focus{
		color: #44337A;
	}




	.text-blue-100-f-xxl:focus{
		color: #EBF8FF;
	}

	.text-blue-200-f-xxl:focus{
		color: #BEE3F8;
	}

	.text-blue-300-f-xxl:focus{
		color: #90CDF4;
	}

	.text-blue-400-f-xxl:focus{
		color: #63B3ED;
	}

	.text-blue-500-f-xxl:focus{
		color: #4299E1;
	}

	.text-blue-600-f-xxl:focus{
		color: #3182CE;
	}

	.text-blue-700-f-xxl:focus{
		color: #2B6CB0;
	}

	.text-blue-800-f-xxl:focus{
		color: #2C5282;
	}

	.text-blue-900-f-xxl:focus{
		color: #2A4365;
	}


	.text-teal-100-f-xxl:focus{
		color: #E6FFFA;
	}

	.text-teal-200-f-xxl:focus{
		color: #B2F5EA;
	}

	.text-teal-300-f-xxl:focus{
		color: #81E6D9;
	}

	.text-blue-400-f-xxl:focus{
		color: #4FD1C5;
	}

	.text-teal-500-f-xxl:focus{
		color: #38B2AC;
	}

	.text-teal-600-f-xxl:focus{
		color: #319795;
	}

	.text-teal-700-f-xxl:focus{
		color: #2C7A7B;
	}

	.text-teal-800-f-xxl:focus{
		color: #285E61;
	}

	.text-teal-900-f-xxl:focus{
		color: #234E52;
	}



	.text-pink-100-f-xxl:focus{
		color: #FFF5F7;
	}
	.text-pink-200-f-xxl:focus{
		color: #FED7E2;
	}

	.text-pink-300-f-xxl:focus{
		color: #FBB6CE;
	}

	.text-pink-400-f-xxl:focus{
		color: #F687B3;
	}

	.text-pink-500-f-xxl:focus{
		color: #ED64A6;
	}

	.text-pink-600-f-xxl:focus{
		color: #D53F8C;
	}

	.text-pink-700-f-xxl:focus{
		color: #B83280;
	}

	.text-pink-800-f-xxl:focus{
		color: #97266D;
	}

	.text-pink-900-f-xxl:focus{
		color: #702459;
	}



	.text-indigo-100-f-xxl:focus{
		color: #EBF4FF;
	}
	.text-indigo-200-f-xxl:focus{
		color: #C3DAFE;
	}
	.text-indigo-300-f-xxl:focus{
		color: #A3BFFA;
	}
	.text-indigo-400-f-xxl:focus{
		color: #7F9CF5;
	}
	.text-indigo-500-f-xxl:focus{
		color: #667EEA;
	}
	.text-indigo-600-f-xxl:focus{
		color: #5A67D8;
	}
	.text-indigo-700-f-xxl:focus{
		color: #4C51BF;
	}
	.text-indigo-800-f-xxl:focus{
		color: #434190;
	}
	.text-indigo-900-f-xxl:focus{	
		color: #3C366B;
	}


	.text-green-100-f-xxl:focus{
		color: #F0FFF4;
	}

	.text-green-200-f-xxl:focus{
		color: #C6F6D5;
	}

	.text-green-300-f-xxl:focus{
		color: #9AE6B4;
	}

	.text-green-400-f-xxl:focus{
		color: #68D391;
	}

	.text-green-500-f-xxl:focus{
		color: #48BB78;
	}

	.text-green-600-f-xxl:focus{
		color: #38A169;
	}

	.text-green-700-f-xxl:focus{
		color: #2F855A;
	}

	.text-green-800-f-xxl:focus{
		color: #276749;
	}

	.text-green-900-f-xxl:focus{
		color: #22543D;
	}


	.text-yellow-100-f-xxl:focus{
		color: #FFFFF0;
	}

	.text-yellow-200-f-xxl:focus{
		color: #FEFCBF;
	}

	.text-yellow-300-f-xxl:focus{
		color: #FAF089;
	}

	.text-yellow-400-f-xxl:focus{
		color: #F6E05E;
	}

	.text-yellow-500-f-xxl:focus{
		color: #ECC94B;
	}

	.text-yellow-600-f-xxl:focus{
		color: #D69E2E;
	}

	.text-yellow-700-f-xxl:focus{
		color: #B7791F;
	}

	.text-yellow-800-f-xxl:focus{
		color: #975A16;
	}

	.text-yellow-900-f-xxl:focus{
		color: #744210;
	}



	.text-orange-100-f-xxl:focus{
		color: #FFFAF0;
	}

	.text-orange-200-f-xxl:focus{
		color: #FEEBC8;
	}

	.text-orange-300-f-xxl:focus{
		color: #FBD38D;
	}

	.text-orange-400-f-xxl:focus{
		color: #F6AD55;
	}

	.text-orange-500-f-xxl:focus{
		color: #ED8936;
	}

	.text-orange-600-f-xxl:focus{
		color: #DD6B20;
	}

	.text-orange-700-f-xxl:focus{
		color: #C05621;
	}

	.text-orange-800-f-xxl:focus{
		color: #9C4221;
	}

	.text-orange-900-f-xxl:focus{
		color: #7B341E;
	}



	.text-red-100-f-xxl:focus{
		color: #FFF5F5;
	}

	.text-red-200-f-xxl:focus{
		color: #FED7D7;
	}

	.text-red-300-f-xxl:focus{
		color: #FEB2B2;
	}

	.text-red-400-f-xxl:focus{
		color: #FC8181;
	}

	.text-red-500-f-xxl:focus{
		color: #F56565;
	}

	.text-red-600-f-xxl:focus{
		color: #E53E3E;
	}

	.text-red-700-f-xxl:focus{
		color: #C53030;
	}

	.text-red-800-f-xxl:focus{
		color: #9B2C2C;
	}

	.text-red-900-f-xxl:focus{
		color: #742A2A;
	}



	.text-gray-100-f-xxl:focus{
		color: #F7FAFC;
	}

	.text-gray-200-f-xxl:focus{
		color: #EDF2F7;
	}

	.text-gray-300-f-xxl:focus{
		color: #E2E8F0;
	}

	.text-gray-400-f-xxl:focus{
		color: #CBD5E0;
	}

	.text-gray-500-f-xxl:focus{
		color: #A0AEC0;
	}

	.text-gray-600-f-xxl:focus{
		color: #718096;
	}

	.text-gray-700-f-xxl:focus{
		color: #4A5568;
	}

	.text-gray-800-f-xxl:focus{
		color: #2D3748;
	}

	.text-gray-900-f-xxl:focus{
		color: #1A202C;
	}


	.text-black-f-xxl:focus{
		color: #000000;
	}

	.text-white-f-xxl:focus{
		color: #FFFFFF;
	}


	.text-purple-100-h-xxl:hover{
		color: #FAF5FF;
	}

	.text-purple-200-h-xxl:hover{
		color: #E9D8FD;
	}

	.text-purple-300-h-xxl:hover{
		color: #D6BCFA;
	}

	.text-purple-400-h-xxl:hover{
		color: #B794F4;
	}

	.text-purple-500-h-xxl:hover{
		color: #9F7AEA;
	}

	.text-purple-600-h-xxl:hover{
		color: #805AD5;
	}

	.text-purple-700-h-xxl:hover{
		color: #6B46C1;
	}

	.text-purple-800-h-xxl:hover{
		color: #553C9A;
	}

	.text-purple-900-h-xxl:hover{
		color: #44337A;
	}




	.text-blue-100-h-xxl:hover{
		color: #EBF8FF;
	}

	.text-blue-200-h-xxl:hover{
		color: #BEE3F8;
	}

	.text-blue-300-h-xxl:hover{
		color: #90CDF4;
	}

	.text-blue-400-h-xxl:hover{
		color: #63B3ED;
	}

	.text-blue-500-h-xxl:hover{
		color: #4299E1;
	}

	.text-blue-600-h-xxl:hover{
		color: #3182CE;
	}

	.text-blue-700-h-xxl:hover{
		color: #2B6CB0;
	}

	.text-blue-800-h-xxl:hover{
		color: #2C5282;
	}

	.text-blue-900-h-xxl:hover{
		color: #2A4365;
	}


	.text-teal-100-h-xxl:hover{
		color: #E6FFFA;
	}

	.text-teal-200-h-xxl:hover{
		color: #B2F5EA;
	}

	.text-teal-300-h-xxl:hover{
		color: #81E6D9;
	}

	.text-blue-400-h-xxl:hover{
		color: #4FD1C5;
	}

	.text-teal-500-h-xxl:hover{
		color: #38B2AC;
	}

	.text-teal-600-h-xxl:hover{
		color: #319795;
	}

	.text-teal-700-h-xxl:hover{
		color: #2C7A7B;
	}

	.text-teal-800-h-xxl:hover{
		color: #285E61;
	}

	.text-teal-900-h-xxl:hover{
		color: #234E52;
	}



	.text-pink-100-h-xxl:hover{
		color: #FFF5F7;
	}
	.text-pink-200-h-xxl:hover{
		color: #FED7E2;
	}

	.text-pink-300-h-xxl:hover{
		color: #FBB6CE;
	}

	.text-pink-400-h-xxl:hover{
		color: #F687B3;
	}

	.text-pink-500-h-xxl:hover{
		color: #ED64A6;
	}

	.text-pink-600-h-xxl:hover{
		color: #D53F8C;
	}

	.text-pink-700-h-xxl:hover{
		color: #B83280;
	}

	.text-pink-800-h-xxl:hover{
		color: #97266D;
	}

	.text-pink-900-h-xxl:hover{
		color: #702459;
	}



	.text-indigo-100-h-xxl:hover{
		color: #EBF4FF;
	}
	.text-indigo-200-h-xxl:hover{
		color: #C3DAFE;
	}
	.text-indigo-300-h-xxl:hover{
		color: #A3BFFA;
	}
	.text-indigo-400-h-xxl:hover{
		color: #7F9CF5;
	}
	.text-indigo-500-h-xxl:hover{
		color: #667EEA;
	}
	.text-indigo-600-h-xxl:hover{
		color: #5A67D8;
	}
	.text-indigo-700-h-xxl:hover{
		color: #4C51BF;
	}
	.text-indigo-800-h-xxl:hover{
		color: #434190;
	}
	.text-indigo-900-h-xxl:hover{	
		color: #3C366B;
	}


	.text-green-100-h-xxl:hover{
		color: #F0FFF4;
	}

	.text-green-200-h-xxl:hover{
		color: #C6F6D5;
	}

	.text-green-300-h-xxl:hover{
		color: #9AE6B4;
	}

	.text-green-400-h-xxl:hover{
		color: #68D391;
	}

	.text-green-500-h-xxl:hover{
		color: #48BB78;
	}

	.text-green-600-h-xxl:hover{
		color: #38A169;
	}

	.text-green-700-h-xxl:hover{
		color: #2F855A;
	}

	.text-green-800-h-xxl:hover{
		color: #276749;
	}

	.text-green-900-h-xxl:hover{
		color: #22543D;
	}


	.text-yellow-100-h-xxl:hover{
		color: #FFFFF0;
	}

	.text-yellow-200-h-xxl:hover{
		color: #FEFCBF;
	}

	.text-yellow-300-h-xxl:hover{
		color: #FAF089;
	}

	.text-yellow-400-h-xxl:hover{
		color: #F6E05E;
	}

	.text-yellow-500-h-xxl:hover{
		color: #ECC94B;
	}

	.text-yellow-600-h-xxl:hover{
		color: #D69E2E;
	}

	.text-yellow-700-h-xxl:hover{
		color: #B7791F;
	}

	.text-yellow-800-h-xxl:hover{
		color: #975A16;
	}

	.text-yellow-900-h-xxl:hover{
		color: #744210;
	}



	.text-orange-100-h-xxl:hover{
		color: #FFFAF0;
	}

	.text-orange-200-h-xxl:hover{
		color: #FEEBC8;
	}

	.text-orange-300-h-xxl:hover{
		color: #FBD38D;
	}

	.text-orange-400-h-xxl:hover{
		color: #F6AD55;
	}

	.text-orange-500-h-xxl:hover{
		color: #ED8936;
	}

	.text-orange-600-h-xxl:hover{
		color: #DD6B20;
	}

	.text-orange-700-h-xxl:hover{
		color: #C05621;
	}

	.text-orange-800-h-xxl:hover{
		color: #9C4221;
	}

	.text-orange-900-h-xxl:hover{
		color: #7B341E;
	}



	.text-red-100-h-xxl:hover{
		color: #FFF5F5;
	}

	.text-red-200-h-xxl:hover{
		color: #FED7D7;
	}

	.text-red-300-h-xxl:hover{
		color: #FEB2B2;
	}

	.text-red-400-h-xxl:hover{
		color: #FC8181;
	}

	.text-red-500-h-xxl:hover{
		color: #F56565;
	}

	.text-red-600-h-xxl:hover{
		color: #E53E3E;
	}

	.text-red-700-h-xxl:hover{
		color: #C53030;
	}

	.text-red-800-h-xxl:hover{
		color: #9B2C2C;
	}

	.text-red-900-h-xxl:hover{
		color: #742A2A;
	}

	.text-purple-100-a-xxl:active{
		color: #FAF5FF;
	}

	.text-purple-200-a-xxl:active{
		color: #E9D8FD;
	}

	.text-purple-300-a-xxl:active{
		color: #D6BCFA;
	}

	.text-purple-400-a-xxl:active{
		color: #B794F4;
	}

	.text-purple-500-a-xxl:active{
		color: #9F7AEA;
	}

	.text-purple-600-a-xxl:active{
		color: #805AD5;
	}

	.text-purple-700-a-xxl:active{
		color: #6B46C1;
	}

	.text-purple-800-a-xxl:active{
		color: #553C9A;
	}

	.text-purple-900-a-xxl:active{
		color: #44337A;
	}




	.text-blue-100-a-xxl:active{
		color: #EBF8FF;
	}

	.text-blue-200-a-xxl:active{
		color: #BEE3F8;
	}

	.text-blue-300-a-xxl:active{
		color: #90CDF4;
	}

	.text-blue-400-a-xxl:active{
		color: #63B3ED;
	}

	.text-blue-500-a-xxl:active{
		color: #4299E1;
	}

	.text-blue-600-a-xxl:active{
		color: #3182CE;
	}

	.text-blue-700-a-xxl:active{
		color: #2B6CB0;
	}

	.text-blue-800-a-xxl:active{
		color: #2C5282;
	}

	.text-blue-900-a-xxl:active{
		color: #2A4365;
	}


	.text-teal-100-a-xxl:active{
		color: #E6FFFA;
	}

	.text-teal-200-a-xxl:active{
		color: #B2F5EA;
	}

	.text-teal-300-a-xxl:active{
		color: #81E6D9;
	}

	.text-blue-400-a-xxl:active{
		color: #4FD1C5;
	}

	.text-teal-500-a-xxl:active{
		color: #38B2AC;
	}

	.text-teal-600-a-xxl:active{
		color: #319795;
	}

	.text-teal-700-a-xxl:active{
		color: #2C7A7B;
	}

	.text-teal-800-a-xxl:active{
		color: #285E61;
	}

	.text-teal-900-a-xxl:active{
		color: #234E52;
	}



	.text-pink-100-a-xxl:active{
		color: #FFF5F7;
	}
	.text-pink-200-a-xxl:active{
		color: #FED7E2;
	}

	.text-pink-300-a-xxl:active{
		color: #FBB6CE;
	}

	.text-pink-400-a-xxl:active{
		color: #F687B3;
	}

	.text-pink-500-a-xxl:active{
		color: #ED64A6;
	}

	.text-pink-600-a-xxl:active{
		color: #D53F8C;
	}

	.text-pink-700-a-xxl:active{
		color: #B83280;
	}

	.text-pink-800-a-xxl:active{
		color: #97266D;
	}

	.text-pink-900-a-xxl:active{
		color: #702459;
	}



	.text-indigo-100-a-xxl:active{
		color: #EBF4FF;
	}
	.text-indigo-200-a-xxl:active{
		color: #C3DAFE;
	}
	.text-indigo-300-a-xxl:active{
		color: #A3BFFA;
	}
	.text-indigo-400-a-xxl:active{
		color: #7F9CF5;
	}
	.text-indigo-500-a-xxl:active{
		color: #667EEA;
	}
	.text-indigo-600-a-xxl:active{
		color: #5A67D8;
	}
	.text-indigo-700-a-xxl:active{
		color: #4C51BF;
	}
	.text-indigo-800-a-xxl:active{
		color: #434190;
	}
	.text-indigo-900-a-xxl:active{	
		color: #3C366B;
	}


	.text-green-100-a-xxl:active{
		color: #F0FFF4;
	}

	.text-green-200-a-xxl:active{
		color: #C6F6D5;
	}

	.text-green-300-a-xxl:active{
		color: #9AE6B4;
	}

	.text-green-400-a-xxl:active{
		color: #68D391;
	}

	.text-green-500-a-xxl:active{
		color: #48BB78;
	}

	.text-green-600-a-xxl:active{
		color: #38A169;
	}

	.text-green-700-a-xxl:active{
		color: #2F855A;
	}

	.text-green-800-a-xxl:active{
		color: #276749;
	}

	.text-green-900-a-xxl:active{
		color: #22543D;
	}


	.text-yellow-100-a-xxl:active{
		color: #FFFFF0;
	}

	.text-yellow-200-a-xxl:active{
		color: #FEFCBF;
	}

	.text-yellow-300-a-xxl:active{
		color: #FAF089;
	}

	.text-yellow-400-a-xxl:active{
		color: #F6E05E;
	}

	.text-yellow-500-a-xxl:active{
		color: #ECC94B;
	}

	.text-yellow-600-a-xxl:active{
		color: #D69E2E;
	}

	.text-yellow-700-a-xxl:active{
		color: #B7791F;
	}

	.text-yellow-800-a-xxl:active{
		color: #975A16;
	}

	.text-yellow-900-a-xxl:active{
		color: #744210;
	}



	.text-orange-100-a-xxl:active{
		color: #FFFAF0;
	}

	.text-orange-200-a-xxl:active{
		color: #FEEBC8;
	}

	.text-orange-300-a-xxl:active{
		color: #FBD38D;
	}

	.text-orange-400-a-xxl:active{
		color: #F6AD55;
	}

	.text-orange-500-a-xxl:active{
		color: #ED8936;
	}

	.text-orange-600-a-xxl:active{
		color: #DD6B20;
	}

	.text-orange-700-a-xxl:active{
		color: #C05621;
	}

	.text-orange-800-a-xxl:active{
		color: #9C4221;
	}

	.text-orange-900-a-xxl:active{
		color: #7B341E;
	}



	.text-red-100-a-xxl:active{
		color: #FFF5F5;
	}

	.text-red-200-a-xxl:active{
		color: #FED7D7;
	}

	.text-red-300-a-xxl:active{
		color: #FEB2B2;
	}

	.text-red-400-a-xxl:active{
		color: #FC8181;
	}

	.text-red-500-a-xxl:active{
		color: #F56565;
	}

	.text-red-600-a-xxl:active{
		color: #E53E3E;
	}

	.text-red-700-a-xxl:active{
		color: #C53030;
	}

	.text-red-800-a-xxl:active{
		color: #9B2C2C;
	}

	.text-red-900-a-xxl:active{
		color: #742A2A;
	}










	/* BORDER  */

	/* BORDER */
	.b-none-xxl{
		border:none;
	}

	.b-1-xxl{
		border-width: 1px;
	}

	.b-2-xxl{
		border-width: 2px;
	}

	.b-3-xxl{
		border-width: 3px;
	}

	.b-4-xxl{
		border-width: 4px;
	}

	.b-5-xxl{
		border-width: 5px;
	}

	.b-6-xxl{
		border-width: 6px;
	}

	.b-7-xxl{
		border-width: 7px;
	}

	.b-8-xxl{
		border-width: 8px;
	}

	.b-9-xxl{
		border-width: 9px;
	}

	.b-10-xxl{
		border-width: 10px;
	}

	.bl-none-xxl{
		border-left:none;
	}

	.bl-1-xxl{
		border-left-width: 1px;
		border-left-style: solid;
	}

	.bl-2-xxl{
		border-left-width: 2px;
		border-left-style: solid;
	}

	.bl-3-xxl{
		border-left-width: 3px;
		border-left-style: solid;
	}

	.bl-4-xxl{
		border-left-width: 4px;
		border-left-style: solid;
	}

	.br-none-xxl{
		border-right:none;
	}

	.br-1-xxl{
		border-right-width: 1px;
		border-right-style: solid;
	}

	.br-2-xxl{
		border-right-width: 2px;
		border-right-style: solid;
	}

	.br-3-xxl{
		border-right-width: 3px;
		border-right-style: solid;
	}

	.br-4-xxl{
		border-right-width: 4px;
		border-right-style: solid;
	}

	.bt-none-xxl{
		border-top:none;
	}

	.bt-1-xxl{
		border-top-width: 1px;
		border-top-style: solid;
	}

	.bt-2-xxl{
		border-top-width: 2px;
		border-top-style: solid;
	}

	.bt-3-xxl{
		border-top-width: 3px;
		border-top-style: solid;
	}

	.bt-4-xxl{
		border-top-width: 4px;
		border-top-style: solid;
	}

	.bb-none-xxl{
		border-bottom:none;
	}

	.bb-1-xxl{
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.bb-2-xxl{
		border-bottom-width: 2px;
		border-bottom-style: solid;
	}

	.bb-3-xxl{
		border-bottom-width: 3px;
		border-bottom-style: solid;
	}

	.bb-4-xxl{
		border-bottom-width: 4px;
		border-bottom-style: solid;
	}

	.b-solid-xxl{
		border-style: solid;
	}

	.b-dashed-xxl{
		border-style: dashed;
	}

	.b-dotted-xxl{
		border-style: dotted;
	}

	.b-double-xxl{
		border-style: double;
	}


	.b-purple-100-xxl{
		border-color: #FAF5FF;
	}

	.b-purple-200-xxl{
		border-color: #E9D8FD;
	}

	.b-purple-300-xxl{
		border-color: #D6BCFA;
	}

	.b-purple-400-xxl{
		border-color: #B794F4;
	}

	.b-purple-500-xxl{
		border-color: #9F7AEA;
	}

	.b-purple-600-xxl{
		border-color: #805AD5;
	}

	.b-purple-700-xxl{
		border-color: #6B46C1;
	}

	.b-purple-800-xxl{
		border-color: #553C9A;
	}

	.b-purple-900-xxl{
		border-color: #44337A;
	}




	.b-blue-100-xxl{
		border-color: #EBF8FF;
	}

	.b-blue-200-xxl{
		border-color: #BEE3F8;
	}

	.b-blue-300-xxl{
		border-color: #90CDF4;
	}

	.b-blue-400-xxl{
		border-color: #63B3ED;
	}

	.b-blue-500-xxl{
		border-color: #4299E1;
	}

	.b-blue-600-xxl{
		border-color: #3182CE;
	}

	.b-blue-700-xxl{
		border-color: #2B6CB0;
	}

	.b-blue-800-xxl{
		border-color: #2C5282;
	}

	.b-blue-900-xxl{
		border-color: #2A4365;
	}


	.b-teal-100-xxl{
		border-color: #E6FFFA;
	}

	.b-teal-200-xxl{
		border-color: #B2F5EA;
	}

	.b-teal-300-xxl{
		border-color: #81E6D9;
	}

	.b-teal-400-xxl{
		border-color: #4FD1C5;
	}

	.b-teal-500-xxl{
		border-color: #38B2AC;
	}

	.b-teal-600-xxl{
		border-color: #319795;
	}

	.b-teal-700-xxl{
		border-color: #2C7A7B;
	}

	.b-teal-800-xxl{
		border-color: #285E61;
	}

	.b-teal-900-xxl{
		border-color: #234E52;
	}



	.b-pink-100-xxl{
		border-color: #FFF5F7;
	}
	.b-pink-200-xxl{
		border-color: #FED7E2;
	}

	.b-pink-300-xxl{
		border-color: #FBB6CE;
	}

	.b-pink-400-xxl{
		border-color: #F687B3;
	}

	.b-pink-500-xxl{
		border-color: #ED64A6;
	}

	.b-pink-600-xxl{
		border-color: #D53F8C;
	}

	.b-pink-700-xxl{
		border-color: #B83280;
	}

	.b-pink-800-xxl{
		border-color: #97266D;
	}

	.b-pink-900-xxl{
		border-color: #702459;
	}



	.b-indigo-100-xxl{
		border-color: #EBF4FF;
	}
	.b-indigo-200-xxl{
		border-color: #C3DAFE;
	}
	.b-indigo-300-xxl{
		border-color: #A3BFFA;
	}
	.b-indigo-400-xxl{
		border-color: #7F9CF5;
	}
	.b-indigo-500-xxl{
		border-color: #667EEA;
	}
	.b-indigo-600-xxl{
		border-color: #5A67D8;
	}
	.b-indigo-700-xxl{
		border-color: #4C51BF;
	}
	.b-indigo-800-xxl{
		border-color: #434190;
	}
	.b-indigo-900-xxl{	
		border-color: #3C366B;
	}


	.b-green-100-xxl{
		border-color: #F0FFF4;
	}

	.b-green-200-xxl{
		border-color: #C6F6D5;
	}

	.b-green-300-xxl{
		border-color: #9AE6B4;
	}

	.b-green-400-xxl{
		border-color: #68D391;
	}

	.b-green-500-xxl{
		border-color: #48BB78;
	}

	.b-green-600-xxl{
		border-color: #38A169;
	}

	.b-green-700-xxl{
		border-color: #2F855A;
	}

	.b-green-800-xxl{
		border-color: #276749;
	}

	.b-green-900-xxl{
		border-color: #22543D;
	}


	.b-yellow-100-xxl{
		border-color: #FFFFF0;
	}

	.b-yellow-200-xxl{
		border-color: #FEFCBF;
	}

	.b-yellow-300-xxl{
		border-color: #FAF089;
	}

	.b-yellow-400-xxl{
		border-color: #F6E05E;
	}

	.b-yellow-500-xxl{
		border-color: #ECC94B;
	}

	.b-yellow-600-xxl{
		border-color: #D69E2E;
	}

	.b-yellow-700-xxl{
		border-color: #B7791F;
	}

	.b-yellow-800-xxl{
		border-color: #975A16;
	}

	.b-yellow-900-xxl{
		border-color: #744210;
	}



	.b-orange-100-xxl{
		border-color: #FFFAF0;
	}

	.b-orange-200-xxl{
		border-color: #FEEBC8;
	}

	.b-orange-300-xxl{
		border-color: #FBD38D;
	}

	.b-orange-400-xxl{
		border-color: #F6AD55;
	}

	.b-orange-500-xxl{
		border-color: #ED8936;
	}

	.b-orange-600-xxl{
		border-color: #DD6B20;
	}

	.b-orange-700-xxl{
		border-color: #C05621;
	}

	.b-orange-800-xxl{
		border-color: #9C4221;
	}

	.b-orange-900-xxl{
		border-color: #7B341E;
	}



	.b-red-100-xxl{
		border-color: #FFF5F5;
	}

	.b-red-200-xxl{
		border-color: #FED7D7;
	}

	.b-red-300-xxl{
		border-color: #FEB2B2;
	}

	.b-red-400-xxl{
		border-color: #FC8181;
	}

	.b-red-500-xxl{
		border-color: #F56565;
	}

	.b-red-600-xxl{
		border-color: #E53E3E;
	}

	.b-red-700-xxl{
		border-color: #C53030;
	}

	.b-red-800-xxl{
		border-color: #9B2C2C;
	}

	.b-red-900-xxl{
		border-color: #742A2A;
	}



	.b-gray-100-xxl{
		border-color: #F7FAFC;
	}

	.b-gray-200-xxl{
		border-color: #EDF2F7;
	}

	.b-gray-300-xxl{
		border-color: #E2E8F0;
	}

	.b-gray-400-xxl{
		border-color: #CBD5E0;
	}

	.b-gray-500-xxl{
		border-color: #A0AEC0;
	}

	.b-gray-600-xxl{
		border-color: #718096;
	}

	.b-gray-700-xxl{
		border-color: #4A5568;
	}

	.b-gray-800-xxl{
		border-color: #2D3748;
	}

	.b-gray-900-xxl{
		border-color: #1A202C;
	}


	.b-black-xxl{
		border-color: #000000;
	}

	.b-white-xxl{
		border-color: #FFFFFF;
	}

	.b-purple-100-h-xxl:hover{
		border-color: #FAF5FF;
	}

	.b-purple-200-h-xxl:hover{
		border-color: #E9D8FD;
	}

	.b-purple-300-h-xxl:hover{
		border-color: #D6BCFA;
	}

	.b-purple-400-h-xxl:hover{
		border-color: #B794F4;
	}

	.b-purple-500-h-xxl:hover{
		border-color: #9F7AEA;
	}

	.b-purple-600-h-xxl:hover{
		border-color: #805AD5;
	}

	.b-purple-700-h-xxl:hover{
		border-color: #6B46C1;
	}

	.b-purple-800-h-xxl:hover{
		border-color: #553C9A;
	}

	.b-purple-900-h-xxl:hover{
		border-color: #44337A;
	}




	.b-blue-100-h-xxl:hover{
		border-color: #EBF8FF;
	}

	.b-blue-200-h-xxl:hover{
		border-color: #BEE3F8;
	}

	.b-blue-300-h-xxl:hover{
		border-color: #90CDF4;
	}

	.b-blue-400-h-xxl:hover{
		border-color: #63B3ED;
	}

	.b-blue-500-h-xxl:hover{
		border-color: #4299E1;
	}

	.b-blue-600-h-xxl:hover{
		border-color: #3182CE;
	}

	.b-blue-700-h-xxl:hover{
		border-color: #2B6CB0;
	}

	.b-blue-800-h-xxl:hover{
		border-color: #2C5282;
	}

	.b-blue-900-h-xxl:hover{
		border-color: #2A4365;
	}


	.b-teal-100-h-xxl:hover{
		border-color: #E6FFFA;
	}

	.b-teal-200-h-xxl:hover{
		border-color: #B2F5EA;
	}

	.b-teal-300-h-xxl:hover{
		border-color: #81E6D9;
	}

	.b-teal-400-h-xxl:hover{
		border-color: #4FD1C5;
	}

	.b-teal-500-h-xxl:hover{
		border-color: #38B2AC;
	}

	.b-teal-600-h-xxl:hover{
		border-color: #319795;
	}

	.b-teal-700-h-xxl:hover{
		border-color: #2C7A7B;
	}

	.b-teal-800-h-xxl:hover{
		border-color: #285E61;
	}

	.b-teal-900-h-xxl:hover{
		border-color: #234E52;
	}



	.b-pink-100-h-xxl:hover{
		border-color: #FFF5F7;
	}
	.b-pink-200-h-xxl:hover{
		border-color: #FED7E2;
	}

	.b-pink-300-h-xxl:hover{
		border-color: #FBB6CE;
	}

	.b-pink-400-h-xxl:hover{
		border-color: #F687B3;
	}

	.b-pink-500-h-xxl:hover{
		border-color: #ED64A6;
	}

	.b-pink-600-h-xxl:hover{
		border-color: #D53F8C;
	}

	.b-pink-700-h-xxl:hover{
		border-color: #B83280;
	}

	.b-pink-800-h-xxl:hover{
		border-color: #97266D;
	}

	.b-pink-900-h-xxl:hover{
		border-color: #702459;
	}



	.b-indigo-100-h-xxl:hover{
		border-color: #EBF4FF;
	}
	.b-indigo-200-h-xxl:hover{
		border-color: #C3DAFE;
	}
	.b-indigo-300-h-xxl:hover{
		border-color: #A3BFFA;
	}
	.b-indigo-400-h-xxl:hover{
		border-color: #7F9CF5;
	}
	.b-indigo-500-h-xxl:hover{
		border-color: #667EEA;
	}
	.b-indigo-600-h-xxl:hover{
		border-color: #5A67D8;
	}
	.b-indigo-700-h-xxl:hover{
		border-color: #4C51BF;
	}
	.b-indigo-800-h-xxl:hover{
		border-color: #434190;
	}
	.b-indigo-900-h-xxl:hover{	
		border-color: #3C366B;
	}


	.b-green-100-h-xxl:hover{
		border-color: #F0FFF4;
	}

	.b-green-200-h-xxl:hover{
		border-color: #C6F6D5;
	}

	.b-green-300-h-xxl:hover{
		border-color: #9AE6B4;
	}

	.b-green-400-h-xxl:hover{
		border-color: #68D391;
	}

	.b-green-500-h-xxl:hover{
		border-color: #48BB78;
	}

	.b-green-600-h-xxl:hover{
		border-color: #38A169;
	}

	.b-green-700-h-xxl:hover{
		border-color: #2F855A;
	}

	.b-green-800-h-xxl:hover{
		border-color: #276749;
	}

	.b-green-900-h-xxl:hover{
		border-color: #22543D;
	}


	.b-yellow-100-h-xxl:hover{
		border-color: #FFFFF0;
	}

	.b-yellow-200-h-xxl:hover{
		border-color: #FEFCBF;
	}

	.b-yellow-300-h-xxl:hover{
		border-color: #FAF089;
	}

	.b-yellow-400-h-xxl:hover{
		border-color: #F6E05E;
	}

	.b-yellow-500-h-xxl:hover{
		border-color: #ECC94B;
	}

	.b-yellow-600-h-xxl:hover{
		border-color: #D69E2E;
	}

	.b-yellow-700-h-xxl:hover{
		border-color: #B7791F;
	}

	.b-yellow-800-h-xxl:hover{
		border-color: #975A16;
	}

	.b-yellow-900-h-xxl:hover{
		border-color: #744210;
	}



	.b-orange-100-h-xxl:hover{
		border-color: #FFFAF0;
	}

	.b-orange-200-h-xxl:hover{
		border-color: #FEEBC8;
	}

	.b-orange-300-h-xxl:hover{
		border-color: #FBD38D;
	}

	.b-orange-400-h-xxl:hover{
		border-color: #F6AD55;
	}

	.b-orange-500-h-xxl:hover{
		border-color: #ED8936;
	}

	.b-orange-600-h-xxl:hover{
		border-color: #DD6B20;
	}

	.b-orange-700-h-xxl:hover{
		border-color: #C05621;
	}

	.b-orange-800-h-xxl:hover{
		border-color: #9C4221;
	}

	.b-orange-900-h-xxl:hover{
		border-color: #7B341E;
	}



	.b-red-100-h-xxl:hover{
		border-color: #FFF5F5;
	}

	.b-red-200-h-xxl:hover{
		border-color: #FED7D7;
	}

	.b-red-300-h-xxl:hover{
		border-color: #FEB2B2;
	}

	.b-red-400-h-xxl:hover{
		border-color: #FC8181;
	}

	.b-red-500-h-xxl:hover{
		border-color: #F56565;
	}

	.b-red-600-h-xxl:hover{
		border-color: #E53E3E;
	}

	.b-red-700-h-xxl:hover{
		border-color: #C53030;
	}

	.b-red-800-h-xxl:hover{
		border-color: #9B2C2C;
	}

	.b-red-900-h-xxl:hover{
		border-color: #742A2A;
	}



	.b-gray-100-h-xxl:hover{
		border-color: #F7FAFC;
	}

	.b-gray-200-h-xxl:hover{
		border-color: #EDF2F7;
	}

	.b-gray-300-h-xxl:hover{
		border-color: #E2E8F0;
	}

	.b-gray-400-h-xxl:hover{
		border-color: #CBD5E0;
	}

	.b-gray-500-h-xxl:hover{
		border-color: #A0AEC0;
	}

	.b-gray-600-h-xxl:hover{
		border-color: #718096;
	}

	.b-gray-700-h-xxl:hover{
		border-color: #4A5568;
	}

	.b-gray-800-h-xxl:hover{
		border-color: #2D3748;
	}

	.b-gray-900-h-xxl:hover{
		border-color: #1A202C;
	}


	.b-black-h-xxl:hover{
		border-color: #000000;
	}

	.b-white-h-xxl:hover{
		border-color: #FFFFFF;
	}


	.b-purple-100-a-xxl:active{
		border-color: #FAF5FF;
	}

	.b-purple-200-a-xxl:active{
		border-color: #E9D8FD;
	}

	.b-purple-300-a-xxl:active{
		border-color: #D6BCFA;
	}

	.b-purple-400-a-xxl:active{
		border-color: #B794F4;
	}

	.b-purple-500-a-xxl:active{
		border-color: #9F7AEA;
	}

	.b-purple-600-a-xxl:active{
		border-color: #805AD5;
	}

	.b-purple-700-a-xxl:active{
		border-color: #6B46C1;
	}

	.b-purple-800-a-xxl:active{
		border-color: #553C9A;
	}

	.b-purple-900-a-xxl:active{
		border-color: #44337A;
	}




	.b-blue-100-a-xxl:active{
		border-color: #EBF8FF;
	}

	.b-blue-200-a-xxl:active{
		border-color: #BEE3F8;
	}

	.b-blue-300-a-xxl:active{
		border-color: #90CDF4;
	}

	.b-blue-400-a-xxl:active{
		border-color: #63B3ED;
	}

	.b-blue-500-a-xxl:active{
		border-color: #4299E1;
	}

	.b-blue-600-a-xxl:active{
		border-color: #3182CE;
	}

	.b-blue-700-a-xxl:active{
		border-color: #2B6CB0;
	}

	.b-blue-800-a-xxl:active{
		border-color: #2C5282;
	}

	.b-blue-900-a-xxl:active{
		border-color: #2A4365;
	}


	.b-teal-100-a-xxl:active{
		border-color: #E6FFFA;
	}

	.b-teal-200-a-xxl:active{
		border-color: #B2F5EA;
	}

	.b-teal-300-a-xxl:active{
		border-color: #81E6D9;
	}

	.b-teal-400-a-xxl:active{
		border-color: #4FD1C5;
	}

	.b-teal-500-a-xxl:active{
		border-color: #38B2AC;
	}

	.b-teal-600-a-xxl:active{
		border-color: #319795;
	}

	.b-teal-700-a-xxl:active{
		border-color: #2C7A7B;
	}

	.b-teal-800-a-xxl:active{
		border-color: #285E61;
	}

	.b-teal-900-a-xxl:active{
		border-color: #234E52;
	}



	.b-pink-100-a-xxl:active{
		border-color: #FFF5F7;
	}
	.b-pink-200-a-xxl:active{
		border-color: #FED7E2;
	}

	.b-pink-300-a-xxl:active{
		border-color: #FBB6CE;
	}

	.b-pink-400-a-xxl:active{
		border-color: #F687B3;
	}

	.b-pink-500-a-xxl:active{
		border-color: #ED64A6;
	}

	.b-pink-600-a-xxl:active{
		border-color: #D53F8C;
	}

	.b-pink-700-a-xxl:active{
		border-color: #B83280;
	}

	.b-pink-800-a-xxl:active{
		border-color: #97266D;
	}

	.b-pink-900-a-xxl:active{
		border-color: #702459;
	}



	.b-indigo-100-a-xxl:active{
		border-color: #EBF4FF;
	}
	.b-indigo-200-a-xxl:active{
		border-color: #C3DAFE;
	}
	.b-indigo-300-a-xxl:active{
		border-color: #A3BFFA;
	}
	.b-indigo-400-a-xxl:active{
		border-color: #7F9CF5;
	}
	.b-indigo-500-a-xxl:active{
		border-color: #667EEA;
	}
	.b-indigo-600-a-xxl:active{
		border-color: #5A67D8;
	}
	.b-indigo-700-a-xxl:active{
		border-color: #4C51BF;
	}
	.b-indigo-800-a-xxl:active{
		border-color: #434190;
	}
	.b-indigo-900-a-xxl:active{	
		border-color: #3C366B;
	}


	.b-green-100-a-xxl:active{
		border-color: #F0FFF4;
	}

	.b-green-200-a-xxl:active{
		border-color: #C6F6D5;
	}

	.b-green-300-a-xxl:active{
		border-color: #9AE6B4;
	}

	.b-green-400-a-xxl:active{
		border-color: #68D391;
	}

	.b-green-500-a-xxl:active{
		border-color: #48BB78;
	}

	.b-green-600-a-xxl:active{
		border-color: #38A169;
	}

	.b-green-700-a-xxl:active{
		border-color: #2F855A;
	}

	.b-green-800-a-xxl:active{
		border-color: #276749;
	}

	.b-green-900-a-xxl:active{
		border-color: #22543D;
	}


	.b-yellow-100-a-xxl:active{
		border-color: #FFFFF0;
	}

	.b-yellow-200-a-xxl:active{
		border-color: #FEFCBF;
	}

	.b-yellow-300-a-xxl:active{
		border-color: #FAF089;
	}

	.b-yellow-400-a-xxl:active{
		border-color: #F6E05E;
	}

	.b-yellow-500-a-xxl:active{
		border-color: #ECC94B;
	}

	.b-yellow-600-a-xxl:active{
		border-color: #D69E2E;
	}

	.b-yellow-700-a-xxl:active{
		border-color: #B7791F;
	}

	.b-yellow-800-a-xxl:active{
		border-color: #975A16;
	}

	.b-yellow-900-a-xxl:active{
		border-color: #744210;
	}



	.b-orange-100-a-xxl:active{
		border-color: #FFFAF0;
	}

	.b-orange-200-a-xxl:active{
		border-color: #FEEBC8;
	}

	.b-orange-300-a-xxl:active{
		border-color: #FBD38D;
	}

	.b-orange-400-a-xxl:active{
		border-color: #F6AD55;
	}

	.b-orange-500-a-xxl:active{
		border-color: #ED8936;
	}

	.b-orange-600-a-xxl:active{
		border-color: #DD6B20;
	}

	.b-orange-700-a-xxl:active{
		border-color: #C05621;
	}

	.b-orange-800-a-xxl:active{
		border-color: #9C4221;
	}

	.b-orange-900-a-xxl:active{
		border-color: #7B341E;
	}



	.b-red-100-a-xxl:active{
		border-color: #FFF5F5;
	}

	.b-red-200-a-xxl:active{
		border-color: #FED7D7;
	}

	.b-red-300-a-xxl:active{
		border-color: #FEB2B2;
	}

	.bg-MD-dark-xxl{
		background-color: #121212;
	}

	.b-red-400-a-xxl:active{
		border-color: #FC8181;
	}

	.b-red-500-a-xxl:active{
		border-color: #F56565;
	}

	.b-red-600-a-xxl:active{
		border-color: #E53E3E;
	}

	.b-red-700-a-xxl:active{
		border-color: #C53030;
	}

	.b-red-800-a-xxl:active{
		border-color: #9B2C2C;
	}

	.b-red-900-a-xxl:active{
		border-color: #742A2A;
	}



	.b-gray-100-a-xxl:active{
		border-color: #F7FAFC;
	}

	.b-gray-200-a-xxl:active{
		border-color: #EDF2F7;
	}

	.b-gray-300-a-xxl:active{
		border-color: #E2E8F0;
	}

	.b-gray-400-a-xxl:active{
		border-color: #CBD5E0;
	}

	.b-gray-500-a-xxl:active{
		border-color: #A0AEC0;
	}

	.b-gray-600-a-xxl:active{
		border-color: #718096;
	}

	.b-gray-700-a-xxl:active{
		border-color: #4A5568;
	}

	.b-gray-800-a-xxl:active{
		border-color: #2D3748;
	}

	.b-gray-900-a-xxl:active{
		border-color: #1A202C;
	}


	.b-black-a-xxl:active{
		border-color: #000000;
	}

	.b-white-a-xxl:active{
		border-color: #FFFFFF;
	}


	.b-purple-100-f-xxl:focus{
		border-color: #FAF5FF;
	}

	.b-purple-200-f-xxl:focus{
		border-color: #E9D8FD;
	}

	.b-purple-300-f-xxl:focus{
		border-color: #D6BCFA;
	}

	.b-purple-400-f-xxl:focus{
		border-color: #B794F4;
	}

	.b-purple-500-f-xxl:focus{
		border-color: #9F7AEA;
	}

	.b-purple-600-f-xxl:focus{
		border-color: #805AD5;
	}

	.b-purple-700-f-xxl:focus{
		border-color: #6B46C1;
	}

	.b-purple-800-f-xxl:focus{
		border-color: #553C9A;
	}

	.b-purple-900-f-xxl:focus{
		border-color: #44337A;
	}




	.b-blue-100-f-xxl:focus{
		border-color: #EBF8FF;
	}

	.b-blue-200-f-xxl:focus{
		border-color: #BEE3F8;
	}

	.b-blue-300-f-xxl:focus{
		border-color: #90CDF4;
	}

	.b-blue-400-f-xxl:focus{
		border-color: #63B3ED;
	}

	.b-blue-500-f-xxl:focus{
		border-color: #4299E1;
	}

	.b-blue-600-f-xxl:focus{
		border-color: #3182CE;
	}

	.b-blue-700-f-xxl:focus{
		border-color: #2B6CB0;
	}

	.b-blue-800-f-xxl:focus{
		border-color: #2C5282;
	}

	.b-blue-900-f-xxl:focus{
		border-color: #2A4365;
	}


	.b-teal-100-f-xxl:focus{
		border-color: #E6FFFA;
	}

	.b-teal-200-f-xxl:focus{
		border-color: #B2F5EA;
	}

	.b-teal-300-f-xxl:focus{
		border-color: #81E6D9;
	}

	.b-teal-400-f-xxl:focus{
		border-color: #4FD1C5;
	}

	.b-teal-500-f-xxl:focus{
		border-color: #38B2AC;
	}

	.b-teal-600-f-xxl:focus{
		border-color: #319795;
	}

	.b-teal-700-f-xxl:focus{
		border-color: #2C7A7B;
	}

	.b-teal-800-f-xxl:focus{
		border-color: #285E61;
	}

	.b-teal-900-f-xxl:focus{
		border-color: #234E52;
	}



	.b-pink-100-f-xxl:focus{
		border-color: #FFF5F7;
	}
	.b-pink-200-f-xxl:focus{
		border-color: #FED7E2;
	}

	.b-pink-300-f-xxl:focus{
		border-color: #FBB6CE;
	}

	.b-pink-400-f-xxl:focus{
		border-color: #F687B3;
	}

	.b-pink-500-f-xxl:focus{
		border-color: #ED64A6;
	}

	.b-pink-600-f-xxl:focus{
		border-color: #D53F8C;
	}

	.b-pink-700-f-xxl:focus{
		border-color: #B83280;
	}

	.b-pink-800-f-xxl:focus{
		border-color: #97266D;
	}

	.b-pink-900-f-xxl:focus{
		border-color: #702459;
	}



	.b-indigo-100-f-xxl:focus{
		border-color: #EBF4FF;
	}
	.b-indigo-200-f-xxl:focus{
		border-color: #C3DAFE;
	}
	.b-indigo-300-f-xxl:focus{
		border-color: #A3BFFA;
	}
	.b-indigo-400-f-xxl:focus{
		border-color: #7F9CF5;
	}
	.b-indigo-500-f-xxl:focus{
		border-color: #667EEA;
	}
	.b-indigo-600-f-xxl:focus{
		border-color: #5A67D8;
	}
	.b-indigo-700-f-xxl:focus{
		border-color: #4C51BF;
	}
	.b-indigo-800-f-xxl:focus{
		border-color: #434190;
	}
	.b-indigo-900-f-xxl:focus{	
		border-color: #3C366B;
	}


	.b-green-100-f-xxl:focus{
		border-color: #F0FFF4;
	}

	.b-green-200-f-xxl:focus{
		border-color: #C6F6D5;
	}

	.b-green-300-f-xxl:focus{
		border-color: #9AE6B4;
	}

	.b-green-400-f-xxl:focus{
		border-color: #68D391;
	}

	.b-green-500-f-xxl:focus{
		border-color: #48BB78;
	}

	.b-green-600-f-xxl:focus{
		border-color: #38A169;
	}

	.b-green-700-f-xxl:focus{
		border-color: #2F855A;
	}

	.b-green-800-f-xxl:focus{
		border-color: #276749;
	}

	.b-green-900-f-xxl:focus{
		border-color: #22543D;
	}


	.b-yellow-100-f-xxl:focus{
		border-color: #FFFFF0;
	}

	.b-yellow-200-f-xxl:focus{
		border-color: #FEFCBF;
	}

	.b-yellow-300-f-xxl:focus{
		border-color: #FAF089;
	}

	.b-yellow-400-f-xxl:focus{
		border-color: #F6E05E;
	}

	.b-yellow-500-f-xxl:focus{
		border-color: #ECC94B;
	}

	.b-yellow-600-f-xxl:focus{
		border-color: #D69E2E;
	}

	.b-yellow-700-f-xxl:focus{
		border-color: #B7791F;
	}

	.b-yellow-800-f-xxl:focus{
		border-color: #975A16;
	}

	.b-yellow-900-f-xxl:focus{
		border-color: #744210;
	}



	.b-orange-100-f-xxl:focus{
		border-color: #FFFAF0;
	}

	.b-orange-200-f-xxl:focus{
		border-color: #FEEBC8;
	}

	.b-orange-300-f-xxl:focus{
		border-color: #FBD38D;
	}

	.b-orange-400-f-xxl:focus{
		border-color: #F6AD55;
	}

	.b-orange-500-f-xxl:focus{
		border-color: #ED8936;
	}

	.b-orange-600-f-xxl:focus{
		border-color: #DD6B20;
	}

	.b-orange-700-f-xxl:focus{
		border-color: #C05621;
	}

	.b-orange-800-f-xxl:focus{
		border-color: #9C4221;
	}

	.b-orange-900-f-xxl:focus{
		border-color: #7B341E;
	}



	.b-red-100-f-xxl:focus{
		border-color: #FFF5F5;
	}

	.b-red-200-f-xxl:focus{
		border-color: #FED7D7;
	}

	.b-red-300-f-xxl:focus{
		border-color: #FEB2B2;
	}

	.b-red-400-f-xxl:focus{
		border-color: #FC8181;
	}

	.b-red-500-f-xxl:focus{
		border-color: #F56565;
	}

	.b-red-600-f-xxl:focus{
		border-color: #E53E3E;
	}

	.b-red-700-f-xxl:focus{
		border-color: #C53030;
	}

	.b-red-800-f-xxl:focus{
		border-color: #9B2C2C;
	}

	.b-red-900-f-xxl:focus{
		border-color: #742A2A;
	}



	.b-gray-100-f-xxl:focus{
		border-color: #F7FAFC;
	}

	.b-gray-200-f-xxl:focus{
		border-color: #EDF2F7;
	}

	.b-gray-300-f-xxl:focus{
		border-color: #E2E8F0;
	}

	.b-gray-400-f-xxl:focus{
		border-color: #CBD5E0;
	}

	.b-gray-500-f-xxl:focus{
		border-color: #A0AEC0;
	}

	.b-gray-600-f-xxl:focus{
		border-color: #718096;
	}

	.b-gray-700-f-xxl:focus{
		border-color: #4A5568;
	}

	.b-gray-800-f-xxl:focus{
		border-color: #2D3748;
	}

	.b-gray-900-f-xxl:focus{
		border-color: #1A202C;
	}


	.b-black-f-xxl:focus{
		border-color: #000000;
	}

	.b-white-f-xxl:focus{
		border-color: #FFFFFF;
	}



	.text-black-a-xxl:active{
		color: #000000;
	}

	.text-black-h-xxl:hover{
		color: #000000;
	}


	.text-white-h-xxl:hover{
		color: #FFFFFF;
	}


	.text-white-a-xxl:active{
		color: #000000;
	}



	.round-full-xxl{
		border-radius: 1000px;
	}

	.round-xs-xxl{
		border-radius: 2px;
	}

	.round-sm-xxl{
		border-radius: 4px;
	}

	.round-lg-xxl{
		border-radius: 8px;
	}

	.round-xl-xxl{
		border-radius: 12px;
	}

	.round-xxl-xxl{
		border-radius: 16px;
	}

	.circle-xxl{
		border-radius: 50%;
	}

	.round-none-xxl{
		border-radius: 0;
	}


	.round-b-xs-xxl{
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-b-sm-xxl{
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.round-b-lg-xxl{
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.round-b-xl-xxl{
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.round-b-xxl-xxl{
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}

	.round-b-full-xxl{
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	.round-b-none-xxl{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.round-t-xs-xxl{
		border-top-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-t-xs-xxl{
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}

	.round-t-sm-xxl{
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}

	.round-t-lg-xxl{
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

	.round-t-xl-xxl{
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}

	.round-t-xxl-xxl{
		border-top-right-radius: 16px;
		border-top-left-radius: 16px;
	}

	.round-t-full-xxl{
		border-top-right-radius: 50%;
		border-top-left-radius: 50%;
	}

	.round-t-none-xxl{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.round-full-h-xxl:hover{
		border-radius: 1000px;
	}

	.round-xs-h-xxl:hover{
		border-radius: 2px;
	}

	.round-sm-h-xxl:hover{
		border-radius: 4px;
	}

	.round-lg-h-xxl:hover{
		border-radius: 8px;
	}

	.round-xl-h-xxl:hover{
		border-radius: 12px;
	}

	.round-xxl-h-xxl:hover{
		border-radius: 16px;
	}

	.circle-h-xxl:hover{
		border-radius: 50%;
	}

	.round-none-h-xxl:hover{
		border-radius: 0;
	}


	.round-b-xs-h-xxl:hover{
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-b-sm-h-xxl:hover{
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.round-b-lg-h-xxl:hover{
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.round-b-xl-h-xxl:hover{
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.round-b-xxl-h-xxl:hover{
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}

	.round-b-full-h-xxl:hover{
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	.round-b-none-h-xxl:hover{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.round-t-xs-h-xxl:hover{
		border-top-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-t-xs-h-xxl:hover{
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}

	.round-t-sm-h-xxl:hover{
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}

	.round-t-lg-h-xxl:hover{
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

	.round-t-xl-h-xxl:hover{
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}

	.round-t-xxl-h-xxl:hover{
		border-top-right-radius: 16px;
		border-top-left-radius: 16px;
	}

	.round-t-full-h-xxl:hover{
		border-top-right-radius: 50%;
		border-top-left-radius: 50%;
	}

	.round-t-none-h-xxl:hover{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}


	.round-full-a-xxl:active{
		border-radius: 1000px;
	}

	.round-xs-a-xxl:active{
		border-radius: 2px;
	}

	.round-sm-a-xxl:active{
		border-radius: 4px;
	}

	.round-lg-a-xxl:active{
		border-radius: 8px;
	}

	.round-xl-a-xxl:active{
		border-radius: 12px;
	}

	.round-xxl-a-xxl:active{
		border-radius: 16px;
	}

	.circle-a-xxl:active{
		border-radius: 50%;
	}

	.round-none-a-xxl:active{
		border-radius: 0;
	}


	.round-b-xs-a-xxl:active{
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-b-sm-a-xxl:active{
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.round-b-lg-a-xxl:active{
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.round-b-xl-a-xxl:active{
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.round-b-xxl-a-xxl:active{
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}

	.round-b-full-a-xxl:active{
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	.round-b-none-a-xxl:active{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.round-t-xs-a-xxl:active{
		border-top-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-t-xs-a-xxl:active{
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}

	.round-t-sm-a-xxl:active{
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}

	.round-t-lg-a-xxl:active{
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

	.round-t-xl-a-xxl:active{
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}

	.round-t-xxl-a-xxl:active{
		border-top-right-radius: 16px;
		border-top-left-radius: 16px;
	}

	.round-t-full-a-xxl:active{
		border-top-right-radius: 50%;
		border-top-left-radius: 50%;
	}

	.round-t-none-a-xxl:active{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}













	/* FILL FOR SVG COLORING */


	.fill-purple-100-xxl{
		fill: #FAF5FF;
	}

	.fill-purple-200-xxl{
		fill: #E9D8FD;
	}

	.fill-purple-300-xxl{
		fill: #D6BCFA;
	}

	.fill-purple-400-xxl{
		fill: #B794F4;
	}

	.fill-purple-500-xxl{
		fill: #9F7AEA;
	}

	.fill-purple-600-xxl{
		fill: #805AD5;
	}

	.fill-purple-700-xxl{
		fill: #6B46C1;
	}

	.fill-purple-800-xxl{
		fill: #553C9A;
	}

	.fill-purple-900-xxl{
		fill: #44337A;
	}




	.fill-blue-100-xxl{
		fill: #EBF8FF;
	}

	.fill-blue-200-xxl{
		fill: #BEE3F8;
	}

	.fill-blue-300-xxl{
		fill: #90CDF4;
	}

	.fill-blue-400-xxl{
		fill: #63B3ED;
	}

	.fill-blue-500-xxl{
		fill: #4299E1;
	}

	.fill-blue-600-xxl{
		fill: #3182CE;
	}

	.fill-blue-700-xxl{
		fill: #2B6CB0;
	}

	.fill-blue-800-xxl{
		fill: #2C5282;
	}

	.fill-blue-900-xxl{
		fill: #2A4365;
	}


	.fill-teal-100-xxl{
		fill: #E6FFFA;
	}

	.fill-teal-200-xxl{
		fill: #B2F5EA;
	}

	.fill-teal-300-xxl{
		fill: #81E6D9;
	}

	.fill-teal-400-xxl{
		fill: #4FD1C5;
	}

	.fill-teal-500-xxl{
		fill: #38B2AC;
	}

	.fill-teal-600-xxl{
		fill: #319795;
	}

	.fill-teal-700-xxl{
		fill: #2C7A7B;
	}

	.fill-teal-800-xxl{
		fill: #285E61;
	}

	.fill-teal-900-xxl{
		fill: #234E52;
	}

	.fill-teal-1000-xxl{
		fill: #004d40;
	}


	.fill-pink-100-xxl{
		fill: #FFF5F7;
	}
	.fill-pink-200-xxl{
		fill: #FED7E2;
	}

	.fill-pink-300-xxl{
		fill: #FBB6CE;
	}

	.fill-pink-400-xxl{
		fill: #F687B3;
	}

	.fill-pink-500-xxl{
		fill: #ED64A6;
	}

	.fill-pink-600-xxl{
		fill: #D53F8C;
	}

	.fill-pink-700-xxl{
		fill: #B83280;
	}

	.fill-pink-800-xxl{
		fill: #97266D;
	}

	.fill-pink-900-xxl{
		fill: #702459;
	}



	.fill-indigo-100-xxl{
		fill: #EBF4FF;
	}
	.fill-indigo-200-xxl{
		fill: #C3DAFE;
	}
	.fill-indigo-300-xxl{
		fill: #A3BFFA;
	}
	.fill-indigo-400-xxl{
		fill: #7F9CF5;
	}
	.fill-indigo-500-xxl{
		fill: #667EEA;
	}
	.fill-indigo-600-xxl{
		fill: #5A67D8;
	}
	.fill-indigo-700-xxl{
		fill: #4C51BF;
	}
	.fill-indigo-800-xxl{
		fill: #434190;
	}
	.fill-indigo-900-xxl{	
		fill: #3C366B;
	}


	.fill-green-100-xxl{
		fill: #F0FFF4;
	}

	.fill-green-200-xxl{
		fill: #C6F6D5;
	}

	.fill-green-300-xxl{
		fill: #9AE6B4;
	}

	.fill-green-400-xxl{
		fill: #68D391;
	}

	.fill-green-500-xxl{
		fill: #48BB78;
	}

	.fill-green-600-xxl{
		fill: #38A169;
	}

	.fill-green-700-xxl{
		fill: #2F855A;
	}

	.fill-green-800-xxl{
		fill: #276749;
	}

	.fill-green-900-xxl{
		fill: #22543D;
	}

	.fill-green-1000-xxl{
		fill: #33691e;
	}


	.fill-yellow-100-xxl{
		fill: #FFFFF0;
	}

	.fill-yellow-200-xxl{
		fill: #FEFCBF;
	}

	.fill-yellow-300-xxl{
		fill: #FAF089;
	}

	.fill-yellow-400-xxl{
		fill: #F6E05E;
	}

	.fill-yellow-500-xxl{
		fill: #ECC94B;
	}

	.fill-yellow-600-xxl{
		fill: #D69E2E;
	}

	.fill-yellow-700-xxl{
		fill: #B7791F;
	}

	.fill-yellow-800-xxl{
		fill: #975A16;
	}

	.fill-yellow-900-xxl{
		fill: #744210;
	}



	.fill-orange-100-xxl{
		fill: #FFFAF0;
	}

	.fill-orange-200-xxl{
		fill: #FEEBC8;
	}

	.fill-orange-300-xxl{
		fill: #FBD38D;
	}

	.fill-orange-400-xxl{
		fill: #F6AD55;
	}

	.fill-orange-500-xxl{
		fill: #ED8936;
	}

	.fill-orange-600-xxl{
		fill: #DD6B20;
	}

	.fill-orange-700-xxl{
		fill: #C05621;
	}

	.fill-orange-800-xxl{
		fill: #9C4221;
	}

	.fill-orange-900-xxl{
		fill: #7B341E;
	}



	.fill-red-100-xxl{
		fill: #FFF5F5;
	}

	.fill-red-200-xxl{
		fill: #FED7D7;
	}

	.fill-red-300-xxl{
		fill: #FEB2B2;
	}

	.fill-red-400-xxl{
		fill: #FC8181;
	}

	.fill-red-500-xxl{
		fill: #F56565;
	}

	.fill-red-600-xxl{
		fill: #E53E3E;
	}

	.fill-red-700-xxl{
		fill: #C53030;
	}

	.fill-red-800-xxl{
		fill: #9B2C2C;
	}

	.fill-red-900-xxl{
		fill: #742A2A;
	}



	.fill-gray-100-xxl{
		fill: #F7FAFC;
	}

	.fill-gray-200-xxl{
		fill: #EDF2F7;
	}

	.fill-gray-300-xxl{
		fill: #E2E8F0;
	}

	.fill-gray-400-xxl{
		fill: #CBD5E0;
	}

	.fill-gray-500-xxl{
		fill: #A0AEC0;
	}

	.fill-gray-600-xxl{
		fill: #718096;
	}

	.fill-gray-700-xxl{
		fill: #4A5568;
	}

	.fill-gray-800-xxl{
		fill: #2D3748;
	}

	.fill-gray-900-xxl{
		fill: #1A202C;
	}

	.fill-transparent-xxl{
		fill: transparent;
	}

	.fill-black-xxl{
		fill: #000000;
	}

	.fill-white-xxl{
		fill: #FFFFFF;
	}


	.fill-purple-100-a-xxl:active{
		fill: #FAF5FF;
	}

	.fill-purple-200-a-xxl:active{
		fill: #E9D8FD;
	}

	.fill-purple-300-a-xxl:active{
		fill: #D6BCFA;
	}

	.fill-purple-400-a-xxl:active{
		fill: #B794F4;
	}

	.fill-purple-500-a-xxl:active{
		fill: #9F7AEA;
	}

	.fill-purple-600-a-xxl:active{
		fill: #805AD5;
	}

	.fill-purple-700-a-xxl:active{
		fill: #6B46C1;
	}

	.fill-purple-800-a-xxl:active{
		fill: #553C9A;
	}

	.fill-purple-900-a-xxl:active{
		fill: #44337A;
	}




	.fill-blue-100-a-xxl:active{
		fill: #EBF8FF;
	}

	.fill-blue-200-a-xxl:active{
		fill: #BEE3F8;
	}

	.fill-blue-300-a-xxl:active{
		fill: #90CDF4;
	}

	.fill-blue-400-a-xxl:active{
		fill: #63B3ED;
	}

	.fill-blue-500-a-xxl:active{
		fill: #4299E1;
	}

	.fill-blue-600-a-xxl:active{
		fill: #3182CE;
	}

	.fill-blue-700-a-xxl:active{
		fill: #2B6CB0;
	}

	.fill-blue-800-a-xxl:active{
		fill: #2C5282;
	}

	.fill-blue-900-a-xxl:active{
		fill: #2A4365;
	}


	.fill-teal-100-a-xxl:active{
		fill: #E6FFFA;
	}

	.fill-teal-200-a-xxl:active{
		fill: #B2F5EA;
	}

	.fill-teal-300-a-xxl:active{
		fill: #81E6D9;
	}

	.fill-teal-400-a-xxl:active{
		fill: #4FD1C5;
	}

	.fill-teal-500-a-xxl:active{
		fill: #38B2AC;
	}

	.fill-teal-600-a-xxl:active{
		fill: #319795;
	}

	.fill-teal-700-a-xxl:active{
		fill: #2C7A7B;
	}

	.fill-teal-800-a-xxl:active{
		fill: #285E61;
	}

	.fill-teal-900-a-xxl:active{
		fill: #234E52;
	}



	.fill-pink-100-a-xxl:active{
		fill: #FFF5F7;
	}
	.fill-pink-200-a-xxl:active{
		fill: #FED7E2;
	}

	.fill-pink-300-a-xxl:active{
		fill: #FBB6CE;
	}

	.fill-pink-400-a-xxl:active{
		fill: #F687B3;
	}

	.fill-pink-500-a-xxl:active{
		fill: #ED64A6;
	}

	.fill-pink-600-a-xxl:active{
		fill: #D53F8C;
	}

	.fill-pink-700-a-xxl:active{
		fill: #B83280;
	}

	.fill-pink-800-a-xxl:active{
		fill: #97266D;
	}

	.fill-pink-900-a-xxl:active{
		fill: #702459;
	}



	.fill-indigo-100-a-xxl:active{
		fill: #EBF4FF;
	}
	.fill-indigo-200-a-xxl:active{
		fill: #C3DAFE;
	}
	.fill-indigo-300-a-xxl:active{
		fill: #A3BFFA;
	}
	.fill-indigo-400-a-xxl:active{
		fill: #7F9CF5;
	}
	.fill-indigo-500-a-xxl:active{
		fill: #667EEA;
	}
	.fill-indigo-600-a-xxl:active{
		fill: #5A67D8;
	}
	.fill-indigo-700-a-xxl:active{
		fill: #4C51BF;
	}
	.fill-indigo-800-a-xxl:active{
		fill: #434190;
	}
	.fill-indigo-900-a-xxl:active{	
		fill: #3C366B;
	}


	.fill-green-100-a-xxl:active{
		fill: #F0FFF4;
	}

	.fill-green-200-a-xxl:active{
		fill: #C6F6D5;
	}

	.fill-green-300-a-xxl:active{
		fill: #9AE6B4;
	}

	.fill-green-400-a-xxl:active{
		fill: #68D391;
	}

	.fill-green-500-a-xxl:active{
		fill: #48BB78;
	}

	.fill-green-600-a-xxl:active{
		fill: #38A169;
	}

	.fill-green-700-a-xxl:active{
		fill: #2F855A;
	}

	.fill-green-800-a-xxl:active{
		fill: #276749;
	}

	.fill-green-900-a-xxl:active{
		fill: #22543D;
	}


	.fill-yellow-100-a-xxl:active{
		fill: #FFFFF0;
	}

	.fill-yellow-200-a-xxl:active{
		fill: #FEFCBF;
	}

	.fill-yellow-300-a-xxl:active{
		fill: #FAF089;
	}

	.fill-yellow-400-a-xxl:active{
		fill: #F6E05E;
	}

	.fill-yellow-500-a-xxl:active{
		fill: #ECC94B;
	}

	.fill-yellow-600-a-xxl:active{
		fill: #D69E2E;
	}

	.fill-yellow-700-a-xxl:active{
		fill: #B7791F;
	}

	.fill-yellow-800-a-xxl:active{
		fill: #975A16;
	}

	.fill-yellow-900-a-xxl:active{
		fill: #744210;
	}



	.fill-orange-100-a-xxl:active{
		fill: #FFFAF0;
	}

	.fill-orange-200-a-xxl:active{
		fill: #FEEBC8;
	}

	.fill-orange-300-a-xxl:active{
		fill: #FBD38D;
	}

	.fill-orange-400-a-xxl:active{
		fill: #F6AD55;
	}

	.fill-orange-500-a-xxl:active{
		fill: #ED8936;
	}

	.fill-orange-600-a-xxl:active{
		fill: #DD6B20;
	}

	.fill-orange-700-a-xxl:active{
		fill: #C05621;
	}

	.fill-orange-800-a-xxl:active{
		fill: #9C4221;
	}

	.fill-orange-900-a-xxl:active{
		fill: #7B341E;
	}



	.fill-red-100-a-xxl:active{
		fill: #FFF5F5;
	}

	.fill-red-200-a-xxl:active{
		fill: #FED7D7;
	}

	.fill-red-300-a-xxl:active{
		fill: #FEB2B2;
	}

	.fill-red-400-a-xxl:active{
		fill: #FC8181;
	}

	.fill-red-500-a-xxl:active{
		fill: #F56565;
	}

	.fill-red-600-a-xxl:active{
		fill: #E53E3E;
	}

	.fill-red-700-a-xxl:active{
		fill: #C53030;
	}

	.fill-red-800-a-xxl:active{
		fill: #9B2C2C;
	}

	.fill-red-900-a-xxl:active{
		fill: #742A2A;
	}



	.fill-gray-100-a-xxl:active{
		fill: #F7FAFC;
	}

	.fill-gray-200-a-xxl:active{
		fill: #EDF2F7;
	}

	.fill-gray-300-a-xxl:active{
		fill: #E2E8F0;
	}

	.fill-gray-400-a-xxl:active{
		fill: #CBD5E0;
	}

	.fill-gray-500-a-xxl:active{
		fill: #A0AEC0;
	}

	.fill-gray-600-a-xxl:active{
		fill: #718096;
	}

	.fill-gray-700-a-xxl:active{
		fill: #4A5568;
	}

	.fill-gray-800-a-xxl:active{
		fill: #2D3748;
	}

	.fill-gray-900-a-xxl:active{
		fill: #1A202C;
	}

	.fill-transparent-a-xxl:active{
		fill: transparent;
	}

	.fill-black-a-xxl:active{
		fill: #000000;
	}

	.fill-white-a-xxl:active{
		fill: #FFFFFF;
	}

	.fill-purple-100-h-xxl:hover{
		fill: #FAF5FF;
	}

	.fill-purple-200-h-xxl:hover{
		fill: #E9D8FD;
	}

	.fill-purple-300-h-xxl:hover{
		fill: #D6BCFA;
	}

	.fill-purple-400-h-xxl:hover{
		fill: #B794F4;
	}

	.fill-purple-500-h-xxl:hover{
		fill: #9F7AEA;
	}

	.fill-purple-600-h-xxl:hover{
		fill: #805AD5;
	}

	.fill-purple-700-h-xxl:hover{
		fill: #6B46C1;
	}

	.fill-purple-800-h-xxl:hover{
		fill: #553C9A;
	}

	.fill-purple-900-h-xxl:hover{
		fill: #44337A;
	}




	.fill-blue-100-h-xxl:hover{
		fill: #EBF8FF;
	}

	.fill-blue-200-h-xxl:hover{
		fill: #BEE3F8;
	}

	.fill-blue-300-h-xxl:hover{
		fill: #90CDF4;
	}

	.fill-blue-400-h-xxl:hover{
		fill: #63B3ED;
	}

	.fill-blue-500-h-xxl:hover{
		fill: #4299E1;
	}

	.fill-blue-600-h-xxl:hover{
		fill: #3182CE;
	}

	.fill-blue-700-h-xxl:hover{
		fill: #2B6CB0;
	}

	.fill-blue-800-h-xxl:hover{
		fill: #2C5282;
	}

	.fill-blue-900-h-xxl:hover{
		fill: #2A4365;
	}


	.fill-teal-100-h-xxl:hover{
		fill: #E6FFFA;
	}

	.fill-teal-200-h-xxl:hover{
		fill: #B2F5EA;
	}

	.fill-teal-300-h-xxl:hover{
		fill: #81E6D9;
	}

	.fill-teal-400-h-xxl:hover{
		fill: #4FD1C5;
	}

	.fill-teal-500-h-xxl:hover{
		fill: #38B2AC;
	}

	.fill-teal-600-h-xxl:hover{
		fill: #319795;
	}

	.fill-teal-700-h-xxl:hover{
		fill: #2C7A7B;
	}

	.fill-teal-800-h-xxl:hover{
		fill: #285E61;
	}

	.fill-teal-900-h-xxl:hover{
		fill: #234E52;
	}



	.fill-pink-100-h-xxl:hover{
		fill: #FFF5F7;
	}
	.fill-pink-200-h-xxl:hover{
		fill: #FED7E2;
	}

	.fill-pink-300-h-xxl:hover{
		fill: #FBB6CE;
	}

	.fill-pink-400-h-xxl:hover{
		fill: #F687B3;
	}

	.fill-pink-500-h-xxl:hover{
		fill: #ED64A6;
	}

	.fill-pink-600-h-xxl:hover{
		fill: #D53F8C;
	}

	.fill-pink-700-h-xxl:hover{
		fill: #B83280;
	}

	.fill-pink-800-h-xxl:hover{
		fill: #97266D;
	}

	.fill-pink-900-h-xxl:hover{
		fill: #702459;
	}



	.fill-indigo-100-h-xxl:hover{
		fill: #EBF4FF;
	}
	.fill-indigo-200-h-xxl:hover{
		fill: #C3DAFE;
	}
	.fill-indigo-300-h-xxl:hover{
		fill: #A3BFFA;
	}
	.fill-indigo-400-h-xxl:hover{
		fill: #7F9CF5;
	}
	.fill-indigo-500-h-xxl:hover{
		fill: #667EEA;
	}
	.fill-indigo-600-h-xxl:hover{
		fill: #5A67D8;
	}
	.fill-indigo-700-h-xxl:hover{
		fill: #4C51BF;
	}
	.fill-indigo-800-h-xxl:hover{
		fill: #434190;
	}
	.fill-indigo-900-h-xxl:hover{	
		fill: #3C366B;
	}


	.fill-green-100-h-xxl:hover{
		fill: #F0FFF4;
	}

	.fill-green-200-h-xxl:hover{
		fill: #C6F6D5;
	}

	.fill-green-300-h-xxl:hover{
		fill: #9AE6B4;
	}

	.fill-green-400-h-xxl:hover{
		fill: #68D391;
	}

	.fill-green-500-h-xxl:hover{
		fill: #48BB78;
	}

	.fill-green-600-h-xxl:hover{
		fill: #38A169;
	}

	.fill-green-700-h-xxl:hover{
		fill: #2F855A;
	}

	.fill-green-800-h-xxl:hover{
		fill: #276749;
	}

	.fill-green-900-h-xxl:hover{
		fill: #22543D;
	}


	.fill-yellow-100-h-xxl:hover{
		fill: #FFFFF0;
	}

	.fill-yellow-200-h-xxl:hover{
		fill: #FEFCBF;
	}

	.fill-yellow-300-h-xxl:hover{
		fill: #FAF089;
	}

	.fill-yellow-400-h-xxl:hover{
		fill: #F6E05E;
	}

	.fill-yellow-500-h-xxl:hover{
		fill: #ECC94B;
	}

	.fill-yellow-600-h-xxl:hover{
		fill: #D69E2E;
	}

	.fill-yellow-700-h-xxl:hover{
		fill: #B7791F;
	}

	.fill-yellow-800-h-xxl:hover{
		fill: #975A16;
	}

	.fill-yellow-900-h-xxl:hover{
		fill: #744210;
	}



	.fill-orange-100-h-xxl:hover{
		fill: #FFFAF0;
	}

	.fill-orange-200-h-xxl:hover{
		fill: #FEEBC8;
	}

	.fill-orange-300-h-xxl:hover{
		fill: #FBD38D;
	}

	.fill-orange-400-h-xxl:hover{
		fill: #F6AD55;
	}

	.fill-orange-500-h-xxl:hover{
		fill: #ED8936;
	}

	.fill-orange-600-h-xxl:hover{
		fill: #DD6B20;
	}

	.fill-orange-700-h-xxl:hover{
		fill: #C05621;
	}

	.fill-orange-800-h-xxl:hover{
		fill: #9C4221;
	}

	.fill-orange-900-h-xxl:hover{
		fill: #7B341E;
	}



	.fill-red-100-h-xxl:hover{
		fill: #FFF5F5;
	}

	.fill-red-200-h-xxl:hover{
		fill: #FED7D7;
	}

	.fill-red-300-h-xxl:hover{
		fill: #FEB2B2;
	}

	.fill-red-400-h-xxl:hover{
		fill: #FC8181;
	}

	.fill-red-500-h-xxl:hover{
		fill: #F56565;
	}

	.fill-red-600-h-xxl:hover{
		fill: #E53E3E;
	}

	.fill-red-700-h-xxl:hover{
		fill: #C53030;
	}

	.fill-red-800-h-xxl:hover{
		fill: #9B2C2C;
	}

	.fill-red-900-h-xxl:hover{
		fill: #742A2A;
	}



	.fill-gray-100-h-xxl:hover{
		fill: #F7FAFC;
	}

	.fill-gray-200-h-xxl:hover{
		fill: #EDF2F7;
	}

	.fill-gray-300-h-xxl:hover{
		fill: #E2E8F0;
	}

	.fill-gray-400-h-xxl:hover{
		fill: #CBD5E0;
	}

	.fill-gray-500-h-xxl:hover{
		fill: #A0AEC0;
	}

	.fill-gray-600-h-xxl:hover{
		fill: #718096;
	}

	.fill-gray-700-h-xxl:hover{
		fill: #4A5568;
	}

	.fill-gray-800-h-xxl:hover{
		fill: #2D3748;
	}

	.fill-gray-900-h-xxl:hover{
		fill: #1A202C;
	}

	.fill-transparent-h-xxl:hover{
		fill: transparent;
	}

	.fill-black-h-xxl:hover{
		fill: #000000;
	}

	.fill-white-h-xxl:hover{
		fill: #FFFFFF;
	}

	/* ======================================= FILL ==================================== */



	/* COLORS  */
	/* =============================== COLORS =================================================== */

	.bg-purple-100-xxl{
		background-color: #FAF5FF;
	}

	.bg-purple-200-xxl{
		background-color: #E9D8FD;
	}

	.bg-purple-300-xxl{
		background-color: #D6BCFA;
	}

	.bg-purple-400-xxl{
		background-color: #B794F4;
	}

	.bg-purple-500-xxl{
		background-color: #9F7AEA;
	}

	.bg-purple-600-xxl{
		background-color: #805AD5;
	}

	.bg-purple-700-xxl{
		background-color: #6B46C1;
	}

	.bg-purple-800-xxl{
		background-color: #553C9A;
	}

	.bg-purple-900-xxl{
		background-color: #44337A;
	}




	.bg-blue-100-xxl{
		background-color: #EBF8FF;
	}

	.bg-blue-200-xxl{
		background-color: #BEE3F8;
	}

	.bg-blue-300-xxl{
		background-color: #90CDF4;
	}

	.bg-blue-400-xxl{
		background-color: #63B3ED;
	}

	.bg-blue-500-xxl{
		background-color: #4299E1;
	}

	.bg-blue-600-xxl{
		background-color: #3182CE;
	}

	.bg-blue-700-xxl{
		background-color: #2B6CB0;
	}

	.bg-blue-800-xxl{
		background-color: #2C5282;
	}

	.bg-blue-900-xxl{
		background-color: #2A4365;
	}


	.bg-teal-100-xxl{
		background-color: #E6FFFA;
	}

	.bg-teal-200-xxl{
		background-color: #B2F5EA;
	}

	.bg-teal-300-xxl{
		background-color: #81E6D9;
	}

	.bg-teal-400-xxl{
		background-color: #4FD1C5;
	}

	.bg-teal-500-xxl{
		background-color: #38B2AC;
	}

	.bg-teal-600-xxl{
		background-color: #319795;
	}

	.bg-teal-700-xxl{
		background-color: #2C7A7B;
	}

	.bg-teal-800-xxl{
		background-color: #285E61;
	}

	.bg-teal-900-xxl{
		background-color: #234E52;
	}

	.bg-teal-1000-xxl{
		background-color: #004d40;
	}


	.bg-pink-100-xxl{
		background-color: #FFF5F7;
	}
	.bg-pink-200-xxl{
		background-color: #FED7E2;
	}

	.bg-pink-300-xxl{
		background-color: #FBB6CE;
	}

	.bg-pink-400-xxl{
		background-color: #F687B3;
	}

	.bg-pink-500-xxl{
		background-color: #ED64A6;
	}

	.bg-pink-600-xxl{
		background-color: #D53F8C;
	}

	.bg-pink-700-xxl{
		background-color: #B83280;
	}

	.bg-pink-800-xxl{
		background-color: #97266D;
	}

	.bg-pink-900-xxl{
		background-color: #702459;
	}



	.bg-indigo-100-xxl{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-xxl{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-xxl{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-xxl{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-xxl{
		background-color: #667EEA;
	}
	.bg-indigo-600-xxl{
		background-color: #5A67D8;
	}
	.bg-indigo-700-xxl{
		background-color: #4C51BF;
	}
	.bg-indigo-800-xxl{
		background-color: #434190;
	}
	.bg-indigo-900-xxl{	
		background-color: #3C366B;
	}


	.bg-green-100-xxl{
		background-color: #F0FFF4;
	}

	.bg-green-200-xxl{
		background-color: #C6F6D5;
	}

	.bg-green-300-xxl{
		background-color: #9AE6B4;
	}

	.bg-green-400-xxl{
		background-color: #68D391;
	}

	.bg-green-500-xxl{
		background-color: #48BB78;
	}

	.bg-green-600-xxl{
		background-color: #38A169;
	}

	.bg-green-700-xxl{
		background-color: #2F855A;
	}

	.bg-green-800-xxl{
		background-color: #276749;
	}

	.bg-green-900-xxl{
		background-color: #22543D;
	}

	.bg-green-1000-xxl{
		background-color: #33691e;
	}


	.bg-yellow-100-xxl{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-xxl{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-xxl{
		background-color: #FAF089;
	}

	.bg-yellow-400-xxl{
		background-color: #F6E05E;
	}

	.bg-yellow-500-xxl{
		background-color: #ECC94B;
	}

	.bg-yellow-600-xxl{
		background-color: #D69E2E;
	}

	.bg-yellow-700-xxl{
		background-color: #B7791F;
	}

	.bg-yellow-800-xxl{
		background-color: #975A16;
	}

	.bg-yellow-900-xxl{
		background-color: #744210;
	}



	.bg-orange-100-xxl{
		background-color: #FFFAF0;
	}

	.bg-orange-200-xxl{
		background-color: #FEEBC8;
	}

	.bg-orange-300-xxl{
		background-color: #FBD38D;
	}

	.bg-orange-400-xxl{
		background-color: #F6AD55;
	}

	.bg-orange-500-xxl{
		background-color: #ED8936;
	}

	.bg-orange-600-xxl{
		background-color: #DD6B20;
	}

	.bg-orange-700-xxl{
		background-color: #C05621;
	}

	.bg-orange-800-xxl{
		background-color: #9C4221;
	}

	.bg-orange-900-xxl{
		background-color: #7B341E;
	}



	.bg-red-100-xxl{
		background-color: #FFF5F5;
	}

	.bg-red-200-xxl{
		background-color: #FED7D7;
	}

	.bg-red-300-xxl{
		background-color: #FEB2B2;
	}

	.bg-red-400-xxl{
		background-color: #FC8181;
	}

	.bg-red-500-xxl{
		background-color: #F56565;
	}

	.bg-red-600-xxl{
		background-color: #E53E3E;
	}

	.bg-red-700-xxl{
		background-color: #C53030;
	}

	.bg-red-800-xxl{
		background-color: #9B2C2C;
	}

	.bg-red-900-xxl{
		background-color: #742A2A;
	}



	.bg-gray-100-xxl{
		background-color: #F7FAFC;
	}

	.bg-gray-200-xxl{
		background-color: #EDF2F7;
	}

	.bg-gray-300-xxl{
		background-color: #E2E8F0;
	}

	.bg-gray-400-xxl{
		background-color: #CBD5E0;
	}

	.bg-gray-500-xxl{
		background-color: #A0AEC0;
	}

	.bg-gray-600-xxl{
		background-color: #718096;
	}

	.bg-gray-700-xxl{
		background-color: #4A5568;
	}

	.bg-gray-800-xxl{
		background-color: #2D3748;
	}

	.bg-gray-900-xxl{
		background-color: #1A202C;
	}

	.bg-transparent-xxl{
		background-color: transparent;
	}

	.bg-black-xxl{
		background-color: #000000;
	}

	.bg-white-xxl{
		background-color: #FFFFFF;
	}

	.bg-purple-100-f-xxl:focus{
		background-color: #FAF5FF;
	}

	.bg-purple-200-f-xxl:focus{
		background-color: #E9D8FD;
	}

	.bg-purple-300-f-xxl:focus{
		background-color: #D6BCFA;
	}

	.bg-purple-400-f-xxl:focus{
		background-color: #B794F4;
	}

	.bg-purple-500-f-xxl:focus{
		background-color: #9F7AEA;
	}

	.bg-purple-600-f-xxl:focus{
		background-color: #805AD5;
	}

	.bg-purple-700-f-xxl:focus{
		background-color: #6B46C1;
	}

	.bg-purple-800-f-xxl:focus{
		background-color: #553C9A;
	}

	.bg-purple-900-f-xxl:focus{
		background-color: #44337A;
	}




	.bg-blue-100-f-xxl:focus{
		background-color: #EBF8FF;
	}

	.bg-blue-200-f-xxl:focus{
		background-color: #BEE3F8;
	}

	.bg-blue-300-f-xxl:focus{
		background-color: #90CDF4;
	}

	.bg-blue-400-f-xxl:focus{
		background-color: #63B3ED;
	}

	.bg-blue-500-f-xxl:focus{
		background-color: #4299E1;
	}

	.bg-blue-600-f-xxl:focus{
		background-color: #3182CE;
	}

	.bg-blue-700-f-xxl:focus{
		background-color: #2B6CB0;
	}

	.bg-blue-800-f-xxl:focus{
		background-color: #2C5282;
	}

	.bg-blue-900-f-xxl:focus{
		background-color: #2A4365;
	}


	.bg-teal-100-f-xxl:focus{
		background-color: #E6FFFA;
	}

	.bg-teal-200-f-xxl:focus{
		background-color: #B2F5EA;
	}

	.bg-teal-300-f-xxl:focus{
		background-color: #81E6D9;
	}

	.bg-teal-400-f-xxl:focus{
		background-color: #4FD1C5;
	}

	.bg-teal-500-f-xxl:focus{
		background-color: #38B2AC;
	}

	.bg-teal-600-f-xxl:focus{
		background-color: #319795;
	}

	.bg-teal-700-f-xxl:focus{
		background-color: #2C7A7B;
	}

	.bg-teal-800-f-xxl:focus{
		background-color: #285E61;
	}

	.bg-teal-900-f-xxl:focus{
		background-color: #234E52;
	}

	.bg-teal-1000-f-xxl:focus{
		background-color: #004d40;
	}


	.bg-pink-100-f-xxl:focus{
		background-color: #FFF5F7;
	}
	.bg-pink-200-f-xxl:focus{
		background-color: #FED7E2;
	}

	.bg-pink-300-f-xxl:focus{
		background-color: #FBB6CE;
	}

	.bg-pink-400-f-xxl:focus{
		background-color: #F687B3;
	}

	.bg-pink-500-f-xxl:focus{
		background-color: #ED64A6;
	}

	.bg-pink-600-f-xxl:focus{
		background-color: #D53F8C;
	}

	.bg-pink-700-f-xxl:focus{
		background-color: #B83280;
	}

	.bg-pink-800-f-xxl:focus{
		background-color: #97266D;
	}

	.bg-pink-900-f-xxl:focus{
		background-color: #702459;
	}



	.bg-indigo-100-f-xxl:focus{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-f-xxl:focus{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-f-xxl:focus{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-f-xxl:focus{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-f-xxl:focus{
		background-color: #667EEA;
	}
	.bg-indigo-600-f-xxl:focus{
		background-color: #5A67D8;
	}
	.bg-indigo-700-f-xxl:focus{
		background-color: #4C51BF;
	}
	.bg-indigo-800-f-xxl:focus{
		background-color: #434190;
	}
	.bg-indigo-900-f-xxl:focus{	
		background-color: #3C366B;
	}


	.bg-green-100-f-xxl:focus{
		background-color: #F0FFF4;
	}

	.bg-green-200-f-xxl:focus{
		background-color: #C6F6D5;
	}

	.bg-green-300-f-xxl:focus{
		background-color: #9AE6B4;
	}

	.bg-green-400-f-xxl:focus{
		background-color: #68D391;
	}

	.bg-green-500-f-xxl:focus{
		background-color: #48BB78;
	}

	.bg-green-600-f-xxl:focus{
		background-color: #38A169;
	}

	.bg-green-700-f-xxl:focus{
		background-color: #2F855A;
	}

	.bg-green-800-f-xxl:focus{
		background-color: #276749;
	}

	.bg-green-900-f-xxl:focus{
		background-color: #22543D;
	}

	.bg-green-1000-f-xxl:focus{
		background-color: #33691e;
	}


	.bg-yellow-100-f-xxl:focus{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-f-xxl:focus{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-f-xxl:focus{
		background-color: #FAF089;
	}

	.bg-yellow-400-f-xxl:focus{
		background-color: #F6E05E;
	}

	.bg-yellow-500-f-xxl:focus{
		background-color: #ECC94B;
	}

	.bg-yellow-600-f-xxl:focus{
		background-color: #D69E2E;
	}

	.bg-yellow-700-f-xxl:focus{
		background-color: #B7791F;
	}

	.bg-yellow-800-f-xxl:focus{
		background-color: #975A16;
	}

	.bg-yellow-900-f-xxl:focus{
		background-color: #744210;
	}



	.bg-orange-100-f-xxl:focus{
		background-color: #FFFAF0;
	}

	.bg-orange-200-f-xxl:focus{
		background-color: #FEEBC8;
	}

	.bg-orange-300-f-xxl:focus{
		background-color: #FBD38D;
	}

	.bg-orange-400-f-xxl:focus{
		background-color: #F6AD55;
	}

	.bg-orange-500-f-xxl:focus{
		background-color: #ED8936;
	}

	.bg-orange-600-f-xxl:focus{
		background-color: #DD6B20;
	}

	.bg-orange-700-f-xxl:focus{
		background-color: #C05621;
	}

	.bg-orange-800-f-xxl:focus{
		background-color: #9C4221;
	}

	.bg-orange-900-f-xxl:focus{
		background-color: #7B341E;
	}



	.bg-red-100-f-xxl:focus{
		background-color: #FFF5F5;
	}

	.bg-red-200-f-xxl:focus{
		background-color: #FED7D7;
	}

	.bg-red-300-f-xxl:focus{
		background-color: #FEB2B2;
	}

	.bg-red-400-f-xxl:focus{
		background-color: #FC8181;
	}

	.bg-red-500-f-xxl:focus{
		background-color: #F56565;
	}

	.bg-red-600-f-xxl:focus{
		background-color: #E53E3E;
	}

	.bg-red-700-f-xxl:focus{
		background-color: #C53030;
	}

	.bg-red-800-f-xxl:focus{
		background-color: #9B2C2C;
	}

	.bg-red-900-f-xxl:focus{
		background-color: #742A2A;
	}



	.bg-gray-100-f-xxl:focus{
		background-color: #F7FAFC;
	}

	.bg-gray-200-f-xxl:focus{
		background-color: #EDF2F7;
	}

	.bg-gray-300-f-xxl:focus{
		background-color: #E2E8F0;
	}

	.bg-gray-400-f-xxl:focus{
		background-color: #CBD5E0;
	}

	.bg-gray-500-f-xxl:focus{
		background-color: #A0AEC0;
	}

	.bg-gray-600-f-xxl:focus{
		background-color: #718096;
	}

	.bg-gray-700-f-xxl:focus{
		background-color: #4A5568;
	}

	.bg-gray-800-f-xxl:focus{
		background-color: #2D3748;
	}

	.bg-gray-900-f-xxl:focus{
		background-color: #1A202C;
	}

	.bg-transparent-f-xxl:focus{
		background-color: transparent;
	}

	.bg-black-f-xxl:focus{
		background-color: #000000;
	}

	.bg-white-f-xxl:focus{
		background-color: #FFFFFF;
	}


	.bg-purple-100-a-xxl:active{
		background-color: #FAF5FF;
	}

	.bg-purple-200-a-xxl:active{
		background-color: #E9D8FD;
	}

	.bg-purple-300-a-xxl:active{
		background-color: #D6BCFA;
	}

	.bg-purple-400-a-xxl:active{
		background-color: #B794F4;
	}

	.bg-purple-500-a-xxl:active{
		background-color: #9F7AEA;
	}

	.bg-purple-600-a-xxl:active{
		background-color: #805AD5;
	}

	.bg-purple-700-a-xxl:active{
		background-color: #6B46C1;
	}

	.bg-purple-800-a-xxl:active{
		background-color: #553C9A;
	}

	.bg-purple-900-a-xxl:active{
		background-color: #44337A;
	}




	.bg-blue-100-a-xxl:active{
		background-color: #EBF8FF;
	}

	.bg-blue-200-a-xxl:active{
		background-color: #BEE3F8;
	}

	.bg-blue-300-a-xxl:active{
		background-color: #90CDF4;
	}

	.bg-blue-400-a-xxl:active{
		background-color: #63B3ED;
	}

	.bg-blue-500-a-xxl:active{
		background-color: #4299E1;
	}

	.bg-blue-600-a-xxl:active{
		background-color: #3182CE;
	}

	.bg-blue-700-a-xxl:active{
		background-color: #2B6CB0;
	}

	.bg-blue-800-a-xxl:active{
		background-color: #2C5282;
	}

	.bg-blue-900-a-xxl:active{
		background-color: #2A4365;
	}


	.bg-teal-100-a-xxl:active{
		background-color: #E6FFFA;
	}

	.bg-teal-200-a-xxl:active{
		background-color: #B2F5EA;
	}

	.bg-teal-300-a-xxl:active{
		background-color: #81E6D9;
	}

	.bg-teal-400-a-xxl:active{
		background-color: #4FD1C5;
	}

	.bg-teal-500-a-xxl:active{
		background-color: #38B2AC;
	}

	.bg-teal-600-a-xxl:active{
		background-color: #319795;
	}

	.bg-teal-700-a-xxl:active{
		background-color: #2C7A7B;
	}

	.bg-teal-800-a-xxl:active{
		background-color: #285E61;
	}

	.bg-teal-900-a-xxl:active{
		background-color: #234E52;
	}



	.bg-pink-100-a-xxl:active{
		background-color: #FFF5F7;
	}
	.bg-pink-200-a-xxl:active{
		background-color: #FED7E2;
	}

	.bg-pink-300-a-xxl:active{
		background-color: #FBB6CE;
	}

	.bg-pink-400-a-xxl:active{
		background-color: #F687B3;
	}

	.bg-pink-500-a-xxl:active{
		background-color: #ED64A6;
	}

	.bg-pink-600-a-xxl:active{
		background-color: #D53F8C;
	}

	.bg-pink-700-a-xxl:active{
		background-color: #B83280;
	}

	.bg-pink-800-a-xxl:active{
		background-color: #97266D;
	}

	.bg-pink-900-a-xxl:active{
		background-color: #702459;
	}



	.bg-indigo-100-a-xxl:active{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-a-xxl:active{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-a-xxl:active{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-a-xxl:active{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-a-xxl:active{
		background-color: #667EEA;
	}
	.bg-indigo-600-a-xxl:active{
		background-color: #5A67D8;
	}
	.bg-indigo-700-a-xxl:active{
		background-color: #4C51BF;
	}
	.bg-indigo-800-a-xxl:active{
		background-color: #434190;
	}
	.bg-indigo-900-a-xxl:active{	
		background-color: #3C366B;
	}


	.bg-green-100-a-xxl:active{
		background-color: #F0FFF4;
	}

	.bg-green-200-a-xxl:active{
		background-color: #C6F6D5;
	}

	.bg-green-300-a-xxl:active{
		background-color: #9AE6B4;
	}

	.bg-green-400-a-xxl:active{
		background-color: #68D391;
	}

	.bg-green-500-a-xxl:active{
		background-color: #48BB78;
	}

	.bg-green-600-a-xxl:active{
		background-color: #38A169;
	}

	.bg-green-700-a-xxl:active{
		background-color: #2F855A;
	}

	.bg-green-800-a-xxl:active{
		background-color: #276749;
	}

	.bg-green-900-a-xxl:active{
		background-color: #22543D;
	}


	.bg-yellow-100-a-xxl:active{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-a-xxl:active{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-a-xxl:active{
		background-color: #FAF089;
	}

	.bg-yellow-400-a-xxl:active{
		background-color: #F6E05E;
	}

	.bg-yellow-500-a-xxl:active{
		background-color: #ECC94B;
	}

	.bg-yellow-600-a-xxl:active{
		background-color: #D69E2E;
	}

	.bg-yellow-700-a-xxl:active{
		background-color: #B7791F;
	}

	.bg-yellow-800-a-xxl:active{
		background-color: #975A16;
	}

	.bg-yellow-900-a-xxl:active{
		background-color: #744210;
	}



	.bg-orange-100-a-xxl:active{
		background-color: #FFFAF0;
	}

	.bg-orange-200-a-xxl:active{
		background-color: #FEEBC8;
	}

	.bg-orange-300-a-xxl:active{
		background-color: #FBD38D;
	}

	.bg-orange-400-a-xxl:active{
		background-color: #F6AD55;
	}

	.bg-orange-500-a-xxl:active{
		background-color: #ED8936;
	}

	.bg-orange-600-a-xxl:active{
		background-color: #DD6B20;
	}

	.bg-orange-700-a-xxl:active{
		background-color: #C05621;
	}

	.bg-orange-800-a-xxl:active{
		background-color: #9C4221;
	}

	.bg-orange-900-a-xxl:active{
		background-color: #7B341E;
	}



	.bg-red-100-a-xxl:active{
		background-color: #FFF5F5;
	}

	.bg-red-200-a-xxl:active{
		background-color: #FED7D7;
	}

	.bg-red-300-a-xxl:active{
		background-color: #FEB2B2;
	}

	.bg-red-400-a-xxl:active{
		background-color: #FC8181;
	}

	.bg-red-500-a-xxl:active{
		background-color: #F56565;
	}

	.bg-red-600-a-xxl:active{
		background-color: #E53E3E;
	}

	.bg-red-700-a-xxl:active{
		background-color: #C53030;
	}

	.bg-red-800-a-xxl:active{
		background-color: #9B2C2C;
	}

	.bg-red-900-a-xxl:active{
		background-color: #742A2A;
	}



	.bg-gray-100-a-xxl:active{
		background-color: #F7FAFC;
	}

	.bg-gray-200-a-xxl:active{
		background-color: #EDF2F7;
	}

	.bg-gray-300-a-xxl:active{
		background-color: #E2E8F0;
	}

	.bg-gray-400-a-xxl:active{
		background-color: #CBD5E0;
	}

	.bg-gray-500-a-xxl:active{
		background-color: #A0AEC0;
	}

	.bg-gray-600-a-xxl:active{
		background-color: #718096;
	}

	.bg-gray-700-a-xxl:active{
		background-color: #4A5568;
	}

	.bg-gray-800-a-xxl:active{
		background-color: #2D3748;
	}

	.bg-gray-900-a-xxl:active{
		background-color: #1A202C;
	}

	.bg-transparent-a-xxl:active{
		background-color: transparent;
	}

	.bg-black-a-xxl:active{
		background-color: #000000;
	}

	.bg-white-a-xxl:active{
		background-color: #FFFFFF;
	}

	.bg-purple-100-h-xxl:hover{
		background-color: #FAF5FF;
	}

	.bg-purple-200-h-xxl:hover{
		background-color: #E9D8FD;
	}

	.bg-purple-300-h-xxl:hover{
		background-color: #D6BCFA;
	}

	.bg-purple-400-h-xxl:hover{
		background-color: #B794F4;
	}

	.bg-purple-500-h-xxl:hover{
		background-color: #9F7AEA;
	}

	.bg-purple-600-h-xxl:hover{
		background-color: #805AD5;
	}

	.bg-purple-700-h-xxl:hover{
		background-color: #6B46C1;
	}

	.bg-purple-800-h-xxl:hover{
		background-color: #553C9A;
	}

	.bg-purple-900-h-xxl:hover{
		background-color: #44337A;
	}




	.bg-blue-100-h-xxl:hover{
		background-color: #EBF8FF;
	}

	.bg-blue-200-h-xxl:hover{
		background-color: #BEE3F8;
	}

	.bg-blue-300-h-xxl:hover{
		background-color: #90CDF4;
	}

	.bg-blue-400-h-xxl:hover{
		background-color: #63B3ED;
	}

	.bg-blue-500-h-xxl:hover{
		background-color: #4299E1;
	}

	.bg-blue-600-h-xxl:hover{
		background-color: #3182CE;
	}

	.bg-blue-700-h-xxl:hover{
		background-color: #2B6CB0;
	}

	.bg-blue-800-h-xxl:hover{
		background-color: #2C5282;
	}

	.bg-blue-900-h-xxl:hover{
		background-color: #2A4365;
	}


	.bg-teal-100-h-xxl:hover{
		background-color: #E6FFFA;
	}

	.bg-teal-200-h-xxl:hover{
		background-color: #B2F5EA;
	}

	.bg-teal-300-h-xxl:hover{
		background-color: #81E6D9;
	}

	.bg-teal-400-h-xxl:hover{
		background-color: #4FD1C5;
	}

	.bg-teal-500-h-xxl:hover{
		background-color: #38B2AC;
	}

	.bg-teal-600-h-xxl:hover{
		background-color: #319795;
	}

	.bg-teal-700-h-xxl:hover{
		background-color: #2C7A7B;
	}

	.bg-teal-800-h-xxl:hover{
		background-color: #285E61;
	}

	.bg-teal-900-h-xxl:hover{
		background-color: #234E52;
	}



	.bg-pink-100-h-xxl:hover{
		background-color: #FFF5F7;
	}
	.bg-pink-200-h-xxl:hover{
		background-color: #FED7E2;
	}

	.bg-pink-300-h-xxl:hover{
		background-color: #FBB6CE;
	}

	.bg-pink-400-h-xxl:hover{
		background-color: #F687B3;
	}

	.bg-pink-500-h-xxl:hover{
		background-color: #ED64A6;
	}

	.bg-pink-600-h-xxl:hover{
		background-color: #D53F8C;
	}

	.bg-pink-700-h-xxl:hover{
		background-color: #B83280;
	}

	.bg-pink-800-h-xxl:hover{
		background-color: #97266D;
	}

	.bg-pink-900-h-xxl:hover{
		background-color: #702459;
	}



	.bg-indigo-100-h-xxl:hover{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-h-xxl:hover{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-h-xxl:hover{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-h-xxl:hover{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-h-xxl:hover{
		background-color: #667EEA;
	}
	.bg-indigo-600-h-xxl:hover{
		background-color: #5A67D8;
	}
	.bg-indigo-700-h-xxl:hover{
		background-color: #4C51BF;
	}
	.bg-indigo-800-h-xxl:hover{
		background-color: #434190;
	}
	.bg-indigo-900-h-xxl:hover{	
		background-color: #3C366B;
	}


	.bg-green-100-h-xxl:hover{
		background-color: #F0FFF4;
	}

	.bg-green-200-h-xxl:hover{
		background-color: #C6F6D5;
	}

	.bg-green-300-h-xxl:hover{
		background-color: #9AE6B4;
	}

	.bg-green-400-h-xxl:hover{
		background-color: #68D391;
	}

	.bg-green-500-h-xxl:hover{
		background-color: #48BB78;
	}

	.bg-green-600-h-xxl:hover{
		background-color: #38A169;
	}

	.bg-green-700-h-xxl:hover{
		background-color: #2F855A;
	}

	.bg-green-800-h-xxl:hover{
		background-color: #276749;
	}

	.bg-green-900-h-xxl:hover{
		background-color: #22543D;
	}


	.bg-yellow-100-h-xxl:hover{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-h-xxl:hover{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-h-xxl:hover{
		background-color: #FAF089;
	}

	.bg-yellow-400-h-xxl:hover{
		background-color: #F6E05E;
	}

	.bg-yellow-500-h-xxl:hover{
		background-color: #ECC94B;
	}

	.bg-yellow-600-h-xxl:hover{
		background-color: #D69E2E;
	}

	.bg-yellow-700-h-xxl:hover{
		background-color: #B7791F;
	}

	.bg-yellow-800-h-xxl:hover{
		background-color: #975A16;
	}

	.bg-yellow-900-h-xxl:hover{
		background-color: #744210;
	}



	.bg-orange-100-h-xxl:hover{
		background-color: #FFFAF0;
	}

	.bg-orange-200-h-xxl:hover{
		background-color: #FEEBC8;
	}

	.bg-orange-300-h-xxl:hover{
		background-color: #FBD38D;
	}

	.bg-orange-400-h-xxl:hover{
		background-color: #F6AD55;
	}

	.bg-orange-500-h-xxl:hover{
		background-color: #ED8936;
	}

	.bg-orange-600-h-xxl:hover{
		background-color: #DD6B20;
	}

	.bg-orange-700-h-xxl:hover{
		background-color: #C05621;
	}

	.bg-orange-800-h-xxl:hover{
		background-color: #9C4221;
	}

	.bg-orange-900-h-xxl:hover{
		background-color: #7B341E;
	}



	.bg-red-100-h-xxl:hover{
		background-color: #FFF5F5;
	}

	.bg-red-200-h-xxl:hover{
		background-color: #FED7D7;
	}

	.bg-red-300-h-xxl:hover{
		background-color: #FEB2B2;
	}

	.bg-red-400-h-xxl:hover{
		background-color: #FC8181;
	}

	.bg-red-500-h-xxl:hover{
		background-color: #F56565;
	}

	.bg-red-600-h-xxl:hover{
		background-color: #E53E3E;
	}

	.bg-red-700-h-xxl:hover{
		background-color: #C53030;
	}

	.bg-red-800-h-xxl:hover{
		background-color: #9B2C2C;
	}

	.bg-red-900-h-xxl:hover{
		background-color: #742A2A;
	}



	.bg-gray-100-h-xxl:hover{
		background-color: #F7FAFC;
	}

	.bg-gray-200-h-xxl:hover{
		background-color: #EDF2F7;
	}

	.bg-gray-300-h-xxl:hover{
		background-color: #E2E8F0;
	}

	.bg-gray-400-h-xxl:hover{
		background-color: #CBD5E0;
	}

	.bg-gray-500-h-xxl:hover{
		background-color: #A0AEC0;
	}

	.bg-gray-600-h-xxl:hover{
		background-color: #718096;
	}

	.bg-gray-700-h-xxl:hover{
		background-color: #4A5568;
	}

	.bg-gray-800-h-xxl:hover{
		background-color: #2D3748;
	}

	.bg-gray-900-h-xxl:hover{
		background-color: #1A202C;
	}

	.bg-transparent-h-xxl:hover{
		background-color: transparent;
	}

	.bg-black-h-xxl:hover{
		background-color: #000000;
	}

	.bg-white-h-xxl:hover{
		background-color: #FFFFFF;
	}






	.outline-none-xxl{
		outline:none;
	}

	.outline-purple-100-xxl{
		outline-color: #FAF5FF;
	}

	.outline-purple-200-xxl{
		outline-color: #E9D8FD;
	}

	.outline-purple-300-xxl{
		outline-color: #D6BCFA;
	}

	.outline-purple-400-xxl{
		outline-color: #B794F4;
	}

	.outline-purple-500-xxl{
		outline-color: #9F7AEA;
	}

	.outline-purple-600-xxl{
		outline-color: #805AD5;
	}

	.outline-purple-700-xxl{
		outline-color: #6B46C1;
	}

	.outline-purple-800-xxl{
		outline-color: #553C9A;
	}

	.outline-purple-900-xxl{
		outline-color: #44337A;
	}

	.outline-blue-100-xxl{
		outline-color: #EBF8FF;
	}

	.outline-blue-200-xxl{
		outline-color: #BEE3F8;
	}

	.outline-blue-300-xxl{
		outline-color: #90CDF4;
	}

	.outline-blue-400-xxl{
		outline-color: #63B3ED;
	}

	.outline-blue-500-xxl{
		outline-color: #4299E1;
	}

	.outline-blue-600-xxl{
		outline-color: #3182CE;
	}

	.outline-blue-700-xxl{
		outline-color: #2B6CB0;
	}

	.outline-blue-800-xxl{
		outline-color: #2C5282;
	}

	.outline-blue-900-xxl{
		outline-color: #2A4365;
	}


	.outline-teal-100-xxl{
		outline-color: #E6FFFA;
	}

	.outline-teal-200-xxl{
		outline-color: #B2F5EA;
	}

	.outline-teal-300-xxl{
		outline-color: #81E6D9;
	}

	.outline-teal-400-xxl{
		outline-color: #4FD1C5;
	}

	.outline-teal-500-xxl{
		outline-color: #38B2AC;
	}

	.outline-teal-600-xxl{
		outline-color: #319795;
	}

	.outline-teal-700-xxl{
		outline-color: #2C7A7B;
	}

	.outline-teal-800-xxl{
		outline-color: #285E61;
	}

	.outline-teal-900-xxl{
		outline-color: #234E52;
	}



	.outline-pink-100-xxl{
		outline-color: #FFF5F7;
	}
	.outline-pink-200-xxl{
		outline-color: #FED7E2;
	}

	.outline-pink-300-xxl{
		outline-color: #FBB6CE;
	}

	.outline-pink-400-xxl{
		outline-color: #F687B3;
	}

	.outline-pink-500-xxl{
		outline-color: #ED64A6;
	}

	.outline-pink-600-xxl{
		outline-color: #D53F8C;
	}

	.outline-pink-700-xxl{
		outline-color: #B83280;
	}

	.outline-pink-800-xxl{
		outline-color: #97266D;
	}

	.outline-pink-900-xxl{
		outline-color: #702459;
	}



	.outline-indigo-100-xxl{
		outline-color: #EBF4FF;
	}
	.outline-indigo-200-xxl{
		outline-color: #C3DAFE;
	}
	.outline-indigo-300-xxl{
		outline-color: #A3BFFA;
	}
	.outline-indigo-400-xxl{
		outline-color: #7F9CF5;
	}
	.outline-indigo-500-xxl{
		outline-color: #667EEA;
	}
	.outline-indigo-600-xxl{
		outline-color: #5A67D8;
	}
	.outline-indigo-700-xxl{
		outline-color: #4C51BF;
	}
	.outline-indigo-800-xxl{
		outline-color: #434190;
	}
	.outline-indigo-900-xxl{	
		outline-color: #3C366B;
	}


	.outline-green-100-xxl{
		outline-color: #F0FFF4;
	}

	.outline-green-200-xxl{
		outline-color: #C6F6D5;
	}

	.outline-green-300-xxl{
		outline-color: #9AE6B4;
	}

	.outline-green-400-xxl{
		outline-color: #68D391;
	}

	.outline-green-500-xxl{
		outline-color: #48BB78;
	}

	.outline-green-600-xxl{
		outline-color: #38A169;
	}

	.outline-green-700-xxl{
		outline-color: #2F855A;
	}

	.outline-green-800-xxl{
		outline-color: #276749;
	}

	.outline-green-900-xxl{
		outline-color: #22543D;
	}


	.outline-yellow-100-xxl{
		outline-color: #FFFFF0;
	}

	.outline-yellow-200-xxl{
		outline-color: #FEFCBF;
	}

	.outline-yellow-300-xxl{
		outline-color: #FAF089;
	}

	.outline-yellow-400-xxl{
		outline-color: #F6E05E;
	}

	.outline-yellow-500-xxl{
		outline-color: #ECC94B;
	}

	.outline-yellow-600-xxl{
		outline-color: #D69E2E;
	}

	.outline-yellow-700-xxl{
		outline-color: #B7791F;
	}

	.outline-yellow-800-xxl{
		outline-color: #975A16;
	}

	.outline-yellow-900-xxl{
		outline-color: #744210;
	}



	.outline-orange-100-xxl{
		outline-color: #FFFAF0;
	}

	.outline-orange-200-xxl{
		outline-color: #FEEBC8;
	}

	.outline-orange-300-xxl{
		outline-color: #FBD38D;
	}

	.outline-orange-400-xxl{
		outline-color: #F6AD55;
	}

	.outline-orange-500-xxl{
		outline-color: #ED8936;
	}

	.outline-orange-600-xxl{
		outline-color: #DD6B20;
	}

	.outline-orange-700-xxl{
		outline-color: #C05621;
	}

	.outline-orange-800-xxl{
		outline-color: #9C4221;
	}

	.outline-orange-900-xxl{
		outline-color: #7B341E;
	}



	.outline-red-100-xxl{
		outline-color: #FFF5F5;
	}

	.outline-red-200-xxl{
		outline-color: #FED7D7;
	}

	.outline-red-300-xxl{
		outline-color: #FEB2B2;
	}

	.outline-red-400-xxl{
		outline-color: #FC8181;
	}

	.outline-red-500-xxl{
		outline-color: #F56565;
	}

	.outline-red-600-xxl{
		outline-color: #E53E3E;
	}

	.outline-red-700-xxl{
		outline-color: #C53030;
	}

	.outline-red-800-xxl{
		outline-color: #9B2C2C;
	}

	.outline-red-900-xxl{
		outline-color: #742A2A;
	}



	.outline-gray-100-xxl{
		outline-color: #F7FAFC;
	}

	.outline-gray-200-xxl{
		outline-color: #EDF2F7;
	}

	.outline-gray-300-xxl{
		outline-color: #E2E8F0;
	}

	.outline-gray-400-xxl{
		outline-color: #CBD5E0;
	}

	.outline-gray-500-xxl{
		outline-color: #A0AEC0;
	}

	.outline-gray-600-xxl{
		outline-color: #718096;
	}

	.outline-gray-700-xxl{
		outline-color: #4A5568;
	}

	.outline-gray-800-xxl{
		outline-color: #2D3748;
	}

	.outline-gray-900-xxl{
		outline-color: #1A202C;
	}


	.outline-black-xxl{
		outline-color: #000000;
	}

	.outline-white-xxl{
		outline-color: #FFFFFF;
	}


	/* RESPONSIVE DESIGN */
	.flex-xxl{
		display: flex;
	}

	.justify-center-xxl{
		justify-content: center;
	}

	.justify-end-xxl{
		justify-content: flex-end;
	}

	.justify-evenly-xxl{
		justify-content: space-evenly;
	}


	.justify-start-xxl{
		justify-content:flex-start;
	}

	.justify-around-xxl{
		justify-content:space-around;
	}

	.justify-between-xxl{
		justify-content: space-between;
	}

	.align-items-center-xxl{
		align-items: center;
	}

	.align-items-start-xxl{
		align-items: flex-start;
	}

	.align-items-end-xxl{
		align-items: flex-end;
	}

	.align-items-stretch-xxl{
		align-items: stretch;
	}

	.align-content-center-xxl{
		align-items: center;
	}

	.align-content-start-xxl{
		align-items: flex-start;
	}

	.align-content-end-xxl{
		align-items: flex-end;
	}

	.align-content-stretch-xxl{
		align-items: stretch;
	}

	.align-self-center-xxl{
		align-items: center;
	}

	.align-self-start-xxl{
		align-items: flex-start;
	}

	.align-self-end-xxl{
		align-items: flex-end;
	}

	.align-self-stretch-xxl{
		align-items: stretch;
	}

	.text-right-xxl{
		text-align: right;
	}

	.text-left-xxl{
		text-align: left;
	}

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

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

	.z-10-xxl{
		z-index:10;
	}

	.z-20-xxl{
		z-index: 20;
	}

	.z-30-xxl{
		z-index: 30;
	}

	.z-40-xxl{
		z-index: 40;
	}

	.z-50-xxl{
		z-index: 50;
	}

	.z-60-xxl{
		z-index: 60;
	}

	.z-70-xxl{
		z-index: 70;
	}

	.z-80-xxl{
		z-index: 80;
	}

	.z-90-xxl{
		z-index: 90;
	}

	.z-100-xxl{
		z-index: 100;
	}

	.z-inherit-xxl{
		z-index: inherit;
	}

	.z-intial-xxl{
		z-index: initial;
	}

	.z-auto-xxl{
		z-index: auto;
	}

	.flex-wrap-xxl{
		flex-wrap: wrap;
	}

	.flex-nowrap-xxl{
		flex-wrap: nowrap;
	}

	.flex-Rwrap-xxl{
		flex-wrap: wrap-reverse;
	}

	.flex-column-xxl{
		flex-direction: column;
	}

	.flex-Rcolumn-xxl{
		flex-direction: column-reverse;
	}

	.flex-row-xxl{
		flex-direction: row;
	}

	.flex-Rrow-xxl{
		flex-direction: row-reverse;
	}

	.flex-grow-xxl{
		flex-grow: 1;
	}

	.flex-grow-0-xxl{
		flex-grow: 0;
	}

	.flex-shrink-xxl{
		flex-shrink: 1;
	}

	.flex-shrink-0-xxl{
		flex-shrink: 0;
	}

	.order-first-xxl{
		order: -9999;
	}

	.order-last-xxl{
		order: 9999;
	}

	.order-none-xxl{
		order: 0;
	}

	.order-1-xxl{
		order: 1;
	}

	.order-2-xxl{
		order: 2;
	}

	.order-3-xxl{
		order: 3;
	}

	.order-4-xxl{
		order: 4;
	}

	.order-5-xxl{
		order: 5;
	}

	.order-6-xxl{
		order: 6;
	}

	.order-7-xxl{
		order: 7;
	}

	.order-8-xxl{
		order: 8;
	}

	.order-9-xxl{
		order: 9;
	}


	/* HEIGHT */

	.max-h-0-xxl{
		max-height: 0;
	}

	.h-auto-xxl{
		height: auto;
	}

	.max-h-100-xxl{
		max-height: 100%;
	}

	.h-content-xxl{
		height: max-content;
	}

	.vh-1-xxl{
		height:1vh;
	}

	.vh-10-xxl{
		height:10vh;
	}

	.vh-20-xxl{
		height:20vh;
	}

	.vh-30-xxl{
		height:30vh;
	}

	.vh-40-xxl{
		height:40vh;
	}

	.vh-50-xxl{
		height:50vh;
	}

	.vh-60-xxl{
		height:60vh;
	}

	.vh-70-xxl{
		height:70vh;
	}

	.vh-80-xxl{
		height:80vh;
	}

	.vh-90-xxl{
		height:90vh;
	}

	.vh-100-xxl{
		height:100vh;
	}

	/*percentage */
	.h-1-xxl{
		height:1%;
	}

	.h-10-xxl{
		height:10%;
	}

	.h-20-xxl{
		height:20%;
	}

	.h-30-xxl{
		height:30%;
	}

	.h-40-xxl{
		height:40%;
	}

	.h-50-xxl{
		height:50%;
	}

	.h-60-xxl{
		height:60%;
	}

	.h-70-xxl{
		height:70%;
	}

	.h-80-xxl{
		height:80%;
	}

	.h-90-xxl{
		height:90%;
	}

	.h-100-xxl{
		height:100%;
	}


	/* MARGIN */


	/* =========================================================================================
	====================================================================================================== */


	.m-0-xxl{
		margin: 0;
	}

	.m-1-xxl{
		margin: 5px;
	}

	.m-2-xxl{
		margin: 10px;
	}

	.m-3-xxl{
		margin: 15px;
	}

	.m-4-xxl{
		margin: 20px;
	}

	.m-5-xxl{
		margin: 25px;
	}

	.m-6-xxl{
		margin: 30px;
	}

	.m-7-xxl{
		margin: 35px;
	}

	.m-8-xxl{
		margin: 40px;
	}

	.m-9-xxl{
		margin: 45px;
	}

	.m-10-xxl{
		margin: 50px;
	}


	.m-11-xxl{
		margin: 55px;
	}

	.m-12-xxl{
		margin: 60px;
	}

	.m-13-xxl{
		margin: 65px;
	}

	.m-14-xxl{
		margin: 70px;
	}

	.m-15-xxl{
		margin: 75px;
	}

	.m-16-xxl{
		margin: 80px;
	}

	.m-17-xxl{
		margin: 85px;
	}

	.m-18-xxl{
		margin: 90px;
	}

	.m-19-xxl{
		margin: 95px;
	}

	.m-20-xxl{
		margin: 100px;
	}

	/* NORMAL MARGIN END */




	/* MARGIN TOP */
	.mt-0-xxl{
		margin-top: 0;
	}

	.mt-1-xxl{
		margin-top: 5px;
	}

	.mt-2-xxl{
		margin-top: 10px;
	}

	.mt-3-xxl{
		margin-top: 15px;
	}

	.mt-4-xxl{
		margin-top: 20px;
	}

	.mt-5-xxl{
		margin-top: 25px;
	}

	.mt-6-xxl{
		margin-top: 30px;
	}

	.mt-7-xxl{
		margin-top: 35px;
	}

	.mt-8-xxl{
		margin-top: 40px;
	}

	.mt-9-xxl{
		margin-top: 45px;
	}

	.mt-10-xxl{
		margin-top: 50px;
	}


	.mt-11-xxl{
		margin-top: 55px;
	}

	.mt-12-xxl{
		margin-top: 60px;
	}

	.mt-13-xxl{
		margin-top: 65px;
	}

	.mt-14-xxl{
		margin-top: 70px;
	}

	.mt-15-xxl{
		margin-top: 75px;
	}

	.mt-16-xxl{
		margin-top: 80px;
	}

	.mt-17-xxl{
		margin-top: 85px;
	}

	.mt-18-xxl{
		margin-top: 90px;
	}

	.mt-19-xxl{
		margin-top: 95px;
	}

	.mt-20-xxl{
		margin-top: 100px;
	}


	/* MRGIN BOTTOM */

	.mb-0-xxl{
		margin-bottom: 0;
	}

	.mb-1-xxl{
		margin-bottom: 5px;
	}

	.mb-2-xxl{
		margin-bottom: 10px;
	}

	.mb-3-xxl{
		margin-bottom: 15px;
	}

	.mb-4-xxl{
		margin-bottom: 20px;
	}

	.mb-5-xxl{
		margin-bottom: 25px;
	}

	.mb-6-xxl{
		margin-bottom: 30px;
	}

	.mb-7-xxl{
		margin-bottom: 35px;
	}

	.mb-8-xxl{
		margin-bottom: 40px;
	}

	.mb-9-xxl{
		margin-bottom: 45px;
	}

	.mb-10-xxl{
		margin-bottom: 50px;
	}


	.mb-11-xxl{
		margin-bottom: 55px;
	}

	.mb-12-xxl{
		margin-bottom: 60px;
	}

	.mb-13-xxl{
		margin-bottom: 65px;
	}

	.mb-14-xxl{
		margin-bottom: 70px;
	}

	.mb-15-xxl{
		margin-bottom: 75px;
	}

	.mb-16-xxl{
		margin-bottom: 80px;
	}

	.mb-17-xxl{
		margin-bottom: 85px;
	}

	.mb-18-xxl{
		margin-bottom: 90px;
	}

	.mb-19-xxl{
		margin-bottom: 95px;
	}

	.mb-20-xxl{
		margin-bottom: 100px;
	}


	/* MRGIN RIGHT */
	.mr-0-xxl{
		margin-right: 0;
	}

	.mr-1-xxl{
		margin-right: 5px;
	}

	.mr-2-xxl{
		margin-right: 10px;
	}

	.mr-3-xxl{
		margin-right: 15px;
	}

	.mr-4-xxl{
		margin-right: 20px;
	}

	.mr-5-xxl{
		margin-right: 25px;
	}

	.mr-6-xxl{
		margin-right: 30px;
	}

	.mr-7-xxl{
		margin-right: 35px;
	}

	.mr-8-xxl{
		margin-right: 40px;
	}

	.mr-9-xxl{
		margin-right: 45px;
	}

	.mr-10-xxl{
		margin-right: 50px;
	}


	.mr-11-xxl{
		margin-right: 55px;
	}

	.mr-12-xxl{
		margin-right: 60px;
	}

	.mr-13-xxl{
		margin-right: 65px;
	}

	.mr-14-xxl{
		margin-right: 70px;
	}

	.mr-15-xxl{
		margin-right: 75px;
	}

	.mr-16-xxl{
		margin-right: 80px;
	}

	.mr-17-xxl{
		margin-right: 85px;
	}

	.mr-18-xxl{
		margin-right: 90px;
	}

	.mr-19-xxl{
		margin-right: 95px;
	}

	.mr-20-xxl{
		margin-right: 100px;
	}


	/* MARGIN LEFT */

	.ml-0-xxl{
		margin-left: 0;
	}

	.ml-1-xxl{
		margin-left: 5px;
	}

	.ml-2-xxl{
		margin-left: 10px;
	}

	.ml-3-xxl{
		margin-left: 15px;
	}

	.ml-4-xxl{
		margin-left: 20px;
	}

	.ml-5-xxl{
		margin-left: 25px;
	}

	.ml-6-xxl{
		margin-left: 30px;
	}

	.ml-7-xxl{
		margin-left: 35px;
	}

	.ml-8-xxl{
		margin-left: 40px;
	}

	.ml-9-xxl{
		margin-left: 45px;
	}

	.ml-10-xxl{
		margin-left: 50px;
	}


	.ml-11-xxl{
		margin-left: 55px;
	}

	.ml-12-xxl{
		margin-left: 60px;
	}

	.ml-13-xxl{
		margin-left: 65px;
	}

	.ml-14-xxl{
		margin-left: 70px;
	}

	.ml-15-xxl{
		margin-left: 75px;
	}

	.ml-16-xxl{
		margin-left: 80px;
	}

	.ml-17-xxl{
		margin-left: 85px;
	}

	.ml-18-xxl{
		margin-left: 90px;
	}

	.ml-19-xxl{
		margin-left: 95px;
	}

	.ml-20-xxl{
		margin-left: 100px;
	}


	/* MARGIN Y-AXIS */

	.my-0-xxl{
		margin-bottom:0;
		margin-top: 0;
	}

	.my-1-xxl{
		margin-top:  5px;
		margin-bottom: 5px;
	}

	.my-2-xxl{
		margin-top: 10px;
		margin-bottom:10px;
	}

	.my-3-xxl{
		margin-top: 15px;
		margin-bottom:15px;
	}

	.my-4-xxl{
		margin-top: 20px;
		margin-bottom:20px;
	}

	.my-5-xxl{
		margin-top:  25px;
		margin-bottom: 25px;
	}

	.my-6-xxl{
		margin-top: 30px;
		margin-bottom:30px;
	}

	.my-7-xxl{
		margin-top:  35px;
		margin-bottom: 35px;
	}

	.my-8-xxl{
		margin-top: 40px;
		margin-bottom:40px;
	}

	.my-9-xxl{
		margin-top:  45px;
		margin-bottom: 45px;
	}

	.my-10-xxl{
		margin-top: 50px;
		margin-bottom:50px;
	}

	.my-11-xxl{
		margin-top: 55px;
		margin-bottom:55px;
	}

	.my-12-xxl{
		margin-top: 60px;
		margin-bottom:60px;
	}

	.my-13-xxl{
		margin-top: 65px;
		margin-bottom:65px;
	}

	.my-14-xxl{
		margin-top: 70px;
		margin-bottom:70px;
	}

	.my-15-xxl{
		margin-top:  75px;
		margin-bottom: 75px;
	}

	.my-16-xxl{
		margin-top: 80px;
		margin-bottom:80px;
	}

	.my-17-xxl{
		margin-top:  85px;
		margin-bottom: 85px;
	}

	.my-18-xxl{
		margin-top: 90px;
		margin-bottom:90px;
	}

	.my-19-xxl{
		margin-top:  95px;
		margin-bottom: 95px;
	}

	.my-20-xxl{
		margin-top: 100px;
		margin-bottom:100px;
	}



	/* MARGIN X-AXIS */
	.mx-0-xxl{
		margin-right:0;
		margin-left:0;
	}

	.mx-1-xxl{
		margin-right:  5px;
		margin-left: 5px;
	}

	.mx-2-xxl{
		margin-right: 10px;
		margin-left:10px;
	}

	.mx-3-xxl{
		margin-right: 15px;
		margin-left:15px;
	}

	.mx-4-xxl{
		margin-right: 20px;
		margin-left:20px;
	}

	.mx-5-xxl{
		margin-right:  25px;
		margin-left: 25px;
	}

	.mx-6-xxl{
		margin-right: 30px;
		margin-left:30px;
	}

	.mx-7-xxl{
		margin-right:  35px;
		margin-left: 35px;
	}

	.mx-8-xxl{
		margin-right: 40px;
		margin-left:40px;
	}

	.mx-9-xxl{
		margin-right:  45px;
		margin-left: 45px;
	}

	.mx-10-xxl{
		margin-right: 50px;
		margin-left:50px;
	}

	.mx-11-xxl{
		margin-right: 55px;
		margin-left:55px;
	}

	.mx-12-xxl{
		margin-right: 60px;
		margin-left:60px;
	}

	.mx-13-xxl{
		margin-right: 65px;
		margin-left:65px;
	}

	.mx-14-xxl{
		margin-right: 70px;
		margin-left:70px;
	}

	.mx-15-xxl{
		margin-right:  75px;
		margin-left: 75px;
	}

	.mx-16-xxl{
		margin-right: 80px;
		margin-left:80px;
	}

	.mx-17-xxl{
		margin-right:  85px;
		margin-left: 85px;
	}

	.mx-18-xxl{
		margin-right: 90px;
		margin-left:90px;
	}

	.mx-19-xxl{
		margin-right:  95px;
		margin-left: 95px;
	}

	.mx-20-xxl{
		margin-right: 100px;
		margin-left:100px;
	}




	/* PADDING */
	/* =============================================================================================================
	======================================================================================================= */
	.p-0-xxl{
		padding: 0;
	}

	.p-1-xxl{
		padding: 5px;
	}

	.p-2-xxl{
		padding: 10px;
	}

	.p-3-xxl{
		padding: 15px;
	}

	.p-4-xxl{
		padding: 20px;
	}

	.p-5-xxl{
		padding: 25px;
	}

	.p-6-xxl{
		padding: 30px;
	}

	.p-7-xxl{
		padding: 35px;
	}

	.p-8-xxl{
		padding: 40px;
	}

	.p-9-xxl{
		padding: 45px;
	}

	.p-10-xxl{
		padding: 50px;
	}


	.p-11-xxl{
		padding: 55px;
	}

	.p-12-xxl{
		padding: 60px;
	}

	.p-13-xxl{
		padding: 65px;
	}

	.p-14-xxl{
		padding: 70px;
	}

	.p-15-xxl{
		padding: 75px;
	}

	.p-16-xxl{
		padding: 80px;
	}

	.p-17-xxl{
		padding: 85px;
	}

	.p-18-xxl{
		padding: 90px;
	}

	.p-19-xxl{
		padding: 95px;
	}

	.p-20-xxl{
		padding: 100px;
	}

	/* NORMAL padding END */




	/* padding TOP */
	.pt-0-xxl{
		padding-top: 0;
	}

	.pt-1-xxl{
		padding-top: 5px;
	}

	.pt-2-xxl{
		padding-top: 10px;
	}

	.pt-3-xxl{
		padding-top: 15px;
	}

	.pt-4-xxl{
		padding-top: 20px;
	}

	.pt-5-xxl{
		padding-top: 25px;
	}

	.pt-6-xxl{
		padding-top: 30px;
	}

	.pt-7-xxl{
		padding-top: 35px;
	}

	.pt-8-xxl{
		padding-top: 40px;
	}

	.pt-9-xxl{
		padding-top: 45px;
	}

	.pt-10-xxl{
		padding-top: 50px;
	}


	.pt-11-xxl{
		padding-top: 55px;
	}

	.pt-12-xxl{
		padding-top: 60px;
	}

	.pt-13-xxl{
		padding-top: 65px;
	}

	.pt-14-xxl{
		padding-top: 70px;
	}

	.pt-15-xxl{
		padding-top: 75px;
	}

	.pt-16-xxl{
		padding-top: 80px;
	}

	.pt-17-xxl{
		padding-top: 85px;
	}

	.pt-18-xxl{
		padding-top: 90px;
	}

	.pt-19-xxl{
		padding-top: 95px;
	}

	.pt-20-xxl{
		padding-top: 100px;
	}






	/* MRGIN BOTTOM */

	.pb-0-xxl{
		padding-bottom: 0;
	}

	.pb-1-xxl{
		padding-bottom: 5px;
	}

	.pb-2-xxl{
		padding-bottom: 10px;
	}

	.pb-3-xxl{
		padding-bottom: 15px;
	}

	.pb-4-xxl{
		padding-bottom: 20px;
	}

	.pb-5-xxl{
		padding-bottom: 25px;
	}

	.pb-6-xxl{
		padding-bottom: 30px;
	}

	.pb-7-xxl{
		padding-bottom: 35px;
	}

	.pb-8-xxl{
		padding-bottom: 40px;
	}

	.pb-9-xxl{
		padding-bottom: 45px;
	}

	.pb-10-xxl{
		padding-bottom: 50px;
	}


	.pb-11-xxl{
		padding-bottom: 55px;
	}

	.pb-12-xxl{
		padding-bottom: 60px;
	}

	.pb-13-xxl{
		padding-bottom: 65px;
	}

	.pb-14-xxl{
		padding-bottom: 70px;
	}

	.pb-15-xxl{
		padding-bottom: 75px;
	}

	.pb-16-xxl{
		padding-bottom: 80px;
	}

	.pb-17-xxl{
		padding-bottom: 85px;
	}

	.pb-18-xxl{
		padding-bottom: 90px;
	}

	.pb-19-xxl{
		padding-bottom: 95px;
	}

	.pb-20-xxl{
		padding-bottom: 100px;
	}


	/* MRGIN RIGHT */
	.pr-0-xxl{
		padding-right: 0;
	}

	.pr-1-xxl{
		padding-right: 5px;
	}

	.pr-2-xxl{
		padding-right: 10px;
	}

	.pr-3-xxl{
		padding-right: 15px;
	}

	.pr-4-xxl{
		padding-right: 20px;
	}

	.pr-5-xxl{
		padding-right: 25px;
	}

	.pr-6-xxl{
		padding-right: 30px;
	}

	.pr-7-xxl{
		padding-right: 35px;
	}

	.pr-8-xxl{
		padding-right: 40px;
	}

	.pr-9-xxl{
		padding-right: 45px;
	}

	.pr-10-xxl{
		padding-right: 50px;
	}


	.pr-11-xxl{
		padding-right: 55px;
	}

	.pr-12-xxl{
		padding-right: 60px;
	}

	.pr-13-xxl{
		padding-right: 65px;
	}

	.pr-14-xxl{
		padding-right: 70px;
	}

	.pr-15-xxl{
		padding-right: 75px;
	}

	.pr-16-xxl{
		padding-right: 80px;
	}

	.pr-17-xxl{
		padding-right: 85px;
	}

	.pr-18-xxl{
		padding-right: 90px;
	}

	.pr-19-xxl{
		padding-right: 95px;
	}

	.pr-20-xxl{
		padding-right: 100px;
	}


	/* padding LEFT */

	.pl-0-xxl{
		padding-left: 0;
	}

	.pl-1-xxl{
		padding-left: 5px;
	}

	.pl-2-xxl{
		padding-left: 10px;
	}

	.pl-3-xxl{
		padding-left: 15px;
	}

	.pl-4-xxl{
		padding-left: 20px;
	}

	.pl-5-xxl{
		padding-left: 25px;
	}

	.pl-6-xxl{
		padding-left: 30px;
	}

	.pl-7-xxl{
		padding-left: 35px;
	}

	.pl-8-xxl{
		padding-left: 40px;
	}

	.pl-9-xxl{
		padding-left: 45px;
	}

	.pl-10-xxl{
		padding-left: 50px;
	}


	.pl-11-xxl{
		padding-left: 55px;
	}

	.pl-12-xxl{
		padding-left: 60px;
	}

	.pl-13-xxl{
		padding-left: 65px;
	}

	.pl-14-xxl{
		padding-left: 70px;
	}

	.pl-15-xxl{
		padding-left: 75px;
	}

	.pl-16-xxl{
		padding-left: 80px;
	}

	.pl-17-xxl{
		padding-left: 85px;
	}

	.pl-18-xxl{
		padding-left: 90px;
	}

	.pl-19-xxl{
		padding-left: 95px;
	}

	.pl-20-xxl{
		padding-left: 100px;
	}


	/* padding Y-AXIS */

	.py-0-xxl{
		padding-bottom:0;
		padding-top: 0;
	}

	.py-1-xxl{
		padding-top:  5px;
		padding-bottom: 5px;
	}

	.py-2-xxl{
		padding-top: 10px;
		padding-bottom:10px;
	}

	.py-3-xxl{
		padding-top: 15px;
		padding-bottom:15px;
	}

	.py-4-xxl{
		padding-top: 20px;
		padding-bottom:20px;
	}

	.py-5-xxl{
		padding-top:  25px;
		padding-bottom: 25px;
	}

	.py-6-xxl{
		padding-top: 30px;
		padding-bottom:30px;
	}

	.py-7-xxl{
		padding-top:  35px;
		padding-bottom: 35px;
	}

	.py-8-xxl{
		padding-top: 40px;
		padding-bottom:40px;
	}

	.py-9-xxl{
		padding-top:  45px;
		padding-bottom: 45px;
	}

	.py-10-xxl{
		padding-top: 50px;
		padding-bottom:50px;
	}

	.py-11-xxl{
		padding-top: 55px;
		padding-bottom:55px;
	}

	.py-12-xxl{
		padding-top: 60px;
		padding-bottom:60px;
	}

	.py-13-xxl{
		padding-top: 65px;
		padding-bottom:65px;
	}

	.py-14-xxl{
		padding-top: 70px;
		padding-bottom:70px;
	}

	.py-15-xxl{
		padding-top:  75px;
		padding-bottom: 75px;
	}

	.py-16-xxl{
		padding-top: 80px;
		padding-bottom:80px;
	}

	.py-17-xxl{
		padding-top:  85px;
		padding-bottom: 85px;
	}

	.py-18-xxl{
		padding-top: 90px;
		padding-bottom:90px;
	}

	.py-19-xxl{
		padding-top:  95px;
		padding-bottom: 95px;
	}

	.py-20-xxl{
		padding-top: 100px;
		padding-bottom:100px;
	}



	/* padding X-AXIS */
	.px-0-xxl{
		padding-right:0;
		padding-left: 0;
	}

	.px-1-xxl{
		padding-right:  5px;
		padding-left: 5px;
	}

	.px-2-xxl{
		padding-right: 10px;
		padding-left:10px;
	}

	.px-3-xxl{
		padding-right: 15px;
		padding-left:15px;
	}

	.px-4-xxl{
		padding-right: 20px;
		padding-left:20px;
	}

	.px-5-xxl{
		padding-right:  25px;
		padding-left: 25px;
	}

	.px-6-xxl{
		padding-right: 30px;
		padding-left:30px;
	}

	.px-7-xxl{
		padding-right:  35px;
		padding-left: 35px;
	}

	.px-8-xxl{
		padding-right: 40px;
		padding-left:40px;
	}

	.px-9-xxl{
		padding-right:  45px;
		padding-left: 45px;
	}

	.px-10-xxl{
		padding-right: 50px;
		padding-left:50px;
	}

	.px-11-xxl{
		padding-right: 55px;
		padding-left:55px;
	}

	.px-12-xxl{
		padding-right: 60px;
		padding-left:60px;
	}

	.px-13-xxl{
		padding-right: 65px;
		padding-left:65px;
	}

	.px-14-xxl{
		padding-right: 70px;
		padding-left:70px;
	}

	.px-15-xxl{
		padding-right:  75px;
		padding-left: 75px;
	}

	.px-16-xxl{
		padding-right: 80px;
		padding-left:80px;
	}

	.px-17-xxl{
		padding-right:  85px;
		padding-left: 85px;
	}

	.px-18-xxl{
		padding-right: 90px;
		padding-left:90px;
	}

	.px-19-xxl{
		padding-right:  95px;
		padding-left: 95px;
	}

	.px-20-xxl{
		padding-right: 100px;
		padding-left:100px;
	}


	/* END OF PADDING AND MARGIN */




	.bold-xxl{
		font-weight: bold;
	}

	.bolder-xxl{
		font-weight: bolder;
	}

	.font-normal-xxl{
		font-weight: normal;
	}

	.font-weight-inherit-xxl{
		font-weight: initial;
	}

	.bold-h-xxl:hover{
		font-weight: bold;
	}

	.bolder-h-xxl:hover{
		font-weight: bolder;
	}

	.font-normal-h-xxl:hover{
		font-weight: normal;
	}

	/* WIDTH */

	/* ================================================================================================== */

	.max-w-100-xxl{
		max-width: 100%;
	}

	.max-w-0-xxl{
		max-width: 0;
	}

	.w-auto-xxl{
		width: auto;
	}

	.w-max-content-xxl{
		width: max-content;
	}



	/* SCREEN VIEW WIDTH */
	.vw-1-xxl{
		width:1vw;
	}

	.vw-10-xxl{
		width:10vw;
	}

	.vw-20-xxl{
		width:20vw;
	}

	.vw-30-xxl{
		width:30vw;
	}

	.vw-40-xxl{
		width:40vw;
	}

	.vw-50-xxl{
		width:50vw;
	}

	.vw-60-xxl{
		width:60vw;
	}

	.vw-70-xxl{
		width:70vw;
	}

	.vw-80-xxl{
		width:80vw;
	}

	.vw-90-xxl{
		width:90vw;
	}

	.vw-100-xxl{
		width:100vw;
	}



	/* PERCENTAGE VIEW FOR WIDTH */
	.w-1-xxl{
		width:1%;
	}

	.w-10-xxl{
		width:10%;
	}

	.w-20-xxl{
		width:20%;
	}

	.w-30-xxl{
		width:30%;
	}

	.w-40-xxl{
		width:40%;
	}

	.w-50-xxl{
		width:50%;
	}

	.w-60-xxl{
		width:60%;
	}

	.w-70-xxl{
		width:70%;
	}

	.w-80-xxl{
		width:80%;
	}

	.w-90-xxl{
		width:90%;
	}

	.w-100-xxl{
		width:100%;
	}

	/* ====================================== END OF WIDTH =============================================== */


	/* VISIBILITY */

	.visible-xxl{
		visibility: visible;
	}

	.invisible-xxl{
		visibility: hidden;
	}

	.visible-h-xxl:hover{
		visibility: visible;
	}

	.invisible-h-xxl:hover{
		visibility: hidden;
	}

	/* ====================================== END OF VISIBLITY =============================================== */


	/* DISPLAYS */

	.d-none-xxl{
		display: none;
	}

	.d-flex-xxl{
		display: flex;
	}

	.d-block-xxl{
		display: block;
	}

	.d-inline-xxl{
		display: inline;
	}

	.d-inline-block-xxl{
		display: inline-block;
	}

	.d-inline-flex-xxl{
		display: inline-flex;
	}

	.d-grid-xxl{
		display: grid;
	}

	.d-inline-grid-xxl{
		display: inline-grid;
		display: -ms-inline-grid;
		display: -moz-inline-grid;
	}


	/* ====================================== END OF DISPLAY =======================================



	/* POSITIONING */

	.pos-fixed-xxl{
		position: fixed;
	}

	.fixed-top-xxl{
		position: fixed;
		top: 0;
	}

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

	.left-0-xxl{
		left: 0;
	}

	.right-xxl{
		right: 0;
	}

	.pos-sticky-xxl{
		position: sticky;
	}

	.sticky-top-xxl{
		position: sticky;
		top: 0;
	}

	.sticky-bottom-xxl{
		position: sticky;
		bottom: 0;
	}

	.pos-relative-xxl{
		position: relative;
	}

	.pos-absolute-xxl{
		position:absolute;
	}

	.pos-static-xxl{
		position: static;
	}

	.bg-mask-xxl{
		position: absolute;
		top: 0;
		bottom: 0;
		left:0;
		right:0;
	}

	/* ================================== END OF POSITIONING =============================================== */


	/* FONT-SIZE */

	.text-xs-xxl{
		font-size: 11px;
	}

	.text-sm-xxl{
		font-size: 13px;
	}

	.text-md-xxl{
		font-size: 	15px;
	}

	.text-lg-xxl{
		font-size: 17px;
	}

	.text-xl-xxl{
		font-size: 1.19rem;
	}

	.text-xl-1-xxl{
		font-size: 1.29rem;
	}

	.text-xl-2-xxl{
		font-size: 1.39rem;
	}

	.text-xl-3-xxl{
		font-size: 1.5rem;
	}

	.text-xl-4-xxl{
		font-size: 1.62rem;
	}

	.text-xl-5-xxl{
		font-size: 1.73rem;
	}

	.text-xl-6-xxl{
		font-size: 1.86rem;
	}

	.text-xl-7-xxl{
		font-size: 1.98rem;
	}

	.text-xl-8-xxl{
		font-size: 2.12rem;
	}

	.text-xl-9-xxl{
		font-size: 2.35rem;
	}

	.text-xl-10-xxl{
		font-size: 2.75rem;
	}

	/* =============================================== END OF FONT-SIZE ===========================================*/


	/* SMOOTH FONT */
	.smooth-xxl{
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
	}		

	.auto-smooth-xxl{
			-webkit-font-smoothing: auto;
			-moz-osx-font-smoothing: auto;
	}

	.italic-xxl{
		font-style: italic;
	}

	.oblique-xxl{
		font-style: oblique;
	}

	.text-normal-xxl{
		font-style: normal;
	}

	.underlined-xxl{
		text-decoration: underline;
	}

	.crossed-xxl{
		text-decoration: line-through;
	}

	.overlined-xxl{
		text-decoration: overline;
	}

	.wavy-xxl{
		text-decoration: ;
	}

	.text-decoration-none-xxl{
		text-decoration: none;
	}


	/*  LETTER SPACING   */
	.letters-tighter-xxl{
		letter-spacing: -0.09rem;
	}

	.letters-tight-xxl{
		letter-spacing: -0.03rem;
	}

	.letters-normal-xxl{
		letter-spacing: 0rem;
	}

	.letters-wide-xxl{
		letter-spacing: 0.09rem;
	}

	.letters-wider-xxl{
		letter-spacing: 0.15rem;;
	}

	.line-0-xxl{
		line-height: normal;
	}

	.line-1-xxl{
		line-height: 1rem;
	}

	.line-2-xxl{
		line-height: 1.5rem;
	}

	.line-3-xxl{
		line-height: 2rem;
	}

	.line-4-xxl{
		line-height: 2.5rem;
	}


	.uppercase-xxl{
		text-transform: uppercase;
	}

	.lowercase-xxl{
		text-transform: lowercase;
	}

	.capitalize-xxl{
		text-transform: capitalize;
	}

	.normal-case-xxl{
		text-transform: none;
	}

	.whitespace-normal-xxl{
		white-space: normal;
	}

	.whitespace-nowrap-xxl{
		white-space: nowrap;
	}

	.whitespace-pre-xxl{
		white-space: pre;
	}

	.whitespace-pre-line-xxl{
		white-space: pre-line;
	}
		
	.whitespace-pre-wrap-xxl{
		white-space: pre-wrap;
	}

	.word-break-normal-xxl{
		word-break: normal;
		overflow-wrap: normal
	}

	.break-words-xxl{
		overflow-wrap: break-word;
	}

	.break-all-xxl{
		word-break: break-all;
	}

	.truncate-text-xxl{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	/* BAGKGROUND*/
	.no-repeat-xxl{
		background-repeat: no-repeat;
	}

	.bg-attachment-fixed-xxl{
		background-attachment: fixed;
	}

	.bg-attachment-scroll-xxl{
		background-attachment: scroll;
	}

	.bg-attachment-local-xxl{
		background-attachment: local;
	}

	.bg-center-xxl{
		background-position: center;
	}

	.bg-left-xxl{
		background-position: left;
	}

	.bg-right-xxl{
		background-position: right;
	}

	.bg-left-bottom-xxl{
		background-position: left bottom;
	}

	.bg-right-bottom-xxl{
		-webkit-background-composite: left top;
	}

	.bg-left-top-xxl{
		background-position: right bottom;
	}

	.bg-right-top-xxl{
		-webkit-background-composite: right top;
	}


	.bg-auto-xxl{
		background-size: auto;
	}

	.bg-cover-xxl{
		background-size: cover;
	}

	.bg-contain-xxl{
		background-size: contain;
	}


	/* shadow */
	.shadow-normal-xxl{
		box-shadow: 0 5px 5px rgb(0,0,0,.2);
	}

	.shadow-around-xxl{
		box-shadow: 0 0 3px rgb(0,0,0,.08);
	}

	.shadow-1-xxl{
		box-shadow: 0 1px 1px rgb(0,0,0,.08);
	}


	.shadow-2-xxl{
		box-shadow: 0 2px 2px rgb(0,0,0,.08);
	}


	.shadow-3-xxl{
		box-shadow: 0 3px 3px rgb(0,0,0,.08);
	}


	.shadow-4-xxl{
		box-shadow: 0 4px 4px rgb(0,0,0,.08);
	}


	.shadow-5-xxl{
		box-shadow: 0 5px 5px rgb(0,0,0,.08);
	}

	.shadow-xs-xxl{
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	.shadow-sm-xxl{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}

	.shadow-xxl{
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	}

	.shadow-md-xxl{
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}

	.shadow-lg-xxl{
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}

	.shadow-xl-xxl{
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}

	.shadow-2xl-xxl{
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}

	.shadow-inner-xxl{
		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
	}

	.shadow-outline-xxl{
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.shadow-none-xxl{
		box-shadow: none;
	}

	.opacity-100-xxl{
		opacity: 100%;
	}

	.opacity-10-xxl{
		opacity: 10%;
	}

	.opacity-20-xxl{
		opacity: 20%;
	}

	.opacity-30-xxl{
		opacity: 30%;
	}

	.opacity-40-xxl{
		opacity: 40%;
	}

	.opacity-50-xxl{
		opacity: 50%;
	}

	.opacity-60-xxl{
		opacity: 60%;
	}

	.opacity-70-xxl{
		opacity: 70%;
	}

	.opacity-80-xxl{
		opacity: 80%;
	}

	.opacity-90-xxl{
		opacity: 90%;
	}

	.opacity-0-xxl{
		opacity: 0%;
	}

	.shadow-normal-h-xxl:hover{
		box-shadow: 0 5px 5px rgb(0,0,0,.2);
	}

	.shadow-around-h-xxl:hover{
		box-shadow: 0 0 3px rgb(0,0,0,.08);
	}

	.shadow-1-h-xxl:hover{
		box-shadow: 0 1px 1px rgb(0,0,0,.08);
	}


	.shadow-2-h-xxl:hover{
		box-shadow: 0 2px 2px rgb(0,0,0,.08);
	}


	.shadow-3-h-xxl:hover{
		box-shadow: 0 3px 3px rgb(0,0,0,.08);
	}


	.shadow-4-h-xxl:hover{
		box-shadow: 0 4px 4px rgb(0,0,0,.08);
	}


	.shadow-5-h-xxl:hover{
		box-shadow: 0 5px 5px rgb(0,0,0,.08);
	}

	.shadow-xs-h-xxl:hover{
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	.shadow-sm-h-xxl:hover{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}

	.shadow-h-xxl:hover{
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	}

	.shadow-md-h-xxl:hover{
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}

	.shadow-lg-h-xxl:hover{
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}

	.shadow-xl-h-xxl:hover{
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}

	.shadow-2xl-h-xxl:hover{
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}

	.shadow-inner-h-xxl:hover{
		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
	}

	.shadow-outline-h-xxl:hover{
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.shadow-none-h-xxl:hover{
		box-shadow: none;
	}

	.opacity-100-h-xxl:hover{
		opacity: 100%;
	}

	.opacity-10-h-xxl:hover{
		opacity: 10%;
	}

	.opacity-20-h-xxl:hover{
		opacity: 20%;
	}

	.opacity-30-h-xxl:hover{
		opacity: 30%;
	}

	.opacity-40-h-xxl:hover{
		opacity: 40%;
	}

	.opacity-50-h-xxl:hover{
		opacity: 50%;
	}

	.opacity-60-h-xxl:hover{
		opacity: 60%;
	}

	.opacity-70-h-xxl:hover{
		opacity: 70%;
	}

	.opacity-80-h-xxl:hover{
		opacity: 80%;
	}

	.opacity-90-h-xxl:hover{
		opacity: 90%;
	}

	.opacity-0-h-xxl:hover{
		opacity: 0%;
	}


	.shadow-normal-a-xxl:active{
		box-shadow: 0 5px 5px rgb(0,0,0,.2);
	}

	.shadow-around-a-xxl:active{
		box-shadow: 0 0 3px rgb(0,0,0,.08);
	}

	.shadow-1-a-xxl:active{
		box-shadow: 0 1px 1px rgb(0,0,0,.08);
	}


	.shadow-2-a-xxl:active{
		box-shadow: 0 2px 2px rgb(0,0,0,.08);
	}


	.shadow-3-a-xxl:active{
		box-shadow: 0 3px 3px rgb(0,0,0,.08);
	}


	.shadow-4-a-xxl:active{
		box-shadow: 0 4px 4px rgb(0,0,0,.08);
	}


	.shadow-5-a-xxl:active{
		box-shadow: 0 5px 5px rgb(0,0,0,.08);
	}

	.shadow-xs-a-xxl:active{
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	.shadow-sm-a-xxl:active{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}

	.shadow-a-xxl:active{
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	}

	.shadow-md-a-xxl:active{
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}

	.shadow-lg-a-xxl:active{
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}

	.shadow-xl-a-xxl:active{
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}

	.shadow-2xl-a-xxl:active{
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}

	.shadow-inner-a-xxl:active{
		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
	}

	.shadow-outline-a-xxl:active{
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.shadow-none-a-xxl:active{
		box-shadow: none;
	}

	.opacity-100-a-xxl:active{
		opacity: 100%;
	}

	.opacity-10-a-xxl:active{
		opacity: 10%;
	}

	.opacity-20-a-xxl:active{
		opacity: 20%;
	}

	.opacity-30-a-xxl:active{
		opacity: 30%;
	}

	.opacity-40-a-xxl:active{
		opacity: 40%;
	}

	.opacity-50-a-xxl:active{
		opacity: 50%;
	}

	.opacity-60-a-xxl:active{
		opacity: 60%;
	}

	.opacity-70-a-xxl:active{
		opacity: 70%;
	}

	.opacity-80-a-xxl:active{
		opacity: 80%;
	}

	.opacity-90-a-xxl:active{
		opacity: 90%;
	}

	.opacity-0-a-xxl:active{
		opacity: 0%;
	}



	/* LISTS */

	.list-none-xxl{
		list-style-type: none;
	}

	.list-disc-xxl{
		list-style-type: disc;
	}

	.list-number-xxl{
		list-style-type:decimal;
	}

	.list-roman-xxl{
		list-style-type:lower-roman;
	}

	.list-alpha-xxl{
		list-style-type: lower-alpha;
	}

	.list-in-xxl{
		list-style-position: inside;
	}

	.list-out-xxl{
		list-style-position: outside;
	}

	/* ==================================== END OF LIST ========================================================= */

	.cursor-auto-xxl{
		cursor: auto;
	}

	.cursor-default-xxl{
		cursor: default;
	}

	.cursor-pointer-xxl{
		cursor: pointer;
	}

	.cursor-wait-xxl{
		cursor: wait;
	}

	.cursor-text-xxl{
		cursor: text;
	}

	.cursor-move-xxl{
		cursor: move;
	}

	.cursor-not-allowed-xxl{
		cursor: not-allowed;
	}

	.pointer-events-none-xxl{
		pointer-events: none;
	}

	.pointer-events-auto-xxl{
		pointer-events: auto;
	}


	.select-none-xxl{
		user-select: none;
	}

	.select-text-xxl{
		user-select: text;
	}

	.select-all-xxl{
		user-select: all;
	}

	.select-auto-xxl{
		user-select: auto;
	}

	/* OVERFLOW */
	.overflow-hidden-xxl{
		overflow: hidden;
	}

	.overflow-scroll-xxl{
		overflow: scroll;
	}

	.overflow-auto-xxl{
		overflow: auto;
	}

	.oveflow-visible-xxl{
		overflow: visible;
	}

	.overflow-inherit-xxl{
		overflow: inherit;
	}

	.overflow-y-hidden-xxl{
		overflow-y: hidden;
	}

	.overflow-y-scroll-xxl{
		overflow-y: scroll;
	}

	.overflow-y-auto-xxl{
		overflow-y: auto;
	}

	.oveflow-y-visible-xxl{
		overflow-y: visible;
	}

	.overflow-y-inherit-xxl{
		overflow-y: inherit;
	}

	.overflow-x-hidden-xxl{
		overflow-x: hidden;
	}

	.overflow-x-scroll-xxl{
		overflow-x: scroll;
	}

	.overflow-x-auto-xxl{
		overflow-x: auto;
	}

	.oveflow-x-visible-xxl{
		overflow-x: visible;
	}

	.overflow-x-inherit-xxl{
		overflow-x: inherit;
	}

	.overflow-hidden-h-xxl:hover{
		overflow: hidden;
	}

	.overflow-scroll-h-xxl:hover{
		overflow: scroll;
	}

	.overflow-auto-h-xxl:hover{
		overflow: auto;
	}

	.oveflow-visible-h-xxl:hover{
		overflow: visible;
	}

	.overflow-inherit-h-xxl:hover{
		overflow: inherit;
	}

	.overflow-y-hidden-h-xxl:hover{
		overflow-y: hidden;
	}

	.overflow-y-scroll-h-xxl:hover{
		overflow-y: scroll;
	}

	.overflow-y-auto-h-xxl:hover{
		overflow-y: auto;
	}

	.oveflow-y-visible-h-xxl:hover{
		overflow-y: visible;
	}

	.overflow-y-inherit-h-xxl:hover{
		overflow-y: inherit;
	}

	.overflow-x-hidden-h-xxl:hover{
		overflow-x: hidden;
	}

	.overflow-x-scroll-h-xxl:hover{
		overflow-x: scroll;
	}

	.overflow-x-auto-h-xxl:hover{
		overflow-x: auto;
	}

	.oveflow-x-visible-h-xxl:hover{
		overflow-x: visible;
	}

	.overflow-x-inherit-h-xxl:hover{
		overflow-x: inherit;
	}





	/* ============================================= END =================================================== */

	/* GRID */
	.grid-container-xxl{
		display: flex;
		flex-wrap: wrap;
	}



	/* =========================================== GRID COLUMNS */

	.g-1-xxl{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 1px;
	}

	.g-2-xxl{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 2px;
	}

	.g-3-xxl{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 3px;
	}

	.g-4-xxl{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 4px;
	}

	.g-5-xxl{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 5px;
	}

	.g-0-xxl{
		margin: 0;
		padding: 0;
		overflow: 0;
	}

	.gx-1-xxl{
		padding: 0;
		margin-left: 1px;
		margin-right: 1px;
		overflow: hidden;
	}

	.gx-2-xxl{
		padding: 0;
		margin-left: 2px;
		margin-right: 2px;
		overflow: hidden;
	}

	.gx-3-xxl{
		padding: 0;
		margin-left: 3px;
		margin-right: 3px;
		overflow: hidden;
	}

	.gx-4-xxl{
		padding: 0;
		margin-left: 4px;
		margin-right: 4px;
		overflow: hidden;
	}

	.gx-5-xxl{
		padding: 0;
		margin-left: 5px;
		margin-right: 5px;
		overflow: hidden;
	}

	.gx-0-xxl{
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		overflow: hidden;
	}


	.gy-1-xxl{
		padding: 0;
		margin-top: 1px;
		margin-bottom: 1px;
		overflow: hidden;
	}

	.gy-2-xxl{
		padding: 0;
		margin-top: 2px;
		margin-bottom: 2px;
		overflow: hidden;
	}

	.gy-3-xxl{
		padding: 0;
		margin-top: 3px;
		margin-bottom: 3px;
		overflow: hidden;
	}

	.gy-4-xxl{
		padding: 0;
		margin-top: 4px;
		margin-bottom: 4px;
		overflow: hidden;
	}

	.gy-5-xxl{
		padding: 0;
		margin-top: 5px;
		margin-bottom: 5px;
		overflow: hidden;
	}


	.gy-0-xxl{
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		overflow: hidden;
	}








	/* ======================================== END GRIG ================================================== */


	/*  IN FLEX RESPONSIBILITY  */

	.col-10-xxl{
		width: 100%;
	}

	.col-9-xxl{
		width: 90%;
	}

	.col-8-xxl{
		width: 80%;
	}

	.col-7-xxl{
		width: 70%;
	}

	.col-6-xxl{
		width: 60%;
	}

	.col-5-xxl{
		width: 50%;
	}

	.col-4-xxl{
		width: 40%;
	}

	.col-3-xxl{
		width: 30%;
	}

	.col-2-xxl{
		width: 20%;
	}

	.col-1-xxl{
		width: 10%;
	}

	/* ROTATE TEXT */

	.rotate-20-xxl{
		transform: rotate(20deg);
	}

	.rotate-45-xxl{
		transform: rotate(45deg);
	}

	.rotate-90-xxl{
		transform: rotate(90deg);
	}

	.rotate-135-xxl{
		transform: rotate(135deg);
	}

	.rotate-180-xxl{
		transform: rotate(180deg);
	}

	.rotate-225-xxl{
		transform: rotate(225deg);
	}

	.rotate-270-xxl{
		transform: rotate(270deg);
	}

	.rotate-315-xxl{
		transform: rotate(315deg);
	}

	.rotate-360-xxl{
		transform: rotate(360deg);
	}

	/* ====================================== END OF ROTATE =============================================== */

	/*  TRANSLATE  */
	.translate-x-1-xxl{
		transform: translate(1rem);
	}

	.translate-x-2-xxl{
		transform: translate(2rem);
	}

	/* TRANSFORM ORIGIN */
	.origin-center-xxl{
			transform-origin: center;
	}

	.origin-top-xxl{
			transform-origin: top;
	}

	.origin-top-right-xxl{
			transform-origin: top right;
	}

	.origin-right-xxl{
			transform-origin: right;
	}

	.origin-bottom-right-xxl{
			transform-origin: bottom right;
	}

	.origin-bottom-xxl{
			transform-origin: bottom;
	}

	.origin-bottom-left-xxl{
			transform-origin: bottom left;
	}

	.origin-left-xxl{
			transform-origin: left;
	}

	.origin-top-left-xxl{
			transform-origin: top left;
	}




	.grid-1-xxl .col{
		width:100%;
		margin:0;
		padding: 0;
	}

	.grid-2-xxl .col{
		width:50%;
		margin:0;
		padding: 0;
	}

	.grid-3-xxl .col{
		width: 33.333333333333%;
		margin:0;
		padding: 0;
	}

	.grid-4-xxl .col{
		width: 25%;
		margin:0;
		padding: 0;
	}

	.grid-5-xxl .col{
		width: 20%;
		margin:0;
		padding: 0;
	}

	.grid-6-xxl .col{
		width: 16.65555555555%;
		margin:0;
		padding: 0;
	}

	.grid-7-xxl .col{
		width: 14.285714285714%;
		margin:0;
		padding: 0;
	}

	.grid-8-xxl .col{
		width: 12.5%;
		margin:0;
		padding: 0;
	}

	.grid-9-xxl .col{
		width: 11.111111111111%;
		margin:0;
		padding: 0;
	}

	.grid-10-xxl .col{
		width: 10%;
		margin:0;
		padding: 0;
	}

	.grid-11-xxl .col{
		width: 9.090909091%;
		margin:0;
		padding: 0;
	}

	.grid-12-xxl .col{
		width: 8.333333333%;
		margin:0;
		padding: 0;
	}

}



/* X-LARGE SCREENS */
/* xl */
@media (max-width: 1400px){

/* TRANSITIONS PROPERTY */

.transition-none-xl{
	transition-property: none;
}

.transition-all-xl{
	transition-property: all;
}

.transition-xl{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, padding, margin;
}

.transition-colors-xl{
	transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity-xl{
	transition-property: opacity;
}

.transition-shadow-xl{
	transition-property: box-shadow;
}

.transition-transform-xl{
	transition-property: transform;
}


/* =============================== TRANSITIONS ========================================================== */


.img-xl{
	max-width: 100%;
	max-width: 100%;
}

/* LINKS */
a-xl{
	text-decoration: none;
}

/* COLORS */
.text-purple-100-xl{
	color: #FAF5FF;
}

.text-purple-200-xl{
	color: #E9D8FD;
}

.text-purple-300-xl{
	color: #D6BCFA;
}

.text-purple-400-xl{
	color: #B794F4;
}

.text-purple-500-xl{
	color: #9F7AEA;
}

.text-purple-600-xl{
	color: #805AD5;
}

.text-purple-700-xl{
	color: #6B46C1;
}

.text-purple-800-xl{
	color: #553C9A;
}

.text-purple-900-xl{
	color: #44337A;
}




.text-blue-100-xl{
	color: #EBF8FF;
}

.text-blue-200-xl{
	color: #BEE3F8;
}

.text-blue-300-xl{
	color: #90CDF4;
}

.text-blue-400-xl{
	color: #63B3ED;
}

.text-blue-500-xl{
	color: #4299E1;
}

.text-blue-600-xl{
	color: #3182CE;
}

.text-blue-700-xl{
	color: #2B6CB0;
}

.text-blue-800-xl{
	color: #2C5282;
}

.text-blue-900-xl{
	color: #2A4365;
}


.text-teal-100-xl{
	color: #E6FFFA;
}

.text-teal-200-xl{
	color: #B2F5EA;
}

.text-teal-300-xl{
	color: #81E6D9;
}

.text-blue-400-xl{
	color: #4FD1C5;
}

.text-teal-500-xl{
	color: #38B2AC;
}

.text-teal-600-xl{
	color: #319795;
}

.text-teal-700-xl{
	color: #2C7A7B;
}

.text-teal-800-xl{
	color: #285E61;
}

.text-teal-900-xl{
	color: #234E52;
}



.text-pink-100-xl{
	color: #FFF5F7;
}
.text-pink-200-xl{
	color: #FED7E2;
}

.text-pink-300-xl{
	color: #FBB6CE;
}

.text-pink-400-xl{
	color: #F687B3;
}

.text-pink-500-xl{
	color: #ED64A6;
}

.text-pink-600-xl{
	color: #D53F8C;
}

.text-pink-700-xl{
	color: #B83280;
}

.text-pink-800-xl{
	color: #97266D;
}

.text-pink-900-xl{
	color: #702459;
}



.text-indigo-100-xl{
	color: #EBF4FF;
}
.text-indigo-200-xl{
	color: #C3DAFE;
}
.text-indigo-300-xl{
	color: #A3BFFA;
}
.text-indigo-400-xl{
	color: #7F9CF5;
}
.text-indigo-500-xl{
	color: #667EEA;
}
.text-indigo-600-xl{
	color: #5A67D8;
}
.text-indigo-700-xl{
	color: #4C51BF;
}
.text-indigo-800-xl{
	color: #434190;
}
.text-indigo-900-xl{	
	color: #3C366B;
}


.text-green-100-xl{
	color: #F0FFF4;
}

.text-green-200-xl{
	color: #C6F6D5;
}

.text-green-300-xl{
	color: #9AE6B4;
}

.text-green-400-xl{
	color: #68D391;
}

.text-green-500-xl{
	color: #48BB78;
}

.text-green-600-xl{
	color: #38A169;
}

.text-green-700-xl{
	color: #2F855A;
}

.text-green-800-xl{
	color: #276749;
}

.text-green-900-xl{
	color: #22543D;
}


.text-yellow-100-xl{
	color: #FFFFF0;
}

.text-yellow-200-xl{
	color: #FEFCBF;
}

.text-yellow-300-xl{
	color: #FAF089;
}

.text-yellow-400-xl{
	color: #F6E05E;
}

.text-yellow-500-xl{
	color: #ECC94B;
}

.text-yellow-600-xl{
	color: #D69E2E;
}

.text-yellow-700-xl{
	color: #B7791F;
}

.text-yellow-800-xl{
	color: #975A16;
}

.text-yellow-900-xl{
	color: #744210;
}



.text-orange-100-xl{
	color: #FFFAF0;
}

.text-orange-200-xl{
	color: #FEEBC8;
}

.text-orange-300-xl{
	color: #FBD38D;
}

.text-orange-400-xl{
	color: #F6AD55;
}

.text-orange-500-xl{
	color: #ED8936;
}

.text-orange-600-xl{
	color: #DD6B20;
}

.text-orange-700-xl{
	color: #C05621;
}

.text-orange-800-xl{
	color: #9C4221;
}

.text-orange-900-xl{
	color: #7B341E;
}



.text-red-100-xl{
	color: #FFF5F5;
}

.text-red-200-xl{
	color: #FED7D7;
}

.text-red-300-xl{
	color: #FEB2B2;
}

.text-red-400-xl{
	color: #FC8181;
}

.text-red-500-xl{
	color: #F56565;
}

.text-red-600-xl{
	color: #E53E3E;
}

.text-red-700-xl{
	color: #C53030;
}

.text-red-800-xl{
	color: #9B2C2C;
}

.text-red-900-xl{
	color: #742A2A;
}



.text-gray-100-xl{
	color: #F7FAFC;
}

.text-gray-200-xl{
	color: #EDF2F7;
}

.text-gray-300-xl{
	color: #E2E8F0;
}

.text-gray-400-xl{
	color: #CBD5E0;
}

.text-gray-500-xl{
	color: #A0AEC0;
}

.text-gray-600-xl{
	color: #718096;
}

.text-gray-700-xl{
	color: #4A5568;
}

.text-gray-800-xl{
	color: #2D3748;
}

.text-gray-900-xl{
	color: #1A202C;
}


.text-black-xl{
	color: #000000;
}

.text-white-xl{
	color: #FFFFFF;
}

.text-purple-100-f-xl:focus{
	color: #FAF5FF;
}

.text-purple-200-f-xl:focus{
	color: #E9D8FD;
}

.text-purple-300-f-xl:focus{
	color: #D6BCFA;
}

.text-purple-400-f-xl:focus{
	color: #B794F4;
}

.text-purple-500-f-xl:focus{
	color: #9F7AEA;
}

.text-purple-600-f-xl:focus{
	color: #805AD5;
}

.text-purple-700-f-xl:focus{
	color: #6B46C1;
}

.text-purple-800-f-xl:focus{
	color: #553C9A;
}

.text-purple-900-f-xl:focus{
	color: #44337A;
}




.text-blue-100-f-xl:focus{
	color: #EBF8FF;
}

.text-blue-200-f-xl:focus{
	color: #BEE3F8;
}

.text-blue-300-f-xl:focus{
	color: #90CDF4;
}

.text-blue-400-f-xl:focus{
	color: #63B3ED;
}

.text-blue-500-f-xl:focus{
	color: #4299E1;
}

.text-blue-600-f-xl:focus{
	color: #3182CE;
}

.text-blue-700-f-xl:focus{
	color: #2B6CB0;
}

.text-blue-800-f-xl:focus{
	color: #2C5282;
}

.text-blue-900-f-xl:focus{
	color: #2A4365;
}


.text-teal-100-f-xl:focus{
	color: #E6FFFA;
}

.text-teal-200-f-xl:focus{
	color: #B2F5EA;
}

.text-teal-300-f-xl:focus{
	color: #81E6D9;
}

.text-blue-400-f-xl:focus{
	color: #4FD1C5;
}

.text-teal-500-f-xl:focus{
	color: #38B2AC;
}

.text-teal-600-f-xl:focus{
	color: #319795;
}

.text-teal-700-f-xl:focus{
	color: #2C7A7B;
}

.text-teal-800-f-xl:focus{
	color: #285E61;
}

.text-teal-900-f-xl:focus{
	color: #234E52;
}



.text-pink-100-f-xl:focus{
	color: #FFF5F7;
}
.text-pink-200-f-xl:focus{
	color: #FED7E2;
}

.text-pink-300-f-xl:focus{
	color: #FBB6CE;
}

.text-pink-400-f-xl:focus{
	color: #F687B3;
}

.text-pink-500-f-xl:focus{
	color: #ED64A6;
}

.text-pink-600-f-xl:focus{
	color: #D53F8C;
}

.text-pink-700-f-xl:focus{
	color: #B83280;
}

.text-pink-800-f-xl:focus{
	color: #97266D;
}

.text-pink-900-f-xl:focus{
	color: #702459;
}



.text-indigo-100-f-xl:focus{
	color: #EBF4FF;
}
.text-indigo-200-f-xl:focus{
	color: #C3DAFE;
}
.text-indigo-300-f-xl:focus{
	color: #A3BFFA;
}
.text-indigo-400-f-xl:focus{
	color: #7F9CF5;
}
.text-indigo-500-f-xl:focus{
	color: #667EEA;
}
.text-indigo-600-f-xl:focus{
	color: #5A67D8;
}
.text-indigo-700-f-xl:focus{
	color: #4C51BF;
}
.text-indigo-800-f-xl:focus{
	color: #434190;
}
.text-indigo-900-f-xl:focus{	
	color: #3C366B;
}


.text-green-100-f-xl:focus{
	color: #F0FFF4;
}

.text-green-200-f-xl:focus{
	color: #C6F6D5;
}

.text-green-300-f-xl:focus{
	color: #9AE6B4;
}

.text-green-400-f-xl:focus{
	color: #68D391;
}

.text-green-500-f-xl:focus{
	color: #48BB78;
}

.text-green-600-f-xl:focus{
	color: #38A169;
}

.text-green-700-f-xl:focus{
	color: #2F855A;
}

.text-green-800-f-xl:focus{
	color: #276749;
}

.text-green-900-f-xl:focus{
	color: #22543D;
}


.text-yellow-100-f-xl:focus{
	color: #FFFFF0;
}

.text-yellow-200-f-xl:focus{
	color: #FEFCBF;
}

.text-yellow-300-f-xl:focus{
	color: #FAF089;
}

.text-yellow-400-f-xl:focus{
	color: #F6E05E;
}

.text-yellow-500-f-xl:focus{
	color: #ECC94B;
}

.text-yellow-600-f-xl:focus{
	color: #D69E2E;
}

.text-yellow-700-f-xl:focus{
	color: #B7791F;
}

.text-yellow-800-f-xl:focus{
	color: #975A16;
}

.text-yellow-900-f-xl:focus{
	color: #744210;
}



.text-orange-100-f-xl:focus{
	color: #FFFAF0;
}

.text-orange-200-f-xl:focus{
	color: #FEEBC8;
}

.text-orange-300-f-xl:focus{
	color: #FBD38D;
}

.text-orange-400-f-xl:focus{
	color: #F6AD55;
}

.text-orange-500-f-xl:focus{
	color: #ED8936;
}

.text-orange-600-f-xl:focus{
	color: #DD6B20;
}

.text-orange-700-f-xl:focus{
	color: #C05621;
}

.text-orange-800-f-xl:focus{
	color: #9C4221;
}

.text-orange-900-f-xl:focus{
	color: #7B341E;
}



.text-red-100-f-xl:focus{
	color: #FFF5F5;
}

.text-red-200-f-xl:focus{
	color: #FED7D7;
}

.text-red-300-f-xl:focus{
	color: #FEB2B2;
}

.text-red-400-f-xl:focus{
	color: #FC8181;
}

.text-red-500-f-xl:focus{
	color: #F56565;
}

.text-red-600-f-xl:focus{
	color: #E53E3E;
}

.text-red-700-f-xl:focus{
	color: #C53030;
}

.text-red-800-f-xl:focus{
	color: #9B2C2C;
}

.text-red-900-f-xl:focus{
	color: #742A2A;
}



.text-gray-100-f-xl:focus{
	color: #F7FAFC;
}

.text-gray-200-f-xl:focus{
	color: #EDF2F7;
}

.text-gray-300-f-xl:focus{
	color: #E2E8F0;
}

.text-gray-400-f-xl:focus{
	color: #CBD5E0;
}

.text-gray-500-f-xl:focus{
	color: #A0AEC0;
}

.text-gray-600-f-xl:focus{
	color: #718096;
}

.text-gray-700-f-xl:focus{
	color: #4A5568;
}

.text-gray-800-f-xl:focus{
	color: #2D3748;
}

.text-gray-900-f-xl:focus{
	color: #1A202C;
}


.text-black-f-xl:focus{
	color: #000000;
}

.text-white-f-xl:focus{
	color: #FFFFFF;
}


.text-purple-100-h-xl:hover{
	color: #FAF5FF;
}

.text-purple-200-h-xl:hover{
	color: #E9D8FD;
}

.text-purple-300-h-xl:hover{
	color: #D6BCFA;
}

.text-purple-400-h-xl:hover{
	color: #B794F4;
}

.text-purple-500-h-xl:hover{
	color: #9F7AEA;
}

.text-purple-600-h-xl:hover{
	color: #805AD5;
}

.text-purple-700-h-xl:hover{
	color: #6B46C1;
}

.text-purple-800-h-xl:hover{
	color: #553C9A;
}

.text-purple-900-h-xl:hover{
	color: #44337A;
}




.text-blue-100-h-xl:hover{
	color: #EBF8FF;
}

.text-blue-200-h-xl:hover{
	color: #BEE3F8;
}

.text-blue-300-h-xl:hover{
	color: #90CDF4;
}

.text-blue-400-h-xl:hover{
	color: #63B3ED;
}

.text-blue-500-h-xl:hover{
	color: #4299E1;
}

.text-blue-600-h-xl:hover{
	color: #3182CE;
}

.text-blue-700-h-xl:hover{
	color: #2B6CB0;
}

.text-blue-800-h-xl:hover{
	color: #2C5282;
}

.text-blue-900-h-xl:hover{
	color: #2A4365;
}


.text-teal-100-h-xl:hover{
	color: #E6FFFA;
}

.text-teal-200-h-xl:hover{
	color: #B2F5EA;
}

.text-teal-300-h-xl:hover{
	color: #81E6D9;
}

.text-blue-400-h-xl:hover{
	color: #4FD1C5;
}

.text-teal-500-h-xl:hover{
	color: #38B2AC;
}

.text-teal-600-h-xl:hover{
	color: #319795;
}

.text-teal-700-h-xl:hover{
	color: #2C7A7B;
}

.text-teal-800-h-xl:hover{
	color: #285E61;
}

.text-teal-900-h-xl:hover{
	color: #234E52;
}



.text-pink-100-h-xl:hover{
	color: #FFF5F7;
}
.text-pink-200-h-xl:hover{
	color: #FED7E2;
}

.text-pink-300-h-xl:hover{
	color: #FBB6CE;
}

.text-pink-400-h-xl:hover{
	color: #F687B3;
}

.text-pink-500-h-xl:hover{
	color: #ED64A6;
}

.text-pink-600-h-xl:hover{
	color: #D53F8C;
}

.text-pink-700-h-xl:hover{
	color: #B83280;
}

.text-pink-800-h-xl:hover{
	color: #97266D;
}

.text-pink-900-h-xl:hover{
	color: #702459;
}



.text-indigo-100-h-xl:hover{
	color: #EBF4FF;
}
.text-indigo-200-h-xl:hover{
	color: #C3DAFE;
}
.text-indigo-300-h-xl:hover{
	color: #A3BFFA;
}
.text-indigo-400-h-xl:hover{
	color: #7F9CF5;
}
.text-indigo-500-h-xl:hover{
	color: #667EEA;
}
.text-indigo-600-h-xl:hover{
	color: #5A67D8;
}
.text-indigo-700-h-xl:hover{
	color: #4C51BF;
}
.text-indigo-800-h-xl:hover{
	color: #434190;
}
.text-indigo-900-h-xl:hover{	
	color: #3C366B;
}


.text-green-100-h-xl:hover{
	color: #F0FFF4;
}

.text-green-200-h-xl:hover{
	color: #C6F6D5;
}

.text-green-300-h-xl:hover{
	color: #9AE6B4;
}

.text-green-400-h-xl:hover{
	color: #68D391;
}

.text-green-500-h-xl:hover{
	color: #48BB78;
}

.text-green-600-h-xl:hover{
	color: #38A169;
}

.text-green-700-h-xl:hover{
	color: #2F855A;
}

.text-green-800-h-xl:hover{
	color: #276749;
}

.text-green-900-h-xl:hover{
	color: #22543D;
}


.text-yellow-100-h-xl:hover{
	color: #FFFFF0;
}

.text-yellow-200-h-xl:hover{
	color: #FEFCBF;
}

.text-yellow-300-h-xl:hover{
	color: #FAF089;
}

.text-yellow-400-h-xl:hover{
	color: #F6E05E;
}

.text-yellow-500-h-xl:hover{
	color: #ECC94B;
}

.text-yellow-600-h-xl:hover{
	color: #D69E2E;
}

.text-yellow-700-h-xl:hover{
	color: #B7791F;
}

.text-yellow-800-h-xl:hover{
	color: #975A16;
}

.text-yellow-900-h-xl:hover{
	color: #744210;
}



.text-orange-100-h-xl:hover{
	color: #FFFAF0;
}

.text-orange-200-h-xl:hover{
	color: #FEEBC8;
}

.text-orange-300-h-xl:hover{
	color: #FBD38D;
}

.text-orange-400-h-xl:hover{
	color: #F6AD55;
}

.text-orange-500-h-xl:hover{
	color: #ED8936;
}

.text-orange-600-h-xl:hover{
	color: #DD6B20;
}

.text-orange-700-h-xl:hover{
	color: #C05621;
}

.text-orange-800-h-xl:hover{
	color: #9C4221;
}

.text-orange-900-h-xl:hover{
	color: #7B341E;
}



.text-red-100-h-xl:hover{
	color: #FFF5F5;
}

.text-red-200-h-xl:hover{
	color: #FED7D7;
}

.text-red-300-h-xl:hover{
	color: #FEB2B2;
}

.text-red-400-h-xl:hover{
	color: #FC8181;
}

.text-red-500-h-xl:hover{
	color: #F56565;
}

.text-red-600-h-xl:hover{
	color: #E53E3E;
}

.text-red-700-h-xl:hover{
	color: #C53030;
}

.text-red-800-h-xl:hover{
	color: #9B2C2C;
}

.text-red-900-h-xl:hover{
	color: #742A2A;
}

.text-purple-100-a-xl:active{
	color: #FAF5FF;
}

.text-purple-200-a-xl:active{
	color: #E9D8FD;
}

.text-purple-300-a-xl:active{
	color: #D6BCFA;
}

.text-purple-400-a-xl:active{
	color: #B794F4;
}

.text-purple-500-a-xl:active{
	color: #9F7AEA;
}

.text-purple-600-a-xl:active{
	color: #805AD5;
}

.text-purple-700-a-xl:active{
	color: #6B46C1;
}

.text-purple-800-a-xl:active{
	color: #553C9A;
}

.text-purple-900-a-xl:active{
	color: #44337A;
}




.text-blue-100-a-xl:active{
	color: #EBF8FF;
}

.text-blue-200-a-xl:active{
	color: #BEE3F8;
}

.text-blue-300-a-xl:active{
	color: #90CDF4;
}

.text-blue-400-a-xl:active{
	color: #63B3ED;
}

.text-blue-500-a-xl:active{
	color: #4299E1;
}

.text-blue-600-a-xl:active{
	color: #3182CE;
}

.text-blue-700-a-xl:active{
	color: #2B6CB0;
}

.text-blue-800-a-xl:active{
	color: #2C5282;
}

.text-blue-900-a-xl:active{
	color: #2A4365;
}


.text-teal-100-a-xl:active{
	color: #E6FFFA;
}

.text-teal-200-a-xl:active{
	color: #B2F5EA;
}

.text-teal-300-a-xl:active{
	color: #81E6D9;
}

.text-blue-400-a-xl:active{
	color: #4FD1C5;
}

.text-teal-500-a-xl:active{
	color: #38B2AC;
}

.text-teal-600-a-xl:active{
	color: #319795;
}

.text-teal-700-a-xl:active{
	color: #2C7A7B;
}

.text-teal-800-a-xl:active{
	color: #285E61;
}

.text-teal-900-a-xl:active{
	color: #234E52;
}



.text-pink-100-a-xl:active{
	color: #FFF5F7;
}
.text-pink-200-a-xl:active{
	color: #FED7E2;
}

.text-pink-300-a-xl:active{
	color: #FBB6CE;
}

.text-pink-400-a-xl:active{
	color: #F687B3;
}

.text-pink-500-a-xl:active{
	color: #ED64A6;
}

.text-pink-600-a-xl:active{
	color: #D53F8C;
}

.text-pink-700-a-xl:active{
	color: #B83280;
}

.text-pink-800-a-xl:active{
	color: #97266D;
}

.text-pink-900-a-xl:active{
	color: #702459;
}



.text-indigo-100-a-xl:active{
	color: #EBF4FF;
}
.text-indigo-200-a-xl:active{
	color: #C3DAFE;
}
.text-indigo-300-a-xl:active{
	color: #A3BFFA;
}
.text-indigo-400-a-xl:active{
	color: #7F9CF5;
}
.text-indigo-500-a-xl:active{
	color: #667EEA;
}
.text-indigo-600-a-xl:active{
	color: #5A67D8;
}
.text-indigo-700-a-xl:active{
	color: #4C51BF;
}
.text-indigo-800-a-xl:active{
	color: #434190;
}
.text-indigo-900-a-xl:active{	
	color: #3C366B;
}


.text-green-100-a-xl:active{
	color: #F0FFF4;
}

.text-green-200-a-xl:active{
	color: #C6F6D5;
}

.text-green-300-a-xl:active{
	color: #9AE6B4;
}

.text-green-400-a-xl:active{
	color: #68D391;
}

.text-green-500-a-xl:active{
	color: #48BB78;
}

.text-green-600-a-xl:active{
	color: #38A169;
}

.text-green-700-a-xl:active{
	color: #2F855A;
}

.text-green-800-a-xl:active{
	color: #276749;
}

.text-green-900-a-xl:active{
	color: #22543D;
}


.text-yellow-100-a-xl:active{
	color: #FFFFF0;
}

.text-yellow-200-a-xl:active{
	color: #FEFCBF;
}

.text-yellow-300-a-xl:active{
	color: #FAF089;
}

.text-yellow-400-a-xl:active{
	color: #F6E05E;
}

.text-yellow-500-a-xl:active{
	color: #ECC94B;
}

.text-yellow-600-a-xl:active{
	color: #D69E2E;
}

.text-yellow-700-a-xl:active{
	color: #B7791F;
}

.text-yellow-800-a-xl:active{
	color: #975A16;
}

.text-yellow-900-a-xl:active{
	color: #744210;
}



.text-orange-100-a-xl:active{
	color: #FFFAF0;
}

.text-orange-200-a-xl:active{
	color: #FEEBC8;
}

.text-orange-300-a-xl:active{
	color: #FBD38D;
}

.text-orange-400-a-xl:active{
	color: #F6AD55;
}

.text-orange-500-a-xl:active{
	color: #ED8936;
}

.text-orange-600-a-xl:active{
	color: #DD6B20;
}

.text-orange-700-a-xl:active{
	color: #C05621;
}

.text-orange-800-a-xl:active{
	color: #9C4221;
}

.text-orange-900-a-xl:active{
	color: #7B341E;
}



.text-red-100-a-xl:active{
	color: #FFF5F5;
}

.text-red-200-a-xl:active{
	color: #FED7D7;
}

.text-red-300-a-xl:active{
	color: #FEB2B2;
}

.text-red-400-a-xl:active{
	color: #FC8181;
}

.text-red-500-a-xl:active{
	color: #F56565;
}

.text-red-600-a-xl:active{
	color: #E53E3E;
}

.text-red-700-a-xl:active{
	color: #C53030;
}

.text-red-800-a-xl:active{
	color: #9B2C2C;
}

.text-red-900-a-xl:active{
	color: #742A2A;
}










/* BORDER  */

/* BORDER */
.b-none-xl{
	border:none;
}

.b-1-xl{
	border-width: 1px;
}

.b-2-xl{
	border-width: 2px;
}

.b-3-xl{
	border-width: 3px;
}

.b-4-xl{
	border-width: 4px;
}

.b-5-xl{
	border-width: 5px;
}

.b-6-xl{
	border-width: 6px;
}

.b-7-xl{
	border-width: 7px;
}

.b-8-xl{
	border-width: 8px;
}

.b-9-xl{
	border-width: 9px;
}

.b-10-xl{
	border-width: 10px;
}

.bl-none-xl{
	border-left:none;
}

.bl-1-xl{
	border-left-width: 1px;
	border-left-style: solid;
}

.bl-2-xl{
	border-left-width: 2px;
	border-left-style: solid;
}

.bl-3-xl{
	border-left-width: 3px;
	border-left-style: solid;
}

.bl-4-xl{
	border-left-width: 4px;
	border-left-style: solid;
}

.br-none-xl{
	border-right:none;
}

.br-1-xl{
	border-right-width: 1px;
	border-right-style: solid;
}

.br-2-xl{
	border-right-width: 2px;
	border-right-style: solid;
}

.br-3-xl{
	border-right-width: 3px;
	border-right-style: solid;
}

.br-4-xl{
	border-right-width: 4px;
	border-right-style: solid;
}

.bt-none-xl{
	border-top:none;
}

.bt-1-xl{
	border-top-width: 1px;
	border-top-style: solid;
}

.bt-2-xl{
	border-top-width: 2px;
	border-top-style: solid;
}

.bt-3-xl{
	border-top-width: 3px;
	border-top-style: solid;
}

.bt-4-xl{
	border-top-width: 4px;
	border-top-style: solid;
}

.bb-none-xl{
	border-bottom:none;
}

.bb-1-xl{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bb-2-xl{
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.bb-3-xl{
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.bb-4-xl{
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

.b-solid-xl{
	border-style: solid;
}

.b-dashed-xl{
	border-style: dashed;
}

.b-dotted-xl{
	border-style: dotted;
}

.b-double-xl{
	border-style: double;
}


.b-purple-100-xl{
	border-color: #FAF5FF;
}

.b-purple-200-xl{
	border-color: #E9D8FD;
}

.b-purple-300-xl{
	border-color: #D6BCFA;
}

.b-purple-400-xl{
	border-color: #B794F4;
}

.b-purple-500-xl{
	border-color: #9F7AEA;
}

.b-purple-600-xl{
	border-color: #805AD5;
}

.b-purple-700-xl{
	border-color: #6B46C1;
}

.b-purple-800-xl{
	border-color: #553C9A;
}

.b-purple-900-xl{
	border-color: #44337A;
}




.b-blue-100-xl{
	border-color: #EBF8FF;
}

.b-blue-200-xl{
	border-color: #BEE3F8;
}

.b-blue-300-xl{
	border-color: #90CDF4;
}

.b-blue-400-xl{
	border-color: #63B3ED;
}

.b-blue-500-xl{
	border-color: #4299E1;
}

.b-blue-600-xl{
	border-color: #3182CE;
}

.b-blue-700-xl{
	border-color: #2B6CB0;
}

.b-blue-800-xl{
	border-color: #2C5282;
}

.b-blue-900-xl{
	border-color: #2A4365;
}


.b-teal-100-xl{
	border-color: #E6FFFA;
}

.b-teal-200-xl{
	border-color: #B2F5EA;
}

.b-teal-300-xl{
	border-color: #81E6D9;
}

.b-teal-400-xl{
	border-color: #4FD1C5;
}

.b-teal-500-xl{
	border-color: #38B2AC;
}

.b-teal-600-xl{
	border-color: #319795;
}

.b-teal-700-xl{
	border-color: #2C7A7B;
}

.b-teal-800-xl{
	border-color: #285E61;
}

.b-teal-900-xl{
	border-color: #234E52;
}



.b-pink-100-xl{
	border-color: #FFF5F7;
}
.b-pink-200-xl{
	border-color: #FED7E2;
}

.b-pink-300-xl{
	border-color: #FBB6CE;
}

.b-pink-400-xl{
	border-color: #F687B3;
}

.b-pink-500-xl{
	border-color: #ED64A6;
}

.b-pink-600-xl{
	border-color: #D53F8C;
}

.b-pink-700-xl{
	border-color: #B83280;
}

.b-pink-800-xl{
	border-color: #97266D;
}

.b-pink-900-xl{
	border-color: #702459;
}



.b-indigo-100-xl{
	border-color: #EBF4FF;
}
.b-indigo-200-xl{
	border-color: #C3DAFE;
}
.b-indigo-300-xl{
	border-color: #A3BFFA;
}
.b-indigo-400-xl{
	border-color: #7F9CF5;
}
.b-indigo-500-xl{
	border-color: #667EEA;
}
.b-indigo-600-xl{
	border-color: #5A67D8;
}
.b-indigo-700-xl{
	border-color: #4C51BF;
}
.b-indigo-800-xl{
	border-color: #434190;
}
.b-indigo-900-xl{	
	border-color: #3C366B;
}


.b-green-100-xl{
	border-color: #F0FFF4;
}

.b-green-200-xl{
	border-color: #C6F6D5;
}

.b-green-300-xl{
	border-color: #9AE6B4;
}

.b-green-400-xl{
	border-color: #68D391;
}

.b-green-500-xl{
	border-color: #48BB78;
}

.b-green-600-xl{
	border-color: #38A169;
}

.b-green-700-xl{
	border-color: #2F855A;
}

.b-green-800-xl{
	border-color: #276749;
}

.b-green-900-xl{
	border-color: #22543D;
}


.b-yellow-100-xl{
	border-color: #FFFFF0;
}

.b-yellow-200-xl{
	border-color: #FEFCBF;
}

.b-yellow-300-xl{
	border-color: #FAF089;
}

.b-yellow-400-xl{
	border-color: #F6E05E;
}

.b-yellow-500-xl{
	border-color: #ECC94B;
}

.b-yellow-600-xl{
	border-color: #D69E2E;
}

.b-yellow-700-xl{
	border-color: #B7791F;
}

.b-yellow-800-xl{
	border-color: #975A16;
}

.b-yellow-900-xl{
	border-color: #744210;
}



.b-orange-100-xl{
	border-color: #FFFAF0;
}

.b-orange-200-xl{
	border-color: #FEEBC8;
}

.b-orange-300-xl{
	border-color: #FBD38D;
}

.b-orange-400-xl{
	border-color: #F6AD55;
}

.b-orange-500-xl{
	border-color: #ED8936;
}

.b-orange-600-xl{
	border-color: #DD6B20;
}

.b-orange-700-xl{
	border-color: #C05621;
}

.b-orange-800-xl{
	border-color: #9C4221;
}

.b-orange-900-xl{
	border-color: #7B341E;
}



.b-red-100-xl{
	border-color: #FFF5F5;
}

.b-red-200-xl{
	border-color: #FED7D7;
}

.b-red-300-xl{
	border-color: #FEB2B2;
}

.b-red-400-xl{
	border-color: #FC8181;
}

.b-red-500-xl{
	border-color: #F56565;
}

.b-red-600-xl{
	border-color: #E53E3E;
}

.b-red-700-xl{
	border-color: #C53030;
}

.b-red-800-xl{
	border-color: #9B2C2C;
}

.b-red-900-xl{
	border-color: #742A2A;
}



.b-gray-100-xl{
	border-color: #F7FAFC;
}

.b-gray-200-xl{
	border-color: #EDF2F7;
}

.b-gray-300-xl{
	border-color: #E2E8F0;
}

.b-gray-400-xl{
	border-color: #CBD5E0;
}

.b-gray-500-xl{
	border-color: #A0AEC0;
}

.b-gray-600-xl{
	border-color: #718096;
}

.b-gray-700-xl{
	border-color: #4A5568;
}

.b-gray-800-xl{
	border-color: #2D3748;
}

.b-gray-900-xl{
	border-color: #1A202C;
}


.b-black-xl{
	border-color: #000000;
}

.b-white-xl{
	border-color: #FFFFFF;
}

.b-purple-100-h-xl:hover{
	border-color: #FAF5FF;
}

.b-purple-200-h-xl:hover{
	border-color: #E9D8FD;
}

.b-purple-300-h-xl:hover{
	border-color: #D6BCFA;
}

.b-purple-400-h-xl:hover{
	border-color: #B794F4;
}

.b-purple-500-h-xl:hover{
	border-color: #9F7AEA;
}

.b-purple-600-h-xl:hover{
	border-color: #805AD5;
}

.b-purple-700-h-xl:hover{
	border-color: #6B46C1;
}

.b-purple-800-h-xl:hover{
	border-color: #553C9A;
}

.b-purple-900-h-xl:hover{
	border-color: #44337A;
}




.b-blue-100-h-xl:hover{
	border-color: #EBF8FF;
}

.b-blue-200-h-xl:hover{
	border-color: #BEE3F8;
}

.b-blue-300-h-xl:hover{
	border-color: #90CDF4;
}

.b-blue-400-h-xl:hover{
	border-color: #63B3ED;
}

.b-blue-500-h-xl:hover{
	border-color: #4299E1;
}

.b-blue-600-h-xl:hover{
	border-color: #3182CE;
}

.b-blue-700-h-xl:hover{
	border-color: #2B6CB0;
}

.b-blue-800-h-xl:hover{
	border-color: #2C5282;
}

.b-blue-900-h-xl:hover{
	border-color: #2A4365;
}


.b-teal-100-h-xl:hover{
	border-color: #E6FFFA;
}

.b-teal-200-h-xl:hover{
	border-color: #B2F5EA;
}

.b-teal-300-h-xl:hover{
	border-color: #81E6D9;
}

.b-teal-400-h-xl:hover{
	border-color: #4FD1C5;
}

.b-teal-500-h-xl:hover{
	border-color: #38B2AC;
}

.b-teal-600-h-xl:hover{
	border-color: #319795;
}

.b-teal-700-h-xl:hover{
	border-color: #2C7A7B;
}

.b-teal-800-h-xl:hover{
	border-color: #285E61;
}

.b-teal-900-h-xl:hover{
	border-color: #234E52;
}



.b-pink-100-h-xl:hover{
	border-color: #FFF5F7;
}
.b-pink-200-h-xl:hover{
	border-color: #FED7E2;
}

.b-pink-300-h-xl:hover{
	border-color: #FBB6CE;
}

.b-pink-400-h-xl:hover{
	border-color: #F687B3;
}

.b-pink-500-h-xl:hover{
	border-color: #ED64A6;
}

.b-pink-600-h-xl:hover{
	border-color: #D53F8C;
}

.b-pink-700-h-xl:hover{
	border-color: #B83280;
}

.b-pink-800-h-xl:hover{
	border-color: #97266D;
}

.b-pink-900-h-xl:hover{
	border-color: #702459;
}



.b-indigo-100-h-xl:hover{
	border-color: #EBF4FF;
}
.b-indigo-200-h-xl:hover{
	border-color: #C3DAFE;
}
.b-indigo-300-h-xl:hover{
	border-color: #A3BFFA;
}
.b-indigo-400-h-xl:hover{
	border-color: #7F9CF5;
}
.b-indigo-500-h-xl:hover{
	border-color: #667EEA;
}
.b-indigo-600-h-xl:hover{
	border-color: #5A67D8;
}
.b-indigo-700-h-xl:hover{
	border-color: #4C51BF;
}
.b-indigo-800-h-xl:hover{
	border-color: #434190;
}
.b-indigo-900-h-xl:hover{	
	border-color: #3C366B;
}


.b-green-100-h-xl:hover{
	border-color: #F0FFF4;
}

.b-green-200-h-xl:hover{
	border-color: #C6F6D5;
}

.b-green-300-h-xl:hover{
	border-color: #9AE6B4;
}

.b-green-400-h-xl:hover{
	border-color: #68D391;
}

.b-green-500-h-xl:hover{
	border-color: #48BB78;
}

.b-green-600-h-xl:hover{
	border-color: #38A169;
}

.b-green-700-h-xl:hover{
	border-color: #2F855A;
}

.b-green-800-h-xl:hover{
	border-color: #276749;
}

.b-green-900-h-xl:hover{
	border-color: #22543D;
}


.b-yellow-100-h-xl:hover{
	border-color: #FFFFF0;
}

.b-yellow-200-h-xl:hover{
	border-color: #FEFCBF;
}

.b-yellow-300-h-xl:hover{
	border-color: #FAF089;
}

.b-yellow-400-h-xl:hover{
	border-color: #F6E05E;
}

.b-yellow-500-h-xl:hover{
	border-color: #ECC94B;
}

.b-yellow-600-h-xl:hover{
	border-color: #D69E2E;
}

.b-yellow-700-h-xl:hover{
	border-color: #B7791F;
}

.b-yellow-800-h-xl:hover{
	border-color: #975A16;
}

.b-yellow-900-h-xl:hover{
	border-color: #744210;
}



.b-orange-100-h-xl:hover{
	border-color: #FFFAF0;
}

.b-orange-200-h-xl:hover{
	border-color: #FEEBC8;
}

.b-orange-300-h-xl:hover{
	border-color: #FBD38D;
}

.b-orange-400-h-xl:hover{
	border-color: #F6AD55;
}

.b-orange-500-h-xl:hover{
	border-color: #ED8936;
}

.b-orange-600-h-xl:hover{
	border-color: #DD6B20;
}

.b-orange-700-h-xl:hover{
	border-color: #C05621;
}

.b-orange-800-h-xl:hover{
	border-color: #9C4221;
}

.b-orange-900-h-xl:hover{
	border-color: #7B341E;
}



.b-red-100-h-xl:hover{
	border-color: #FFF5F5;
}

.b-red-200-h-xl:hover{
	border-color: #FED7D7;
}

.b-red-300-h-xl:hover{
	border-color: #FEB2B2;
}

.b-red-400-h-xl:hover{
	border-color: #FC8181;
}

.b-red-500-h-xl:hover{
	border-color: #F56565;
}

.b-red-600-h-xl:hover{
	border-color: #E53E3E;
}

.b-red-700-h-xl:hover{
	border-color: #C53030;
}

.b-red-800-h-xl:hover{
	border-color: #9B2C2C;
}

.b-red-900-h-xl:hover{
	border-color: #742A2A;
}



.b-gray-100-h-xl:hover{
	border-color: #F7FAFC;
}

.b-gray-200-h-xl:hover{
	border-color: #EDF2F7;
}

.b-gray-300-h-xl:hover{
	border-color: #E2E8F0;
}

.b-gray-400-h-xl:hover{
	border-color: #CBD5E0;
}

.b-gray-500-h-xl:hover{
	border-color: #A0AEC0;
}

.b-gray-600-h-xl:hover{
	border-color: #718096;
}

.b-gray-700-h-xl:hover{
	border-color: #4A5568;
}

.b-gray-800-h-xl:hover{
	border-color: #2D3748;
}

.b-gray-900-h-xl:hover{
	border-color: #1A202C;
}


.b-black-h-xl:hover{
	border-color: #000000;
}

.b-white-h-xl:hover{
	border-color: #FFFFFF;
}


.b-purple-100-a-xl:active{
	border-color: #FAF5FF;
}

.b-purple-200-a-xl:active{
	border-color: #E9D8FD;
}

.b-purple-300-a-xl:active{
	border-color: #D6BCFA;
}

.b-purple-400-a-xl:active{
	border-color: #B794F4;
}

.b-purple-500-a-xl:active{
	border-color: #9F7AEA;
}

.b-purple-600-a-xl:active{
	border-color: #805AD5;
}

.b-purple-700-a-xl:active{
	border-color: #6B46C1;
}

.b-purple-800-a-xl:active{
	border-color: #553C9A;
}

.b-purple-900-a-xl:active{
	border-color: #44337A;
}




.b-blue-100-a-xl:active{
	border-color: #EBF8FF;
}

.b-blue-200-a-xl:active{
	border-color: #BEE3F8;
}

.b-blue-300-a-xl:active{
	border-color: #90CDF4;
}

.b-blue-400-a-xl:active{
	border-color: #63B3ED;
}

.b-blue-500-a-xl:active{
	border-color: #4299E1;
}

.b-blue-600-a-xl:active{
	border-color: #3182CE;
}

.b-blue-700-a-xl:active{
	border-color: #2B6CB0;
}

.b-blue-800-a-xl:active{
	border-color: #2C5282;
}

.b-blue-900-a-xl:active{
	border-color: #2A4365;
}


.b-teal-100-a-xl:active{
	border-color: #E6FFFA;
}

.b-teal-200-a-xl:active{
	border-color: #B2F5EA;
}

.b-teal-300-a-xl:active{
	border-color: #81E6D9;
}

.b-teal-400-a-xl:active{
	border-color: #4FD1C5;
}

.b-teal-500-a-xl:active{
	border-color: #38B2AC;
}

.b-teal-600-a-xl:active{
	border-color: #319795;
}

.b-teal-700-a-xl:active{
	border-color: #2C7A7B;
}

.b-teal-800-a-xl:active{
	border-color: #285E61;
}

.b-teal-900-a-xl:active{
	border-color: #234E52;
}



.b-pink-100-a-xl:active{
	border-color: #FFF5F7;
}
.b-pink-200-a-xl:active{
	border-color: #FED7E2;
}

.b-pink-300-a-xl:active{
	border-color: #FBB6CE;
}

.b-pink-400-a-xl:active{
	border-color: #F687B3;
}

.b-pink-500-a-xl:active{
	border-color: #ED64A6;
}

.b-pink-600-a-xl:active{
	border-color: #D53F8C;
}

.b-pink-700-a-xl:active{
	border-color: #B83280;
}

.b-pink-800-a-xl:active{
	border-color: #97266D;
}

.b-pink-900-a-xl:active{
	border-color: #702459;
}



.b-indigo-100-a-xl:active{
	border-color: #EBF4FF;
}
.b-indigo-200-a-xl:active{
	border-color: #C3DAFE;
}
.b-indigo-300-a-xl:active{
	border-color: #A3BFFA;
}
.b-indigo-400-a-xl:active{
	border-color: #7F9CF5;
}
.b-indigo-500-a-xl:active{
	border-color: #667EEA;
}
.b-indigo-600-a-xl:active{
	border-color: #5A67D8;
}
.b-indigo-700-a-xl:active{
	border-color: #4C51BF;
}
.b-indigo-800-a-xl:active{
	border-color: #434190;
}
.b-indigo-900-a-xl:active{	
	border-color: #3C366B;
}


.b-green-100-a-xl:active{
	border-color: #F0FFF4;
}

.b-green-200-a-xl:active{
	border-color: #C6F6D5;
}

.b-green-300-a-xl:active{
	border-color: #9AE6B4;
}

.b-green-400-a-xl:active{
	border-color: #68D391;
}

.b-green-500-a-xl:active{
	border-color: #48BB78;
}

.b-green-600-a-xl:active{
	border-color: #38A169;
}

.b-green-700-a-xl:active{
	border-color: #2F855A;
}

.b-green-800-a-xl:active{
	border-color: #276749;
}

.b-green-900-a-xl:active{
	border-color: #22543D;
}


.b-yellow-100-a-xl:active{
	border-color: #FFFFF0;
}

.b-yellow-200-a-xl:active{
	border-color: #FEFCBF;
}

.b-yellow-300-a-xl:active{
	border-color: #FAF089;
}

.b-yellow-400-a-xl:active{
	border-color: #F6E05E;
}

.b-yellow-500-a-xl:active{
	border-color: #ECC94B;
}

.b-yellow-600-a-xl:active{
	border-color: #D69E2E;
}

.b-yellow-700-a-xl:active{
	border-color: #B7791F;
}

.b-yellow-800-a-xl:active{
	border-color: #975A16;
}

.b-yellow-900-a-xl:active{
	border-color: #744210;
}



.b-orange-100-a-xl:active{
	border-color: #FFFAF0;
}

.b-orange-200-a-xl:active{
	border-color: #FEEBC8;
}

.b-orange-300-a-xl:active{
	border-color: #FBD38D;
}

.b-orange-400-a-xl:active{
	border-color: #F6AD55;
}

.b-orange-500-a-xl:active{
	border-color: #ED8936;
}

.b-orange-600-a-xl:active{
	border-color: #DD6B20;
}

.b-orange-700-a-xl:active{
	border-color: #C05621;
}

.b-orange-800-a-xl:active{
	border-color: #9C4221;
}

.b-orange-900-a-xl:active{
	border-color: #7B341E;
}



.b-red-100-a-xl:active{
	border-color: #FFF5F5;
}

.b-red-200-a-xl:active{
	border-color: #FED7D7;
}

.b-red-300-a-xl:active{
	border-color: #FEB2B2;
}

.b-red-400-a-xl:active{
	border-color: #FC8181;
}

.b-red-500-a-xl:active{
	border-color: #F56565;
}

.b-red-600-a-xl:active{
	border-color: #E53E3E;
}

.b-red-700-a-xl:active{
	border-color: #C53030;
}

.b-red-800-a-xl:active{
	border-color: #9B2C2C;
}

.b-red-900-a-xl:active{
	border-color: #742A2A;
}



.b-gray-100-a-xl:active{
	border-color: #F7FAFC;
}

.b-gray-200-a-xl:active{
	border-color: #EDF2F7;
}

.b-gray-300-a-xl:active{
	border-color: #E2E8F0;
}

.b-gray-400-a-xl:active{
	border-color: #CBD5E0;
}

.b-gray-500-a-xl:active{
	border-color: #A0AEC0;
}

.b-gray-600-a-xl:active{
	border-color: #718096;
}

.b-gray-700-a-xl:active{
	border-color: #4A5568;
}

.b-gray-800-a-xl:active{
	border-color: #2D3748;
}

.b-gray-900-a-xl:active{
	border-color: #1A202C;
}


.b-black-a-xl:active{
	border-color: #000000;
}

.b-white-a-xl:active{
	border-color: #FFFFFF;
}

.bg-MD-dark-xl{
	background-color: #121212;
}


.b-purple-100-f-xl:focus{
	border-color: #FAF5FF;
}

.b-purple-200-f-xl:focus{
	border-color: #E9D8FD;
}

.b-purple-300-f-xl:focus{
	border-color: #D6BCFA;
}

.b-purple-400-f-xl:focus{
	border-color: #B794F4;
}

.b-purple-500-f-xl:focus{
	border-color: #9F7AEA;
}

.b-purple-600-f-xl:focus{
	border-color: #805AD5;
}

.b-purple-700-f-xl:focus{
	border-color: #6B46C1;
}

.b-purple-800-f-xl:focus{
	border-color: #553C9A;
}

.b-purple-900-f-xl:focus{
	border-color: #44337A;
}




.b-blue-100-f-xl:focus{
	border-color: #EBF8FF;
}

.b-blue-200-f-xl:focus{
	border-color: #BEE3F8;
}

.b-blue-300-f-xl:focus{
	border-color: #90CDF4;
}

.b-blue-400-f-xl:focus{
	border-color: #63B3ED;
}

.b-blue-500-f-xl:focus{
	border-color: #4299E1;
}

.b-blue-600-f-xl:focus{
	border-color: #3182CE;
}

.b-blue-700-f-xl:focus{
	border-color: #2B6CB0;
}

.b-blue-800-f-xl:focus{
	border-color: #2C5282;
}

.b-blue-900-f-xl:focus{
	border-color: #2A4365;
}


.b-teal-100-f-xl:focus{
	border-color: #E6FFFA;
}

.b-teal-200-f-xl:focus{
	border-color: #B2F5EA;
}

.b-teal-300-f-xl:focus{
	border-color: #81E6D9;
}

.b-teal-400-f-xl:focus{
	border-color: #4FD1C5;
}

.b-teal-500-f-xl:focus{
	border-color: #38B2AC;
}

.b-teal-600-f-xl:focus{
	border-color: #319795;
}

.b-teal-700-f-xl:focus{
	border-color: #2C7A7B;
}

.b-teal-800-f-xl:focus{
	border-color: #285E61;
}

.b-teal-900-f-xl:focus{
	border-color: #234E52;
}



.b-pink-100-f-xl:focus{
	border-color: #FFF5F7;
}
.b-pink-200-f-xl:focus{
	border-color: #FED7E2;
}

.b-pink-300-f-xl:focus{
	border-color: #FBB6CE;
}

.b-pink-400-f-xl:focus{
	border-color: #F687B3;
}

.b-pink-500-f-xl:focus{
	border-color: #ED64A6;
}

.b-pink-600-f-xl:focus{
	border-color: #D53F8C;
}

.b-pink-700-f-xl:focus{
	border-color: #B83280;
}

.b-pink-800-f-xl:focus{
	border-color: #97266D;
}

.b-pink-900-f-xl:focus{
	border-color: #702459;
}



.b-indigo-100-f-xl:focus{
	border-color: #EBF4FF;
}
.b-indigo-200-f-xl:focus{
	border-color: #C3DAFE;
}
.b-indigo-300-f-xl:focus{
	border-color: #A3BFFA;
}
.b-indigo-400-f-xl:focus{
	border-color: #7F9CF5;
}
.b-indigo-500-f-xl:focus{
	border-color: #667EEA;
}
.b-indigo-600-f-xl:focus{
	border-color: #5A67D8;
}
.b-indigo-700-f-xl:focus{
	border-color: #4C51BF;
}
.b-indigo-800-f-xl:focus{
	border-color: #434190;
}
.b-indigo-900-f-xl:focus{	
	border-color: #3C366B;
}


.b-green-100-f-xl:focus{
	border-color: #F0FFF4;
}

.b-green-200-f-xl:focus{
	border-color: #C6F6D5;
}

.b-green-300-f-xl:focus{
	border-color: #9AE6B4;
}

.b-green-400-f-xl:focus{
	border-color: #68D391;
}

.b-green-500-f-xl:focus{
	border-color: #48BB78;
}

.b-green-600-f-xl:focus{
	border-color: #38A169;
}

.b-green-700-f-xl:focus{
	border-color: #2F855A;
}

.b-green-800-f-xl:focus{
	border-color: #276749;
}

.b-green-900-f-xl:focus{
	border-color: #22543D;
}


.b-yellow-100-f-xl:focus{
	border-color: #FFFFF0;
}

.b-yellow-200-f-xl:focus{
	border-color: #FEFCBF;
}

.b-yellow-300-f-xl:focus{
	border-color: #FAF089;
}

.b-yellow-400-f-xl:focus{
	border-color: #F6E05E;
}

.b-yellow-500-f-xl:focus{
	border-color: #ECC94B;
}

.b-yellow-600-f-xl:focus{
	border-color: #D69E2E;
}

.b-yellow-700-f-xl:focus{
	border-color: #B7791F;
}

.b-yellow-800-f-xl:focus{
	border-color: #975A16;
}

.b-yellow-900-f-xl:focus{
	border-color: #744210;
}



.b-orange-100-f-xl:focus{
	border-color: #FFFAF0;
}

.b-orange-200-f-xl:focus{
	border-color: #FEEBC8;
}

.b-orange-300-f-xl:focus{
	border-color: #FBD38D;
}

.b-orange-400-f-xl:focus{
	border-color: #F6AD55;
}

.b-orange-500-f-xl:focus{
	border-color: #ED8936;
}

.b-orange-600-f-xl:focus{
	border-color: #DD6B20;
}

.b-orange-700-f-xl:focus{
	border-color: #C05621;
}

.b-orange-800-f-xl:focus{
	border-color: #9C4221;
}

.b-orange-900-f-xl:focus{
	border-color: #7B341E;
}



.b-red-100-f-xl:focus{
	border-color: #FFF5F5;
}

.b-red-200-f-xl:focus{
	border-color: #FED7D7;
}

.b-red-300-f-xl:focus{
	border-color: #FEB2B2;
}

.b-red-400-f-xl:focus{
	border-color: #FC8181;
}

.b-red-500-f-xl:focus{
	border-color: #F56565;
}

.b-red-600-f-xl:focus{
	border-color: #E53E3E;
}

.b-red-700-f-xl:focus{
	border-color: #C53030;
}

.b-red-800-f-xl:focus{
	border-color: #9B2C2C;
}

.b-red-900-f-xl:focus{
	border-color: #742A2A;
}



.b-gray-100-f-xl:focus{
	border-color: #F7FAFC;
}

.b-gray-200-f-xl:focus{
	border-color: #EDF2F7;
}

.b-gray-300-f-xl:focus{
	border-color: #E2E8F0;
}

.b-gray-400-f-xl:focus{
	border-color: #CBD5E0;
}

.b-gray-500-f-xl:focus{
	border-color: #A0AEC0;
}

.b-gray-600-f-xl:focus{
	border-color: #718096;
}

.b-gray-700-f-xl:focus{
	border-color: #4A5568;
}

.b-gray-800-f-xl:focus{
	border-color: #2D3748;
}

.b-gray-900-f-xl:focus{
	border-color: #1A202C;
}


.b-black-f-xl:focus{
	border-color: #000000;
}

.b-white-f-xl:focus{
	border-color: #FFFFFF;
}



.text-black-a-xl:active{
	color: #000000;
}

.text-black-h-xl:hover{
	color: #000000;
}


.text-white-h-xl:hover{
	color: #FFFFFF;
}


.text-white-a-xl:active{
	color: #000000;
}



.round-full-xl{
	border-radius: 1000px;
}

.round-xs-xl{
	border-radius: 2px;
}

.round-sm-xl{
	border-radius: 4px;
}

.round-lg-xl{
	border-radius: 8px;
}

.round-xl-xl{
	border-radius: 12px;
}

.round-xxl-xl{
	border-radius: 16px;
}

.circle-xl{
	border-radius: 50%;
}

.round-none-xl{
	border-radius: 0;
}


.round-b-xs-xl{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-xl{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-xl{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-xl{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-xl{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-xl{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-xl{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-xl{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-xl{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-xl{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-xl{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-xl{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-xl{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-xl{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-xl{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.round-full-h-xl:hover{
	border-radius: 1000px;
}

.round-xs-h-xl:hover{
	border-radius: 2px;
}

.round-sm-h-xl:hover{
	border-radius: 4px;
}

.round-lg-h-xl:hover{
	border-radius: 8px;
}

.round-xl-h-xl:hover{
	border-radius: 12px;
}

.round-xxl-h-xl:hover{
	border-radius: 16px;
}

.circle-h-xl:hover{
	border-radius: 50%;
}

.round-none-h-xl:hover{
	border-radius: 0;
}


.round-b-xs-h-xl:hover{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-h-xl:hover{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-h-xl:hover{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-h-xl:hover{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-h-xl:hover{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-h-xl:hover{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-h-xl:hover{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-h-xl:hover{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-h-xl:hover{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-h-xl:hover{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-h-xl:hover{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-h-xl:hover{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-h-xl:hover{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-h-xl:hover{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-h-xl:hover{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}


.round-full-a-xl:active{
	border-radius: 1000px;
}

.round-xs-a-xl:active{
	border-radius: 2px;
}

.round-sm-a-xl:active{
	border-radius: 4px;
}

.round-lg-a-xl:active{
	border-radius: 8px;
}

.round-xl-a-xl:active{
	border-radius: 12px;
}

.round-xxl-a-xl:active{
	border-radius: 16px;
}

.circle-a-xl:active{
	border-radius: 50%;
}

.round-none-a-xl:active{
	border-radius: 0;
}


.round-b-xs-a-xl:active{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-a-xl:active{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-a-xl:active{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-a-xl:active{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-a-xl:active{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-a-xl:active{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-a-xl:active{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-a-xl:active{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-a-xl:active{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-a-xl:active{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-a-xl:active{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-a-xl:active{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-a-xl:active{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-a-xl:active{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-a-xl:active{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}













/* FILL FOR SVG COLORING */


.fill-purple-100-xl{
	fill: #FAF5FF;
}

.fill-purple-200-xl{
	fill: #E9D8FD;
}

.fill-purple-300-xl{
	fill: #D6BCFA;
}

.fill-purple-400-xl{
	fill: #B794F4;
}

.fill-purple-500-xl{
	fill: #9F7AEA;
}

.fill-purple-600-xl{
	fill: #805AD5;
}

.fill-purple-700-xl{
	fill: #6B46C1;
}

.fill-purple-800-xl{
	fill: #553C9A;
}

.fill-purple-900-xl{
	fill: #44337A;
}




.fill-blue-100-xl{
	fill: #EBF8FF;
}

.fill-blue-200-xl{
	fill: #BEE3F8;
}

.fill-blue-300-xl{
	fill: #90CDF4;
}

.fill-blue-400-xl{
	fill: #63B3ED;
}

.fill-blue-500-xl{
	fill: #4299E1;
}

.fill-blue-600-xl{
	fill: #3182CE;
}

.fill-blue-700-xl{
	fill: #2B6CB0;
}

.fill-blue-800-xl{
	fill: #2C5282;
}

.fill-blue-900-xl{
	fill: #2A4365;
}


.fill-teal-100-xl{
	fill: #E6FFFA;
}

.fill-teal-200-xl{
	fill: #B2F5EA;
}

.fill-teal-300-xl{
	fill: #81E6D9;
}

.fill-teal-400-xl{
	fill: #4FD1C5;
}

.fill-teal-500-xl{
	fill: #38B2AC;
}

.fill-teal-600-xl{
	fill: #319795;
}

.fill-teal-700-xl{
	fill: #2C7A7B;
}

.fill-teal-800-xl{
	fill: #285E61;
}

.fill-teal-900-xl{
	fill: #234E52;
}

.fill-teal-1000-xl{
	fill: #004d40;
}


.fill-pink-100-xl{
	fill: #FFF5F7;
}
.fill-pink-200-xl{
	fill: #FED7E2;
}

.fill-pink-300-xl{
	fill: #FBB6CE;
}

.fill-pink-400-xl{
	fill: #F687B3;
}

.fill-pink-500-xl{
	fill: #ED64A6;
}

.fill-pink-600-xl{
	fill: #D53F8C;
}

.fill-pink-700-xl{
	fill: #B83280;
}

.fill-pink-800-xl{
	fill: #97266D;
}

.fill-pink-900-xl{
	fill: #702459;
}



.fill-indigo-100-xl{
	fill: #EBF4FF;
}
.fill-indigo-200-xl{
	fill: #C3DAFE;
}
.fill-indigo-300-xl{
	fill: #A3BFFA;
}
.fill-indigo-400-xl{
	fill: #7F9CF5;
}
.fill-indigo-500-xl{
	fill: #667EEA;
}
.fill-indigo-600-xl{
	fill: #5A67D8;
}
.fill-indigo-700-xl{
	fill: #4C51BF;
}
.fill-indigo-800-xl{
	fill: #434190;
}
.fill-indigo-900-xl{	
	fill: #3C366B;
}


.fill-green-100-xl{
	fill: #F0FFF4;
}

.fill-green-200-xl{
	fill: #C6F6D5;
}

.fill-green-300-xl{
	fill: #9AE6B4;
}

.fill-green-400-xl{
	fill: #68D391;
}

.fill-green-500-xl{
	fill: #48BB78;
}

.fill-green-600-xl{
	fill: #38A169;
}

.fill-green-700-xl{
	fill: #2F855A;
}

.fill-green-800-xl{
	fill: #276749;
}

.fill-green-900-xl{
	fill: #22543D;
}

.fill-green-1000-xl{
	fill: #33691e;
}


.fill-yellow-100-xl{
	fill: #FFFFF0;
}

.fill-yellow-200-xl{
	fill: #FEFCBF;
}

.fill-yellow-300-xl{
	fill: #FAF089;
}

.fill-yellow-400-xl{
	fill: #F6E05E;
}

.fill-yellow-500-xl{
	fill: #ECC94B;
}

.fill-yellow-600-xl{
	fill: #D69E2E;
}

.fill-yellow-700-xl{
	fill: #B7791F;
}

.fill-yellow-800-xl{
	fill: #975A16;
}

.fill-yellow-900-xl{
	fill: #744210;
}



.fill-orange-100-xl{
	fill: #FFFAF0;
}

.fill-orange-200-xl{
	fill: #FEEBC8;
}

.fill-orange-300-xl{
	fill: #FBD38D;
}

.fill-orange-400-xl{
	fill: #F6AD55;
}

.fill-orange-500-xl{
	fill: #ED8936;
}

.fill-orange-600-xl{
	fill: #DD6B20;
}

.fill-orange-700-xl{
	fill: #C05621;
}

.fill-orange-800-xl{
	fill: #9C4221;
}

.fill-orange-900-xl{
	fill: #7B341E;
}



.fill-red-100-xl{
	fill: #FFF5F5;
}

.fill-red-200-xl{
	fill: #FED7D7;
}

.fill-red-300-xl{
	fill: #FEB2B2;
}

.fill-red-400-xl{
	fill: #FC8181;
}

.fill-red-500-xl{
	fill: #F56565;
}

.fill-red-600-xl{
	fill: #E53E3E;
}

.fill-red-700-xl{
	fill: #C53030;
}

.fill-red-800-xl{
	fill: #9B2C2C;
}

.fill-red-900-xl{
	fill: #742A2A;
}



.fill-gray-100-xl{
	fill: #F7FAFC;
}

.fill-gray-200-xl{
	fill: #EDF2F7;
}

.fill-gray-300-xl{
	fill: #E2E8F0;
}

.fill-gray-400-xl{
	fill: #CBD5E0;
}

.fill-gray-500-xl{
	fill: #A0AEC0;
}

.fill-gray-600-xl{
	fill: #718096;
}

.fill-gray-700-xl{
	fill: #4A5568;
}

.fill-gray-800-xl{
	fill: #2D3748;
}

.fill-gray-900-xl{
	fill: #1A202C;
}

.fill-transparent-xl{
	fill: transparent;
}

.fill-black-xl{
	fill: #000000;
}

.fill-white-xl{
	fill: #FFFFFF;
}


.fill-purple-100-a-xl:active{
	fill: #FAF5FF;
}

.fill-purple-200-a-xl:active{
	fill: #E9D8FD;
}

.fill-purple-300-a-xl:active{
	fill: #D6BCFA;
}

.fill-purple-400-a-xl:active{
	fill: #B794F4;
}

.fill-purple-500-a-xl:active{
	fill: #9F7AEA;
}

.fill-purple-600-a-xl:active{
	fill: #805AD5;
}

.fill-purple-700-a-xl:active{
	fill: #6B46C1;
}

.fill-purple-800-a-xl:active{
	fill: #553C9A;
}

.fill-purple-900-a-xl:active{
	fill: #44337A;
}




.fill-blue-100-a-xl:active{
	fill: #EBF8FF;
}

.fill-blue-200-a-xl:active{
	fill: #BEE3F8;
}

.fill-blue-300-a-xl:active{
	fill: #90CDF4;
}

.fill-blue-400-a-xl:active{
	fill: #63B3ED;
}

.fill-blue-500-a-xl:active{
	fill: #4299E1;
}

.fill-blue-600-a-xl:active{
	fill: #3182CE;
}

.fill-blue-700-a-xl:active{
	fill: #2B6CB0;
}

.fill-blue-800-a-xl:active{
	fill: #2C5282;
}

.fill-blue-900-a-xl:active{
	fill: #2A4365;
}


.fill-teal-100-a-xl:active{
	fill: #E6FFFA;
}

.fill-teal-200-a-xl:active{
	fill: #B2F5EA;
}

.fill-teal-300-a-xl:active{
	fill: #81E6D9;
}

.fill-teal-400-a-xl:active{
	fill: #4FD1C5;
}

.fill-teal-500-a-xl:active{
	fill: #38B2AC;
}

.fill-teal-600-a-xl:active{
	fill: #319795;
}

.fill-teal-700-a-xl:active{
	fill: #2C7A7B;
}

.fill-teal-800-a-xl:active{
	fill: #285E61;
}

.fill-teal-900-a-xl:active{
	fill: #234E52;
}



.fill-pink-100-a-xl:active{
	fill: #FFF5F7;
}
.fill-pink-200-a-xl:active{
	fill: #FED7E2;
}

.fill-pink-300-a-xl:active{
	fill: #FBB6CE;
}

.fill-pink-400-a-xl:active{
	fill: #F687B3;
}

.fill-pink-500-a-xl:active{
	fill: #ED64A6;
}

.fill-pink-600-a-xl:active{
	fill: #D53F8C;
}

.fill-pink-700-a-xl:active{
	fill: #B83280;
}

.fill-pink-800-a-xl:active{
	fill: #97266D;
}

.fill-pink-900-a-xl:active{
	fill: #702459;
}



.fill-indigo-100-a-xl:active{
	fill: #EBF4FF;
}
.fill-indigo-200-a-xl:active{
	fill: #C3DAFE;
}
.fill-indigo-300-a-xl:active{
	fill: #A3BFFA;
}
.fill-indigo-400-a-xl:active{
	fill: #7F9CF5;
}
.fill-indigo-500-a-xl:active{
	fill: #667EEA;
}
.fill-indigo-600-a-xl:active{
	fill: #5A67D8;
}
.fill-indigo-700-a-xl:active{
	fill: #4C51BF;
}
.fill-indigo-800-a-xl:active{
	fill: #434190;
}
.fill-indigo-900-a-xl:active{	
	fill: #3C366B;
}


.fill-green-100-a-xl:active{
	fill: #F0FFF4;
}

.fill-green-200-a-xl:active{
	fill: #C6F6D5;
}

.fill-green-300-a-xl:active{
	fill: #9AE6B4;
}

.fill-green-400-a-xl:active{
	fill: #68D391;
}

.fill-green-500-a-xl:active{
	fill: #48BB78;
}

.fill-green-600-a-xl:active{
	fill: #38A169;
}

.fill-green-700-a-xl:active{
	fill: #2F855A;
}

.fill-green-800-a-xl:active{
	fill: #276749;
}

.fill-green-900-a-xl:active{
	fill: #22543D;
}


.fill-yellow-100-a-xl:active{
	fill: #FFFFF0;
}

.fill-yellow-200-a-xl:active{
	fill: #FEFCBF;
}

.fill-yellow-300-a-xl:active{
	fill: #FAF089;
}

.fill-yellow-400-a-xl:active{
	fill: #F6E05E;
}

.fill-yellow-500-a-xl:active{
	fill: #ECC94B;
}

.fill-yellow-600-a-xl:active{
	fill: #D69E2E;
}

.fill-yellow-700-a-xl:active{
	fill: #B7791F;
}

.fill-yellow-800-a-xl:active{
	fill: #975A16;
}

.fill-yellow-900-a-xl:active{
	fill: #744210;
}



.fill-orange-100-a-xl:active{
	fill: #FFFAF0;
}

.fill-orange-200-a-xl:active{
	fill: #FEEBC8;
}

.fill-orange-300-a-xl:active{
	fill: #FBD38D;
}

.fill-orange-400-a-xl:active{
	fill: #F6AD55;
}

.fill-orange-500-a-xl:active{
	fill: #ED8936;
}

.fill-orange-600-a-xl:active{
	fill: #DD6B20;
}

.fill-orange-700-a-xl:active{
	fill: #C05621;
}

.fill-orange-800-a-xl:active{
	fill: #9C4221;
}

.fill-orange-900-a-xl:active{
	fill: #7B341E;
}



.fill-red-100-a-xl:active{
	fill: #FFF5F5;
}

.fill-red-200-a-xl:active{
	fill: #FED7D7;
}

.fill-red-300-a-xl:active{
	fill: #FEB2B2;
}

.fill-red-400-a-xl:active{
	fill: #FC8181;
}

.fill-red-500-a-xl:active{
	fill: #F56565;
}

.fill-red-600-a-xl:active{
	fill: #E53E3E;
}

.fill-red-700-a-xl:active{
	fill: #C53030;
}

.fill-red-800-a-xl:active{
	fill: #9B2C2C;
}

.fill-red-900-a-xl:active{
	fill: #742A2A;
}



.fill-gray-100-a-xl:active{
	fill: #F7FAFC;
}

.fill-gray-200-a-xl:active{
	fill: #EDF2F7;
}

.fill-gray-300-a-xl:active{
	fill: #E2E8F0;
}

.fill-gray-400-a-xl:active{
	fill: #CBD5E0;
}

.fill-gray-500-a-xl:active{
	fill: #A0AEC0;
}

.fill-gray-600-a-xl:active{
	fill: #718096;
}

.fill-gray-700-a-xl:active{
	fill: #4A5568;
}

.fill-gray-800-a-xl:active{
	fill: #2D3748;
}

.fill-gray-900-a-xl:active{
	fill: #1A202C;
}

.fill-transparent-a-xl:active{
	fill: transparent;
}

.fill-black-a-xl:active{
	fill: #000000;
}

.fill-white-a-xl:active{
	fill: #FFFFFF;
}

.fill-purple-100-h-xl:hover{
	fill: #FAF5FF;
}

.fill-purple-200-h-xl:hover{
	fill: #E9D8FD;
}

.fill-purple-300-h-xl:hover{
	fill: #D6BCFA;
}

.fill-purple-400-h-xl:hover{
	fill: #B794F4;
}

.fill-purple-500-h-xl:hover{
	fill: #9F7AEA;
}

.fill-purple-600-h-xl:hover{
	fill: #805AD5;
}

.fill-purple-700-h-xl:hover{
	fill: #6B46C1;
}

.fill-purple-800-h-xl:hover{
	fill: #553C9A;
}

.fill-purple-900-h-xl:hover{
	fill: #44337A;
}




.fill-blue-100-h-xl:hover{
	fill: #EBF8FF;
}

.fill-blue-200-h-xl:hover{
	fill: #BEE3F8;
}

.fill-blue-300-h-xl:hover{
	fill: #90CDF4;
}

.fill-blue-400-h-xl:hover{
	fill: #63B3ED;
}

.fill-blue-500-h-xl:hover{
	fill: #4299E1;
}

.fill-blue-600-h-xl:hover{
	fill: #3182CE;
}

.fill-blue-700-h-xl:hover{
	fill: #2B6CB0;
}

.fill-blue-800-h-xl:hover{
	fill: #2C5282;
}

.fill-blue-900-h-xl:hover{
	fill: #2A4365;
}


.fill-teal-100-h-xl:hover{
	fill: #E6FFFA;
}

.fill-teal-200-h-xl:hover{
	fill: #B2F5EA;
}

.fill-teal-300-h-xl:hover{
	fill: #81E6D9;
}

.fill-teal-400-h-xl:hover{
	fill: #4FD1C5;
}

.fill-teal-500-h-xl:hover{
	fill: #38B2AC;
}

.fill-teal-600-h-xl:hover{
	fill: #319795;
}

.fill-teal-700-h-xl:hover{
	fill: #2C7A7B;
}

.fill-teal-800-h-xl:hover{
	fill: #285E61;
}

.fill-teal-900-h-xl:hover{
	fill: #234E52;
}



.fill-pink-100-h-xl:hover{
	fill: #FFF5F7;
}
.fill-pink-200-h-xl:hover{
	fill: #FED7E2;
}

.fill-pink-300-h-xl:hover{
	fill: #FBB6CE;
}

.fill-pink-400-h-xl:hover{
	fill: #F687B3;
}

.fill-pink-500-h-xl:hover{
	fill: #ED64A6;
}

.fill-pink-600-h-xl:hover{
	fill: #D53F8C;
}

.fill-pink-700-h-xl:hover{
	fill: #B83280;
}

.fill-pink-800-h-xl:hover{
	fill: #97266D;
}

.fill-pink-900-h-xl:hover{
	fill: #702459;
}



.fill-indigo-100-h-xl:hover{
	fill: #EBF4FF;
}
.fill-indigo-200-h-xl:hover{
	fill: #C3DAFE;
}
.fill-indigo-300-h-xl:hover{
	fill: #A3BFFA;
}
.fill-indigo-400-h-xl:hover{
	fill: #7F9CF5;
}
.fill-indigo-500-h-xl:hover{
	fill: #667EEA;
}
.fill-indigo-600-h-xl:hover{
	fill: #5A67D8;
}
.fill-indigo-700-h-xl:hover{
	fill: #4C51BF;
}
.fill-indigo-800-h-xl:hover{
	fill: #434190;
}
.fill-indigo-900-h-xl:hover{	
	fill: #3C366B;
}


.fill-green-100-h-xl:hover{
	fill: #F0FFF4;
}

.fill-green-200-h-xl:hover{
	fill: #C6F6D5;
}

.fill-green-300-h-xl:hover{
	fill: #9AE6B4;
}

.fill-green-400-h-xl:hover{
	fill: #68D391;
}

.fill-green-500-h-xl:hover{
	fill: #48BB78;
}

.fill-green-600-h-xl:hover{
	fill: #38A169;
}

.fill-green-700-h-xl:hover{
	fill: #2F855A;
}

.fill-green-800-h-xl:hover{
	fill: #276749;
}

.fill-green-900-h-xl:hover{
	fill: #22543D;
}


.fill-yellow-100-h-xl:hover{
	fill: #FFFFF0;
}

.fill-yellow-200-h-xl:hover{
	fill: #FEFCBF;
}

.fill-yellow-300-h-xl:hover{
	fill: #FAF089;
}

.fill-yellow-400-h-xl:hover{
	fill: #F6E05E;
}

.fill-yellow-500-h-xl:hover{
	fill: #ECC94B;
}

.fill-yellow-600-h-xl:hover{
	fill: #D69E2E;
}

.fill-yellow-700-h-xl:hover{
	fill: #B7791F;
}

.fill-yellow-800-h-xl:hover{
	fill: #975A16;
}

.fill-yellow-900-h-xl:hover{
	fill: #744210;
}



.fill-orange-100-h-xl:hover{
	fill: #FFFAF0;
}

.fill-orange-200-h-xl:hover{
	fill: #FEEBC8;
}

.fill-orange-300-h-xl:hover{
	fill: #FBD38D;
}

.fill-orange-400-h-xl:hover{
	fill: #F6AD55;
}

.fill-orange-500-h-xl:hover{
	fill: #ED8936;
}

.fill-orange-600-h-xl:hover{
	fill: #DD6B20;
}

.fill-orange-700-h-xl:hover{
	fill: #C05621;
}

.fill-orange-800-h-xl:hover{
	fill: #9C4221;
}

.fill-orange-900-h-xl:hover{
	fill: #7B341E;
}



.fill-red-100-h-xl:hover{
	fill: #FFF5F5;
}

.fill-red-200-h-xl:hover{
	fill: #FED7D7;
}

.fill-red-300-h-xl:hover{
	fill: #FEB2B2;
}

.fill-red-400-h-xl:hover{
	fill: #FC8181;
}

.fill-red-500-h-xl:hover{
	fill: #F56565;
}

.fill-red-600-h-xl:hover{
	fill: #E53E3E;
}

.fill-red-700-h-xl:hover{
	fill: #C53030;
}

.fill-red-800-h-xl:hover{
	fill: #9B2C2C;
}

.fill-red-900-h-xl:hover{
	fill: #742A2A;
}



.fill-gray-100-h-xl:hover{
	fill: #F7FAFC;
}

.fill-gray-200-h-xl:hover{
	fill: #EDF2F7;
}

.fill-gray-300-h-xl:hover{
	fill: #E2E8F0;
}

.fill-gray-400-h-xl:hover{
	fill: #CBD5E0;
}

.fill-gray-500-h-xl:hover{
	fill: #A0AEC0;
}

.fill-gray-600-h-xl:hover{
	fill: #718096;
}

.fill-gray-700-h-xl:hover{
	fill: #4A5568;
}

.fill-gray-800-h-xl:hover{
	fill: #2D3748;
}

.fill-gray-900-h-xl:hover{
	fill: #1A202C;
}

.fill-transparent-h-xl:hover{
	fill: transparent;
}

.fill-black-h-xl:hover{
	fill: #000000;
}

.fill-white-h-xl:hover{
	fill: #FFFFFF;
}

/* ======================================= FILL ==================================== */



/* COLORS  */
/* =============================== COLORS =================================================== */

.bg-purple-100-xl{
	background-color: #FAF5FF;
}

.bg-purple-200-xl{
	background-color: #E9D8FD;
}

.bg-purple-300-xl{
	background-color: #D6BCFA;
}

.bg-purple-400-xl{
	background-color: #B794F4;
}

.bg-purple-500-xl{
	background-color: #9F7AEA;
}

.bg-purple-600-xl{
	background-color: #805AD5;
}

.bg-purple-700-xl{
	background-color: #6B46C1;
}

.bg-purple-800-xl{
	background-color: #553C9A;
}

.bg-purple-900-xl{
	background-color: #44337A;
}




.bg-blue-100-xl{
	background-color: #EBF8FF;
}

.bg-blue-200-xl{
	background-color: #BEE3F8;
}

.bg-blue-300-xl{
	background-color: #90CDF4;
}

.bg-blue-400-xl{
	background-color: #63B3ED;
}

.bg-blue-500-xl{
	background-color: #4299E1;
}

.bg-blue-600-xl{
	background-color: #3182CE;
}

.bg-blue-700-xl{
	background-color: #2B6CB0;
}

.bg-blue-800-xl{
	background-color: #2C5282;
}

.bg-blue-900-xl{
	background-color: #2A4365;
}


.bg-teal-100-xl{
	background-color: #E6FFFA;
}

.bg-teal-200-xl{
	background-color: #B2F5EA;
}

.bg-teal-300-xl{
	background-color: #81E6D9;
}

.bg-teal-400-xl{
	background-color: #4FD1C5;
}

.bg-teal-500-xl{
	background-color: #38B2AC;
}

.bg-teal-600-xl{
	background-color: #319795;
}

.bg-teal-700-xl{
	background-color: #2C7A7B;
}

.bg-teal-800-xl{
	background-color: #285E61;
}

.bg-teal-900-xl{
	background-color: #234E52;
}

.bg-teal-1000-xl{
	background-color: #004d40;
}


.bg-pink-100-xl{
	background-color: #FFF5F7;
}
.bg-pink-200-xl{
	background-color: #FED7E2;
}

.bg-pink-300-xl{
	background-color: #FBB6CE;
}

.bg-pink-400-xl{
	background-color: #F687B3;
}

.bg-pink-500-xl{
	background-color: #ED64A6;
}

.bg-pink-600-xl{
	background-color: #D53F8C;
}

.bg-pink-700-xl{
	background-color: #B83280;
}

.bg-pink-800-xl{
	background-color: #97266D;
}

.bg-pink-900-xl{
	background-color: #702459;
}



.bg-indigo-100-xl{
	background-color: #EBF4FF;
}
.bg-indigo-200-xl{
	background-color: #C3DAFE;
}
.bg-indigo-300-xl{
	background-color: #A3BFFA;
}
.bg-indigo-400-xl{
	background-color: #7F9CF5;
}
.bg-indigo-500-xl{
	background-color: #667EEA;
}
.bg-indigo-600-xl{
	background-color: #5A67D8;
}
.bg-indigo-700-xl{
	background-color: #4C51BF;
}
.bg-indigo-800-xl{
	background-color: #434190;
}
.bg-indigo-900-xl{	
	background-color: #3C366B;
}


.bg-green-100-xl{
	background-color: #F0FFF4;
}

.bg-green-200-xl{
	background-color: #C6F6D5;
}

.bg-green-300-xl{
	background-color: #9AE6B4;
}

.bg-green-400-xl{
	background-color: #68D391;
}

.bg-green-500-xl{
	background-color: #48BB78;
}

.bg-green-600-xl{
	background-color: #38A169;
}

.bg-green-700-xl{
	background-color: #2F855A;
}

.bg-green-800-xl{
	background-color: #276749;
}

.bg-green-900-xl{
	background-color: #22543D;
}

.bg-green-1000-xl{
	background-color: #33691e;
}


.bg-yellow-100-xl{
	background-color: #FFFFF0;
}

.bg-yellow-200-xl{
	background-color: #FEFCBF;
}

.bg-yellow-300-xl{
	background-color: #FAF089;
}

.bg-yellow-400-xl{
	background-color: #F6E05E;
}

.bg-yellow-500-xl{
	background-color: #ECC94B;
}

.bg-yellow-600-xl{
	background-color: #D69E2E;
}

.bg-yellow-700-xl{
	background-color: #B7791F;
}

.bg-yellow-800-xl{
	background-color: #975A16;
}

.bg-yellow-900-xl{
	background-color: #744210;
}



.bg-orange-100-xl{
	background-color: #FFFAF0;
}

.bg-orange-200-xl{
	background-color: #FEEBC8;
}

.bg-orange-300-xl{
	background-color: #FBD38D;
}

.bg-orange-400-xl{
	background-color: #F6AD55;
}

.bg-orange-500-xl{
	background-color: #ED8936;
}

.bg-orange-600-xl{
	background-color: #DD6B20;
}

.bg-orange-700-xl{
	background-color: #C05621;
}

.bg-orange-800-xl{
	background-color: #9C4221;
}

.bg-orange-900-xl{
	background-color: #7B341E;
}



.bg-red-100-xl{
	background-color: #FFF5F5;
}

.bg-red-200-xl{
	background-color: #FED7D7;
}

.bg-red-300-xl{
	background-color: #FEB2B2;
}

.bg-red-400-xl{
	background-color: #FC8181;
}

.bg-red-500-xl{
	background-color: #F56565;
}

.bg-red-600-xl{
	background-color: #E53E3E;
}

.bg-red-700-xl{
	background-color: #C53030;
}

.bg-red-800-xl{
	background-color: #9B2C2C;
}

.bg-red-900-xl{
	background-color: #742A2A;
}



.bg-gray-100-xl{
	background-color: #F7FAFC;
}

.bg-gray-200-xl{
	background-color: #EDF2F7;
}

.bg-gray-300-xl{
	background-color: #E2E8F0;
}

.bg-gray-400-xl{
	background-color: #CBD5E0;
}

.bg-gray-500-xl{
	background-color: #A0AEC0;
}

.bg-gray-600-xl{
	background-color: #718096;
}

.bg-gray-700-xl{
	background-color: #4A5568;
}

.bg-gray-800-xl{
	background-color: #2D3748;
}

.bg-gray-900-xl{
	background-color: #1A202C;
}

.bg-transparent-xl{
	background-color: transparent;
}

.bg-black-xl{
	background-color: #000000;
}

.bg-white-xl{
	background-color: #FFFFFF;
}

.bg-purple-100-f-xl:focus{
	background-color: #FAF5FF;
}

.bg-purple-200-f-xl:focus{
	background-color: #E9D8FD;
}

.bg-purple-300-f-xl:focus{
	background-color: #D6BCFA;
}

.bg-purple-400-f-xl:focus{
	background-color: #B794F4;
}

.bg-purple-500-f-xl:focus{
	background-color: #9F7AEA;
}

.bg-purple-600-f-xl:focus{
	background-color: #805AD5;
}

.bg-purple-700-f-xl:focus{
	background-color: #6B46C1;
}

.bg-purple-800-f-xl:focus{
	background-color: #553C9A;
}

.bg-purple-900-f-xl:focus{
	background-color: #44337A;
}




.bg-blue-100-f-xl:focus{
	background-color: #EBF8FF;
}

.bg-blue-200-f-xl:focus{
	background-color: #BEE3F8;
}

.bg-blue-300-f-xl:focus{
	background-color: #90CDF4;
}

.bg-blue-400-f-xl:focus{
	background-color: #63B3ED;
}

.bg-blue-500-f-xl:focus{
	background-color: #4299E1;
}

.bg-blue-600-f-xl:focus{
	background-color: #3182CE;
}

.bg-blue-700-f-xl:focus{
	background-color: #2B6CB0;
}

.bg-blue-800-f-xl:focus{
	background-color: #2C5282;
}

.bg-blue-900-f-xl:focus{
	background-color: #2A4365;
}


.bg-teal-100-f-xl:focus{
	background-color: #E6FFFA;
}

.bg-teal-200-f-xl:focus{
	background-color: #B2F5EA;
}

.bg-teal-300-f-xl:focus{
	background-color: #81E6D9;
}

.bg-teal-400-f-xl:focus{
	background-color: #4FD1C5;
}

.bg-teal-500-f-xl:focus{
	background-color: #38B2AC;
}

.bg-teal-600-f-xl:focus{
	background-color: #319795;
}

.bg-teal-700-f-xl:focus{
	background-color: #2C7A7B;
}

.bg-teal-800-f-xl:focus{
	background-color: #285E61;
}

.bg-teal-900-f-xl:focus{
	background-color: #234E52;
}

.bg-teal-1000-f-xl:focus{
	background-color: #004d40;
}


.bg-pink-100-f-xl:focus{
	background-color: #FFF5F7;
}
.bg-pink-200-f-xl:focus{
	background-color: #FED7E2;
}

.bg-pink-300-f-xl:focus{
	background-color: #FBB6CE;
}

.bg-pink-400-f-xl:focus{
	background-color: #F687B3;
}

.bg-pink-500-f-xl:focus{
	background-color: #ED64A6;
}

.bg-pink-600-f-xl:focus{
	background-color: #D53F8C;
}

.bg-pink-700-f-xl:focus{
	background-color: #B83280;
}

.bg-pink-800-f-xl:focus{
	background-color: #97266D;
}

.bg-pink-900-f-xl:focus{
	background-color: #702459;
}



.bg-indigo-100-f-xl:focus{
	background-color: #EBF4FF;
}
.bg-indigo-200-f-xl:focus{
	background-color: #C3DAFE;
}
.bg-indigo-300-f-xl:focus{
	background-color: #A3BFFA;
}
.bg-indigo-400-f-xl:focus{
	background-color: #7F9CF5;
}
.bg-indigo-500-f-xl:focus{
	background-color: #667EEA;
}
.bg-indigo-600-f-xl:focus{
	background-color: #5A67D8;
}
.bg-indigo-700-f-xl:focus{
	background-color: #4C51BF;
}
.bg-indigo-800-f-xl:focus{
	background-color: #434190;
}
.bg-indigo-900-f-xl:focus{	
	background-color: #3C366B;
}


.bg-green-100-f-xl:focus{
	background-color: #F0FFF4;
}

.bg-green-200-f-xl:focus{
	background-color: #C6F6D5;
}

.bg-green-300-f-xl:focus{
	background-color: #9AE6B4;
}

.bg-green-400-f-xl:focus{
	background-color: #68D391;
}

.bg-green-500-f-xl:focus{
	background-color: #48BB78;
}

.bg-green-600-f-xl:focus{
	background-color: #38A169;
}

.bg-green-700-f-xl:focus{
	background-color: #2F855A;
}

.bg-green-800-f-xl:focus{
	background-color: #276749;
}

.bg-green-900-f-xl:focus{
	background-color: #22543D;
}

.bg-green-1000-f-xl:focus{
	background-color: #33691e;
}


.bg-yellow-100-f-xl:focus{
	background-color: #FFFFF0;
}

.bg-yellow-200-f-xl:focus{
	background-color: #FEFCBF;
}

.bg-yellow-300-f-xl:focus{
	background-color: #FAF089;
}

.bg-yellow-400-f-xl:focus{
	background-color: #F6E05E;
}

.bg-yellow-500-f-xl:focus{
	background-color: #ECC94B;
}

.bg-yellow-600-f-xl:focus{
	background-color: #D69E2E;
}

.bg-yellow-700-f-xl:focus{
	background-color: #B7791F;
}

.bg-yellow-800-f-xl:focus{
	background-color: #975A16;
}

.bg-yellow-900-f-xl:focus{
	background-color: #744210;
}



.bg-orange-100-f-xl:focus{
	background-color: #FFFAF0;
}

.bg-orange-200-f-xl:focus{
	background-color: #FEEBC8;
}

.bg-orange-300-f-xl:focus{
	background-color: #FBD38D;
}

.bg-orange-400-f-xl:focus{
	background-color: #F6AD55;
}

.bg-orange-500-f-xl:focus{
	background-color: #ED8936;
}

.bg-orange-600-f-xl:focus{
	background-color: #DD6B20;
}

.bg-orange-700-f-xl:focus{
	background-color: #C05621;
}

.bg-orange-800-f-xl:focus{
	background-color: #9C4221;
}

.bg-orange-900-f-xl:focus{
	background-color: #7B341E;
}



.bg-red-100-f-xl:focus{
	background-color: #FFF5F5;
}

.bg-red-200-f-xl:focus{
	background-color: #FED7D7;
}

.bg-red-300-f-xl:focus{
	background-color: #FEB2B2;
}

.bg-red-400-f-xl:focus{
	background-color: #FC8181;
}

.bg-red-500-f-xl:focus{
	background-color: #F56565;
}

.bg-red-600-f-xl:focus{
	background-color: #E53E3E;
}

.bg-red-700-f-xl:focus{
	background-color: #C53030;
}

.bg-red-800-f-xl:focus{
	background-color: #9B2C2C;
}

.bg-red-900-f-xl:focus{
	background-color: #742A2A;
}



.bg-gray-100-f-xl:focus{
	background-color: #F7FAFC;
}

.bg-gray-200-f-xl:focus{
	background-color: #EDF2F7;
}

.bg-gray-300-f-xl:focus{
	background-color: #E2E8F0;
}

.bg-gray-400-f-xl:focus{
	background-color: #CBD5E0;
}

.bg-gray-500-f-xl:focus{
	background-color: #A0AEC0;
}

.bg-gray-600-f-xl:focus{
	background-color: #718096;
}

.bg-gray-700-f-xl:focus{
	background-color: #4A5568;
}

.bg-gray-800-f-xl:focus{
	background-color: #2D3748;
}

.bg-gray-900-f-xl:focus{
	background-color: #1A202C;
}

.bg-transparent-f-xl:focus{
	background-color: transparent;
}

.bg-black-f-xl:focus{
	background-color: #000000;
}

.bg-white-f-xl:focus{
	background-color: #FFFFFF;
}


.bg-purple-100-a-xl:active{
	background-color: #FAF5FF;
}

.bg-purple-200-a-xl:active{
	background-color: #E9D8FD;
}

.bg-purple-300-a-xl:active{
	background-color: #D6BCFA;
}

.bg-purple-400-a-xl:active{
	background-color: #B794F4;
}

.bg-purple-500-a-xl:active{
	background-color: #9F7AEA;
}

.bg-purple-600-a-xl:active{
	background-color: #805AD5;
}

.bg-purple-700-a-xl:active{
	background-color: #6B46C1;
}

.bg-purple-800-a-xl:active{
	background-color: #553C9A;
}

.bg-purple-900-a-xl:active{
	background-color: #44337A;
}




.bg-blue-100-a-xl:active{
	background-color: #EBF8FF;
}

.bg-blue-200-a-xl:active{
	background-color: #BEE3F8;
}

.bg-blue-300-a-xl:active{
	background-color: #90CDF4;
}

.bg-blue-400-a-xl:active{
	background-color: #63B3ED;
}

.bg-blue-500-a-xl:active{
	background-color: #4299E1;
}

.bg-blue-600-a-xl:active{
	background-color: #3182CE;
}

.bg-blue-700-a-xl:active{
	background-color: #2B6CB0;
}

.bg-blue-800-a-xl:active{
	background-color: #2C5282;
}

.bg-blue-900-a-xl:active{
	background-color: #2A4365;
}


.bg-teal-100-a-xl:active{
	background-color: #E6FFFA;
}

.bg-teal-200-a-xl:active{
	background-color: #B2F5EA;
}

.bg-teal-300-a-xl:active{
	background-color: #81E6D9;
}

.bg-teal-400-a-xl:active{
	background-color: #4FD1C5;
}

.bg-teal-500-a-xl:active{
	background-color: #38B2AC;
}

.bg-teal-600-a-xl:active{
	background-color: #319795;
}

.bg-teal-700-a-xl:active{
	background-color: #2C7A7B;
}

.bg-teal-800-a-xl:active{
	background-color: #285E61;
}

.bg-teal-900-a-xl:active{
	background-color: #234E52;
}



.bg-pink-100-a-xl:active{
	background-color: #FFF5F7;
}
.bg-pink-200-a-xl:active{
	background-color: #FED7E2;
}

.bg-pink-300-a-xl:active{
	background-color: #FBB6CE;
}

.bg-pink-400-a-xl:active{
	background-color: #F687B3;
}

.bg-pink-500-a-xl:active{
	background-color: #ED64A6;
}

.bg-pink-600-a-xl:active{
	background-color: #D53F8C;
}

.bg-pink-700-a-xl:active{
	background-color: #B83280;
}

.bg-pink-800-a-xl:active{
	background-color: #97266D;
}

.bg-pink-900-a-xl:active{
	background-color: #702459;
}



.bg-indigo-100-a-xl:active{
	background-color: #EBF4FF;
}
.bg-indigo-200-a-xl:active{
	background-color: #C3DAFE;
}
.bg-indigo-300-a-xl:active{
	background-color: #A3BFFA;
}
.bg-indigo-400-a-xl:active{
	background-color: #7F9CF5;
}
.bg-indigo-500-a-xl:active{
	background-color: #667EEA;
}
.bg-indigo-600-a-xl:active{
	background-color: #5A67D8;
}
.bg-indigo-700-a-xl:active{
	background-color: #4C51BF;
}
.bg-indigo-800-a-xl:active{
	background-color: #434190;
}
.bg-indigo-900-a-xl:active{	
	background-color: #3C366B;
}


.bg-green-100-a-xl:active{
	background-color: #F0FFF4;
}

.bg-green-200-a-xl:active{
	background-color: #C6F6D5;
}

.bg-green-300-a-xl:active{
	background-color: #9AE6B4;
}

.bg-green-400-a-xl:active{
	background-color: #68D391;
}

.bg-green-500-a-xl:active{
	background-color: #48BB78;
}

.bg-green-600-a-xl:active{
	background-color: #38A169;
}

.bg-green-700-a-xl:active{
	background-color: #2F855A;
}

.bg-green-800-a-xl:active{
	background-color: #276749;
}

.bg-green-900-a-xl:active{
	background-color: #22543D;
}


.bg-yellow-100-a-xl:active{
	background-color: #FFFFF0;
}

.bg-yellow-200-a-xl:active{
	background-color: #FEFCBF;
}

.bg-yellow-300-a-xl:active{
	background-color: #FAF089;
}

.bg-yellow-400-a-xl:active{
	background-color: #F6E05E;
}

.bg-yellow-500-a-xl:active{
	background-color: #ECC94B;
}

.bg-yellow-600-a-xl:active{
	background-color: #D69E2E;
}

.bg-yellow-700-a-xl:active{
	background-color: #B7791F;
}

.bg-yellow-800-a-xl:active{
	background-color: #975A16;
}

.bg-yellow-900-a-xl:active{
	background-color: #744210;
}



.bg-orange-100-a-xl:active{
	background-color: #FFFAF0;
}

.bg-orange-200-a-xl:active{
	background-color: #FEEBC8;
}

.bg-orange-300-a-xl:active{
	background-color: #FBD38D;
}

.bg-orange-400-a-xl:active{
	background-color: #F6AD55;
}

.bg-orange-500-a-xl:active{
	background-color: #ED8936;
}

.bg-orange-600-a-xl:active{
	background-color: #DD6B20;
}

.bg-orange-700-a-xl:active{
	background-color: #C05621;
}

.bg-orange-800-a-xl:active{
	background-color: #9C4221;
}

.bg-orange-900-a-xl:active{
	background-color: #7B341E;
}



.bg-red-100-a-xl:active{
	background-color: #FFF5F5;
}

.bg-red-200-a-xl:active{
	background-color: #FED7D7;
}

.bg-red-300-a-xl:active{
	background-color: #FEB2B2;
}

.bg-red-400-a-xl:active{
	background-color: #FC8181;
}

.bg-red-500-a-xl:active{
	background-color: #F56565;
}

.bg-red-600-a-xl:active{
	background-color: #E53E3E;
}

.bg-red-700-a-xl:active{
	background-color: #C53030;
}

.bg-red-800-a-xl:active{
	background-color: #9B2C2C;
}

.bg-red-900-a-xl:active{
	background-color: #742A2A;
}



.bg-gray-100-a-xl:active{
	background-color: #F7FAFC;
}

.bg-gray-200-a-xl:active{
	background-color: #EDF2F7;
}

.bg-gray-300-a-xl:active{
	background-color: #E2E8F0;
}

.bg-gray-400-a-xl:active{
	background-color: #CBD5E0;
}

.bg-gray-500-a-xl:active{
	background-color: #A0AEC0;
}

.bg-gray-600-a-xl:active{
	background-color: #718096;
}

.bg-gray-700-a-xl:active{
	background-color: #4A5568;
}

.bg-gray-800-a-xl:active{
	background-color: #2D3748;
}

.bg-gray-900-a-xl:active{
	background-color: #1A202C;
}

.bg-transparent-a-xl:active{
	background-color: transparent;
}

.bg-black-a-xl:active{
	background-color: #000000;
}

.bg-white-a-xl:active{
	background-color: #FFFFFF;
}

.bg-purple-100-h-xl:hover{
	background-color: #FAF5FF;
}

.bg-purple-200-h-xl:hover{
	background-color: #E9D8FD;
}

.bg-purple-300-h-xl:hover{
	background-color: #D6BCFA;
}

.bg-purple-400-h-xl:hover{
	background-color: #B794F4;
}

.bg-purple-500-h-xl:hover{
	background-color: #9F7AEA;
}

.bg-purple-600-h-xl:hover{
	background-color: #805AD5;
}

.bg-purple-700-h-xl:hover{
	background-color: #6B46C1;
}

.bg-purple-800-h-xl:hover{
	background-color: #553C9A;
}

.bg-purple-900-h-xl:hover{
	background-color: #44337A;
}




.bg-blue-100-h-xl:hover{
	background-color: #EBF8FF;
}

.bg-blue-200-h-xl:hover{
	background-color: #BEE3F8;
}

.bg-blue-300-h-xl:hover{
	background-color: #90CDF4;
}

.bg-blue-400-h-xl:hover{
	background-color: #63B3ED;
}

.bg-blue-500-h-xl:hover{
	background-color: #4299E1;
}

.bg-blue-600-h-xl:hover{
	background-color: #3182CE;
}

.bg-blue-700-h-xl:hover{
	background-color: #2B6CB0;
}

.bg-blue-800-h-xl:hover{
	background-color: #2C5282;
}

.bg-blue-900-h-xl:hover{
	background-color: #2A4365;
}


.bg-teal-100-h-xl:hover{
	background-color: #E6FFFA;
}

.bg-teal-200-h-xl:hover{
	background-color: #B2F5EA;
}

.bg-teal-300-h-xl:hover{
	background-color: #81E6D9;
}

.bg-teal-400-h-xl:hover{
	background-color: #4FD1C5;
}

.bg-teal-500-h-xl:hover{
	background-color: #38B2AC;
}

.bg-teal-600-h-xl:hover{
	background-color: #319795;
}

.bg-teal-700-h-xl:hover{
	background-color: #2C7A7B;
}

.bg-teal-800-h-xl:hover{
	background-color: #285E61;
}

.bg-teal-900-h-xl:hover{
	background-color: #234E52;
}



.bg-pink-100-h-xl:hover{
	background-color: #FFF5F7;
}
.bg-pink-200-h-xl:hover{
	background-color: #FED7E2;
}

.bg-pink-300-h-xl:hover{
	background-color: #FBB6CE;
}

.bg-pink-400-h-xl:hover{
	background-color: #F687B3;
}

.bg-pink-500-h-xl:hover{
	background-color: #ED64A6;
}

.bg-pink-600-h-xl:hover{
	background-color: #D53F8C;
}

.bg-pink-700-h-xl:hover{
	background-color: #B83280;
}

.bg-pink-800-h-xl:hover{
	background-color: #97266D;
}

.bg-pink-900-h-xl:hover{
	background-color: #702459;
}



.bg-indigo-100-h-xl:hover{
	background-color: #EBF4FF;
}
.bg-indigo-200-h-xl:hover{
	background-color: #C3DAFE;
}
.bg-indigo-300-h-xl:hover{
	background-color: #A3BFFA;
}
.bg-indigo-400-h-xl:hover{
	background-color: #7F9CF5;
}
.bg-indigo-500-h-xl:hover{
	background-color: #667EEA;
}
.bg-indigo-600-h-xl:hover{
	background-color: #5A67D8;
}
.bg-indigo-700-h-xl:hover{
	background-color: #4C51BF;
}
.bg-indigo-800-h-xl:hover{
	background-color: #434190;
}
.bg-indigo-900-h-xl:hover{	
	background-color: #3C366B;
}


.bg-green-100-h-xl:hover{
	background-color: #F0FFF4;
}

.bg-green-200-h-xl:hover{
	background-color: #C6F6D5;
}

.bg-green-300-h-xl:hover{
	background-color: #9AE6B4;
}

.bg-green-400-h-xl:hover{
	background-color: #68D391;
}

.bg-green-500-h-xl:hover{
	background-color: #48BB78;
}

.bg-green-600-h-xl:hover{
	background-color: #38A169;
}

.bg-green-700-h-xl:hover{
	background-color: #2F855A;
}

.bg-green-800-h-xl:hover{
	background-color: #276749;
}

.bg-green-900-h-xl:hover{
	background-color: #22543D;
}


.bg-yellow-100-h-xl:hover{
	background-color: #FFFFF0;
}

.bg-yellow-200-h-xl:hover{
	background-color: #FEFCBF;
}

.bg-yellow-300-h-xl:hover{
	background-color: #FAF089;
}

.bg-yellow-400-h-xl:hover{
	background-color: #F6E05E;
}

.bg-yellow-500-h-xl:hover{
	background-color: #ECC94B;
}

.bg-yellow-600-h-xl:hover{
	background-color: #D69E2E;
}

.bg-yellow-700-h-xl:hover{
	background-color: #B7791F;
}

.bg-yellow-800-h-xl:hover{
	background-color: #975A16;
}

.bg-yellow-900-h-xl:hover{
	background-color: #744210;
}



.bg-orange-100-h-xl:hover{
	background-color: #FFFAF0;
}

.bg-orange-200-h-xl:hover{
	background-color: #FEEBC8;
}

.bg-orange-300-h-xl:hover{
	background-color: #FBD38D;
}

.bg-orange-400-h-xl:hover{
	background-color: #F6AD55;
}

.bg-orange-500-h-xl:hover{
	background-color: #ED8936;
}

.bg-orange-600-h-xl:hover{
	background-color: #DD6B20;
}

.bg-orange-700-h-xl:hover{
	background-color: #C05621;
}

.bg-orange-800-h-xl:hover{
	background-color: #9C4221;
}

.bg-orange-900-h-xl:hover{
	background-color: #7B341E;
}



.bg-red-100-h-xl:hover{
	background-color: #FFF5F5;
}

.bg-red-200-h-xl:hover{
	background-color: #FED7D7;
}

.bg-red-300-h-xl:hover{
	background-color: #FEB2B2;
}

.bg-red-400-h-xl:hover{
	background-color: #FC8181;
}

.bg-red-500-h-xl:hover{
	background-color: #F56565;
}

.bg-red-600-h-xl:hover{
	background-color: #E53E3E;
}

.bg-red-700-h-xl:hover{
	background-color: #C53030;
}

.bg-red-800-h-xl:hover{
	background-color: #9B2C2C;
}

.bg-red-900-h-xl:hover{
	background-color: #742A2A;
}



.bg-gray-100-h-xl:hover{
	background-color: #F7FAFC;
}

.bg-gray-200-h-xl:hover{
	background-color: #EDF2F7;
}

.bg-gray-300-h-xl:hover{
	background-color: #E2E8F0;
}

.bg-gray-400-h-xl:hover{
	background-color: #CBD5E0;
}

.bg-gray-500-h-xl:hover{
	background-color: #A0AEC0;
}

.bg-gray-600-h-xl:hover{
	background-color: #718096;
}

.bg-gray-700-h-xl:hover{
	background-color: #4A5568;
}

.bg-gray-800-h-xl:hover{
	background-color: #2D3748;
}

.bg-gray-900-h-xl:hover{
	background-color: #1A202C;
}

.bg-transparent-h-xl:hover{
	background-color: transparent;
}

.bg-black-h-xl:hover{
	background-color: #000000;
}

.bg-white-h-xl:hover{
	background-color: #FFFFFF;
}






.outline-none-xl{
	outline:none;
}

.outline-purple-100-xl{
	outline-color: #FAF5FF;
}

.outline-purple-200-xl{
	outline-color: #E9D8FD;
}

.outline-purple-300-xl{
	outline-color: #D6BCFA;
}

.outline-purple-400-xl{
	outline-color: #B794F4;
}

.outline-purple-500-xl{
	outline-color: #9F7AEA;
}

.outline-purple-600-xl{
	outline-color: #805AD5;
}

.outline-purple-700-xl{
	outline-color: #6B46C1;
}

.outline-purple-800-xl{
	outline-color: #553C9A;
}

.outline-purple-900-xl{
	outline-color: #44337A;
}

.outline-blue-100-xl{
	outline-color: #EBF8FF;
}

.outline-blue-200-xl{
	outline-color: #BEE3F8;
}

.outline-blue-300-xl{
	outline-color: #90CDF4;
}

.outline-blue-400-xl{
	outline-color: #63B3ED;
}

.outline-blue-500-xl{
	outline-color: #4299E1;
}

.outline-blue-600-xl{
	outline-color: #3182CE;
}

.outline-blue-700-xl{
	outline-color: #2B6CB0;
}

.outline-blue-800-xl{
	outline-color: #2C5282;
}

.outline-blue-900-xl{
	outline-color: #2A4365;
}


.outline-teal-100-xl{
	outline-color: #E6FFFA;
}

.outline-teal-200-xl{
	outline-color: #B2F5EA;
}

.outline-teal-300-xl{
	outline-color: #81E6D9;
}

.outline-teal-400-xl{
	outline-color: #4FD1C5;
}

.outline-teal-500-xl{
	outline-color: #38B2AC;
}

.outline-teal-600-xl{
	outline-color: #319795;
}

.outline-teal-700-xl{
	outline-color: #2C7A7B;
}

.outline-teal-800-xl{
	outline-color: #285E61;
}

.outline-teal-900-xl{
	outline-color: #234E52;
}



.outline-pink-100-xl{
	outline-color: #FFF5F7;
}
.outline-pink-200-xl{
	outline-color: #FED7E2;
}

.outline-pink-300-xl{
	outline-color: #FBB6CE;
}

.outline-pink-400-xl{
	outline-color: #F687B3;
}

.outline-pink-500-xl{
	outline-color: #ED64A6;
}

.outline-pink-600-xl{
	outline-color: #D53F8C;
}

.outline-pink-700-xl{
	outline-color: #B83280;
}

.outline-pink-800-xl{
	outline-color: #97266D;
}

.outline-pink-900-xl{
	outline-color: #702459;
}



.outline-indigo-100-xl{
	outline-color: #EBF4FF;
}
.outline-indigo-200-xl{
	outline-color: #C3DAFE;
}
.outline-indigo-300-xl{
	outline-color: #A3BFFA;
}
.outline-indigo-400-xl{
	outline-color: #7F9CF5;
}
.outline-indigo-500-xl{
	outline-color: #667EEA;
}
.outline-indigo-600-xl{
	outline-color: #5A67D8;
}
.outline-indigo-700-xl{
	outline-color: #4C51BF;
}
.outline-indigo-800-xl{
	outline-color: #434190;
}
.outline-indigo-900-xl{	
	outline-color: #3C366B;
}


.outline-green-100-xl{
	outline-color: #F0FFF4;
}

.outline-green-200-xl{
	outline-color: #C6F6D5;
}

.outline-green-300-xl{
	outline-color: #9AE6B4;
}

.outline-green-400-xl{
	outline-color: #68D391;
}

.outline-green-500-xl{
	outline-color: #48BB78;
}

.outline-green-600-xl{
	outline-color: #38A169;
}

.outline-green-700-xl{
	outline-color: #2F855A;
}

.outline-green-800-xl{
	outline-color: #276749;
}

.outline-green-900-xl{
	outline-color: #22543D;
}


.outline-yellow-100-xl{
	outline-color: #FFFFF0;
}

.outline-yellow-200-xl{
	outline-color: #FEFCBF;
}

.outline-yellow-300-xl{
	outline-color: #FAF089;
}

.outline-yellow-400-xl{
	outline-color: #F6E05E;
}

.outline-yellow-500-xl{
	outline-color: #ECC94B;
}

.outline-yellow-600-xl{
	outline-color: #D69E2E;
}

.outline-yellow-700-xl{
	outline-color: #B7791F;
}

.outline-yellow-800-xl{
	outline-color: #975A16;
}

.outline-yellow-900-xl{
	outline-color: #744210;
}



.outline-orange-100-xl{
	outline-color: #FFFAF0;
}

.outline-orange-200-xl{
	outline-color: #FEEBC8;
}

.outline-orange-300-xl{
	outline-color: #FBD38D;
}

.outline-orange-400-xl{
	outline-color: #F6AD55;
}

.outline-orange-500-xl{
	outline-color: #ED8936;
}

.outline-orange-600-xl{
	outline-color: #DD6B20;
}

.outline-orange-700-xl{
	outline-color: #C05621;
}

.outline-orange-800-xl{
	outline-color: #9C4221;
}

.outline-orange-900-xl{
	outline-color: #7B341E;
}



.outline-red-100-xl{
	outline-color: #FFF5F5;
}

.outline-red-200-xl{
	outline-color: #FED7D7;
}

.outline-red-300-xl{
	outline-color: #FEB2B2;
}

.outline-red-400-xl{
	outline-color: #FC8181;
}

.outline-red-500-xl{
	outline-color: #F56565;
}

.outline-red-600-xl{
	outline-color: #E53E3E;
}

.outline-red-700-xl{
	outline-color: #C53030;
}

.outline-red-800-xl{
	outline-color: #9B2C2C;
}

.outline-red-900-xl{
	outline-color: #742A2A;
}



.outline-gray-100-xl{
	outline-color: #F7FAFC;
}

.outline-gray-200-xl{
	outline-color: #EDF2F7;
}

.outline-gray-300-xl{
	outline-color: #E2E8F0;
}

.outline-gray-400-xl{
	outline-color: #CBD5E0;
}

.outline-gray-500-xl{
	outline-color: #A0AEC0;
}

.outline-gray-600-xl{
	outline-color: #718096;
}

.outline-gray-700-xl{
	outline-color: #4A5568;
}

.outline-gray-800-xl{
	outline-color: #2D3748;
}

.outline-gray-900-xl{
	outline-color: #1A202C;
}


.outline-black-xl{
	outline-color: #000000;
}

.outline-white-xl{
	outline-color: #FFFFFF;
}


/* RESPONSIVE DESIGN */
.flex-xl{
	display: flex;
}

.justify-center-xl{
	justify-content: center;
}

.justify-end-xl{
	justify-content: flex-end;
}

.justify-start-xl{
	justify-content:flex-start;
}

.justify-evenly-xl{
	justify-content: space-evenly;
}


.justify-around-xl{
	justify-content:space-around;
}

.justify-between-xl{
	justify-content: space-between;
}

.align-items-center-xl{
	align-items: center;
}

.align-items-start-xl{
	align-items: flex-start;
}

.align-items-end-xl{
	align-items: flex-end;
}

.align-items-stretch-xl{
	align-items: stretch;
}

.align-content-center-xl{
	align-items: center;
}

.align-content-start-xl{
	align-items: flex-start;
}

.align-content-end-xl{
	align-items: flex-end;
}

.align-content-stretch-xl{
	align-items: stretch;
}

.align-self-center-xl{
	align-items: center;
}

.align-self-start-xl{
	align-items: flex-start;
}

.align-self-end-xl{
	align-items: flex-end;
}

.align-self-stretch-xl{
	align-items: stretch;
}

.text-right-xl{
	text-align: right;
}

.text-left-xl{
	text-align: left;
}

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

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

.z-10-xl{
	z-index:10;
}

.z-20-xl{
	z-index: 20;
}

.z-30-xl{
	z-index: 30;
}

.z-40-xl{
	z-index: 40;
}

.z-50-xl{
	z-index: 50;
}

.z-60-xl{
	z-index: 60;
}

.z-70-xl{
	z-index: 70;
}

.z-80-xl{
	z-index: 80;
}

.z-90-xl{
	z-index: 90;
}

.z-100-xl{
	z-index: 100;
}

.z-inherit-xl{
	z-index: inherit;
}

.z-intial-xl{
	z-index: initial;
}

.z-auto-xl{
	z-index: auto;
}

.flex-wrap-xl{
	flex-wrap: wrap;
}

.flex-nowrap-xl{
	flex-wrap: nowrap;
}

.flex-Rwrap-xl{
	flex-wrap: wrap-reverse;
}

.flex-column-xl{
	flex-direction: column;
}

.flex-Rcolumn-xl{
	flex-direction: column-reverse;
}

.flex-row-xl{
	flex-direction: row;
}

.flex-Rrow-xl{
	flex-direction: row-reverse;
}

.flex-grow-xl{
	flex-grow: 1;
}

.flex-grow-0-xl{
	flex-grow: 0;
}

.flex-shrink-xl{
	flex-shrink: 1;
}

.flex-shrink-0-xl{
	flex-shrink: 0;
}

.order-first-xl{
	order: -9999;
}

.order-last-xl{
	order: 9999;
}

.order-none-xl{
	order: 0;
}

.order-1-xl{
	order: 1;
}

.order-2-xl{
	order: 2;
}

.order-3-xl{
	order: 3;
}

.order-4-xl{
	order: 4;
}

.order-5-xl{
	order: 5;
}

.order-6-xl{
	order: 6;
}

.order-7-xl{
	order: 7;
}

.order-8-xl{
	order: 8;
}

.order-9-xl{
	order: 9;
}


/* HEIGHT */

.max-h-0-xl{
	max-height: 0;
}

.h-auto-xl{
	height: auto;
}

.max-h-100-xl{
	max-height: 100%;
}

.h-content-xl{
	height: max-content;
}

.vh-1-xl{
	height:1vh;
}

.vh-10-xl{
	height:10vh;
}

.vh-20-xl{
	height:20vh;
}

.vh-30-xl{
	height:30vh;
}

.vh-40-xl{
	height:40vh;
}

.vh-50-xl{
	height:50vh;
}

.vh-60-xl{
	height:60vh;
}

.vh-70-xl{
	height:70vh;
}

.vh-80-xl{
	height:80vh;
}

.vh-90-xl{
	height:90vh;
}

.vh-100-xl{
	height:100vh;
}

/*percentage */
.h-1-xl{
	height:1%;
}

.h-10-xl{
	height:10%;
}

.h-20-xl{
	height:20%;
}

.h-30-xl{
	height:30%;
}

.h-40-xl{
	height:40%;
}

.h-50-xl{
	height:50%;
}

.h-60-xl{
	height:60%;
}

.h-70-xl{
	height:70%;
}

.h-80-xl{
	height:80%;
}

.h-90-xl{
	height:90%;
}

.h-100-xl{
	height:100%;
}


/* MARGIN */


/* =========================================================================================
====================================================================================================== */


.m-0-xl{
	margin: 0;
}

.m-1-xl{
	margin: 5px;
}

.m-2-xl{
	margin: 10px;
}

.m-3-xl{
	margin: 15px;
}

.m-4-xl{
	margin: 20px;
}

.m-5-xl{
	margin: 25px;
}

.m-6-xl{
	margin: 30px;
}

.m-7-xl{
	margin: 35px;
}

.m-8-xl{
	margin: 40px;
}

.m-9-xl{
	margin: 45px;
}

.m-10-xl{
	margin: 50px;
}


.m-11-xl{
	margin: 55px;
}

.m-12-xl{
	margin: 60px;
}

.m-13-xl{
	margin: 65px;
}

.m-14-xl{
	margin: 70px;
}

.m-15-xl{
	margin: 75px;
}

.m-16-xl{
	margin: 80px;
}

.m-17-xl{
	margin: 85px;
}

.m-18-xl{
	margin: 90px;
}

.m-19-xl{
	margin: 95px;
}

.m-20-xl{
	margin: 100px;
}

/* NORMAL MARGIN END */




/* MARGIN TOP */
.mt-0-xl{
	margin-top: 0;
}

.mt-1-xl{
	margin-top: 5px;
}

.mt-2-xl{
	margin-top: 10px;
}

.mt-3-xl{
	margin-top: 15px;
}

.mt-4-xl{
	margin-top: 20px;
}

.mt-5-xl{
	margin-top: 25px;
}

.mt-6-xl{
	margin-top: 30px;
}

.mt-7-xl{
	margin-top: 35px;
}

.mt-8-xl{
	margin-top: 40px;
}

.mt-9-xl{
	margin-top: 45px;
}

.mt-10-xl{
	margin-top: 50px;
}


.mt-11-xl{
	margin-top: 55px;
}

.mt-12-xl{
	margin-top: 60px;
}

.mt-13-xl{
	margin-top: 65px;
}

.mt-14-xl{
	margin-top: 70px;
}

.mt-15-xl{
	margin-top: 75px;
}

.mt-16-xl{
	margin-top: 80px;
}

.mt-17-xl{
	margin-top: 85px;
}

.mt-18-xl{
	margin-top: 90px;
}

.mt-19-xl{
	margin-top: 95px;
}

.mt-20-xl{
	margin-top: 100px;
}


/* MRGIN BOTTOM */

.mb-0-xl{
	margin-bottom: 0;
}

.mb-1-xl{
	margin-bottom: 5px;
}

.mb-2-xl{
	margin-bottom: 10px;
}

.mb-3-xl{
	margin-bottom: 15px;
}

.mb-4-xl{
	margin-bottom: 20px;
}

.mb-5-xl{
	margin-bottom: 25px;
}

.mb-6-xl{
	margin-bottom: 30px;
}

.mb-7-xl{
	margin-bottom: 35px;
}

.mb-8-xl{
	margin-bottom: 40px;
}

.mb-9-xl{
	margin-bottom: 45px;
}

.mb-10-xl{
	margin-bottom: 50px;
}


.mb-11-xl{
	margin-bottom: 55px;
}

.mb-12-xl{
	margin-bottom: 60px;
}

.mb-13-xl{
	margin-bottom: 65px;
}

.mb-14-xl{
	margin-bottom: 70px;
}

.mb-15-xl{
	margin-bottom: 75px;
}

.mb-16-xl{
	margin-bottom: 80px;
}

.mb-17-xl{
	margin-bottom: 85px;
}

.mb-18-xl{
	margin-bottom: 90px;
}

.mb-19-xl{
	margin-bottom: 95px;
}

.mb-20-xl{
	margin-bottom: 100px;
}


/* MRGIN RIGHT */
.mr-0-xl{
	margin-right: 0;
}

.mr-1-xl{
	margin-right: 5px;
}

.mr-2-xl{
	margin-right: 10px;
}

.mr-3-xl{
	margin-right: 15px;
}

.mr-4-xl{
	margin-right: 20px;
}

.mr-5-xl{
	margin-right: 25px;
}

.mr-6-xl{
	margin-right: 30px;
}

.mr-7-xl{
	margin-right: 35px;
}

.mr-8-xl{
	margin-right: 40px;
}

.mr-9-xl{
	margin-right: 45px;
}

.mr-10-xl{
	margin-right: 50px;
}


.mr-11-xl{
	margin-right: 55px;
}

.mr-12-xl{
	margin-right: 60px;
}

.mr-13-xl{
	margin-right: 65px;
}

.mr-14-xl{
	margin-right: 70px;
}

.mr-15-xl{
	margin-right: 75px;
}

.mr-16-xl{
	margin-right: 80px;
}

.mr-17-xl{
	margin-right: 85px;
}

.mr-18-xl{
	margin-right: 90px;
}

.mr-19-xl{
	margin-right: 95px;
}

.mr-20-xl{
	margin-right: 100px;
}


/* MARGIN LEFT */

.ml-0-xl{
	margin-left: 0;
}

.ml-1-xl{
	margin-left: 5px;
}

.ml-2-xl{
	margin-left: 10px;
}

.ml-3-xl{
	margin-left: 15px;
}

.ml-4-xl{
	margin-left: 20px;
}

.ml-5-xl{
	margin-left: 25px;
}

.ml-6-xl{
	margin-left: 30px;
}

.ml-7-xl{
	margin-left: 35px;
}

.ml-8-xl{
	margin-left: 40px;
}

.ml-9-xl{
	margin-left: 45px;
}

.ml-10-xl{
	margin-left: 50px;
}


.ml-11-xl{
	margin-left: 55px;
}

.ml-12-xl{
	margin-left: 60px;
}

.ml-13-xl{
	margin-left: 65px;
}

.ml-14-xl{
	margin-left: 70px;
}

.ml-15-xl{
	margin-left: 75px;
}

.ml-16-xl{
	margin-left: 80px;
}

.ml-17-xl{
	margin-left: 85px;
}

.ml-18-xl{
	margin-left: 90px;
}

.ml-19-xl{
	margin-left: 95px;
}

.ml-20-xl{
	margin-left: 100px;
}


/* MARGIN Y-AXIS */

.my-0-xl{
	margin-bottom:0;
	margin-top: 0;
}

.my-1-xl{
	margin-top:  5px;
	margin-bottom: 5px;
}

.my-2-xl{
	margin-top: 10px;
	margin-bottom:10px;
}

.my-3-xl{
	margin-top: 15px;
	margin-bottom:15px;
}

.my-4-xl{
	margin-top: 20px;
	margin-bottom:20px;
}

.my-5-xl{
	margin-top:  25px;
	margin-bottom: 25px;
}

.my-6-xl{
	margin-top: 30px;
	margin-bottom:30px;
}

.my-7-xl{
	margin-top:  35px;
	margin-bottom: 35px;
}

.my-8-xl{
	margin-top: 40px;
	margin-bottom:40px;
}

.my-9-xl{
	margin-top:  45px;
	margin-bottom: 45px;
}

.my-10-xl{
	margin-top: 50px;
	margin-bottom:50px;
}

.my-11-xl{
	margin-top: 55px;
	margin-bottom:55px;
}

.my-12-xl{
	margin-top: 60px;
	margin-bottom:60px;
}

.my-13-xl{
	margin-top: 65px;
	margin-bottom:65px;
}

.my-14-xl{
	margin-top: 70px;
	margin-bottom:70px;
}

.my-15-xl{
	margin-top:  75px;
	margin-bottom: 75px;
}

.my-16-xl{
	margin-top: 80px;
	margin-bottom:80px;
}

.my-17-xl{
	margin-top:  85px;
	margin-bottom: 85px;
}

.my-18-xl{
	margin-top: 90px;
	margin-bottom:90px;
}

.my-19-xl{
	margin-top:  95px;
	margin-bottom: 95px;
}

.my-20-xl{
	margin-top: 100px;
	margin-bottom:100px;
}



/* MARGIN X-AXIS */
.mx-0-xl{
	margin-right:0;
	margin-left:0;
}

.mx-1-xl{
	margin-right:  5px;
	margin-left: 5px;
}

.mx-2-xl{
	margin-right: 10px;
	margin-left:10px;
}

.mx-3-xl{
	margin-right: 15px;
	margin-left:15px;
}

.mx-4-xl{
	margin-right: 20px;
	margin-left:20px;
}

.mx-5-xl{
	margin-right:  25px;
	margin-left: 25px;
}

.mx-6-xl{
	margin-right: 30px;
	margin-left:30px;
}

.mx-7-xl{
	margin-right:  35px;
	margin-left: 35px;
}

.mx-8-xl{
	margin-right: 40px;
	margin-left:40px;
}

.mx-9-xl{
	margin-right:  45px;
	margin-left: 45px;
}

.mx-10-xl{
	margin-right: 50px;
	margin-left:50px;
}

.mx-11-xl{
	margin-right: 55px;
	margin-left:55px;
}

.mx-12-xl{
	margin-right: 60px;
	margin-left:60px;
}

.mx-13-xl{
	margin-right: 65px;
	margin-left:65px;
}

.mx-14-xl{
	margin-right: 70px;
	margin-left:70px;
}

.mx-15-xl{
	margin-right:  75px;
	margin-left: 75px;
}

.mx-16-xl{
	margin-right: 80px;
	margin-left:80px;
}

.mx-17-xl{
	margin-right:  85px;
	margin-left: 85px;
}

.mx-18-xl{
	margin-right: 90px;
	margin-left:90px;
}

.mx-19-xl{
	margin-right:  95px;
	margin-left: 95px;
}

.mx-20-xl{
	margin-right: 100px;
	margin-left:100px;
}




/* PADDING */
/* =============================================================================================================
======================================================================================================= */
.p-0-xl{
	padding: 0;
}

.p-1-xl{
	padding: 5px;
}

.p-2-xl{
	padding: 10px;
}

.p-3-xl{
	padding: 15px;
}

.p-4-xl{
	padding: 20px;
}

.p-5-xl{
	padding: 25px;
}

.p-6-xl{
	padding: 30px;
}

.p-7-xl{
	padding: 35px;
}

.p-8-xl{
	padding: 40px;
}

.p-9-xl{
	padding: 45px;
}

.p-10-xl{
	padding: 50px;
}


.p-11-xl{
	padding: 55px;
}

.p-12-xl{
	padding: 60px;
}

.p-13-xl{
	padding: 65px;
}

.p-14-xl{
	padding: 70px;
}

.p-15-xl{
	padding: 75px;
}

.p-16-xl{
	padding: 80px;
}

.p-17-xl{
	padding: 85px;
}

.p-18-xl{
	padding: 90px;
}

.p-19-xl{
	padding: 95px;
}

.p-20-xl{
	padding: 100px;
}

/* NORMAL padding END */




/* padding TOP */
.pt-0-xl{
	padding-top: 0;
}

.pt-1-xl{
	padding-top: 5px;
}

.pt-2-xl{
	padding-top: 10px;
}

.pt-3-xl{
	padding-top: 15px;
}

.pt-4-xl{
	padding-top: 20px;
}

.pt-5-xl{
	padding-top: 25px;
}

.pt-6-xl{
	padding-top: 30px;
}

.pt-7-xl{
	padding-top: 35px;
}

.pt-8-xl{
	padding-top: 40px;
}

.pt-9-xl{
	padding-top: 45px;
}

.pt-10-xl{
	padding-top: 50px;
}


.pt-11-xl{
	padding-top: 55px;
}

.pt-12-xl{
	padding-top: 60px;
}

.pt-13-xl{
	padding-top: 65px;
}

.pt-14-xl{
	padding-top: 70px;
}

.pt-15-xl{
	padding-top: 75px;
}

.pt-16-xl{
	padding-top: 80px;
}

.pt-17-xl{
	padding-top: 85px;
}

.pt-18-xl{
	padding-top: 90px;
}

.pt-19-xl{
	padding-top: 95px;
}

.pt-20-xl{
	padding-top: 100px;
}






/* MRGIN BOTTOM */

.pb-0-xl{
	padding-bottom: 0;
}

.pb-1-xl{
	padding-bottom: 5px;
}

.pb-2-xl{
	padding-bottom: 10px;
}

.pb-3-xl{
	padding-bottom: 15px;
}

.pb-4-xl{
	padding-bottom: 20px;
}

.pb-5-xl{
	padding-bottom: 25px;
}

.pb-6-xl{
	padding-bottom: 30px;
}

.pb-7-xl{
	padding-bottom: 35px;
}

.pb-8-xl{
	padding-bottom: 40px;
}

.pb-9-xl{
	padding-bottom: 45px;
}

.pb-10-xl{
	padding-bottom: 50px;
}


.pb-11-xl{
	padding-bottom: 55px;
}

.pb-12-xl{
	padding-bottom: 60px;
}

.pb-13-xl{
	padding-bottom: 65px;
}

.pb-14-xl{
	padding-bottom: 70px;
}

.pb-15-xl{
	padding-bottom: 75px;
}

.pb-16-xl{
	padding-bottom: 80px;
}

.pb-17-xl{
	padding-bottom: 85px;
}

.pb-18-xl{
	padding-bottom: 90px;
}

.pb-19-xl{
	padding-bottom: 95px;
}

.pb-20-xl{
	padding-bottom: 100px;
}


/* MRGIN RIGHT */
.pr-0-xl{
	padding-right: 0;
}

.pr-1-xl{
	padding-right: 5px;
}

.pr-2-xl{
	padding-right: 10px;
}

.pr-3-xl{
	padding-right: 15px;
}

.pr-4-xl{
	padding-right: 20px;
}

.pr-5-xl{
	padding-right: 25px;
}

.pr-6-xl{
	padding-right: 30px;
}

.pr-7-xl{
	padding-right: 35px;
}

.pr-8-xl{
	padding-right: 40px;
}

.pr-9-xl{
	padding-right: 45px;
}

.pr-10-xl{
	padding-right: 50px;
}


.pr-11-xl{
	padding-right: 55px;
}

.pr-12-xl{
	padding-right: 60px;
}

.pr-13-xl{
	padding-right: 65px;
}

.pr-14-xl{
	padding-right: 70px;
}

.pr-15-xl{
	padding-right: 75px;
}

.pr-16-xl{
	padding-right: 80px;
}

.pr-17-xl{
	padding-right: 85px;
}

.pr-18-xl{
	padding-right: 90px;
}

.pr-19-xl{
	padding-right: 95px;
}

.pr-20-xl{
	padding-right: 100px;
}


/* padding LEFT */

.pl-0-xl{
	padding-left: 0;
}

.pl-1-xl{
	padding-left: 5px;
}

.pl-2-xl{
	padding-left: 10px;
}

.pl-3-xl{
	padding-left: 15px;
}

.pl-4-xl{
	padding-left: 20px;
}

.pl-5-xl{
	padding-left: 25px;
}

.pl-6-xl{
	padding-left: 30px;
}

.pl-7-xl{
	padding-left: 35px;
}

.pl-8-xl{
	padding-left: 40px;
}

.pl-9-xl{
	padding-left: 45px;
}

.pl-10-xl{
	padding-left: 50px;
}


.pl-11-xl{
	padding-left: 55px;
}

.pl-12-xl{
	padding-left: 60px;
}

.pl-13-xl{
	padding-left: 65px;
}

.pl-14-xl{
	padding-left: 70px;
}

.pl-15-xl{
	padding-left: 75px;
}

.pl-16-xl{
	padding-left: 80px;
}

.pl-17-xl{
	padding-left: 85px;
}

.pl-18-xl{
	padding-left: 90px;
}

.pl-19-xl{
	padding-left: 95px;
}

.pl-20-xl{
	padding-left: 100px;
}


/* padding Y-AXIS */

.py-0-xl{
	padding-bottom:0;
	padding-top: 0;
}

.py-1-xl{
	padding-top:  5px;
	padding-bottom: 5px;
}

.py-2-xl{
	padding-top: 10px;
	padding-bottom:10px;
}

.py-3-xl{
	padding-top: 15px;
	padding-bottom:15px;
}

.py-4-xl{
	padding-top: 20px;
	padding-bottom:20px;
}

.py-5-xl{
	padding-top:  25px;
	padding-bottom: 25px;
}

.py-6-xl{
	padding-top: 30px;
	padding-bottom:30px;
}

.py-7-xl{
	padding-top:  35px;
	padding-bottom: 35px;
}

.py-8-xl{
	padding-top: 40px;
	padding-bottom:40px;
}

.py-9-xl{
	padding-top:  45px;
	padding-bottom: 45px;
}

.py-10-xl{
	padding-top: 50px;
	padding-bottom:50px;
}

.py-11-xl{
	padding-top: 55px;
	padding-bottom:55px;
}

.py-12-xl{
	padding-top: 60px;
	padding-bottom:60px;
}

.py-13-xl{
	padding-top: 65px;
	padding-bottom:65px;
}

.py-14-xl{
	padding-top: 70px;
	padding-bottom:70px;
}

.py-15-xl{
	padding-top:  75px;
	padding-bottom: 75px;
}

.py-16-xl{
	padding-top: 80px;
	padding-bottom:80px;
}

.py-17-xl{
	padding-top:  85px;
	padding-bottom: 85px;
}

.py-18-xl{
	padding-top: 90px;
	padding-bottom:90px;
}

.py-19-xl{
	padding-top:  95px;
	padding-bottom: 95px;
}

.py-20-xl{
	padding-top: 100px;
	padding-bottom:100px;
}



/* padding X-AXIS */
.px-0-xl{
	padding-right:0;
	padding-left: 0;
}

.px-1-xl{
	padding-right:  5px;
	padding-left: 5px;
}

.px-2-xl{
	padding-right: 10px;
	padding-left:10px;
}

.px-3-xl{
	padding-right: 15px;
	padding-left:15px;
}

.px-4-xl{
	padding-right: 20px;
	padding-left:20px;
}

.px-5-xl{
	padding-right:  25px;
	padding-left: 25px;
}

.px-6-xl{
	padding-right: 30px;
	padding-left:30px;
}

.px-7-xl{
	padding-right:  35px;
	padding-left: 35px;
}

.px-8-xl{
	padding-right: 40px;
	padding-left:40px;
}

.px-9-xl{
	padding-right:  45px;
	padding-left: 45px;
}

.px-10-xl{
	padding-right: 50px;
	padding-left:50px;
}

.px-11-xl{
	padding-right: 55px;
	padding-left:55px;
}

.px-12-xl{
	padding-right: 60px;
	padding-left:60px;
}

.px-13-xl{
	padding-right: 65px;
	padding-left:65px;
}

.px-14-xl{
	padding-right: 70px;
	padding-left:70px;
}

.px-15-xl{
	padding-right:  75px;
	padding-left: 75px;
}

.px-16-xl{
	padding-right: 80px;
	padding-left:80px;
}

.px-17-xl{
	padding-right:  85px;
	padding-left: 85px;
}

.px-18-xl{
	padding-right: 90px;
	padding-left:90px;
}

.px-19-xl{
	padding-right:  95px;
	padding-left: 95px;
}

.px-20-xl{
	padding-right: 100px;
	padding-left:100px;
}


/* END OF PADDING AND MARGIN */




.bold-xl{
	font-weight: bold;
}

.bolder-xl{
	font-weight: bolder;
}

.font-normal-xl{
	font-weight: normal;
}

.font-weight-inherit-xl{
	font-weight: initial;
}

.bold-h-xl:hover{
	font-weight: bold;
}

.bolder-h-xl:hover{
	font-weight: bolder;
}

.font-normal-h-xl:hover{
	font-weight: normal;
}

/* WIDTH */

/* ================================================================================================== */

.max-w-100-xl{
	max-width: 100%;
}

.max-w-0-xl{
	max-width: 0;
}

.w-auto-xl{
	width: auto;
}

.w-max-content-xl{
	width: max-content;
}



/* SCREEN VIEW WIDTH */
.vw-1-xl{
	width:1vw;
}

.vw-10-xl{
	width:10vw;
}

.vw-20-xl{
	width:20vw;
}

.vw-30-xl{
	width:30vw;
}

.vw-40-xl{
	width:40vw;
}

.vw-50-xl{
	width:50vw;
}

.vw-60-xl{
	width:60vw;
}

.vw-70-xl{
	width:70vw;
}

.vw-80-xl{
	width:80vw;
}

.vw-90-xl{
	width:90vw;
}

.vw-100-xl{
	width:100vw;
}



/* PERCENTAGE VIEW FOR WIDTH */
.w-1-xl{
	width:1%;
}

.w-10-xl{
	width:10%;
}

.w-20-xl{
	width:20%;
}

.w-30-xl{
	width:30%;
}

.w-40-xl{
	width:40%;
}

.w-50-xl{
	width:50%;
}

.w-60-xl{
	width:60%;
}

.w-70-xl{
	width:70%;
}

.w-80-xl{
	width:80%;
}

.w-90-xl{
	width:90%;
}

.w-100-xl{
	width:100%;
}

/* ====================================== END OF WIDTH =============================================== */


/* VISIBILITY */

.visible-xl{
	visibility: visible;
}

.invisible-xl{
	visibility: hidden;
}

.visible-h-xl:hover{
	visibility: visible;
}

.invisible-h-xl:hover{
	visibility: hidden;
}

/* ====================================== END OF VISIBLITY =============================================== */


/* DISPLAYS */

.d-none-xl{
	display: none;
}

.d-flex-xl{
	display: flex;
}

.d-block-xl{
	display: block;
}

.d-inline-xl{
	display: inline;
}

.d-inline-block-xl{
	display: inline-block;
}

.d-inline-flex-xl{
	display: inline-flex;
}

.d-grid-xl{
	display: grid;
}

.d-inline-grid-xl{
	display: inline-grid;
	display: -ms-inline-grid;
	display: -moz-inline-grid;
}


/* ====================================== END OF DISPLAY =======================================



/* POSITIONING */

.pos-fixed-xl{
	position: fixed;
}

.fixed-top-xl{
	position: fixed;
	top: 0;
}

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

.left-0-xl{
	left: 0;
}

.right-xl{
	right: 0;
}

.pos-sticky-xl{
	position: sticky;
}

.sticky-top-xl{
	position: sticky;
	top: 0;
}

.sticky-bottom-xl{
	position: sticky;
	bottom: 0;
}

.pos-relative-xl{
	position: relative;
}

.pos-absolute-xl{
	position:absolute;
}

.pos-static-xl{
	position: static;
}

.bg-mask-xl{
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}

/* ================================== END OF POSITIONING =============================================== */


/* FONT-SIZE */

.text-xs-xl{
	font-size: 11px;
}

.text-sm-xl{
	font-size: 13px;
}

.text-md-xl{
	font-size: 	15px;
}

.text-lg-xl{
	font-size: 17px;
}

.text-xl-xl{
	font-size: 1.19rem;
}

.text-xl-1-xl{
	font-size: 1.29rem;
}

.text-xl-2-xl{
	font-size: 1.39rem;
}

.text-xl-3-xl{
	font-size: 1.5rem;
}

.text-xl-4-xl{
	font-size: 1.62rem;
}

.text-xl-5-xl{
	font-size: 1.73rem;
}

.text-xl-6-xl{
	font-size: 1.86rem;
}

.text-xl-7-xl{
	font-size: 1.98rem;
}

.text-xl-8-xl{
	font-size: 2.12rem;
}

.text-xl-9-xl{
	font-size: 2.35rem;
}

.text-xl-10-xl{
	font-size: 2.75rem;
}

/* =============================================== END OF FONT-SIZE ===========================================*/


/* SMOOTH FONT */
.smooth-xl{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}		

.auto-smooth-xl{
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto;
}

.italic-xl{
	font-style: italic;
}

.oblique-xl{
	font-style: oblique;
}

.text-normal-xl{
	font-style: normal;
}

.underlined-xl{
	text-decoration: underline;
}

.crossed-xl{
	text-decoration: line-through;
}

.overlined-xl{
	text-decoration: overline;
}

.wavy-xl{
	text-decoration: wavy;
}

.text-decoration-none-xl{
	text-decoration: none;
}


/*  LETTER SPACING   */
.letters-tighter-xl{
	letter-spacing: -0.09rem;
}

.letters-tight-xl{
	letter-spacing: -0.03rem;
}

.letters-normal-xl{
	letter-spacing: 0rem;
}

.letters-wide-xl{
	letter-spacing: 0.09rem;
}

.letters-wider-xl{
	letter-spacing: 0.15rem;;
}

.line-0-xl{
	line-height: normal;
}

.line-1-xl{
	line-height: 1rem;
}

.line-2-xl{
	line-height: 1.5rem;
}

.line-3-xl{
	line-height: 2rem;
}

.line-4-xl{
	line-height: 2.5rem;
}


.uppercase-xl{
	text-transform: uppercase;
}

.lowercase-xl{
	text-transform: lowercase;
}

.capitalize-xl{
	text-transform: capitalize;
}

.normal-case-xl{
	text-transform: none;
}

.whitespace-normal-xl{
	white-space: normal;
}

.whitespace-nowrap-xl{
	white-space: nowrap;
}

.whitespace-pre-xl{
	white-space: pre;
}

.whitespace-pre-line-xl{
	white-space: pre-line;
}
	
.whitespace-pre-wrap-xl{
	white-space: pre-wrap;
}

.word-break-normal-xl{
	word-break: normal;
	overflow-wrap: normal
}

.break-words-xl{
	overflow-wrap: break-word;
}

.break-all-xl{
	word-break: break-all;
}

.truncate-text-xl{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

/* BAGKGROUND*/
.no-repeat-xl{
	background-repeat: no-repeat;
}

.bg-attachment-fixed-xl{
	background-attachment: fixed;
}

.bg-attachment-scroll-xl{
	background-attachment: scroll;
}

.bg-attachment-local-xl{
	background-attachment: local;
}

.bg-center-xl{
	background-position: center;
}

.bg-left-xl{
	background-position: left;
}

.bg-right-xl{
	background-position: right;
}

.bg-left-bottom-xl{
	background-position: left bottom;
}

.bg-right-bottom-xl{
	-webkit-background-composite: left top;
}

.bg-left-top-xl{
	background-position: right bottom;
}

.bg-right-top-xl{
	-webkit-background-composite: right top;
}


.bg-auto-xl{
	background-size: auto;
}

.bg-cover-xl{
	background-size: cover;
}

.bg-contain-xl{
	background-size: contain;
}


/* shadow */
.shadow-normal-xl{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-xl{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-xl{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-xl{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-xl{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-xl{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-xl{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-xl{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-xl{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-xl{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-xl{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-xl{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-xl{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-xl{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-xl{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-xl{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-xl{
	box-shadow: none;
}

.opacity-100-xl{
	opacity: 100%;
}

.opacity-10-xl{
	opacity: 10%;
}

.opacity-20-xl{
	opacity: 20%;
}

.opacity-30-xl{
	opacity: 30%;
}

.opacity-40-xl{
	opacity: 40%;
}

.opacity-50-xl{
	opacity: 50%;
}

.opacity-60-xl{
	opacity: 60%;
}

.opacity-70-xl{
	opacity: 70%;
}

.opacity-80-xl{
	opacity: 80%;
}

.opacity-90-xl{
	opacity: 90%;
}

.opacity-0-xl{
	opacity: 0%;
}

.shadow-normal-h-xl:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-h-xl:hover{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-h-xl:hover{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-h-xl:hover{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-h-xl:hover{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-h-xl:hover{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-h-xl:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-h-xl:hover{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-h-xl:hover{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-h-xl:hover{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-h-xl:hover{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-h-xl:hover{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-h-xl:hover{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-h-xl:hover{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-h-xl:hover{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-h-xl:hover{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-h-xl:hover{
	box-shadow: none;
}

.opacity-100-h-xl:hover{
	opacity: 100%;
}

.opacity-10-h-xl:hover{
	opacity: 10%;
}

.opacity-20-h-xl:hover{
	opacity: 20%;
}

.opacity-30-h-xl:hover{
	opacity: 30%;
}

.opacity-40-h-xl:hover{
	opacity: 40%;
}

.opacity-50-h-xl:hover{
	opacity: 50%;
}

.opacity-60-h-xl:hover{
	opacity: 60%;
}

.opacity-70-h-xl:hover{
	opacity: 70%;
}

.opacity-80-h-xl:hover{
	opacity: 80%;
}

.opacity-90-h-xl:hover{
	opacity: 90%;
}

.opacity-0-h-xl:hover{
	opacity: 0%;
}


.shadow-normal-a-xl:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-a-xl:active{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-a-xl:active{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-a-xl:active{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-a-xl:active{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-a-xl:active{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-a-xl:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-a-xl:active{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-a-xl:active{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-a-xl:active{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-a-xl:active{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-a-xl:active{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-a-xl:active{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-a-xl:active{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-a-xl:active{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-a-xl:active{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-a-xl:active{
	box-shadow: none;
}

.opacity-100-a-xl:active{
	opacity: 100%;
}

.opacity-10-a-xl:active{
	opacity: 10%;
}

.opacity-20-a-xl:active{
	opacity: 20%;
}

.opacity-30-a-xl:active{
	opacity: 30%;
}

.opacity-40-a-xl:active{
	opacity: 40%;
}

.opacity-50-a-xl:active{
	opacity: 50%;
}

.opacity-60-a-xl:active{
	opacity: 60%;
}

.opacity-70-a-xl:active{
	opacity: 70%;
}

.opacity-80-a-xl:active{
	opacity: 80%;
}

.opacity-90-a-xl:active{
	opacity: 90%;
}

.opacity-0-a-xl:active{
	opacity: 0%;
}



/* LISTS */

.list-none-xl{
	list-style-type: none;
}

.list-disc-xl{
	list-style-type: disc;
}

.list-number-xl{
	list-style-type:decimal;
}

.list-roman-xl{
	list-style-type:lower-roman;
}

.list-alpha-xl{
	list-style-type: lower-alpha;
}

.list-in-xl{
	list-style-position: inside;
}

.list-out-xl{
	list-style-position: outside;
}

/* ==================================== END OF LIST ========================================================= */

.cursor-auto-xl{
	cursor: auto;
}

.cursor-default-xl{
	cursor: default;
}

.cursor-pointer-xl{
	cursor: pointer;
}

.cursor-wait-xl{
	cursor: wait;
}

.cursor-text-xl{
	cursor: text;
}

.cursor-move-xl{
	cursor: move;
}

.cursor-not-allowed-xl{
	cursor: not-allowed;
}

.pointer-events-none-xl{
	pointer-events: none;
}

.pointer-events-auto-xl{
	pointer-events: auto;
}


.select-none-xl{
	user-select: none;
}

.select-text-xl{
	user-select: text;
}

.select-all-xl{
	user-select: all;
}

.select-auto-xl{
	user-select: auto;
}

/* OVERFLOW */
.overflow-hidden-xl{
	overflow: hidden;
}

.overflow-scroll-xl{
	overflow: scroll;
}

.overflow-auto-xl{
	overflow: auto;
}

.oveflow-visible-xl{
	overflow: visible;
}

.overflow-inherit-xl{
	overflow: inherit;
}

.overflow-y-hidden-xl{
	overflow-y: hidden;
}

.overflow-y-scroll-xl{
	overflow-y: scroll;
}

.overflow-y-auto-xl{
	overflow-y: auto;
}

.oveflow-y-visible-xl{
	overflow-y: visible;
}

.overflow-y-inherit-xl{
	overflow-y: inherit;
}

.overflow-x-hidden-xl{
	overflow-x: hidden;
}

.overflow-x-scroll-xl{
	overflow-x: scroll;
}

.overflow-x-auto-xl{
	overflow-x: auto;
}

.oveflow-x-visible-xl{
	overflow-x: visible;
}

.overflow-x-inherit-xl{
	overflow-x: inherit;
}

.overflow-hidden-h-xl:hover{
	overflow: hidden;
}

.overflow-scroll-h-xl:hover{
	overflow: scroll;
}

.overflow-auto-h-xl:hover{
	overflow: auto;
}

.oveflow-visible-h-xl:hover{
	overflow: visible;
}

.overflow-inherit-h-xl:hover{
	overflow: inherit;
}

.overflow-y-hidden-h-xl:hover{
	overflow-y: hidden;
}

.overflow-y-scroll-h-xl:hover{
	overflow-y: scroll;
}

.overflow-y-auto-h-xl:hover{
	overflow-y: auto;
}

.oveflow-y-visible-h-xl:hover{
	overflow-y: visible;
}

.overflow-y-inherit-h-xl:hover{
	overflow-y: inherit;
}

.overflow-x-hidden-h-xl:hover{
	overflow-x: hidden;
}

.overflow-x-scroll-h-xl:hover{
	overflow-x: scroll;
}

.overflow-x-auto-h-xl:hover{
	overflow-x: auto;
}

.oveflow-x-visible-h-xl:hover{
	overflow-x: visible;
}

.overflow-x-inherit-h-xl:hover{
	overflow-x: inherit;
}





/* ============================================= END =================================================== */

/* GRID */
.grid-container-xl{
	display: flex;
	flex-wrap: wrap;
}



/* =========================================== GRID COLUMNS */

.g-1-xl{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 1px;
}

.g-2-xl{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 2px;
}

.g-3-xl{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 3px;
}

.g-4-xl{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 4px;
}

.g-5-xl{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 5px;
}

.g-0-xl{
	margin: 0;
	padding: 0;
	overflow: 0;
}

.gx-1-xl{
	padding: 0;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
}

.gx-2-xl{
	padding: 0;
	margin-left: 2px;
	margin-right: 2px;
	overflow: hidden;
}

.gx-3-xl{
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden;
}

.gx-4-xl{
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
}

.gx-5-xl{
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
}

.gx-0-xl{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}


.gy-1-xl{
	padding: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	overflow: hidden;
}

.gy-2-xl{
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.gy-3-xl{
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden;
}

.gy-4-xl{
	padding: 0;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
}

.gy-5-xl{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}


.gy-0-xl{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}








/* ======================================== END GRIG ================================================== */


/*  IN FLEX RESPONSIBILITY  */

.col-10-xl{
	width: 100%;
}

.col-9-xl{
	width: 90%;
}

.col-8-xl{
	width: 80%;
}

.col-7-xl{
	width: 70%;
}

.col-6-xl{
	width: 60%;
}

.col-5-xl{
	width: 50%;
}

.col-4-xl{
	width: 40%;
}

.col-3-xl{
	width: 30%;
}

.col-2-xl{
	width: 20%;
}

.col-1-xl{
	width: 10%;
}

/* ROTATE TEXT */

.rotate-20-xl{
	transform: rotate(20deg);
}

.rotate-45-xl{
	transform: rotate(45deg);
}

.rotate-90-xl{
	transform: rotate(90deg);
}

.rotate-135-xl{
	transform: rotate(135deg);
}

.rotate-180-xl{
	transform: rotate(180deg);
}

.rotate-225-xl{
	transform: rotate(225deg);
}

.rotate-270-xl{
	transform: rotate(270deg);
}

.rotate-315-xl{
	transform: rotate(315deg);
}

.rotate-360-xl{
	transform: rotate(360deg);
}

/* ====================================== END OF ROTATE =============================================== */

/*  TRANSLATE  */
.translate-x-1-xl{
	transform: translate(1rem);
}

.translate-x-2-xl{
	transform: translate(2rem);
}

/* TRANSFORM ORIGIN */
.origin-center-xl{
		transform-origin: center;
}

.origin-top-xl{
		transform-origin: top;
}

.origin-top-right-xl{
		transform-origin: top right;
}

.origin-right-xl{
		transform-origin: right;
}

.origin-bottom-right-xl{
		transform-origin: bottom right;
}

.origin-bottom-xl{
		transform-origin: bottom;
}

.origin-bottom-left-xl{
		transform-origin: bottom left;
}

.origin-left-xl{
		transform-origin: left;
}

.origin-top-left-xl{
		transform-origin: top left;
}






.grid-1-xl .col{
	width:100%;
	margin:0;
	padding: 0;
}

.grid-2-xl .col{
	width:50%;
	margin:0;
	padding: 0;
}

.grid-3-xl .col{
	width: 33.333333333333%;
	margin:0;
	padding: 0;
}

.grid-4-xl .col{
	width: 25%;
	margin:0;
	padding: 0;
}

.grid-5-xl .col{
	width: 20%;
	margin:0;
	padding: 0;
}

.grid-6-xl .col{
	width: 16.65555555555%;
	margin:0;
	padding: 0;
}

.grid-7-xl .col{
	width: 14.285714285714%;
	margin:0;
	padding: 0;
}

.grid-8-xl .col{
	width: 12.5%;
	margin:0;
	padding: 0;
}

.grid-9-xl .col{
	width: 11.111111111111%;
	margin:0;
	padding: 0;
}

.grid-10-xl .col{
	width: 10%;
	margin:0;
	padding: 0;
}

.grid-11-xl .col{
	width: 9.090909091%;
	margin:0;
	padding: 0;
}

.grid-12-xl .col{
	width: 8.333333333%;
	margin:0;
	padding: 0;
}

}


/* LARGE SCREENS */
/* lg */
@media (max-width: 1200px){


/* TRANSITIONS PROPERTY */

.transition-none-lg{
	transition-property: none;
}

.transition-all-lg{
	transition-property: all;
}

.transition-lg{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, padding, margin;
}

.transition-colors-lg{
	transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity-lg{
	transition-property: opacity;
}

.transition-shadow-lg{
	transition-property: box-shadow;
}

.transition-transform-lg{
	transition-property: transform;
}


/* =============================== TRANSITIONS ========================================================== */


.img-lg{
	max-width: 100%;
	max-width: 100%;
}

/* LINKS */
a-lg{
	text-decoration: none;
}

/* COLORS */
.text-purple-100-lg{
	color: #FAF5FF;
}

.text-purple-200-lg{
	color: #E9D8FD;
}

.text-purple-300-lg{
	color: #D6BCFA;
}

.text-purple-400-lg{
	color: #B794F4;
}

.text-purple-500-lg{
	color: #9F7AEA;
}

.text-purple-600-lg{
	color: #805AD5;
}

.text-purple-700-lg{
	color: #6B46C1;
}

.text-purple-800-lg{
	color: #553C9A;
}

.text-purple-900-lg{
	color: #44337A;
}




.text-blue-100-lg{
	color: #EBF8FF;
}

.text-blue-200-lg{
	color: #BEE3F8;
}

.text-blue-300-lg{
	color: #90CDF4;
}

.text-blue-400-lg{
	color: #63B3ED;
}

.text-blue-500-lg{
	color: #4299E1;
}

.text-blue-600-lg{
	color: #3182CE;
}

.text-blue-700-lg{
	color: #2B6CB0;
}

.text-blue-800-lg{
	color: #2C5282;
}

.text-blue-900-lg{
	color: #2A4365;
}


.text-teal-100-lg{
	color: #E6FFFA;
}

.text-teal-200-lg{
	color: #B2F5EA;
}

.text-teal-300-lg{
	color: #81E6D9;
}

.text-blue-400-lg{
	color: #4FD1C5;
}

.text-teal-500-lg{
	color: #38B2AC;
}

.text-teal-600-lg{
	color: #319795;
}

.text-teal-700-lg{
	color: #2C7A7B;
}

.text-teal-800-lg{
	color: #285E61;
}

.text-teal-900-lg{
	color: #234E52;
}



.text-pink-100-lg{
	color: #FFF5F7;
}
.text-pink-200-lg{
	color: #FED7E2;
}

.text-pink-300-lg{
	color: #FBB6CE;
}

.text-pink-400-lg{
	color: #F687B3;
}

.text-pink-500-lg{
	color: #ED64A6;
}

.text-pink-600-lg{
	color: #D53F8C;
}

.text-pink-700-lg{
	color: #B83280;
}

.text-pink-800-lg{
	color: #97266D;
}

.text-pink-900-lg{
	color: #702459;
}



.text-indigo-100-lg{
	color: #EBF4FF;
}
.text-indigo-200-lg{
	color: #C3DAFE;
}
.text-indigo-300-lg{
	color: #A3BFFA;
}
.text-indigo-400-lg{
	color: #7F9CF5;
}
.text-indigo-500-lg{
	color: #667EEA;
}
.text-indigo-600-lg{
	color: #5A67D8;
}
.text-indigo-700-lg{
	color: #4C51BF;
}
.text-indigo-800-lg{
	color: #434190;
}
.text-indigo-900-lg{	
	color: #3C366B;
}


.text-green-100-lg{
	color: #F0FFF4;
}

.text-green-200-lg{
	color: #C6F6D5;
}

.text-green-300-lg{
	color: #9AE6B4;
}

.text-green-400-lg{
	color: #68D391;
}

.text-green-500-lg{
	color: #48BB78;
}

.text-green-600-lg{
	color: #38A169;
}

.text-green-700-lg{
	color: #2F855A;
}

.text-green-800-lg{
	color: #276749;
}

.text-green-900-lg{
	color: #22543D;
}


.text-yellow-100-lg{
	color: #FFFFF0;
}

.text-yellow-200-lg{
	color: #FEFCBF;
}

.text-yellow-300-lg{
	color: #FAF089;
}

.text-yellow-400-lg{
	color: #F6E05E;
}

.text-yellow-500-lg{
	color: #ECC94B;
}

.text-yellow-600-lg{
	color: #D69E2E;
}

.text-yellow-700-lg{
	color: #B7791F;
}

.text-yellow-800-lg{
	color: #975A16;
}

.text-yellow-900-lg{
	color: #744210;
}



.text-orange-100-lg{
	color: #FFFAF0;
}

.text-orange-200-lg{
	color: #FEEBC8;
}

.text-orange-300-lg{
	color: #FBD38D;
}

.text-orange-400-lg{
	color: #F6AD55;
}

.text-orange-500-lg{
	color: #ED8936;
}

.text-orange-600-lg{
	color: #DD6B20;
}

.text-orange-700-lg{
	color: #C05621;
}

.text-orange-800-lg{
	color: #9C4221;
}

.text-orange-900-lg{
	color: #7B341E;
}



.text-red-100-lg{
	color: #FFF5F5;
}

.text-red-200-lg{
	color: #FED7D7;
}

.text-red-300-lg{
	color: #FEB2B2;
}

.text-red-400-lg{
	color: #FC8181;
}

.text-red-500-lg{
	color: #F56565;
}

.text-red-600-lg{
	color: #E53E3E;
}

.text-red-700-lg{
	color: #C53030;
}

.text-red-800-lg{
	color: #9B2C2C;
}

.text-red-900-lg{
	color: #742A2A;
}



.text-gray-100-lg{
	color: #F7FAFC;
}

.text-gray-200-lg{
	color: #EDF2F7;
}

.text-gray-300-lg{
	color: #E2E8F0;
}

.text-gray-400-lg{
	color: #CBD5E0;
}

.text-gray-500-lg{
	color: #A0AEC0;
}

.text-gray-600-lg{
	color: #718096;
}

.text-gray-700-lg{
	color: #4A5568;
}

.text-gray-800-lg{
	color: #2D3748;
}

.text-gray-900-lg{
	color: #1A202C;
}


.text-black-lg{
	color: #000000;
}

.text-white-lg{
	color: #FFFFFF;
}

.text-purple-100-f-lg:focus{
	color: #FAF5FF;
}

.text-purple-200-f-lg:focus{
	color: #E9D8FD;
}

.text-purple-300-f-lg:focus{
	color: #D6BCFA;
}

.text-purple-400-f-lg:focus{
	color: #B794F4;
}

.text-purple-500-f-lg:focus{
	color: #9F7AEA;
}

.text-purple-600-f-lg:focus{
	color: #805AD5;
}

.text-purple-700-f-lg:focus{
	color: #6B46C1;
}

.text-purple-800-f-lg:focus{
	color: #553C9A;
}

.text-purple-900-f-lg:focus{
	color: #44337A;
}




.text-blue-100-f-lg:focus{
	color: #EBF8FF;
}

.text-blue-200-f-lg:focus{
	color: #BEE3F8;
}

.text-blue-300-f-lg:focus{
	color: #90CDF4;
}

.text-blue-400-f-lg:focus{
	color: #63B3ED;
}

.text-blue-500-f-lg:focus{
	color: #4299E1;
}

.text-blue-600-f-lg:focus{
	color: #3182CE;
}

.text-blue-700-f-lg:focus{
	color: #2B6CB0;
}

.text-blue-800-f-lg:focus{
	color: #2C5282;
}

.text-blue-900-f-lg:focus{
	color: #2A4365;
}


.text-teal-100-f-lg:focus{
	color: #E6FFFA;
}

.text-teal-200-f-lg:focus{
	color: #B2F5EA;
}

.text-teal-300-f-lg:focus{
	color: #81E6D9;
}

.text-blue-400-f-lg:focus{
	color: #4FD1C5;
}

.text-teal-500-f-lg:focus{
	color: #38B2AC;
}

.text-teal-600-f-lg:focus{
	color: #319795;
}

.text-teal-700-f-lg:focus{
	color: #2C7A7B;
}

.text-teal-800-f-lg:focus{
	color: #285E61;
}

.text-teal-900-f-lg:focus{
	color: #234E52;
}



.text-pink-100-f-lg:focus{
	color: #FFF5F7;
}
.text-pink-200-f-lg:focus{
	color: #FED7E2;
}

.text-pink-300-f-lg:focus{
	color: #FBB6CE;
}

.text-pink-400-f-lg:focus{
	color: #F687B3;
}

.text-pink-500-f-lg:focus{
	color: #ED64A6;
}

.text-pink-600-f-lg:focus{
	color: #D53F8C;
}

.text-pink-700-f-lg:focus{
	color: #B83280;
}

.text-pink-800-f-lg:focus{
	color: #97266D;
}

.text-pink-900-f-lg:focus{
	color: #702459;
}



.text-indigo-100-f-lg:focus{
	color: #EBF4FF;
}
.text-indigo-200-f-lg:focus{
	color: #C3DAFE;
}
.text-indigo-300-f-lg:focus{
	color: #A3BFFA;
}
.text-indigo-400-f-lg:focus{
	color: #7F9CF5;
}
.text-indigo-500-f-lg:focus{
	color: #667EEA;
}
.text-indigo-600-f-lg:focus{
	color: #5A67D8;
}
.text-indigo-700-f-lg:focus{
	color: #4C51BF;
}
.text-indigo-800-f-lg:focus{
	color: #434190;
}
.text-indigo-900-f-lg:focus{	
	color: #3C366B;
}


.text-green-100-f-lg:focus{
	color: #F0FFF4;
}

.text-green-200-f-lg:focus{
	color: #C6F6D5;
}

.text-green-300-f-lg:focus{
	color: #9AE6B4;
}

.text-green-400-f-lg:focus{
	color: #68D391;
}

.text-green-500-f-lg:focus{
	color: #48BB78;
}

.text-green-600-f-lg:focus{
	color: #38A169;
}

.text-green-700-f-lg:focus{
	color: #2F855A;
}

.text-green-800-f-lg:focus{
	color: #276749;
}

.text-green-900-f-lg:focus{
	color: #22543D;
}


.text-yellow-100-f-lg:focus{
	color: #FFFFF0;
}

.text-yellow-200-f-lg:focus{
	color: #FEFCBF;
}

.text-yellow-300-f-lg:focus{
	color: #FAF089;
}

.text-yellow-400-f-lg:focus{
	color: #F6E05E;
}

.text-yellow-500-f-lg:focus{
	color: #ECC94B;
}

.text-yellow-600-f-lg:focus{
	color: #D69E2E;
}

.text-yellow-700-f-lg:focus{
	color: #B7791F;
}

.text-yellow-800-f-lg:focus{
	color: #975A16;
}

.text-yellow-900-f-lg:focus{
	color: #744210;
}



.text-orange-100-f-lg:focus{
	color: #FFFAF0;
}

.text-orange-200-f-lg:focus{
	color: #FEEBC8;
}

.text-orange-300-f-lg:focus{
	color: #FBD38D;
}

.text-orange-400-f-lg:focus{
	color: #F6AD55;
}

.text-orange-500-f-lg:focus{
	color: #ED8936;
}

.text-orange-600-f-lg:focus{
	color: #DD6B20;
}

.text-orange-700-f-lg:focus{
	color: #C05621;
}

.text-orange-800-f-lg:focus{
	color: #9C4221;
}

.text-orange-900-f-lg:focus{
	color: #7B341E;
}



.text-red-100-f-lg:focus{
	color: #FFF5F5;
}

.text-red-200-f-lg:focus{
	color: #FED7D7;
}

.text-red-300-f-lg:focus{
	color: #FEB2B2;
}

.text-red-400-f-lg:focus{
	color: #FC8181;
}

.text-red-500-f-lg:focus{
	color: #F56565;
}

.text-red-600-f-lg:focus{
	color: #E53E3E;
}

.text-red-700-f-lg:focus{
	color: #C53030;
}

.text-red-800-f-lg:focus{
	color: #9B2C2C;
}

.text-red-900-f-lg:focus{
	color: #742A2A;
}



.text-gray-100-f-lg:focus{
	color: #F7FAFC;
}

.text-gray-200-f-lg:focus{
	color: #EDF2F7;
}

.text-gray-300-f-lg:focus{
	color: #E2E8F0;
}

.text-gray-400-f-lg:focus{
	color: #CBD5E0;
}

.text-gray-500-f-lg:focus{
	color: #A0AEC0;
}

.text-gray-600-f-lg:focus{
	color: #718096;
}

.text-gray-700-f-lg:focus{
	color: #4A5568;
}

.text-gray-800-f-lg:focus{
	color: #2D3748;
}

.text-gray-900-f-lg:focus{
	color: #1A202C;
}


.text-black-f-lg:focus{
	color: #000000;
}

.text-white-f-lg:focus{
	color: #FFFFFF;
}


.text-purple-100-h-lg:hover{
	color: #FAF5FF;
}

.text-purple-200-h-lg:hover{
	color: #E9D8FD;
}

.text-purple-300-h-lg:hover{
	color: #D6BCFA;
}

.text-purple-400-h-lg:hover{
	color: #B794F4;
}

.text-purple-500-h-lg:hover{
	color: #9F7AEA;
}

.text-purple-600-h-lg:hover{
	color: #805AD5;
}

.text-purple-700-h-lg:hover{
	color: #6B46C1;
}

.text-purple-800-h-lg:hover{
	color: #553C9A;
}

.text-purple-900-h-lg:hover{
	color: #44337A;
}




.text-blue-100-h-lg:hover{
	color: #EBF8FF;
}

.text-blue-200-h-lg:hover{
	color: #BEE3F8;
}

.text-blue-300-h-lg:hover{
	color: #90CDF4;
}

.text-blue-400-h-lg:hover{
	color: #63B3ED;
}

.text-blue-500-h-lg:hover{
	color: #4299E1;
}

.text-blue-600-h-lg:hover{
	color: #3182CE;
}

.text-blue-700-h-lg:hover{
	color: #2B6CB0;
}

.text-blue-800-h-lg:hover{
	color: #2C5282;
}

.text-blue-900-h-lg:hover{
	color: #2A4365;
}


.text-teal-100-h-lg:hover{
	color: #E6FFFA;
}

.text-teal-200-h-lg:hover{
	color: #B2F5EA;
}

.text-teal-300-h-lg:hover{
	color: #81E6D9;
}

.text-blue-400-h-lg:hover{
	color: #4FD1C5;
}

.text-teal-500-h-lg:hover{
	color: #38B2AC;
}

.text-teal-600-h-lg:hover{
	color: #319795;
}

.text-teal-700-h-lg:hover{
	color: #2C7A7B;
}

.text-teal-800-h-lg:hover{
	color: #285E61;
}

.text-teal-900-h-lg:hover{
	color: #234E52;
}



.text-pink-100-h-lg:hover{
	color: #FFF5F7;
}
.text-pink-200-h-lg:hover{
	color: #FED7E2;
}

.text-pink-300-h-lg:hover{
	color: #FBB6CE;
}

.text-pink-400-h-lg:hover{
	color: #F687B3;
}

.text-pink-500-h-lg:hover{
	color: #ED64A6;
}

.text-pink-600-h-lg:hover{
	color: #D53F8C;
}

.text-pink-700-h-lg:hover{
	color: #B83280;
}

.text-pink-800-h-lg:hover{
	color: #97266D;
}

.text-pink-900-h-lg:hover{
	color: #702459;
}



.text-indigo-100-h-lg:hover{
	color: #EBF4FF;
}
.text-indigo-200-h-lg:hover{
	color: #C3DAFE;
}
.text-indigo-300-h-lg:hover{
	color: #A3BFFA;
}
.text-indigo-400-h-lg:hover{
	color: #7F9CF5;
}
.text-indigo-500-h-lg:hover{
	color: #667EEA;
}
.text-indigo-600-h-lg:hover{
	color: #5A67D8;
}
.text-indigo-700-h-lg:hover{
	color: #4C51BF;
}
.text-indigo-800-h-lg:hover{
	color: #434190;
}
.text-indigo-900-h-lg:hover{	
	color: #3C366B;
}


.text-green-100-h-lg:hover{
	color: #F0FFF4;
}

.text-green-200-h-lg:hover{
	color: #C6F6D5;
}

.text-green-300-h-lg:hover{
	color: #9AE6B4;
}

.text-green-400-h-lg:hover{
	color: #68D391;
}

.text-green-500-h-lg:hover{
	color: #48BB78;
}

.text-green-600-h-lg:hover{
	color: #38A169;
}

.text-green-700-h-lg:hover{
	color: #2F855A;
}

.text-green-800-h-lg:hover{
	color: #276749;
}

.text-green-900-h-lg:hover{
	color: #22543D;
}


.text-yellow-100-h-lg:hover{
	color: #FFFFF0;
}

.text-yellow-200-h-lg:hover{
	color: #FEFCBF;
}

.text-yellow-300-h-lg:hover{
	color: #FAF089;
}

.text-yellow-400-h-lg:hover{
	color: #F6E05E;
}

.text-yellow-500-h-lg:hover{
	color: #ECC94B;
}

.text-yellow-600-h-lg:hover{
	color: #D69E2E;
}

.text-yellow-700-h-lg:hover{
	color: #B7791F;
}

.text-yellow-800-h-lg:hover{
	color: #975A16;
}

.text-yellow-900-h-lg:hover{
	color: #744210;
}



.text-orange-100-h-lg:hover{
	color: #FFFAF0;
}

.text-orange-200-h-lg:hover{
	color: #FEEBC8;
}

.text-orange-300-h-lg:hover{
	color: #FBD38D;
}

.text-orange-400-h-lg:hover{
	color: #F6AD55;
}

.text-orange-500-h-lg:hover{
	color: #ED8936;
}

.text-orange-600-h-lg:hover{
	color: #DD6B20;
}

.text-orange-700-h-lg:hover{
	color: #C05621;
}

.text-orange-800-h-lg:hover{
	color: #9C4221;
}

.text-orange-900-h-lg:hover{
	color: #7B341E;
}



.text-red-100-h-lg:hover{
	color: #FFF5F5;
}

.text-red-200-h-lg:hover{
	color: #FED7D7;
}

.text-red-300-h-lg:hover{
	color: #FEB2B2;
}

.text-red-400-h-lg:hover{
	color: #FC8181;
}

.text-red-500-h-lg:hover{
	color: #F56565;
}

.text-red-600-h-lg:hover{
	color: #E53E3E;
}

.text-red-700-h-lg:hover{
	color: #C53030;
}

.text-red-800-h-lg:hover{
	color: #9B2C2C;
}

.text-red-900-h-lg:hover{
	color: #742A2A;
}

.text-purple-100-a-lg:active{
	color: #FAF5FF;
}

.text-purple-200-a-lg:active{
	color: #E9D8FD;
}

.text-purple-300-a-lg:active{
	color: #D6BCFA;
}

.text-purple-400-a-lg:active{
	color: #B794F4;
}

.text-purple-500-a-lg:active{
	color: #9F7AEA;
}

.text-purple-600-a-lg:active{
	color: #805AD5;
}

.text-purple-700-a-lg:active{
	color: #6B46C1;
}

.text-purple-800-a-lg:active{
	color: #553C9A;
}

.text-purple-900-a-lg:active{
	color: #44337A;
}




.text-blue-100-a-lg:active{
	color: #EBF8FF;
}

.text-blue-200-a-lg:active{
	color: #BEE3F8;
}

.text-blue-300-a-lg:active{
	color: #90CDF4;
}

.text-blue-400-a-lg:active{
	color: #63B3ED;
}

.text-blue-500-a-lg:active{
	color: #4299E1;
}

.text-blue-600-a-lg:active{
	color: #3182CE;
}

.text-blue-700-a-lg:active{
	color: #2B6CB0;
}

.text-blue-800-a-lg:active{
	color: #2C5282;
}

.text-blue-900-a-lg:active{
	color: #2A4365;
}


.text-teal-100-a-lg:active{
	color: #E6FFFA;
}

.text-teal-200-a-lg:active{
	color: #B2F5EA;
}

.text-teal-300-a-lg:active{
	color: #81E6D9;
}

.text-blue-400-a-lg:active{
	color: #4FD1C5;
}

.text-teal-500-a-lg:active{
	color: #38B2AC;
}

.text-teal-600-a-lg:active{
	color: #319795;
}

.text-teal-700-a-lg:active{
	color: #2C7A7B;
}

.text-teal-800-a-lg:active{
	color: #285E61;
}

.text-teal-900-a-lg:active{
	color: #234E52;
}



.text-pink-100-a-lg:active{
	color: #FFF5F7;
}
.text-pink-200-a-lg:active{
	color: #FED7E2;
}

.text-pink-300-a-lg:active{
	color: #FBB6CE;
}

.text-pink-400-a-lg:active{
	color: #F687B3;
}

.text-pink-500-a-lg:active{
	color: #ED64A6;
}

.text-pink-600-a-lg:active{
	color: #D53F8C;
}

.text-pink-700-a-lg:active{
	color: #B83280;
}

.text-pink-800-a-lg:active{
	color: #97266D;
}

.text-pink-900-a-lg:active{
	color: #702459;
}



.text-indigo-100-a-lg:active{
	color: #EBF4FF;
}
.text-indigo-200-a-lg:active{
	color: #C3DAFE;
}
.text-indigo-300-a-lg:active{
	color: #A3BFFA;
}
.text-indigo-400-a-lg:active{
	color: #7F9CF5;
}
.text-indigo-500-a-lg:active{
	color: #667EEA;
}
.text-indigo-600-a-lg:active{
	color: #5A67D8;
}
.text-indigo-700-a-lg:active{
	color: #4C51BF;
}
.text-indigo-800-a-lg:active{
	color: #434190;
}
.text-indigo-900-a-lg:active{	
	color: #3C366B;
}


.text-green-100-a-lg:active{
	color: #F0FFF4;
}

.text-green-200-a-lg:active{
	color: #C6F6D5;
}

.text-green-300-a-lg:active{
	color: #9AE6B4;
}

.text-green-400-a-lg:active{
	color: #68D391;
}

.text-green-500-a-lg:active{
	color: #48BB78;
}

.text-green-600-a-lg:active{
	color: #38A169;
}

.text-green-700-a-lg:active{
	color: #2F855A;
}

.text-green-800-a-lg:active{
	color: #276749;
}

.text-green-900-a-lg:active{
	color: #22543D;
}


.text-yellow-100-a-lg:active{
	color: #FFFFF0;
}

.text-yellow-200-a-lg:active{
	color: #FEFCBF;
}

.text-yellow-300-a-lg:active{
	color: #FAF089;
}

.text-yellow-400-a-lg:active{
	color: #F6E05E;
}

.text-yellow-500-a-lg:active{
	color: #ECC94B;
}

.text-yellow-600-a-lg:active{
	color: #D69E2E;
}

.text-yellow-700-a-lg:active{
	color: #B7791F;
}

.text-yellow-800-a-lg:active{
	color: #975A16;
}

.text-yellow-900-a-lg:active{
	color: #744210;
}



.text-orange-100-a-lg:active{
	color: #FFFAF0;
}

.text-orange-200-a-lg:active{
	color: #FEEBC8;
}

.text-orange-300-a-lg:active{
	color: #FBD38D;
}

.text-orange-400-a-lg:active{
	color: #F6AD55;
}

.text-orange-500-a-lg:active{
	color: #ED8936;
}

.text-orange-600-a-lg:active{
	color: #DD6B20;
}

.text-orange-700-a-lg:active{
	color: #C05621;
}

.text-orange-800-a-lg:active{
	color: #9C4221;
}

.text-orange-900-a-lg:active{
	color: #7B341E;
}



.text-red-100-a-lg:active{
	color: #FFF5F5;
}

.text-red-200-a-lg:active{
	color: #FED7D7;
}

.text-red-300-a-lg:active{
	color: #FEB2B2;
}

.text-red-400-a-lg:active{
	color: #FC8181;
}

.text-red-500-a-lg:active{
	color: #F56565;
}

.text-red-600-a-lg:active{
	color: #E53E3E;
}

.text-red-700-a-lg:active{
	color: #C53030;
}

.text-red-800-a-lg:active{
	color: #9B2C2C;
}

.text-red-900-a-lg:active{
	color: #742A2A;
}










/* BORDER  */

/* BORDER */
.b-none-lg{
	border:none;
}

.b-1-lg{
	border-width: 1px;
}

.b-2-lg{
	border-width: 2px;
}

.b-3-lg{
	border-width: 3px;
}

.b-4-lg{
	border-width: 4px;
}

.b-5-lg{
	border-width: 5px;
}

.b-6-lg{
	border-width: 6px;
}

.b-7-lg{
	border-width: 7px;
}

.b-8-lg{
	border-width: 8px;
}

.b-9-lg{
	border-width: 9px;
}

.b-10-lg{
	border-width: 10px;
}

.bl-none-lg{
	border-left:none;
}

.bl-1-lg{
	border-left-width: 1px;
	border-left-style: solid;
}

.bl-2-lg{
	border-left-width: 2px;
	border-left-style: solid;
}

.bl-3-lg{
	border-left-width: 3px;
	border-left-style: solid;
}

.bl-4-lg{
	border-left-width: 4px;
	border-left-style: solid;
}

.br-none-lg{
	border-right:none;
}

.br-1-lg{
	border-right-width: 1px;
	border-right-style: solid;
}

.br-2-lg{
	border-right-width: 2px;
	border-right-style: solid;
}

.br-3-lg{
	border-right-width: 3px;
	border-right-style: solid;
}

.br-4-lg{
	border-right-width: 4px;
	border-right-style: solid;
}

.bt-none-lg{
	border-top:none;
}

.bt-1-lg{
	border-top-width: 1px;
	border-top-style: solid;
}

.bt-2-lg{
	border-top-width: 2px;
	border-top-style: solid;
}

.bt-3-lg{
	border-top-width: 3px;
	border-top-style: solid;
}

.bt-4-lg{
	border-top-width: 4px;
	border-top-style: solid;
}

.bb-none-lg{
	border-bottom:none;
}

.bb-1-lg{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bb-2-lg{
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.bb-3-lg{
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.bb-4-lg{
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

.b-solid-lg{
	border-style: solid;
}

.b-dashed-lg{
	border-style: dashed;
}

.b-dotted-lg{
	border-style: dotted;
}

.b-double-lg{
	border-style: double;
}


.b-purple-100-lg{
	border-color: #FAF5FF;
}

.b-purple-200-lg{
	border-color: #E9D8FD;
}

.b-purple-300-lg{
	border-color: #D6BCFA;
}

.b-purple-400-lg{
	border-color: #B794F4;
}

.b-purple-500-lg{
	border-color: #9F7AEA;
}

.b-purple-600-lg{
	border-color: #805AD5;
}

.b-purple-700-lg{
	border-color: #6B46C1;
}

.b-purple-800-lg{
	border-color: #553C9A;
}

.b-purple-900-lg{
	border-color: #44337A;
}




.b-blue-100-lg{
	border-color: #EBF8FF;
}

.b-blue-200-lg{
	border-color: #BEE3F8;
}

.b-blue-300-lg{
	border-color: #90CDF4;
}

.b-blue-400-lg{
	border-color: #63B3ED;
}

.b-blue-500-lg{
	border-color: #4299E1;
}

.b-blue-600-lg{
	border-color: #3182CE;
}

.b-blue-700-lg{
	border-color: #2B6CB0;
}

.b-blue-800-lg{
	border-color: #2C5282;
}

.b-blue-900-lg{
	border-color: #2A4365;
}


.b-teal-100-lg{
	border-color: #E6FFFA;
}

.b-teal-200-lg{
	border-color: #B2F5EA;
}

.b-teal-300-lg{
	border-color: #81E6D9;
}

.b-teal-400-lg{
	border-color: #4FD1C5;
}

.b-teal-500-lg{
	border-color: #38B2AC;
}

.b-teal-600-lg{
	border-color: #319795;
}

.b-teal-700-lg{
	border-color: #2C7A7B;
}

.b-teal-800-lg{
	border-color: #285E61;
}

.b-teal-900-lg{
	border-color: #234E52;
}



.b-pink-100-lg{
	border-color: #FFF5F7;
}
.b-pink-200-lg{
	border-color: #FED7E2;
}

.b-pink-300-lg{
	border-color: #FBB6CE;
}

.b-pink-400-lg{
	border-color: #F687B3;
}

.b-pink-500-lg{
	border-color: #ED64A6;
}

.b-pink-600-lg{
	border-color: #D53F8C;
}

.b-pink-700-lg{
	border-color: #B83280;
}

.b-pink-800-lg{
	border-color: #97266D;
}

.b-pink-900-lg{
	border-color: #702459;
}



.b-indigo-100-lg{
	border-color: #EBF4FF;
}
.b-indigo-200-lg{
	border-color: #C3DAFE;
}
.b-indigo-300-lg{
	border-color: #A3BFFA;
}
.b-indigo-400-lg{
	border-color: #7F9CF5;
}
.b-indigo-500-lg{
	border-color: #667EEA;
}
.b-indigo-600-lg{
	border-color: #5A67D8;
}
.b-indigo-700-lg{
	border-color: #4C51BF;
}
.b-indigo-800-lg{
	border-color: #434190;
}
.b-indigo-900-lg{	
	border-color: #3C366B;
}


.b-green-100-lg{
	border-color: #F0FFF4;
}

.b-green-200-lg{
	border-color: #C6F6D5;
}

.b-green-300-lg{
	border-color: #9AE6B4;
}

.b-green-400-lg{
	border-color: #68D391;
}

.b-green-500-lg{
	border-color: #48BB78;
}

.b-green-600-lg{
	border-color: #38A169;
}

.b-green-700-lg{
	border-color: #2F855A;
}

.b-green-800-lg{
	border-color: #276749;
}

.b-green-900-lg{
	border-color: #22543D;
}


.b-yellow-100-lg{
	border-color: #FFFFF0;
}

.b-yellow-200-lg{
	border-color: #FEFCBF;
}

.b-yellow-300-lg{
	border-color: #FAF089;
}

.b-yellow-400-lg{
	border-color: #F6E05E;
}

.b-yellow-500-lg{
	border-color: #ECC94B;
}

.b-yellow-600-lg{
	border-color: #D69E2E;
}

.b-yellow-700-lg{
	border-color: #B7791F;
}

.b-yellow-800-lg{
	border-color: #975A16;
}

.b-yellow-900-lg{
	border-color: #744210;
}



.b-orange-100-lg{
	border-color: #FFFAF0;
}

.b-orange-200-lg{
	border-color: #FEEBC8;
}

.b-orange-300-lg{
	border-color: #FBD38D;
}

.b-orange-400-lg{
	border-color: #F6AD55;
}

.b-orange-500-lg{
	border-color: #ED8936;
}

.b-orange-600-lg{
	border-color: #DD6B20;
}

.b-orange-700-lg{
	border-color: #C05621;
}

.b-orange-800-lg{
	border-color: #9C4221;
}

.b-orange-900-lg{
	border-color: #7B341E;
}



.b-red-100-lg{
	border-color: #FFF5F5;
}

.b-red-200-lg{
	border-color: #FED7D7;
}

.b-red-300-lg{
	border-color: #FEB2B2;
}

.b-red-400-lg{
	border-color: #FC8181;
}

.b-red-500-lg{
	border-color: #F56565;
}

.b-red-600-lg{
	border-color: #E53E3E;
}

.b-red-700-lg{
	border-color: #C53030;
}

.b-red-800-lg{
	border-color: #9B2C2C;
}

.b-red-900-lg{
	border-color: #742A2A;
}



.b-gray-100-lg{
	border-color: #F7FAFC;
}

.b-gray-200-lg{
	border-color: #EDF2F7;
}

.b-gray-300-lg{
	border-color: #E2E8F0;
}

.b-gray-400-lg{
	border-color: #CBD5E0;
}

.b-gray-500-lg{
	border-color: #A0AEC0;
}

.b-gray-600-lg{
	border-color: #718096;
}

.b-gray-700-lg{
	border-color: #4A5568;
}

.b-gray-800-lg{
	border-color: #2D3748;
}

.b-gray-900-lg{
	border-color: #1A202C;
}


.b-black-lg{
	border-color: #000000;
}

.b-white-lg{
	border-color: #FFFFFF;
}

.b-purple-100-h-lg:hover{
	border-color: #FAF5FF;
}

.b-purple-200-h-lg:hover{
	border-color: #E9D8FD;
}

.b-purple-300-h-lg:hover{
	border-color: #D6BCFA;
}

.b-purple-400-h-lg:hover{
	border-color: #B794F4;
}

.b-purple-500-h-lg:hover{
	border-color: #9F7AEA;
}

.b-purple-600-h-lg:hover{
	border-color: #805AD5;
}

.b-purple-700-h-lg:hover{
	border-color: #6B46C1;
}

.b-purple-800-h-lg:hover{
	border-color: #553C9A;
}

.b-purple-900-h-lg:hover{
	border-color: #44337A;
}




.b-blue-100-h-lg:hover{
	border-color: #EBF8FF;
}

.b-blue-200-h-lg:hover{
	border-color: #BEE3F8;
}

.b-blue-300-h-lg:hover{
	border-color: #90CDF4;
}

.b-blue-400-h-lg:hover{
	border-color: #63B3ED;
}

.b-blue-500-h-lg:hover{
	border-color: #4299E1;
}

.b-blue-600-h-lg:hover{
	border-color: #3182CE;
}

.b-blue-700-h-lg:hover{
	border-color: #2B6CB0;
}

.b-blue-800-h-lg:hover{
	border-color: #2C5282;
}

.b-blue-900-h-lg:hover{
	border-color: #2A4365;
}


.b-teal-100-h-lg:hover{
	border-color: #E6FFFA;
}

.b-teal-200-h-lg:hover{
	border-color: #B2F5EA;
}

.b-teal-300-h-lg:hover{
	border-color: #81E6D9;
}

.b-teal-400-h-lg:hover{
	border-color: #4FD1C5;
}

.b-teal-500-h-lg:hover{
	border-color: #38B2AC;
}

.b-teal-600-h-lg:hover{
	border-color: #319795;
}

.b-teal-700-h-lg:hover{
	border-color: #2C7A7B;
}

.b-teal-800-h-lg:hover{
	border-color: #285E61;
}

.b-teal-900-h-lg:hover{
	border-color: #234E52;
}



.b-pink-100-h-lg:hover{
	border-color: #FFF5F7;
}
.b-pink-200-h-lg:hover{
	border-color: #FED7E2;
}

.b-pink-300-h-lg:hover{
	border-color: #FBB6CE;
}

.b-pink-400-h-lg:hover{
	border-color: #F687B3;
}

.b-pink-500-h-lg:hover{
	border-color: #ED64A6;
}

.b-pink-600-h-lg:hover{
	border-color: #D53F8C;
}

.b-pink-700-h-lg:hover{
	border-color: #B83280;
}

.b-pink-800-h-lg:hover{
	border-color: #97266D;
}

.b-pink-900-h-lg:hover{
	border-color: #702459;
}



.b-indigo-100-h-lg:hover{
	border-color: #EBF4FF;
}
.b-indigo-200-h-lg:hover{
	border-color: #C3DAFE;
}
.b-indigo-300-h-lg:hover{
	border-color: #A3BFFA;
}
.b-indigo-400-h-lg:hover{
	border-color: #7F9CF5;
}
.b-indigo-500-h-lg:hover{
	border-color: #667EEA;
}
.b-indigo-600-h-lg:hover{
	border-color: #5A67D8;
}
.b-indigo-700-h-lg:hover{
	border-color: #4C51BF;
}
.b-indigo-800-h-lg:hover{
	border-color: #434190;
}
.b-indigo-900-h-lg:hover{	
	border-color: #3C366B;
}


.b-green-100-h-lg:hover{
	border-color: #F0FFF4;
}

.b-green-200-h-lg:hover{
	border-color: #C6F6D5;
}

.b-green-300-h-lg:hover{
	border-color: #9AE6B4;
}

.b-green-400-h-lg:hover{
	border-color: #68D391;
}

.b-green-500-h-lg:hover{
	border-color: #48BB78;
}

.b-green-600-h-lg:hover{
	border-color: #38A169;
}

.b-green-700-h-lg:hover{
	border-color: #2F855A;
}

.b-green-800-h-lg:hover{
	border-color: #276749;
}

.b-green-900-h-lg:hover{
	border-color: #22543D;
}


.b-yellow-100-h-lg:hover{
	border-color: #FFFFF0;
}

.b-yellow-200-h-lg:hover{
	border-color: #FEFCBF;
}

.b-yellow-300-h-lg:hover{
	border-color: #FAF089;
}

.b-yellow-400-h-lg:hover{
	border-color: #F6E05E;
}

.b-yellow-500-h-lg:hover{
	border-color: #ECC94B;
}

.b-yellow-600-h-lg:hover{
	border-color: #D69E2E;
}

.b-yellow-700-h-lg:hover{
	border-color: #B7791F;
}

.b-yellow-800-h-lg:hover{
	border-color: #975A16;
}

.b-yellow-900-h-lg:hover{
	border-color: #744210;
}



.b-orange-100-h-lg:hover{
	border-color: #FFFAF0;
}

.b-orange-200-h-lg:hover{
	border-color: #FEEBC8;
}

.b-orange-300-h-lg:hover{
	border-color: #FBD38D;
}

.b-orange-400-h-lg:hover{
	border-color: #F6AD55;
}

.b-orange-500-h-lg:hover{
	border-color: #ED8936;
}

.b-orange-600-h-lg:hover{
	border-color: #DD6B20;
}

.b-orange-700-h-lg:hover{
	border-color: #C05621;
}

.b-orange-800-h-lg:hover{
	border-color: #9C4221;
}

.b-orange-900-h-lg:hover{
	border-color: #7B341E;
}



.b-red-100-h-lg:hover{
	border-color: #FFF5F5;
}

.b-red-200-h-lg:hover{
	border-color: #FED7D7;
}

.b-red-300-h-lg:hover{
	border-color: #FEB2B2;
}

.b-red-400-h-lg:hover{
	border-color: #FC8181;
}

.b-red-500-h-lg:hover{
	border-color: #F56565;
}

.b-red-600-h-lg:hover{
	border-color: #E53E3E;
}

.b-red-700-h-lg:hover{
	border-color: #C53030;
}

.b-red-800-h-lg:hover{
	border-color: #9B2C2C;
}

.b-red-900-h-lg:hover{
	border-color: #742A2A;
}



.b-gray-100-h-lg:hover{
	border-color: #F7FAFC;
}

.b-gray-200-h-lg:hover{
	border-color: #EDF2F7;
}

.b-gray-300-h-lg:hover{
	border-color: #E2E8F0;
}

.b-gray-400-h-lg:hover{
	border-color: #CBD5E0;
}

.b-gray-500-h-lg:hover{
	border-color: #A0AEC0;
}

.b-gray-600-h-lg:hover{
	border-color: #718096;
}

.b-gray-700-h-lg:hover{
	border-color: #4A5568;
}

.b-gray-800-h-lg:hover{
	border-color: #2D3748;
}

.b-gray-900-h-lg:hover{
	border-color: #1A202C;
}


.b-black-h-lg:hover{
	border-color: #000000;
}

.b-white-h-lg:hover{
	border-color: #FFFFFF;
}


.b-purple-100-a-lg:active{
	border-color: #FAF5FF;
}

.b-purple-200-a-lg:active{
	border-color: #E9D8FD;
}

.b-purple-300-a-lg:active{
	border-color: #D6BCFA;
}

.b-purple-400-a-lg:active{
	border-color: #B794F4;
}

.b-purple-500-a-lg:active{
	border-color: #9F7AEA;
}

.b-purple-600-a-lg:active{
	border-color: #805AD5;
}

.b-purple-700-a-lg:active{
	border-color: #6B46C1;
}

.b-purple-800-a-lg:active{
	border-color: #553C9A;
}

.b-purple-900-a-lg:active{
	border-color: #44337A;
}




.b-blue-100-a-lg:active{
	border-color: #EBF8FF;
}

.b-blue-200-a-lg:active{
	border-color: #BEE3F8;
}

.b-blue-300-a-lg:active{
	border-color: #90CDF4;
}

.b-blue-400-a-lg:active{
	border-color: #63B3ED;
}

.b-blue-500-a-lg:active{
	border-color: #4299E1;
}

.b-blue-600-a-lg:active{
	border-color: #3182CE;
}

.b-blue-700-a-lg:active{
	border-color: #2B6CB0;
}

.b-blue-800-a-lg:active{
	border-color: #2C5282;
}

.b-blue-900-a-lg:active{
	border-color: #2A4365;
}


.b-teal-100-a-lg:active{
	border-color: #E6FFFA;
}

.b-teal-200-a-lg:active{
	border-color: #B2F5EA;
}

.b-teal-300-a-lg:active{
	border-color: #81E6D9;
}

.b-teal-400-a-lg:active{
	border-color: #4FD1C5;
}

.b-teal-500-a-lg:active{
	border-color: #38B2AC;
}

.b-teal-600-a-lg:active{
	border-color: #319795;
}

.b-teal-700-a-lg:active{
	border-color: #2C7A7B;
}

.b-teal-800-a-lg:active{
	border-color: #285E61;
}

.b-teal-900-a-lg:active{
	border-color: #234E52;
}



.b-pink-100-a-lg:active{
	border-color: #FFF5F7;
}
.b-pink-200-a-lg:active{
	border-color: #FED7E2;
}

.b-pink-300-a-lg:active{
	border-color: #FBB6CE;
}

.b-pink-400-a-lg:active{
	border-color: #F687B3;
}

.b-pink-500-a-lg:active{
	border-color: #ED64A6;
}

.b-pink-600-a-lg:active{
	border-color: #D53F8C;
}

.b-pink-700-a-lg:active{
	border-color: #B83280;
}

.b-pink-800-a-lg:active{
	border-color: #97266D;
}

.b-pink-900-a-lg:active{
	border-color: #702459;
}



.b-indigo-100-a-lg:active{
	border-color: #EBF4FF;
}
.b-indigo-200-a-lg:active{
	border-color: #C3DAFE;
}
.b-indigo-300-a-lg:active{
	border-color: #A3BFFA;
}
.b-indigo-400-a-lg:active{
	border-color: #7F9CF5;
}
.b-indigo-500-a-lg:active{
	border-color: #667EEA;
}
.b-indigo-600-a-lg:active{
	border-color: #5A67D8;
}
.b-indigo-700-a-lg:active{
	border-color: #4C51BF;
}
.b-indigo-800-a-lg:active{
	border-color: #434190;
}
.b-indigo-900-a-lg:active{	
	border-color: #3C366B;
}


.b-green-100-a-lg:active{
	border-color: #F0FFF4;
}

.b-green-200-a-lg:active{
	border-color: #C6F6D5;
}

.b-green-300-a-lg:active{
	border-color: #9AE6B4;
}

.b-green-400-a-lg:active{
	border-color: #68D391;
}

.b-green-500-a-lg:active{
	border-color: #48BB78;
}

.b-green-600-a-lg:active{
	border-color: #38A169;
}

.b-green-700-a-lg:active{
	border-color: #2F855A;
}

.b-green-800-a-lg:active{
	border-color: #276749;
}

.b-green-900-a-lg:active{
	border-color: #22543D;
}


.b-yellow-100-a-lg:active{
	border-color: #FFFFF0;
}

.b-yellow-200-a-lg:active{
	border-color: #FEFCBF;
}

.b-yellow-300-a-lg:active{
	border-color: #FAF089;
}

.b-yellow-400-a-lg:active{
	border-color: #F6E05E;
}

.b-yellow-500-a-lg:active{
	border-color: #ECC94B;
}

.b-yellow-600-a-lg:active{
	border-color: #D69E2E;
}

.b-yellow-700-a-lg:active{
	border-color: #B7791F;
}

.b-yellow-800-a-lg:active{
	border-color: #975A16;
}

.b-yellow-900-a-lg:active{
	border-color: #744210;
}



.b-orange-100-a-lg:active{
	border-color: #FFFAF0;
}

.b-orange-200-a-lg:active{
	border-color: #FEEBC8;
}

.b-orange-300-a-lg:active{
	border-color: #FBD38D;
}

.b-orange-400-a-lg:active{
	border-color: #F6AD55;
}

.b-orange-500-a-lg:active{
	border-color: #ED8936;
}

.b-orange-600-a-lg:active{
	border-color: #DD6B20;
}

.b-orange-700-a-lg:active{
	border-color: #C05621;
}

.b-orange-800-a-lg:active{
	border-color: #9C4221;
}

.b-orange-900-a-lg:active{
	border-color: #7B341E;
}



.b-red-100-a-lg:active{
	border-color: #FFF5F5;
}

.b-red-200-a-lg:active{
	border-color: #FED7D7;
}

.b-red-300-a-lg:active{
	border-color: #FEB2B2;
}

.b-red-400-a-lg:active{
	border-color: #FC8181;
}

.b-red-500-a-lg:active{
	border-color: #F56565;
}

.b-red-600-a-lg:active{
	border-color: #E53E3E;
}

.b-red-700-a-lg:active{
	border-color: #C53030;
}

.b-red-800-a-lg:active{
	border-color: #9B2C2C;
}

.b-red-900-a-lg:active{
	border-color: #742A2A;
}



.b-gray-100-a-lg:active{
	border-color: #F7FAFC;
}

.b-gray-200-a-lg:active{
	border-color: #EDF2F7;
}

.b-gray-300-a-lg:active{
	border-color: #E2E8F0;
}

.b-gray-400-a-lg:active{
	border-color: #CBD5E0;
}

.b-gray-500-a-lg:active{
	border-color: #A0AEC0;
}

.b-gray-600-a-lg:active{
	border-color: #718096;
}

.b-gray-700-a-lg:active{
	border-color: #4A5568;
}

.b-gray-800-a-lg:active{
	border-color: #2D3748;
}

.b-gray-900-a-lg:active{
	border-color: #1A202C;
}


.b-black-a-lg:active{
	border-color: #000000;
}

.b-white-a-lg:active{
	border-color: #FFFFFF;
}


.b-purple-100-f-lg:focus{
	border-color: #FAF5FF;
}

.b-purple-200-f-lg:focus{
	border-color: #E9D8FD;
}

.b-purple-300-f-lg:focus{
	border-color: #D6BCFA;
}

.b-purple-400-f-lg:focus{
	border-color: #B794F4;
}

.b-purple-500-f-lg:focus{
	border-color: #9F7AEA;
}

.b-purple-600-f-lg:focus{
	border-color: #805AD5;
}

.b-purple-700-f-lg:focus{
	border-color: #6B46C1;
}

.b-purple-800-f-lg:focus{
	border-color: #553C9A;
}

.b-purple-900-f-lg:focus{
	border-color: #44337A;
}




.b-blue-100-f-lg:focus{
	border-color: #EBF8FF;
}

.b-blue-200-f-lg:focus{
	border-color: #BEE3F8;
}

.b-blue-300-f-lg:focus{
	border-color: #90CDF4;
}

.b-blue-400-f-lg:focus{
	border-color: #63B3ED;
}

.b-blue-500-f-lg:focus{
	border-color: #4299E1;
}

.b-blue-600-f-lg:focus{
	border-color: #3182CE;
}

.b-blue-700-f-lg:focus{
	border-color: #2B6CB0;
}

.b-blue-800-f-lg:focus{
	border-color: #2C5282;
}

.b-blue-900-f-lg:focus{
	border-color: #2A4365;
}


.b-teal-100-f-lg:focus{
	border-color: #E6FFFA;
}

.b-teal-200-f-lg:focus{
	border-color: #B2F5EA;
}

.b-teal-300-f-lg:focus{
	border-color: #81E6D9;
}

.b-teal-400-f-lg:focus{
	border-color: #4FD1C5;
}

.b-teal-500-f-lg:focus{
	border-color: #38B2AC;
}

.b-teal-600-f-lg:focus{
	border-color: #319795;
}

.b-teal-700-f-lg:focus{
	border-color: #2C7A7B;
}

.b-teal-800-f-lg:focus{
	border-color: #285E61;
}

.b-teal-900-f-lg:focus{
	border-color: #234E52;
}



.b-pink-100-f-lg:focus{
	border-color: #FFF5F7;
}
.b-pink-200-f-lg:focus{
	border-color: #FED7E2;
}

.b-pink-300-f-lg:focus{
	border-color: #FBB6CE;
}

.b-pink-400-f-lg:focus{
	border-color: #F687B3;
}

.b-pink-500-f-lg:focus{
	border-color: #ED64A6;
}

.b-pink-600-f-lg:focus{
	border-color: #D53F8C;
}

.b-pink-700-f-lg:focus{
	border-color: #B83280;
}

.b-pink-800-f-lg:focus{
	border-color: #97266D;
}

.b-pink-900-f-lg:focus{
	border-color: #702459;
}



.b-indigo-100-f-lg:focus{
	border-color: #EBF4FF;
}
.b-indigo-200-f-lg:focus{
	border-color: #C3DAFE;
}
.b-indigo-300-f-lg:focus{
	border-color: #A3BFFA;
}
.b-indigo-400-f-lg:focus{
	border-color: #7F9CF5;
}
.b-indigo-500-f-lg:focus{
	border-color: #667EEA;
}
.b-indigo-600-f-lg:focus{
	border-color: #5A67D8;
}
.b-indigo-700-f-lg:focus{
	border-color: #4C51BF;
}
.b-indigo-800-f-lg:focus{
	border-color: #434190;
}
.b-indigo-900-f-lg:focus{	
	border-color: #3C366B;
}


.b-green-100-f-lg:focus{
	border-color: #F0FFF4;
}

.b-green-200-f-lg:focus{
	border-color: #C6F6D5;
}

.b-green-300-f-lg:focus{
	border-color: #9AE6B4;
}

.b-green-400-f-lg:focus{
	border-color: #68D391;
}

.b-green-500-f-lg:focus{
	border-color: #48BB78;
}

.b-green-600-f-lg:focus{
	border-color: #38A169;
}

.b-green-700-f-lg:focus{
	border-color: #2F855A;
}

.b-green-800-f-lg:focus{
	border-color: #276749;
}

.b-green-900-f-lg:focus{
	border-color: #22543D;
}


.b-yellow-100-f-lg:focus{
	border-color: #FFFFF0;
}

.b-yellow-200-f-lg:focus{
	border-color: #FEFCBF;
}

.b-yellow-300-f-lg:focus{
	border-color: #FAF089;
}

.b-yellow-400-f-lg:focus{
	border-color: #F6E05E;
}

.b-yellow-500-f-lg:focus{
	border-color: #ECC94B;
}

.b-yellow-600-f-lg:focus{
	border-color: #D69E2E;
}

.b-yellow-700-f-lg:focus{
	border-color: #B7791F;
}

.b-yellow-800-f-lg:focus{
	border-color: #975A16;
}

.b-yellow-900-f-lg:focus{
	border-color: #744210;
}



.b-orange-100-f-lg:focus{
	border-color: #FFFAF0;
}

.b-orange-200-f-lg:focus{
	border-color: #FEEBC8;
}

.b-orange-300-f-lg:focus{
	border-color: #FBD38D;
}

.b-orange-400-f-lg:focus{
	border-color: #F6AD55;
}

.b-orange-500-f-lg:focus{
	border-color: #ED8936;
}

.b-orange-600-f-lg:focus{
	border-color: #DD6B20;
}

.b-orange-700-f-lg:focus{
	border-color: #C05621;
}

.b-orange-800-f-lg:focus{
	border-color: #9C4221;
}

.b-orange-900-f-lg:focus{
	border-color: #7B341E;
}



.b-red-100-f-lg:focus{
	border-color: #FFF5F5;
}

.b-red-200-f-lg:focus{
	border-color: #FED7D7;
}

.b-red-300-f-lg:focus{
	border-color: #FEB2B2;
}

.b-red-400-f-lg:focus{
	border-color: #FC8181;
}

.b-red-500-f-lg:focus{
	border-color: #F56565;
}

.b-red-600-f-lg:focus{
	border-color: #E53E3E;
}

.b-red-700-f-lg:focus{
	border-color: #C53030;
}

.b-red-800-f-lg:focus{
	border-color: #9B2C2C;
}

.b-red-900-f-lg:focus{
	border-color: #742A2A;
}



.b-gray-100-f-lg:focus{
	border-color: #F7FAFC;
}

.b-gray-200-f-lg:focus{
	border-color: #EDF2F7;
}

.b-gray-300-f-lg:focus{
	border-color: #E2E8F0;
}

.b-gray-400-f-lg:focus{
	border-color: #CBD5E0;
}

.b-gray-500-f-lg:focus{
	border-color: #A0AEC0;
}

.b-gray-600-f-lg:focus{
	border-color: #718096;
}

.b-gray-700-f-lg:focus{
	border-color: #4A5568;
}

.b-gray-800-f-lg:focus{
	border-color: #2D3748;
}

.b-gray-900-f-lg:focus{
	border-color: #1A202C;
}


.b-black-f-lg:focus{
	border-color: #000000;
}

.b-white-f-lg:focus{
	border-color: #FFFFFF;
}



.text-black-a-lg:active{
	color: #000000;
}

.text-black-h-lg:hover{
	color: #000000;
}


.text-white-h-lg:hover{
	color: #FFFFFF;
}


.text-white-a-lg:active{
	color: #000000;
}



.round-full-lg{
	border-radius: 1000px;
}

.round-xs-lg{
	border-radius: 2px;
}

.round-sm-lg{
	border-radius: 4px;
}

.round-lg-lg{
	border-radius: 8px;
}

.round-xl-lg{
	border-radius: 12px;
}

.round-xxl-lg{
	border-radius: 16px;
}

.circle-lg{
	border-radius: 50%;
}

.round-none-lg{
	border-radius: 0;
}


.round-b-xs-lg{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-lg{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-lg{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-lg{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-lg{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-lg{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-lg{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-lg{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-lg{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-lg{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-lg{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-lg{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-lg{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-lg{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-lg{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.round-full-h-lg:hover{
	border-radius: 1000px;
}

.round-xs-h-lg:hover{
	border-radius: 2px;
}

.round-sm-h-lg:hover{
	border-radius: 4px;
}

.round-lg-h-lg:hover{
	border-radius: 8px;
}

.round-xl-h-lg:hover{
	border-radius: 12px;
}

.round-xxl-h-lg:hover{
	border-radius: 16px;
}

.circle-h-lg:hover{
	border-radius: 50%;
}

.round-none-h-lg:hover{
	border-radius: 0;
}


.round-b-xs-h-lg:hover{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-h-lg:hover{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-h-lg:hover{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-h-lg:hover{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-h-lg:hover{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-h-lg:hover{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-h-lg:hover{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-h-lg:hover{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-h-lg:hover{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-h-lg:hover{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-h-lg:hover{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-h-lg:hover{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-h-lg:hover{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-h-lg:hover{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-h-lg:hover{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}


.round-full-a-lg:active{
	border-radius: 1000px;
}

.round-xs-a-lg:active{
	border-radius: 2px;
}

.round-sm-a-lg:active{
	border-radius: 4px;
}

.round-lg-a-lg:active{
	border-radius: 8px;
}

.round-xl-a-lg:active{
	border-radius: 12px;
}

.round-xxl-a-lg:active{
	border-radius: 16px;
}

.circle-a-lg:active{
	border-radius: 50%;
}

.round-none-a-lg:active{
	border-radius: 0;
}


.round-b-xs-a-lg:active{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-a-lg:active{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-a-lg:active{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-a-lg:active{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-a-lg:active{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-a-lg:active{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-a-lg:active{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-a-lg:active{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-a-lg:active{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-a-lg:active{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-a-lg:active{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-a-lg:active{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-a-lg:active{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-a-lg:active{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-a-lg:active{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}













/* FILL FOR SVG COLORING */


.fill-purple-100-lg{
	fill: #FAF5FF;
}

.fill-purple-200-lg{
	fill: #E9D8FD;
}

.fill-purple-300-lg{
	fill: #D6BCFA;
}

.fill-purple-400-lg{
	fill: #B794F4;
}

.fill-purple-500-lg{
	fill: #9F7AEA;
}

.fill-purple-600-lg{
	fill: #805AD5;
}

.fill-purple-700-lg{
	fill: #6B46C1;
}

.fill-purple-800-lg{
	fill: #553C9A;
}

.fill-purple-900-lg{
	fill: #44337A;
}




.fill-blue-100-lg{
	fill: #EBF8FF;
}

.fill-blue-200-lg{
	fill: #BEE3F8;
}

.fill-blue-300-lg{
	fill: #90CDF4;
}

.fill-blue-400-lg{
	fill: #63B3ED;
}

.fill-blue-500-lg{
	fill: #4299E1;
}

.fill-blue-600-lg{
	fill: #3182CE;
}

.fill-blue-700-lg{
	fill: #2B6CB0;
}

.fill-blue-800-lg{
	fill: #2C5282;
}

.fill-blue-900-lg{
	fill: #2A4365;
}


.fill-teal-100-lg{
	fill: #E6FFFA;
}

.fill-teal-200-lg{
	fill: #B2F5EA;
}

.fill-teal-300-lg{
	fill: #81E6D9;
}

.fill-teal-400-lg{
	fill: #4FD1C5;
}

.fill-teal-500-lg{
	fill: #38B2AC;
}

.fill-teal-600-lg{
	fill: #319795;
}

.fill-teal-700-lg{
	fill: #2C7A7B;
}

.fill-teal-800-lg{
	fill: #285E61;
}

.fill-teal-900-lg{
	fill: #234E52;
}

.fill-teal-1000-lg{
	fill: #004d40;
}


.fill-pink-100-lg{
	fill: #FFF5F7;
}
.fill-pink-200-lg{
	fill: #FED7E2;
}

.fill-pink-300-lg{
	fill: #FBB6CE;
}

.fill-pink-400-lg{
	fill: #F687B3;
}

.fill-pink-500-lg{
	fill: #ED64A6;
}

.fill-pink-600-lg{
	fill: #D53F8C;
}

.fill-pink-700-lg{
	fill: #B83280;
}

.fill-pink-800-lg{
	fill: #97266D;
}

.fill-pink-900-lg{
	fill: #702459;
}



.fill-indigo-100-lg{
	fill: #EBF4FF;
}
.fill-indigo-200-lg{
	fill: #C3DAFE;
}
.fill-indigo-300-lg{
	fill: #A3BFFA;
}
.fill-indigo-400-lg{
	fill: #7F9CF5;
}
.fill-indigo-500-lg{
	fill: #667EEA;
}
.fill-indigo-600-lg{
	fill: #5A67D8;
}
.fill-indigo-700-lg{
	fill: #4C51BF;
}
.fill-indigo-800-lg{
	fill: #434190;
}
.fill-indigo-900-lg{	
	fill: #3C366B;
}


.fill-green-100-lg{
	fill: #F0FFF4;
}

.fill-green-200-lg{
	fill: #C6F6D5;
}

.fill-green-300-lg{
	fill: #9AE6B4;
}

.fill-green-400-lg{
	fill: #68D391;
}

.fill-green-500-lg{
	fill: #48BB78;
}

.fill-green-600-lg{
	fill: #38A169;
}

.fill-green-700-lg{
	fill: #2F855A;
}

.fill-green-800-lg{
	fill: #276749;
}

.fill-green-900-lg{
	fill: #22543D;
}

.fill-green-1000-lg{
	fill: #33691e;
}


.fill-yellow-100-lg{
	fill: #FFFFF0;
}

.fill-yellow-200-lg{
	fill: #FEFCBF;
}

.fill-yellow-300-lg{
	fill: #FAF089;
}

.fill-yellow-400-lg{
	fill: #F6E05E;
}

.fill-yellow-500-lg{
	fill: #ECC94B;
}

.fill-yellow-600-lg{
	fill: #D69E2E;
}

.fill-yellow-700-lg{
	fill: #B7791F;
}

.fill-yellow-800-lg{
	fill: #975A16;
}

.fill-yellow-900-lg{
	fill: #744210;
}



.fill-orange-100-lg{
	fill: #FFFAF0;
}

.fill-orange-200-lg{
	fill: #FEEBC8;
}

.fill-orange-300-lg{
	fill: #FBD38D;
}

.fill-orange-400-lg{
	fill: #F6AD55;
}

.fill-orange-500-lg{
	fill: #ED8936;
}

.fill-orange-600-lg{
	fill: #DD6B20;
}

.fill-orange-700-lg{
	fill: #C05621;
}

.fill-orange-800-lg{
	fill: #9C4221;
}

.fill-orange-900-lg{
	fill: #7B341E;
}



.fill-red-100-lg{
	fill: #FFF5F5;
}

.fill-red-200-lg{
	fill: #FED7D7;
}

.fill-red-300-lg{
	fill: #FEB2B2;
}

.fill-red-400-lg{
	fill: #FC8181;
}

.fill-red-500-lg{
	fill: #F56565;
}

.fill-red-600-lg{
	fill: #E53E3E;
}

.fill-red-700-lg{
	fill: #C53030;
}

.fill-red-800-lg{
	fill: #9B2C2C;
}

.fill-red-900-lg{
	fill: #742A2A;
}



.fill-gray-100-lg{
	fill: #F7FAFC;
}

.fill-gray-200-lg{
	fill: #EDF2F7;
}

.fill-gray-300-lg{
	fill: #E2E8F0;
}

.fill-gray-400-lg{
	fill: #CBD5E0;
}

.fill-gray-500-lg{
	fill: #A0AEC0;
}

.fill-gray-600-lg{
	fill: #718096;
}

.fill-gray-700-lg{
	fill: #4A5568;
}

.fill-gray-800-lg{
	fill: #2D3748;
}

.fill-gray-900-lg{
	fill: #1A202C;
}

.fill-transparent-lg{
	fill: transparent;
}

.fill-black-lg{
	fill: #000000;
}

.fill-white-lg{
	fill: #FFFFFF;
}


.fill-purple-100-a-lg:active{
	fill: #FAF5FF;
}

.fill-purple-200-a-lg:active{
	fill: #E9D8FD;
}

.fill-purple-300-a-lg:active{
	fill: #D6BCFA;
}

.fill-purple-400-a-lg:active{
	fill: #B794F4;
}

.fill-purple-500-a-lg:active{
	fill: #9F7AEA;
}

.fill-purple-600-a-lg:active{
	fill: #805AD5;
}

.fill-purple-700-a-lg:active{
	fill: #6B46C1;
}

.fill-purple-800-a-lg:active{
	fill: #553C9A;
}

.fill-purple-900-a-lg:active{
	fill: #44337A;
}




.fill-blue-100-a-lg:active{
	fill: #EBF8FF;
}

.fill-blue-200-a-lg:active{
	fill: #BEE3F8;
}

.fill-blue-300-a-lg:active{
	fill: #90CDF4;
}

.fill-blue-400-a-lg:active{
	fill: #63B3ED;
}

.fill-blue-500-a-lg:active{
	fill: #4299E1;
}

.fill-blue-600-a-lg:active{
	fill: #3182CE;
}

.fill-blue-700-a-lg:active{
	fill: #2B6CB0;
}

.fill-blue-800-a-lg:active{
	fill: #2C5282;
}

.fill-blue-900-a-lg:active{
	fill: #2A4365;
}


.fill-teal-100-a-lg:active{
	fill: #E6FFFA;
}

.fill-teal-200-a-lg:active{
	fill: #B2F5EA;
}

.fill-teal-300-a-lg:active{
	fill: #81E6D9;
}

.fill-teal-400-a-lg:active{
	fill: #4FD1C5;
}

.fill-teal-500-a-lg:active{
	fill: #38B2AC;
}

.fill-teal-600-a-lg:active{
	fill: #319795;
}

.fill-teal-700-a-lg:active{
	fill: #2C7A7B;
}

.fill-teal-800-a-lg:active{
	fill: #285E61;
}

.fill-teal-900-a-lg:active{
	fill: #234E52;
}



.fill-pink-100-a-lg:active{
	fill: #FFF5F7;
}
.fill-pink-200-a-lg:active{
	fill: #FED7E2;
}

.fill-pink-300-a-lg:active{
	fill: #FBB6CE;
}

.fill-pink-400-a-lg:active{
	fill: #F687B3;
}

.fill-pink-500-a-lg:active{
	fill: #ED64A6;
}

.fill-pink-600-a-lg:active{
	fill: #D53F8C;
}

.fill-pink-700-a-lg:active{
	fill: #B83280;
}

.fill-pink-800-a-lg:active{
	fill: #97266D;
}

.fill-pink-900-a-lg:active{
	fill: #702459;
}



.fill-indigo-100-a-lg:active{
	fill: #EBF4FF;
}
.fill-indigo-200-a-lg:active{
	fill: #C3DAFE;
}
.fill-indigo-300-a-lg:active{
	fill: #A3BFFA;
}
.fill-indigo-400-a-lg:active{
	fill: #7F9CF5;
}
.fill-indigo-500-a-lg:active{
	fill: #667EEA;
}
.fill-indigo-600-a-lg:active{
	fill: #5A67D8;
}
.fill-indigo-700-a-lg:active{
	fill: #4C51BF;
}
.fill-indigo-800-a-lg:active{
	fill: #434190;
}
.fill-indigo-900-a-lg:active{	
	fill: #3C366B;
}


.fill-green-100-a-lg:active{
	fill: #F0FFF4;
}

.fill-green-200-a-lg:active{
	fill: #C6F6D5;
}

.fill-green-300-a-lg:active{
	fill: #9AE6B4;
}

.fill-green-400-a-lg:active{
	fill: #68D391;
}

.fill-green-500-a-lg:active{
	fill: #48BB78;
}

.fill-green-600-a-lg:active{
	fill: #38A169;
}

.bg-MD-dark-lg{
	background-color: #121212;
}

.fill-green-700-a-lg:active{
	fill: #2F855A;
}

.fill-green-800-a-lg:active{
	fill: #276749;
}

.fill-green-900-a-lg:active{
	fill: #22543D;
}


.fill-yellow-100-a-lg:active{
	fill: #FFFFF0;
}

.fill-yellow-200-a-lg:active{
	fill: #FEFCBF;
}

.fill-yellow-300-a-lg:active{
	fill: #FAF089;
}

.fill-yellow-400-a-lg:active{
	fill: #F6E05E;
}

.fill-yellow-500-a-lg:active{
	fill: #ECC94B;
}

.fill-yellow-600-a-lg:active{
	fill: #D69E2E;
}

.fill-yellow-700-a-lg:active{
	fill: #B7791F;
}

.fill-yellow-800-a-lg:active{
	fill: #975A16;
}

.fill-yellow-900-a-lg:active{
	fill: #744210;
}



.fill-orange-100-a-lg:active{
	fill: #FFFAF0;
}

.fill-orange-200-a-lg:active{
	fill: #FEEBC8;
}

.fill-orange-300-a-lg:active{
	fill: #FBD38D;
}

.fill-orange-400-a-lg:active{
	fill: #F6AD55;
}

.fill-orange-500-a-lg:active{
	fill: #ED8936;
}

.fill-orange-600-a-lg:active{
	fill: #DD6B20;
}

.fill-orange-700-a-lg:active{
	fill: #C05621;
}

.fill-orange-800-a-lg:active{
	fill: #9C4221;
}

.fill-orange-900-a-lg:active{
	fill: #7B341E;
}



.fill-red-100-a-lg:active{
	fill: #FFF5F5;
}

.fill-red-200-a-lg:active{
	fill: #FED7D7;
}

.fill-red-300-a-lg:active{
	fill: #FEB2B2;
}

.fill-red-400-a-lg:active{
	fill: #FC8181;
}

.fill-red-500-a-lg:active{
	fill: #F56565;
}

.fill-red-600-a-lg:active{
	fill: #E53E3E;
}

.fill-red-700-a-lg:active{
	fill: #C53030;
}

.fill-red-800-a-lg:active{
	fill: #9B2C2C;
}

.fill-red-900-a-lg:active{
	fill: #742A2A;
}



.fill-gray-100-a-lg:active{
	fill: #F7FAFC;
}

.fill-gray-200-a-lg:active{
	fill: #EDF2F7;
}

.fill-gray-300-a-lg:active{
	fill: #E2E8F0;
}

.fill-gray-400-a-lg:active{
	fill: #CBD5E0;
}

.fill-gray-500-a-lg:active{
	fill: #A0AEC0;
}

.fill-gray-600-a-lg:active{
	fill: #718096;
}

.fill-gray-700-a-lg:active{
	fill: #4A5568;
}

.fill-gray-800-a-lg:active{
	fill: #2D3748;
}

.fill-gray-900-a-lg:active{
	fill: #1A202C;
}

.fill-transparent-a-lg:active{
	fill: transparent;
}

.fill-black-a-lg:active{
	fill: #000000;
}

.fill-white-a-lg:active{
	fill: #FFFFFF;
}

.fill-purple-100-h-lg:hover{
	fill: #FAF5FF;
}

.fill-purple-200-h-lg:hover{
	fill: #E9D8FD;
}

.fill-purple-300-h-lg:hover{
	fill: #D6BCFA;
}

.fill-purple-400-h-lg:hover{
	fill: #B794F4;
}

.fill-purple-500-h-lg:hover{
	fill: #9F7AEA;
}

.fill-purple-600-h-lg:hover{
	fill: #805AD5;
}

.fill-purple-700-h-lg:hover{
	fill: #6B46C1;
}

.fill-purple-800-h-lg:hover{
	fill: #553C9A;
}

.fill-purple-900-h-lg:hover{
	fill: #44337A;
}




.fill-blue-100-h-lg:hover{
	fill: #EBF8FF;
}

.fill-blue-200-h-lg:hover{
	fill: #BEE3F8;
}

.fill-blue-300-h-lg:hover{
	fill: #90CDF4;
}

.fill-blue-400-h-lg:hover{
	fill: #63B3ED;
}

.fill-blue-500-h-lg:hover{
	fill: #4299E1;
}

.fill-blue-600-h-lg:hover{
	fill: #3182CE;
}

.fill-blue-700-h-lg:hover{
	fill: #2B6CB0;
}

.fill-blue-800-h-lg:hover{
	fill: #2C5282;
}

.fill-blue-900-h-lg:hover{
	fill: #2A4365;
}


.fill-teal-100-h-lg:hover{
	fill: #E6FFFA;
}

.fill-teal-200-h-lg:hover{
	fill: #B2F5EA;
}

.fill-teal-300-h-lg:hover{
	fill: #81E6D9;
}

.fill-teal-400-h-lg:hover{
	fill: #4FD1C5;
}

.fill-teal-500-h-lg:hover{
	fill: #38B2AC;
}

.fill-teal-600-h-lg:hover{
	fill: #319795;
}

.fill-teal-700-h-lg:hover{
	fill: #2C7A7B;
}

.fill-teal-800-h-lg:hover{
	fill: #285E61;
}

.fill-teal-900-h-lg:hover{
	fill: #234E52;
}



.fill-pink-100-h-lg:hover{
	fill: #FFF5F7;
}
.fill-pink-200-h-lg:hover{
	fill: #FED7E2;
}

.fill-pink-300-h-lg:hover{
	fill: #FBB6CE;
}

.fill-pink-400-h-lg:hover{
	fill: #F687B3;
}

.fill-pink-500-h-lg:hover{
	fill: #ED64A6;
}

.fill-pink-600-h-lg:hover{
	fill: #D53F8C;
}

.fill-pink-700-h-lg:hover{
	fill: #B83280;
}

.fill-pink-800-h-lg:hover{
	fill: #97266D;
}

.fill-pink-900-h-lg:hover{
	fill: #702459;
}



.fill-indigo-100-h-lg:hover{
	fill: #EBF4FF;
}
.fill-indigo-200-h-lg:hover{
	fill: #C3DAFE;
}
.fill-indigo-300-h-lg:hover{
	fill: #A3BFFA;
}
.fill-indigo-400-h-lg:hover{
	fill: #7F9CF5;
}
.fill-indigo-500-h-lg:hover{
	fill: #667EEA;
}
.fill-indigo-600-h-lg:hover{
	fill: #5A67D8;
}
.fill-indigo-700-h-lg:hover{
	fill: #4C51BF;
}
.fill-indigo-800-h-lg:hover{
	fill: #434190;
}
.fill-indigo-900-h-lg:hover{	
	fill: #3C366B;
}


.fill-green-100-h-lg:hover{
	fill: #F0FFF4;
}

.fill-green-200-h-lg:hover{
	fill: #C6F6D5;
}

.fill-green-300-h-lg:hover{
	fill: #9AE6B4;
}

.fill-green-400-h-lg:hover{
	fill: #68D391;
}

.fill-green-500-h-lg:hover{
	fill: #48BB78;
}

.fill-green-600-h-lg:hover{
	fill: #38A169;
}

.fill-green-700-h-lg:hover{
	fill: #2F855A;
}

.fill-green-800-h-lg:hover{
	fill: #276749;
}

.fill-green-900-h-lg:hover{
	fill: #22543D;
}


.fill-yellow-100-h-lg:hover{
	fill: #FFFFF0;
}

.fill-yellow-200-h-lg:hover{
	fill: #FEFCBF;
}

.fill-yellow-300-h-lg:hover{
	fill: #FAF089;
}

.fill-yellow-400-h-lg:hover{
	fill: #F6E05E;
}

.fill-yellow-500-h-lg:hover{
	fill: #ECC94B;
}

.fill-yellow-600-h-lg:hover{
	fill: #D69E2E;
}

.fill-yellow-700-h-lg:hover{
	fill: #B7791F;
}

.fill-yellow-800-h-lg:hover{
	fill: #975A16;
}

.fill-yellow-900-h-lg:hover{
	fill: #744210;
}



.fill-orange-100-h-lg:hover{
	fill: #FFFAF0;
}

.fill-orange-200-h-lg:hover{
	fill: #FEEBC8;
}

.fill-orange-300-h-lg:hover{
	fill: #FBD38D;
}

.fill-orange-400-h-lg:hover{
	fill: #F6AD55;
}

.fill-orange-500-h-lg:hover{
	fill: #ED8936;
}

.fill-orange-600-h-lg:hover{
	fill: #DD6B20;
}

.fill-orange-700-h-lg:hover{
	fill: #C05621;
}

.fill-orange-800-h-lg:hover{
	fill: #9C4221;
}

.fill-orange-900-h-lg:hover{
	fill: #7B341E;
}



.fill-red-100-h-lg:hover{
	fill: #FFF5F5;
}

.fill-red-200-h-lg:hover{
	fill: #FED7D7;
}

.fill-red-300-h-lg:hover{
	fill: #FEB2B2;
}

.fill-red-400-h-lg:hover{
	fill: #FC8181;
}

.fill-red-500-h-lg:hover{
	fill: #F56565;
}

.fill-red-600-h-lg:hover{
	fill: #E53E3E;
}

.fill-red-700-h-lg:hover{
	fill: #C53030;
}

.fill-red-800-h-lg:hover{
	fill: #9B2C2C;
}

.fill-red-900-h-lg:hover{
	fill: #742A2A;
}



.fill-gray-100-h-lg:hover{
	fill: #F7FAFC;
}

.fill-gray-200-h-lg:hover{
	fill: #EDF2F7;
}

.fill-gray-300-h-lg:hover{
	fill: #E2E8F0;
}

.fill-gray-400-h-lg:hover{
	fill: #CBD5E0;
}

.fill-gray-500-h-lg:hover{
	fill: #A0AEC0;
}

.fill-gray-600-h-lg:hover{
	fill: #718096;
}

.fill-gray-700-h-lg:hover{
	fill: #4A5568;
}

.fill-gray-800-h-lg:hover{
	fill: #2D3748;
}

.fill-gray-900-h-lg:hover{
	fill: #1A202C;
}

.fill-transparent-h-lg:hover{
	fill: transparent;
}

.fill-black-h-lg:hover{
	fill: #000000;
}

.fill-white-h-lg:hover{
	fill: #FFFFFF;
}

/* ======================================= FILL ==================================== */



/* COLORS  */
/* =============================== COLORS =================================================== */

.bg-purple-100-lg{
	background-color: #FAF5FF;
}

.bg-purple-200-lg{
	background-color: #E9D8FD;
}

.bg-purple-300-lg{
	background-color: #D6BCFA;
}

.bg-purple-400-lg{
	background-color: #B794F4;
}

.bg-purple-500-lg{
	background-color: #9F7AEA;
}

.bg-purple-600-lg{
	background-color: #805AD5;
}

.bg-purple-700-lg{
	background-color: #6B46C1;
}

.bg-purple-800-lg{
	background-color: #553C9A;
}

.bg-purple-900-lg{
	background-color: #44337A;
}




.bg-blue-100-lg{
	background-color: #EBF8FF;
}

.bg-blue-200-lg{
	background-color: #BEE3F8;
}

.bg-blue-300-lg{
	background-color: #90CDF4;
}

.bg-blue-400-lg{
	background-color: #63B3ED;
}

.bg-blue-500-lg{
	background-color: #4299E1;
}

.bg-blue-600-lg{
	background-color: #3182CE;
}

.bg-blue-700-lg{
	background-color: #2B6CB0;
}

.bg-blue-800-lg{
	background-color: #2C5282;
}

.bg-blue-900-lg{
	background-color: #2A4365;
}


.bg-teal-100-lg{
	background-color: #E6FFFA;
}

.bg-teal-200-lg{
	background-color: #B2F5EA;
}

.bg-teal-300-lg{
	background-color: #81E6D9;
}

.bg-teal-400-lg{
	background-color: #4FD1C5;
}

.bg-teal-500-lg{
	background-color: #38B2AC;
}

.bg-teal-600-lg{
	background-color: #319795;
}

.bg-teal-700-lg{
	background-color: #2C7A7B;
}

.bg-teal-800-lg{
	background-color: #285E61;
}

.bg-teal-900-lg{
	background-color: #234E52;
}

.bg-teal-1000-lg{
	background-color: #004d40;
}


.bg-pink-100-lg{
	background-color: #FFF5F7;
}
.bg-pink-200-lg{
	background-color: #FED7E2;
}

.bg-pink-300-lg{
	background-color: #FBB6CE;
}

.bg-pink-400-lg{
	background-color: #F687B3;
}

.bg-pink-500-lg{
	background-color: #ED64A6;
}

.bg-pink-600-lg{
	background-color: #D53F8C;
}

.bg-pink-700-lg{
	background-color: #B83280;
}

.bg-pink-800-lg{
	background-color: #97266D;
}

.bg-pink-900-lg{
	background-color: #702459;
}



.bg-indigo-100-lg{
	background-color: #EBF4FF;
}
.bg-indigo-200-lg{
	background-color: #C3DAFE;
}
.bg-indigo-300-lg{
	background-color: #A3BFFA;
}
.bg-indigo-400-lg{
	background-color: #7F9CF5;
}
.bg-indigo-500-lg{
	background-color: #667EEA;
}
.bg-indigo-600-lg{
	background-color: #5A67D8;
}
.bg-indigo-700-lg{
	background-color: #4C51BF;
}
.bg-indigo-800-lg{
	background-color: #434190;
}
.bg-indigo-900-lg{	
	background-color: #3C366B;
}


.bg-green-100-lg{
	background-color: #F0FFF4;
}

.bg-green-200-lg{
	background-color: #C6F6D5;
}

.bg-green-300-lg{
	background-color: #9AE6B4;
}

.bg-green-400-lg{
	background-color: #68D391;
}

.bg-green-500-lg{
	background-color: #48BB78;
}

.bg-green-600-lg{
	background-color: #38A169;
}

.bg-green-700-lg{
	background-color: #2F855A;
}

.bg-green-800-lg{
	background-color: #276749;
}

.bg-green-900-lg{
	background-color: #22543D;
}

.bg-green-1000-lg{
	background-color: #33691e;
}


.bg-yellow-100-lg{
	background-color: #FFFFF0;
}

.bg-yellow-200-lg{
	background-color: #FEFCBF;
}

.bg-yellow-300-lg{
	background-color: #FAF089;
}

.bg-yellow-400-lg{
	background-color: #F6E05E;
}

.bg-yellow-500-lg{
	background-color: #ECC94B;
}

.bg-yellow-600-lg{
	background-color: #D69E2E;
}

.bg-yellow-700-lg{
	background-color: #B7791F;
}

.bg-yellow-800-lg{
	background-color: #975A16;
}

.bg-yellow-900-lg{
	background-color: #744210;
}



.bg-orange-100-lg{
	background-color: #FFFAF0;
}

.bg-orange-200-lg{
	background-color: #FEEBC8;
}

.bg-orange-300-lg{
	background-color: #FBD38D;
}

.bg-orange-400-lg{
	background-color: #F6AD55;
}

.bg-orange-500-lg{
	background-color: #ED8936;
}

.bg-orange-600-lg{
	background-color: #DD6B20;
}

.bg-orange-700-lg{
	background-color: #C05621;
}

.bg-orange-800-lg{
	background-color: #9C4221;
}

.bg-orange-900-lg{
	background-color: #7B341E;
}



.bg-red-100-lg{
	background-color: #FFF5F5;
}

.bg-red-200-lg{
	background-color: #FED7D7;
}

.bg-red-300-lg{
	background-color: #FEB2B2;
}

.bg-red-400-lg{
	background-color: #FC8181;
}

.bg-red-500-lg{
	background-color: #F56565;
}

.bg-red-600-lg{
	background-color: #E53E3E;
}

.bg-red-700-lg{
	background-color: #C53030;
}

.bg-red-800-lg{
	background-color: #9B2C2C;
}

.bg-red-900-lg{
	background-color: #742A2A;
}



.bg-gray-100-lg{
	background-color: #F7FAFC;
}

.bg-gray-200-lg{
	background-color: #EDF2F7;
}

.bg-gray-300-lg{
	background-color: #E2E8F0;
}

.bg-gray-400-lg{
	background-color: #CBD5E0;
}

.bg-gray-500-lg{
	background-color: #A0AEC0;
}

.bg-gray-600-lg{
	background-color: #718096;
}

.bg-gray-700-lg{
	background-color: #4A5568;
}

.bg-gray-800-lg{
	background-color: #2D3748;
}

.bg-gray-900-lg{
	background-color: #1A202C;
}

.bg-transparent-lg{
	background-color: transparent;
}

.bg-black-lg{
	background-color: #000000;
}

.bg-white-lg{
	background-color: #FFFFFF;
}

.bg-purple-100-f-lg:focus{
	background-color: #FAF5FF;
}

.bg-purple-200-f-lg:focus{
	background-color: #E9D8FD;
}

.bg-purple-300-f-lg:focus{
	background-color: #D6BCFA;
}

.bg-purple-400-f-lg:focus{
	background-color: #B794F4;
}

.bg-purple-500-f-lg:focus{
	background-color: #9F7AEA;
}

.bg-purple-600-f-lg:focus{
	background-color: #805AD5;
}

.bg-purple-700-f-lg:focus{
	background-color: #6B46C1;
}

.bg-purple-800-f-lg:focus{
	background-color: #553C9A;
}

.bg-purple-900-f-lg:focus{
	background-color: #44337A;
}




.bg-blue-100-f-lg:focus{
	background-color: #EBF8FF;
}

.bg-blue-200-f-lg:focus{
	background-color: #BEE3F8;
}

.bg-blue-300-f-lg:focus{
	background-color: #90CDF4;
}

.bg-blue-400-f-lg:focus{
	background-color: #63B3ED;
}

.bg-blue-500-f-lg:focus{
	background-color: #4299E1;
}

.bg-blue-600-f-lg:focus{
	background-color: #3182CE;
}

.bg-blue-700-f-lg:focus{
	background-color: #2B6CB0;
}

.bg-blue-800-f-lg:focus{
	background-color: #2C5282;
}

.bg-blue-900-f-lg:focus{
	background-color: #2A4365;
}


.bg-teal-100-f-lg:focus{
	background-color: #E6FFFA;
}

.bg-teal-200-f-lg:focus{
	background-color: #B2F5EA;
}

.bg-teal-300-f-lg:focus{
	background-color: #81E6D9;
}

.bg-teal-400-f-lg:focus{
	background-color: #4FD1C5;
}

.bg-teal-500-f-lg:focus{
	background-color: #38B2AC;
}

.bg-teal-600-f-lg:focus{
	background-color: #319795;
}

.bg-teal-700-f-lg:focus{
	background-color: #2C7A7B;
}

.bg-teal-800-f-lg:focus{
	background-color: #285E61;
}

.bg-teal-900-f-lg:focus{
	background-color: #234E52;
}

.bg-teal-1000-f-lg:focus{
	background-color: #004d40;
}


.bg-pink-100-f-lg:focus{
	background-color: #FFF5F7;
}
.bg-pink-200-f-lg:focus{
	background-color: #FED7E2;
}

.bg-pink-300-f-lg:focus{
	background-color: #FBB6CE;
}

.bg-pink-400-f-lg:focus{
	background-color: #F687B3;
}

.bg-pink-500-f-lg:focus{
	background-color: #ED64A6;
}

.bg-pink-600-f-lg:focus{
	background-color: #D53F8C;
}

.bg-pink-700-f-lg:focus{
	background-color: #B83280;
}

.bg-pink-800-f-lg:focus{
	background-color: #97266D;
}

.bg-pink-900-f-lg:focus{
	background-color: #702459;
}



.bg-indigo-100-f-lg:focus{
	background-color: #EBF4FF;
}
.bg-indigo-200-f-lg:focus{
	background-color: #C3DAFE;
}
.bg-indigo-300-f-lg:focus{
	background-color: #A3BFFA;
}
.bg-indigo-400-f-lg:focus{
	background-color: #7F9CF5;
}
.bg-indigo-500-f-lg:focus{
	background-color: #667EEA;
}
.bg-indigo-600-f-lg:focus{
	background-color: #5A67D8;
}
.bg-indigo-700-f-lg:focus{
	background-color: #4C51BF;
}
.bg-indigo-800-f-lg:focus{
	background-color: #434190;
}
.bg-indigo-900-f-lg:focus{	
	background-color: #3C366B;
}


.bg-green-100-f-lg:focus{
	background-color: #F0FFF4;
}

.bg-green-200-f-lg:focus{
	background-color: #C6F6D5;
}

.bg-green-300-f-lg:focus{
	background-color: #9AE6B4;
}

.bg-green-400-f-lg:focus{
	background-color: #68D391;
}

.bg-green-500-f-lg:focus{
	background-color: #48BB78;
}

.bg-green-600-f-lg:focus{
	background-color: #38A169;
}

.bg-green-700-f-lg:focus{
	background-color: #2F855A;
}

.bg-green-800-f-lg:focus{
	background-color: #276749;
}

.bg-green-900-f-lg:focus{
	background-color: #22543D;
}

.bg-green-1000-f-lg:focus{
	background-color: #33691e;
}


.bg-yellow-100-f-lg:focus{
	background-color: #FFFFF0;
}

.bg-yellow-200-f-lg:focus{
	background-color: #FEFCBF;
}

.bg-yellow-300-f-lg:focus{
	background-color: #FAF089;
}

.bg-yellow-400-f-lg:focus{
	background-color: #F6E05E;
}

.bg-yellow-500-f-lg:focus{
	background-color: #ECC94B;
}

.bg-yellow-600-f-lg:focus{
	background-color: #D69E2E;
}

.bg-yellow-700-f-lg:focus{
	background-color: #B7791F;
}

.bg-yellow-800-f-lg:focus{
	background-color: #975A16;
}

.bg-yellow-900-f-lg:focus{
	background-color: #744210;
}



.bg-orange-100-f-lg:focus{
	background-color: #FFFAF0;
}

.bg-orange-200-f-lg:focus{
	background-color: #FEEBC8;
}

.bg-orange-300-f-lg:focus{
	background-color: #FBD38D;
}

.bg-orange-400-f-lg:focus{
	background-color: #F6AD55;
}

.bg-orange-500-f-lg:focus{
	background-color: #ED8936;
}

.bg-orange-600-f-lg:focus{
	background-color: #DD6B20;
}

.bg-orange-700-f-lg:focus{
	background-color: #C05621;
}

.bg-orange-800-f-lg:focus{
	background-color: #9C4221;
}

.bg-orange-900-f-lg:focus{
	background-color: #7B341E;
}



.bg-red-100-f-lg:focus{
	background-color: #FFF5F5;
}

.bg-red-200-f-lg:focus{
	background-color: #FED7D7;
}

.bg-red-300-f-lg:focus{
	background-color: #FEB2B2;
}

.bg-red-400-f-lg:focus{
	background-color: #FC8181;
}

.bg-red-500-f-lg:focus{
	background-color: #F56565;
}

.bg-red-600-f-lg:focus{
	background-color: #E53E3E;
}

.bg-red-700-f-lg:focus{
	background-color: #C53030;
}

.bg-red-800-f-lg:focus{
	background-color: #9B2C2C;
}

.bg-red-900-f-lg:focus{
	background-color: #742A2A;
}



.bg-gray-100-f-lg:focus{
	background-color: #F7FAFC;
}

.bg-gray-200-f-lg:focus{
	background-color: #EDF2F7;
}

.bg-gray-300-f-lg:focus{
	background-color: #E2E8F0;
}

.bg-gray-400-f-lg:focus{
	background-color: #CBD5E0;
}

.bg-gray-500-f-lg:focus{
	background-color: #A0AEC0;
}

.bg-gray-600-f-lg:focus{
	background-color: #718096;
}

.bg-gray-700-f-lg:focus{
	background-color: #4A5568;
}

.bg-gray-800-f-lg:focus{
	background-color: #2D3748;
}

.bg-gray-900-f-lg:focus{
	background-color: #1A202C;
}

.bg-transparent-f-lg:focus{
	background-color: transparent;
}

.bg-black-f-lg:focus{
	background-color: #000000;
}

.bg-white-f-lg:focus{
	background-color: #FFFFFF;
}


.bg-purple-100-a-lg:active{
	background-color: #FAF5FF;
}

.bg-purple-200-a-lg:active{
	background-color: #E9D8FD;
}

.bg-purple-300-a-lg:active{
	background-color: #D6BCFA;
}

.bg-purple-400-a-lg:active{
	background-color: #B794F4;
}

.bg-purple-500-a-lg:active{
	background-color: #9F7AEA;
}

.bg-purple-600-a-lg:active{
	background-color: #805AD5;
}

.bg-purple-700-a-lg:active{
	background-color: #6B46C1;
}

.bg-purple-800-a-lg:active{
	background-color: #553C9A;
}

.bg-purple-900-a-lg:active{
	background-color: #44337A;
}




.bg-blue-100-a-lg:active{
	background-color: #EBF8FF;
}

.bg-blue-200-a-lg:active{
	background-color: #BEE3F8;
}

.bg-blue-300-a-lg:active{
	background-color: #90CDF4;
}

.bg-blue-400-a-lg:active{
	background-color: #63B3ED;
}

.bg-blue-500-a-lg:active{
	background-color: #4299E1;
}

.bg-blue-600-a-lg:active{
	background-color: #3182CE;
}

.bg-blue-700-a-lg:active{
	background-color: #2B6CB0;
}

.bg-blue-800-a-lg:active{
	background-color: #2C5282;
}

.bg-blue-900-a-lg:active{
	background-color: #2A4365;
}


.bg-teal-100-a-lg:active{
	background-color: #E6FFFA;
}

.bg-teal-200-a-lg:active{
	background-color: #B2F5EA;
}

.bg-teal-300-a-lg:active{
	background-color: #81E6D9;
}

.bg-teal-400-a-lg:active{
	background-color: #4FD1C5;
}

.bg-teal-500-a-lg:active{
	background-color: #38B2AC;
}

.bg-teal-600-a-lg:active{
	background-color: #319795;
}

.bg-teal-700-a-lg:active{
	background-color: #2C7A7B;
}

.bg-teal-800-a-lg:active{
	background-color: #285E61;
}

.bg-teal-900-a-lg:active{
	background-color: #234E52;
}



.bg-pink-100-a-lg:active{
	background-color: #FFF5F7;
}
.bg-pink-200-a-lg:active{
	background-color: #FED7E2;
}

.bg-pink-300-a-lg:active{
	background-color: #FBB6CE;
}

.bg-pink-400-a-lg:active{
	background-color: #F687B3;
}

.bg-pink-500-a-lg:active{
	background-color: #ED64A6;
}

.bg-pink-600-a-lg:active{
	background-color: #D53F8C;
}

.bg-pink-700-a-lg:active{
	background-color: #B83280;
}

.bg-pink-800-a-lg:active{
	background-color: #97266D;
}

.bg-pink-900-a-lg:active{
	background-color: #702459;
}



.bg-indigo-100-a-lg:active{
	background-color: #EBF4FF;
}
.bg-indigo-200-a-lg:active{
	background-color: #C3DAFE;
}
.bg-indigo-300-a-lg:active{
	background-color: #A3BFFA;
}
.bg-indigo-400-a-lg:active{
	background-color: #7F9CF5;
}
.bg-indigo-500-a-lg:active{
	background-color: #667EEA;
}
.bg-indigo-600-a-lg:active{
	background-color: #5A67D8;
}
.bg-indigo-700-a-lg:active{
	background-color: #4C51BF;
}
.bg-indigo-800-a-lg:active{
	background-color: #434190;
}
.bg-indigo-900-a-lg:active{	
	background-color: #3C366B;
}


.bg-green-100-a-lg:active{
	background-color: #F0FFF4;
}

.bg-green-200-a-lg:active{
	background-color: #C6F6D5;
}

.bg-green-300-a-lg:active{
	background-color: #9AE6B4;
}

.bg-green-400-a-lg:active{
	background-color: #68D391;
}

.bg-green-500-a-lg:active{
	background-color: #48BB78;
}

.bg-green-600-a-lg:active{
	background-color: #38A169;
}

.bg-green-700-a-lg:active{
	background-color: #2F855A;
}

.bg-green-800-a-lg:active{
	background-color: #276749;
}

.bg-green-900-a-lg:active{
	background-color: #22543D;
}


.bg-yellow-100-a-lg:active{
	background-color: #FFFFF0;
}

.bg-yellow-200-a-lg:active{
	background-color: #FEFCBF;
}

.bg-yellow-300-a-lg:active{
	background-color: #FAF089;
}

.bg-yellow-400-a-lg:active{
	background-color: #F6E05E;
}

.bg-yellow-500-a-lg:active{
	background-color: #ECC94B;
}

.bg-yellow-600-a-lg:active{
	background-color: #D69E2E;
}

.bg-yellow-700-a-lg:active{
	background-color: #B7791F;
}

.bg-yellow-800-a-lg:active{
	background-color: #975A16;
}

.bg-yellow-900-a-lg:active{
	background-color: #744210;
}



.bg-orange-100-a-lg:active{
	background-color: #FFFAF0;
}

.bg-orange-200-a-lg:active{
	background-color: #FEEBC8;
}

.bg-orange-300-a-lg:active{
	background-color: #FBD38D;
}

.bg-orange-400-a-lg:active{
	background-color: #F6AD55;
}

.bg-orange-500-a-lg:active{
	background-color: #ED8936;
}

.bg-orange-600-a-lg:active{
	background-color: #DD6B20;
}

.bg-orange-700-a-lg:active{
	background-color: #C05621;
}

.bg-orange-800-a-lg:active{
	background-color: #9C4221;
}

.bg-orange-900-a-lg:active{
	background-color: #7B341E;
}



.bg-red-100-a-lg:active{
	background-color: #FFF5F5;
}

.bg-red-200-a-lg:active{
	background-color: #FED7D7;
}

.bg-red-300-a-lg:active{
	background-color: #FEB2B2;
}

.bg-red-400-a-lg:active{
	background-color: #FC8181;
}

.bg-red-500-a-lg:active{
	background-color: #F56565;
}

.bg-red-600-a-lg:active{
	background-color: #E53E3E;
}

.bg-red-700-a-lg:active{
	background-color: #C53030;
}

.bg-red-800-a-lg:active{
	background-color: #9B2C2C;
}

.bg-red-900-a-lg:active{
	background-color: #742A2A;
}



.bg-gray-100-a-lg:active{
	background-color: #F7FAFC;
}

.bg-gray-200-a-lg:active{
	background-color: #EDF2F7;
}

.bg-gray-300-a-lg:active{
	background-color: #E2E8F0;
}

.bg-gray-400-a-lg:active{
	background-color: #CBD5E0;
}

.bg-gray-500-a-lg:active{
	background-color: #A0AEC0;
}

.bg-gray-600-a-lg:active{
	background-color: #718096;
}

.bg-gray-700-a-lg:active{
	background-color: #4A5568;
}

.bg-gray-800-a-lg:active{
	background-color: #2D3748;
}

.bg-gray-900-a-lg:active{
	background-color: #1A202C;
}

.bg-transparent-a-lg:active{
	background-color: transparent;
}

.bg-black-a-lg:active{
	background-color: #000000;
}

.bg-white-a-lg:active{
	background-color: #FFFFFF;
}

.bg-purple-100-h-lg:hover{
	background-color: #FAF5FF;
}

.bg-purple-200-h-lg:hover{
	background-color: #E9D8FD;
}

.bg-purple-300-h-lg:hover{
	background-color: #D6BCFA;
}

.bg-purple-400-h-lg:hover{
	background-color: #B794F4;
}

.bg-purple-500-h-lg:hover{
	background-color: #9F7AEA;
}

.bg-purple-600-h-lg:hover{
	background-color: #805AD5;
}

.bg-purple-700-h-lg:hover{
	background-color: #6B46C1;
}

.bg-purple-800-h-lg:hover{
	background-color: #553C9A;
}

.bg-purple-900-h-lg:hover{
	background-color: #44337A;
}




.bg-blue-100-h-lg:hover{
	background-color: #EBF8FF;
}

.bg-blue-200-h-lg:hover{
	background-color: #BEE3F8;
}

.bg-blue-300-h-lg:hover{
	background-color: #90CDF4;
}

.bg-blue-400-h-lg:hover{
	background-color: #63B3ED;
}

.bg-blue-500-h-lg:hover{
	background-color: #4299E1;
}

.bg-blue-600-h-lg:hover{
	background-color: #3182CE;
}

.bg-blue-700-h-lg:hover{
	background-color: #2B6CB0;
}

.bg-blue-800-h-lg:hover{
	background-color: #2C5282;
}

.bg-blue-900-h-lg:hover{
	background-color: #2A4365;
}


.bg-teal-100-h-lg:hover{
	background-color: #E6FFFA;
}

.bg-teal-200-h-lg:hover{
	background-color: #B2F5EA;
}

.bg-teal-300-h-lg:hover{
	background-color: #81E6D9;
}

.bg-teal-400-h-lg:hover{
	background-color: #4FD1C5;
}

.bg-teal-500-h-lg:hover{
	background-color: #38B2AC;
}

.bg-teal-600-h-lg:hover{
	background-color: #319795;
}

.bg-teal-700-h-lg:hover{
	background-color: #2C7A7B;
}

.bg-teal-800-h-lg:hover{
	background-color: #285E61;
}

.bg-teal-900-h-lg:hover{
	background-color: #234E52;
}



.bg-pink-100-h-lg:hover{
	background-color: #FFF5F7;
}
.bg-pink-200-h-lg:hover{
	background-color: #FED7E2;
}

.bg-pink-300-h-lg:hover{
	background-color: #FBB6CE;
}

.bg-pink-400-h-lg:hover{
	background-color: #F687B3;
}

.bg-pink-500-h-lg:hover{
	background-color: #ED64A6;
}

.bg-pink-600-h-lg:hover{
	background-color: #D53F8C;
}

.bg-pink-700-h-lg:hover{
	background-color: #B83280;
}

.bg-pink-800-h-lg:hover{
	background-color: #97266D;
}

.bg-pink-900-h-lg:hover{
	background-color: #702459;
}



.bg-indigo-100-h-lg:hover{
	background-color: #EBF4FF;
}
.bg-indigo-200-h-lg:hover{
	background-color: #C3DAFE;
}
.bg-indigo-300-h-lg:hover{
	background-color: #A3BFFA;
}
.bg-indigo-400-h-lg:hover{
	background-color: #7F9CF5;
}
.bg-indigo-500-h-lg:hover{
	background-color: #667EEA;
}
.bg-indigo-600-h-lg:hover{
	background-color: #5A67D8;
}
.bg-indigo-700-h-lg:hover{
	background-color: #4C51BF;
}
.bg-indigo-800-h-lg:hover{
	background-color: #434190;
}
.bg-indigo-900-h-lg:hover{	
	background-color: #3C366B;
}


.bg-green-100-h-lg:hover{
	background-color: #F0FFF4;
}

.bg-green-200-h-lg:hover{
	background-color: #C6F6D5;
}

.bg-green-300-h-lg:hover{
	background-color: #9AE6B4;
}

.bg-green-400-h-lg:hover{
	background-color: #68D391;
}

.bg-green-500-h-lg:hover{
	background-color: #48BB78;
}

.bg-green-600-h-lg:hover{
	background-color: #38A169;
}

.bg-green-700-h-lg:hover{
	background-color: #2F855A;
}

.bg-green-800-h-lg:hover{
	background-color: #276749;
}

.bg-green-900-h-lg:hover{
	background-color: #22543D;
}


.bg-yellow-100-h-lg:hover{
	background-color: #FFFFF0;
}

.bg-yellow-200-h-lg:hover{
	background-color: #FEFCBF;
}

.bg-yellow-300-h-lg:hover{
	background-color: #FAF089;
}

.bg-yellow-400-h-lg:hover{
	background-color: #F6E05E;
}

.bg-yellow-500-h-lg:hover{
	background-color: #ECC94B;
}

.bg-yellow-600-h-lg:hover{
	background-color: #D69E2E;
}

.bg-yellow-700-h-lg:hover{
	background-color: #B7791F;
}

.bg-yellow-800-h-lg:hover{
	background-color: #975A16;
}

.bg-yellow-900-h-lg:hover{
	background-color: #744210;
}



.bg-orange-100-h-lg:hover{
	background-color: #FFFAF0;
}

.bg-orange-200-h-lg:hover{
	background-color: #FEEBC8;
}

.bg-orange-300-h-lg:hover{
	background-color: #FBD38D;
}

.bg-orange-400-h-lg:hover{
	background-color: #F6AD55;
}

.bg-orange-500-h-lg:hover{
	background-color: #ED8936;
}

.bg-orange-600-h-lg:hover{
	background-color: #DD6B20;
}

.bg-orange-700-h-lg:hover{
	background-color: #C05621;
}

.bg-orange-800-h-lg:hover{
	background-color: #9C4221;
}

.bg-orange-900-h-lg:hover{
	background-color: #7B341E;
}



.bg-red-100-h-lg:hover{
	background-color: #FFF5F5;
}

.bg-red-200-h-lg:hover{
	background-color: #FED7D7;
}

.bg-red-300-h-lg:hover{
	background-color: #FEB2B2;
}

.bg-red-400-h-lg:hover{
	background-color: #FC8181;
}

.bg-red-500-h-lg:hover{
	background-color: #F56565;
}

.bg-red-600-h-lg:hover{
	background-color: #E53E3E;
}

.bg-red-700-h-lg:hover{
	background-color: #C53030;
}

.bg-red-800-h-lg:hover{
	background-color: #9B2C2C;
}

.bg-red-900-h-lg:hover{
	background-color: #742A2A;
}



.bg-gray-100-h-lg:hover{
	background-color: #F7FAFC;
}

.bg-gray-200-h-lg:hover{
	background-color: #EDF2F7;
}

.bg-gray-300-h-lg:hover{
	background-color: #E2E8F0;
}

.bg-gray-400-h-lg:hover{
	background-color: #CBD5E0;
}

.bg-gray-500-h-lg:hover{
	background-color: #A0AEC0;
}

.bg-gray-600-h-lg:hover{
	background-color: #718096;
}

.bg-gray-700-h-lg:hover{
	background-color: #4A5568;
}

.bg-gray-800-h-lg:hover{
	background-color: #2D3748;
}

.bg-gray-900-h-lg:hover{
	background-color: #1A202C;
}

.bg-transparent-h-lg:hover{
	background-color: transparent;
}

.bg-black-h-lg:hover{
	background-color: #000000;
}

.bg-white-h-lg:hover{
	background-color: #FFFFFF;
}






.outline-none-lg{
	outline:none;
}

.outline-purple-100-lg{
	outline-color: #FAF5FF;
}

.outline-purple-200-lg{
	outline-color: #E9D8FD;
}

.outline-purple-300-lg{
	outline-color: #D6BCFA;
}

.outline-purple-400-lg{
	outline-color: #B794F4;
}

.outline-purple-500-lg{
	outline-color: #9F7AEA;
}

.outline-purple-600-lg{
	outline-color: #805AD5;
}

.outline-purple-700-lg{
	outline-color: #6B46C1;
}

.outline-purple-800-lg{
	outline-color: #553C9A;
}

.outline-purple-900-lg{
	outline-color: #44337A;
}

.outline-blue-100-lg{
	outline-color: #EBF8FF;
}

.outline-blue-200-lg{
	outline-color: #BEE3F8;
}

.outline-blue-300-lg{
	outline-color: #90CDF4;
}

.outline-blue-400-lg{
	outline-color: #63B3ED;
}

.outline-blue-500-lg{
	outline-color: #4299E1;
}

.outline-blue-600-lg{
	outline-color: #3182CE;
}

.outline-blue-700-lg{
	outline-color: #2B6CB0;
}

.outline-blue-800-lg{
	outline-color: #2C5282;
}

.outline-blue-900-lg{
	outline-color: #2A4365;
}


.outline-teal-100-lg{
	outline-color: #E6FFFA;
}

.outline-teal-200-lg{
	outline-color: #B2F5EA;
}

.outline-teal-300-lg{
	outline-color: #81E6D9;
}

.outline-teal-400-lg{
	outline-color: #4FD1C5;
}

.outline-teal-500-lg{
	outline-color: #38B2AC;
}

.outline-teal-600-lg{
	outline-color: #319795;
}

.outline-teal-700-lg{
	outline-color: #2C7A7B;
}

.outline-teal-800-lg{
	outline-color: #285E61;
}

.outline-teal-900-lg{
	outline-color: #234E52;
}



.outline-pink-100-lg{
	outline-color: #FFF5F7;
}
.outline-pink-200-lg{
	outline-color: #FED7E2;
}

.outline-pink-300-lg{
	outline-color: #FBB6CE;
}

.outline-pink-400-lg{
	outline-color: #F687B3;
}

.outline-pink-500-lg{
	outline-color: #ED64A6;
}

.outline-pink-600-lg{
	outline-color: #D53F8C;
}

.outline-pink-700-lg{
	outline-color: #B83280;
}

.outline-pink-800-lg{
	outline-color: #97266D;
}

.outline-pink-900-lg{
	outline-color: #702459;
}



.outline-indigo-100-lg{
	outline-color: #EBF4FF;
}
.outline-indigo-200-lg{
	outline-color: #C3DAFE;
}
.outline-indigo-300-lg{
	outline-color: #A3BFFA;
}
.outline-indigo-400-lg{
	outline-color: #7F9CF5;
}
.outline-indigo-500-lg{
	outline-color: #667EEA;
}
.outline-indigo-600-lg{
	outline-color: #5A67D8;
}
.outline-indigo-700-lg{
	outline-color: #4C51BF;
}
.outline-indigo-800-lg{
	outline-color: #434190;
}
.outline-indigo-900-lg{	
	outline-color: #3C366B;
}


.outline-green-100-lg{
	outline-color: #F0FFF4;
}

.outline-green-200-lg{
	outline-color: #C6F6D5;
}

.outline-green-300-lg{
	outline-color: #9AE6B4;
}

.outline-green-400-lg{
	outline-color: #68D391;
}

.outline-green-500-lg{
	outline-color: #48BB78;
}

.outline-green-600-lg{
	outline-color: #38A169;
}

.outline-green-700-lg{
	outline-color: #2F855A;
}

.outline-green-800-lg{
	outline-color: #276749;
}

.outline-green-900-lg{
	outline-color: #22543D;
}


.outline-yellow-100-lg{
	outline-color: #FFFFF0;
}

.outline-yellow-200-lg{
	outline-color: #FEFCBF;
}

.outline-yellow-300-lg{
	outline-color: #FAF089;
}

.outline-yellow-400-lg{
	outline-color: #F6E05E;
}

.outline-yellow-500-lg{
	outline-color: #ECC94B;
}

.outline-yellow-600-lg{
	outline-color: #D69E2E;
}

.outline-yellow-700-lg{
	outline-color: #B7791F;
}

.outline-yellow-800-lg{
	outline-color: #975A16;
}

.outline-yellow-900-lg{
	outline-color: #744210;
}



.outline-orange-100-lg{
	outline-color: #FFFAF0;
}

.outline-orange-200-lg{
	outline-color: #FEEBC8;
}

.outline-orange-300-lg{
	outline-color: #FBD38D;
}

.outline-orange-400-lg{
	outline-color: #F6AD55;
}

.outline-orange-500-lg{
	outline-color: #ED8936;
}

.outline-orange-600-lg{
	outline-color: #DD6B20;
}

.outline-orange-700-lg{
	outline-color: #C05621;
}

.outline-orange-800-lg{
	outline-color: #9C4221;
}

.outline-orange-900-lg{
	outline-color: #7B341E;
}



.outline-red-100-lg{
	outline-color: #FFF5F5;
}

.outline-red-200-lg{
	outline-color: #FED7D7;
}

.outline-red-300-lg{
	outline-color: #FEB2B2;
}

.outline-red-400-lg{
	outline-color: #FC8181;
}

.outline-red-500-lg{
	outline-color: #F56565;
}

.outline-red-600-lg{
	outline-color: #E53E3E;
}

.outline-red-700-lg{
	outline-color: #C53030;
}

.outline-red-800-lg{
	outline-color: #9B2C2C;
}

.outline-red-900-lg{
	outline-color: #742A2A;
}



.outline-gray-100-lg{
	outline-color: #F7FAFC;
}

.outline-gray-200-lg{
	outline-color: #EDF2F7;
}

.outline-gray-300-lg{
	outline-color: #E2E8F0;
}

.outline-gray-400-lg{
	outline-color: #CBD5E0;
}

.outline-gray-500-lg{
	outline-color: #A0AEC0;
}

.outline-gray-600-lg{
	outline-color: #718096;
}

.outline-gray-700-lg{
	outline-color: #4A5568;
}

.outline-gray-800-lg{
	outline-color: #2D3748;
}

.outline-gray-900-lg{
	outline-color: #1A202C;
}


.outline-black-lg{
	outline-color: #000000;
}

.outline-white-lg{
	outline-color: #FFFFFF;
}


/* RESPONSIVE DESIGN */
.flex-lg{
	display: flex;
}

.justify-center-lg{
	justify-content: center;
}

.justify-end-lg{
	justify-content: flex-end;
}

.justify-evenly-lg{
	justify-content: space-evenly;
}


.justify-start-lg{
	justify-content:flex-start;
}

.justify-around-lg{
	justify-content:space-around;
}

.justify-between-lg{
	justify-content: space-between;
}

.align-items-center-lg{
	align-items: center;
}

.align-items-start-lg{
	align-items: flex-start;
}

.align-items-end-lg{
	align-items: flex-end;
}

.align-items-stretch-lg{
	align-items: stretch;
}

.align-content-center-lg{
	align-items: center;
}

.align-content-start-lg{
	align-items: flex-start;
}

.align-content-end-lg{
	align-items: flex-end;
}

.align-content-stretch-lg{
	align-items: stretch;
}

.align-self-center-lg{
	align-items: center;
}

.align-self-start-lg{
	align-items: flex-start;
}

.align-self-end-lg{
	align-items: flex-end;
}

.align-self-stretch-lg{
	align-items: stretch;
}

.text-right-lg{
	text-align: right;
}

.text-left-lg{
	text-align: left;
}

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

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

.z-10-lg{
	z-index:10;
}

.z-20-lg{
	z-index: 20;
}

.z-30-lg{
	z-index: 30;
}

.z-40-lg{
	z-index: 40;
}

.z-50-lg{
	z-index: 50;
}

.z-60-lg{
	z-index: 60;
}

.z-70-lg{
	z-index: 70;
}

.z-80-lg{
	z-index: 80;
}

.z-90-lg{
	z-index: 90;
}

.z-100-lg{
	z-index: 100;
}

.z-inherit-lg{
	z-index: inherit;
}

.z-intial-lg{
	z-index: initial;
}

.z-auto-lg{
	z-index: auto;
}

.flex-wrap-lg{
	flex-wrap: wrap;
}

.flex-nowrap-lg{
	flex-wrap: nowrap;
}

.flex-Rwrap-lg{
	flex-wrap: wrap-reverse;
}

.flex-column-lg{
	flex-direction: column;
}

.flex-Rcolumn-lg{
	flex-direction: column-reverse;
}

.flex-row-lg{
	flex-direction: row;
}

.flex-Rrow-lg{
	flex-direction: row-reverse;
}

.flex-grow-lg{
	flex-grow: 1;
}

.flex-grow-0-lg{
	flex-grow: 0;
}

.flex-shrink-lg{
	flex-shrink: 1;
}

.flex-shrink-0-lg{
	flex-shrink: 0;
}

.order-first-lg{
	order: -9999;
}

.order-last-lg{
	order: 9999;
}

.order-none-lg{
	order: 0;
}

.order-1-lg{
	order: 1;
}

.order-2-lg{
	order: 2;
}

.order-3-lg{
	order: 3;
}

.order-4-lg{
	order: 4;
}

.order-5-lg{
	order: 5;
}

.order-6-lg{
	order: 6;
}

.order-7-lg{
	order: 7;
}

.order-8-lg{
	order: 8;
}

.order-9-lg{
	order: 9;
}


/* HEIGHT */

.max-h-0-lg{
	max-height: 0;
}

.h-auto-lg{
	height: auto;
}

.max-h-100-lg{
	max-height: 100%;
}

.h-content-lg{
	height: max-content;
}

.vh-1-lg{
	height:1vh;
}

.vh-10-lg{
	height:10vh;
}

.vh-20-lg{
	height:20vh;
}

.vh-30-lg{
	height:30vh;
}

.vh-40-lg{
	height:40vh;
}

.vh-50-lg{
	height:50vh;
}

.vh-60-lg{
	height:60vh;
}

.vh-70-lg{
	height:70vh;
}

.vh-80-lg{
	height:80vh;
}

.vh-90-lg{
	height:90vh;
}

.vh-100-lg{
	height:100vh;
}

/*percentage */
.h-1-lg{
	height:1%;
}

.h-10-lg{
	height:10%;
}

.h-20-lg{
	height:20%;
}

.h-30-lg{
	height:30%;
}

.h-40-lg{
	height:40%;
}

.h-50-lg{
	height:50%;
}

.h-60-lg{
	height:60%;
}

.h-70-lg{
	height:70%;
}

.h-80-lg{
	height:80%;
}

.h-90-lg{
	height:90%;
}

.h-100-lg{
	height:100%;
}


/* MARGIN */


/* =========================================================================================
====================================================================================================== */


.m-0-lg{
	margin: 0;
}

.m-1-lg{
	margin: 5px;
}

.m-2-lg{
	margin: 10px;
}

.m-3-lg{
	margin: 15px;
}

.m-4-lg{
	margin: 20px;
}

.m-5-lg{
	margin: 25px;
}

.m-6-lg{
	margin: 30px;
}

.m-7-lg{
	margin: 35px;
}

.m-8-lg{
	margin: 40px;
}

.m-9-lg{
	margin: 45px;
}

.m-10-lg{
	margin: 50px;
}


.m-11-lg{
	margin: 55px;
}

.m-12-lg{
	margin: 60px;
}

.m-13-lg{
	margin: 65px;
}

.m-14-lg{
	margin: 70px;
}

.m-15-lg{
	margin: 75px;
}

.m-16-lg{
	margin: 80px;
}

.m-17-lg{
	margin: 85px;
}

.m-18-lg{
	margin: 90px;
}

.m-19-lg{
	margin: 95px;
}

.m-20-lg{
	margin: 100px;
}

/* NORMAL MARGIN END */




/* MARGIN TOP */
.mt-0-lg{
	margin-top: 0;
}

.mt-1-lg{
	margin-top: 5px;
}

.mt-2-lg{
	margin-top: 10px;
}

.mt-3-lg{
	margin-top: 15px;
}

.mt-4-lg{
	margin-top: 20px;
}

.mt-5-lg{
	margin-top: 25px;
}

.mt-6-lg{
	margin-top: 30px;
}

.mt-7-lg{
	margin-top: 35px;
}

.mt-8-lg{
	margin-top: 40px;
}

.mt-9-lg{
	margin-top: 45px;
}

.mt-10-lg{
	margin-top: 50px;
}


.mt-11-lg{
	margin-top: 55px;
}

.mt-12-lg{
	margin-top: 60px;
}

.mt-13-lg{
	margin-top: 65px;
}

.mt-14-lg{
	margin-top: 70px;
}

.mt-15-lg{
	margin-top: 75px;
}

.mt-16-lg{
	margin-top: 80px;
}

.mt-17-lg{
	margin-top: 85px;
}

.mt-18-lg{
	margin-top: 90px;
}

.mt-19-lg{
	margin-top: 95px;
}

.mt-20-lg{
	margin-top: 100px;
}


/* MRGIN BOTTOM */

.mb-0-lg{
	margin-bottom: 0;
}

.mb-1-lg{
	margin-bottom: 5px;
}

.mb-2-lg{
	margin-bottom: 10px;
}

.mb-3-lg{
	margin-bottom: 15px;
}

.mb-4-lg{
	margin-bottom: 20px;
}

.mb-5-lg{
	margin-bottom: 25px;
}

.mb-6-lg{
	margin-bottom: 30px;
}

.mb-7-lg{
	margin-bottom: 35px;
}

.mb-8-lg{
	margin-bottom: 40px;
}

.mb-9-lg{
	margin-bottom: 45px;
}

.mb-10-lg{
	margin-bottom: 50px;
}


.mb-11-lg{
	margin-bottom: 55px;
}

.mb-12-lg{
	margin-bottom: 60px;
}

.mb-13-lg{
	margin-bottom: 65px;
}

.mb-14-lg{
	margin-bottom: 70px;
}

.mb-15-lg{
	margin-bottom: 75px;
}

.mb-16-lg{
	margin-bottom: 80px;
}

.mb-17-lg{
	margin-bottom: 85px;
}

.mb-18-lg{
	margin-bottom: 90px;
}

.mb-19-lg{
	margin-bottom: 95px;
}

.mb-20-lg{
	margin-bottom: 100px;
}


/* MRGIN RIGHT */
.mr-0-lg{
	margin-right: 0;
}

.mr-1-lg{
	margin-right: 5px;
}

.mr-2-lg{
	margin-right: 10px;
}

.mr-3-lg{
	margin-right: 15px;
}

.mr-4-lg{
	margin-right: 20px;
}

.mr-5-lg{
	margin-right: 25px;
}

.mr-6-lg{
	margin-right: 30px;
}

.mr-7-lg{
	margin-right: 35px;
}

.mr-8-lg{
	margin-right: 40px;
}

.mr-9-lg{
	margin-right: 45px;
}

.mr-10-lg{
	margin-right: 50px;
}


.mr-11-lg{
	margin-right: 55px;
}

.mr-12-lg{
	margin-right: 60px;
}

.mr-13-lg{
	margin-right: 65px;
}

.mr-14-lg{
	margin-right: 70px;
}

.mr-15-lg{
	margin-right: 75px;
}

.mr-16-lg{
	margin-right: 80px;
}

.mr-17-lg{
	margin-right: 85px;
}

.mr-18-lg{
	margin-right: 90px;
}

.mr-19-lg{
	margin-right: 95px;
}

.mr-20-lg{
	margin-right: 100px;
}


/* MARGIN LEFT */

.ml-0-lg{
	margin-left: 0;
}

.ml-1-lg{
	margin-left: 5px;
}

.ml-2-lg{
	margin-left: 10px;
}

.ml-3-lg{
	margin-left: 15px;
}

.ml-4-lg{
	margin-left: 20px;
}

.ml-5-lg{
	margin-left: 25px;
}

.ml-6-lg{
	margin-left: 30px;
}

.ml-7-lg{
	margin-left: 35px;
}

.ml-8-lg{
	margin-left: 40px;
}

.ml-9-lg{
	margin-left: 45px;
}

.ml-10-lg{
	margin-left: 50px;
}


.ml-11-lg{
	margin-left: 55px;
}

.ml-12-lg{
	margin-left: 60px;
}

.ml-13-lg{
	margin-left: 65px;
}

.ml-14-lg{
	margin-left: 70px;
}

.ml-15-lg{
	margin-left: 75px;
}

.ml-16-lg{
	margin-left: 80px;
}

.ml-17-lg{
	margin-left: 85px;
}

.ml-18-lg{
	margin-left: 90px;
}

.ml-19-lg{
	margin-left: 95px;
}

.ml-20-lg{
	margin-left: 100px;
}


/* MARGIN Y-AXIS */

.my-0-lg{
	margin-bottom:0;
	margin-top: 0;
}

.my-1-lg{
	margin-top:  5px;
	margin-bottom: 5px;
}

.my-2-lg{
	margin-top: 10px;
	margin-bottom:10px;
}

.my-3-lg{
	margin-top: 15px;
	margin-bottom:15px;
}

.my-4-lg{
	margin-top: 20px;
	margin-bottom:20px;
}

.my-5-lg{
	margin-top:  25px;
	margin-bottom: 25px;
}

.my-6-lg{
	margin-top: 30px;
	margin-bottom:30px;
}

.my-7-lg{
	margin-top:  35px;
	margin-bottom: 35px;
}

.my-8-lg{
	margin-top: 40px;
	margin-bottom:40px;
}

.my-9-lg{
	margin-top:  45px;
	margin-bottom: 45px;
}

.my-10-lg{
	margin-top: 50px;
	margin-bottom:50px;
}

.my-11-lg{
	margin-top: 55px;
	margin-bottom:55px;
}

.my-12-lg{
	margin-top: 60px;
	margin-bottom:60px;
}

.my-13-lg{
	margin-top: 65px;
	margin-bottom:65px;
}

.my-14-lg{
	margin-top: 70px;
	margin-bottom:70px;
}

.my-15-lg{
	margin-top:  75px;
	margin-bottom: 75px;
}

.my-16-lg{
	margin-top: 80px;
	margin-bottom:80px;
}

.my-17-lg{
	margin-top:  85px;
	margin-bottom: 85px;
}

.my-18-lg{
	margin-top: 90px;
	margin-bottom:90px;
}

.my-19-lg{
	margin-top:  95px;
	margin-bottom: 95px;
}

.my-20-lg{
	margin-top: 100px;
	margin-bottom:100px;
}



/* MARGIN X-AXIS */
.mx-0-lg{
	margin-right:0;
	margin-left: 0;
}

.mx-1-lg{
	margin-right:  5px;
	margin-left: 5px;
}

.mx-2-lg{
	margin-right: 10px;
	margin-left:10px;
}

.mx-3-lg{
	margin-right: 15px;
	margin-left:15px;
}

.mx-4-lg{
	margin-right: 20px;
	margin-left:20px;
}

.mx-5-lg{
	margin-right:  25px;
	margin-left: 25px;
}

.mx-6-lg{
	margin-right: 30px;
	margin-left:30px;
}

.mx-7-lg{
	margin-right:  35px;
	margin-left: 35px;
}

.mx-8-lg{
	margin-right: 40px;
	margin-left:40px;
}

.mx-9-lg{
	margin-right:  45px;
	margin-left: 45px;
}

.mx-10-lg{
	margin-right: 50px;
	margin-left:50px;
}

.mx-11-lg{
	margin-right: 55px;
	margin-left:55px;
}

.mx-12-lg{
	margin-right: 60px;
	margin-left:60px;
}

.mx-13-lg{
	margin-right: 65px;
	margin-left:65px;
}

.mx-14-lg{
	margin-right: 70px;
	margin-left:70px;
}

.mx-15-lg{
	margin-right:  75px;
	margin-left: 75px;
}

.mx-16-lg{
	margin-right: 80px;
	margin-left:80px;
}

.mx-17-lg{
	margin-right:  85px;
	margin-left: 85px;
}

.mx-18-lg{
	margin-right: 90px;
	margin-left:90px;
}

.mx-19-lg{
	margin-right:  95px;
	margin-left: 95px;
}

.mx-20-lg{
	margin-right: 100px;
	margin-left:100px;
}




/* PADDING */
/* =============================================================================================================
======================================================================================================= */
.p-0-lg{
	padding: 0;
}

.p-1-lg{
	padding: 5px;
}

.p-2-lg{
	padding: 10px;
}

.p-3-lg{
	padding: 15px;
}

.p-4-lg{
	padding: 20px;
}

.p-5-lg{
	padding: 25px;
}

.p-6-lg{
	padding: 30px;
}

.p-7-lg{
	padding: 35px;
}

.p-8-lg{
	padding: 40px;
}

.p-9-lg{
	padding: 45px;
}

.p-10-lg{
	padding: 50px;
}


.p-11-lg{
	padding: 55px;
}

.p-12-lg{
	padding: 60px;
}

.p-13-lg{
	padding: 65px;
}

.p-14-lg{
	padding: 70px;
}

.p-15-lg{
	padding: 75px;
}

.p-16-lg{
	padding: 80px;
}

.p-17-lg{
	padding: 85px;
}

.p-18-lg{
	padding: 90px;
}

.p-19-lg{
	padding: 95px;
}

.p-20-lg{
	padding: 100px;
}

/* NORMAL padding END */




/* padding TOP */
.pt-0-lg{
	padding-top: 0;
}

.pt-1-lg{
	padding-top: 5px;
}

.pt-2-lg{
	padding-top: 10px;
}

.pt-3-lg{
	padding-top: 15px;
}

.pt-4-lg{
	padding-top: 20px;
}

.pt-5-lg{
	padding-top: 25px;
}

.pt-6-lg{
	padding-top: 30px;
}

.pt-7-lg{
	padding-top: 35px;
}

.pt-8-lg{
	padding-top: 40px;
}

.pt-9-lg{
	padding-top: 45px;
}

.pt-10-lg{
	padding-top: 50px;
}


.pt-11-lg{
	padding-top: 55px;
}

.pt-12-lg{
	padding-top: 60px;
}

.pt-13-lg{
	padding-top: 65px;
}

.pt-14-lg{
	padding-top: 70px;
}

.pt-15-lg{
	padding-top: 75px;
}

.pt-16-lg{
	padding-top: 80px;
}

.pt-17-lg{
	padding-top: 85px;
}

.pt-18-lg{
	padding-top: 90px;
}

.pt-19-lg{
	padding-top: 95px;
}

.pt-20-lg{
	padding-top: 100px;
}

.bg-light-MD-lg{
	color: #e6e6e6;
}






/* MRGIN BOTTOM */

.pb-0-lg{
	padding-bottom: 0;
}

.pb-1-lg{
	padding-bottom: 5px;
}

.pb-2-lg{
	padding-bottom: 10px;
}

.pb-3-lg{
	padding-bottom: 15px;
}

.pb-4-lg{
	padding-bottom: 20px;
}

.pb-5-lg{
	padding-bottom: 25px;
}

.pb-6-lg{
	padding-bottom: 30px;
}

.pb-7-lg{
	padding-bottom: 35px;
}

.pb-8-lg{
	padding-bottom: 40px;
}

.pb-9-lg{
	padding-bottom: 45px;
}

.pb-10-lg{
	padding-bottom: 50px;
}


.pb-11-lg{
	padding-bottom: 55px;
}

.pb-12-lg{
	padding-bottom: 60px;
}

.pb-13-lg{
	padding-bottom: 65px;
}

.pb-14-lg{
	padding-bottom: 70px;
}

.pb-15-lg{
	padding-bottom: 75px;
}

.pb-16-lg{
	padding-bottom: 80px;
}

.pb-17-lg{
	padding-bottom: 85px;
}

.pb-18-lg{
	padding-bottom: 90px;
}

.pb-19-lg{
	padding-bottom: 95px;
}

.pb-20-lg{
	padding-bottom: 100px;
}


/* MRGIN RIGHT */
.pr-0-lg{
	padding-right: 0;
}

.pr-1-lg{
	padding-right: 5px;
}

.pr-2-lg{
	padding-right: 10px;
}

.pr-3-lg{
	padding-right: 15px;
}

.pr-4-lg{
	padding-right: 20px;
}

.pr-5-lg{
	padding-right: 25px;
}

.pr-6-lg{
	padding-right: 30px;
}

.pr-7-lg{
	padding-right: 35px;
}

.pr-8-lg{
	padding-right: 40px;
}

.pr-9-lg{
	padding-right: 45px;
}

.pr-10-lg{
	padding-right: 50px;
}


.pr-11-lg{
	padding-right: 55px;
}

.pr-12-lg{
	padding-right: 60px;
}

.pr-13-lg{
	padding-right: 65px;
}

.pr-14-lg{
	padding-right: 70px;
}

.pr-15-lg{
	padding-right: 75px;
}

.pr-16-lg{
	padding-right: 80px;
}

.pr-17-lg{
	padding-right: 85px;
}

.pr-18-lg{
	padding-right: 90px;
}

.pr-19-lg{
	padding-right: 95px;
}

.pr-20-lg{
	padding-right: 100px;
}


/* padding LEFT */

.pl-0-lg{
	padding-left: 0;
}

.pl-1-lg{
	padding-left: 5px;
}

.pl-2-lg{
	padding-left: 10px;
}

.pl-3-lg{
	padding-left: 15px;
}

.pl-4-lg{
	padding-left: 20px;
}

.pl-5-lg{
	padding-left: 25px;
}

.pl-6-lg{
	padding-left: 30px;
}

.pl-7-lg{
	padding-left: 35px;
}

.pl-8-lg{
	padding-left: 40px;
}

.pl-9-lg{
	padding-left: 45px;
}

.pl-10-lg{
	padding-left: 50px;
}


.pl-11-lg{
	padding-left: 55px;
}

.pl-12-lg{
	padding-left: 60px;
}

.pl-13-lg{
	padding-left: 65px;
}

.pl-14-lg{
	padding-left: 70px;
}

.pl-15-lg{
	padding-left: 75px;
}

.pl-16-lg{
	padding-left: 80px;
}

.pl-17-lg{
	padding-left: 85px;
}

.pl-18-lg{
	padding-left: 90px;
}

.pl-19-lg{
	padding-left: 95px;
}

.pl-20-lg{
	padding-left: 100px;
}


/* padding Y-AXIS */

.py-0-lg{
	padding-bottom:0;
	padding-top: 0;
}

.py-1-lg{
	padding-top:  5px;
	padding-bottom: 5px;
}

.py-2-lg{
	padding-top: 10px;
	padding-bottom:10px;
}

.py-3-lg{
	padding-top: 15px;
	padding-bottom:15px;
}

.py-4-lg{
	padding-top: 20px;
	padding-bottom:20px;
}

.py-5-lg{
	padding-top:  25px;
	padding-bottom: 25px;
}

.py-6-lg{
	padding-top: 30px;
	padding-bottom:30px;
}

.py-7-lg{
	padding-top:  35px;
	padding-bottom: 35px;
}

.py-8-lg{
	padding-top: 40px;
	padding-bottom:40px;
}

.py-9-lg{
	padding-top:  45px;
	padding-bottom: 45px;
}

.py-10-lg{
	padding-top: 50px;
	padding-bottom:50px;
}

.py-11-lg{
	padding-top: 55px;
	padding-bottom:55px;
}

.py-12-lg{
	padding-top: 60px;
	padding-bottom:60px;
}

.py-13-lg{
	padding-top: 65px;
	padding-bottom:65px;
}

.py-14-lg{
	padding-top: 70px;
	padding-bottom:70px;
}

.py-15-lg{
	padding-top:  75px;
	padding-bottom: 75px;
}

.py-16-lg{
	padding-top: 80px;
	padding-bottom:80px;
}

.py-17-lg{
	padding-top:  85px;
	padding-bottom: 85px;
}

.py-18-lg{
	padding-top: 90px;
	padding-bottom:90px;
}

.py-19-lg{
	padding-top:  95px;
	padding-bottom: 95px;
}

.py-20-lg{
	padding-top: 100px;
	padding-bottom:100px;
}



/* padding X-AXIS */
.px-0-lg{
	padding-right:0;
	padding-left: 0;
}

.px-1-lg{
	padding-right:  5px;
	padding-left: 5px;
}

.px-2-lg{
	padding-right: 10px;
	padding-left:10px;
}

.px-3-lg{
	padding-right: 15px;
	padding-left:15px;
}

.px-4-lg{
	padding-right: 20px;
	padding-left:20px;
}

.px-5-lg{
	padding-right:  25px;
	padding-left: 25px;
}

.px-6-lg{
	padding-right: 30px;
	padding-left:30px;
}

.px-7-lg{
	padding-right:  35px;
	padding-left: 35px;
}

.px-8-lg{
	padding-right: 40px;
	padding-left:40px;
}

.px-9-lg{
	padding-right:  45px;
	padding-left: 45px;
}

.px-10-lg{
	padding-right: 50px;
	padding-left:50px;
}

.px-11-lg{
	padding-right: 55px;
	padding-left:55px;
}

.px-12-lg{
	padding-right: 60px;
	padding-left:60px;
}

.px-13-lg{
	padding-right: 65px;
	padding-left:65px;
}

.px-14-lg{
	padding-right: 70px;
	padding-left:70px;
}

.px-15-lg{
	padding-right:  75px;
	padding-left: 75px;
}

.px-16-lg{
	padding-right: 80px;
	padding-left:80px;
}

.px-17-lg{
	padding-right:  85px;
	padding-left: 85px;
}

.px-18-lg{
	padding-right: 90px;
	padding-left:90px;
}

.px-19-lg{
	padding-right:  95px;
	padding-left: 95px;
}

.px-20-lg{
	padding-right: 100px;
	padding-left:100px;
}


/* END OF PADDING AND MARGIN */




.bold-lg{
	font-weight: bold;
}

.bolder-lg{
	font-weight: bolder;
}

.font-normal-lg{
	font-weight: normal;
}

.font-weight-inherit-lg{
	font-weight: initial;
}

.bold-h-lg:hover{
	font-weight: bold;
}

.bolder-h-lg:hover{
	font-weight: bolder;
}

.font-normal-h-lg:hover{
	font-weight: normal;
}

/* WIDTH */

/* ================================================================================================== */

.max-w-100-lg{
	max-width: 100%;
}

.max-w-0-lg{
	max-width: 0;
}

.w-auto-lg{
	width: auto;
}

.w-max-content-lg{
	width: max-content;
}



/* SCREEN VIEW WIDTH */
.vw-1-lg{
	width:1vw;
}

.vw-10-lg{
	width:10vw;
}

.vw-20-lg{
	width:20vw;
}

.vw-30-lg{
	width:30vw;
}

.vw-40-lg{
	width:40vw;
}

.vw-50-lg{
	width:50vw;
}

.vw-60-lg{
	width:60vw;
}

.vw-70-lg{
	width:70vw;
}

.vw-80-lg{
	width:80vw;
}

.vw-90-lg{
	width:90vw;
}

.vw-100-lg{
	width:100vw;
}



/* PERCENTAGE VIEW FOR WIDTH */
.w-1-lg{
	width:1%;
}

.w-10-lg{
	width:10%;
}

.w-20-lg{
	width:20%;
}

.w-30-lg{
	width:30%;
}

.w-40-lg{
	width:40%;
}

.w-50-lg{
	width:50%;
}

.w-60-lg{
	width:60%;
}

.w-70-lg{
	width:70%;
}

.w-80-lg{
	width:80%;
}

.w-90-lg{
	width:90%;
}

.w-100-lg{
	width:100%;
}

/* ====================================== END OF WIDTH =============================================== */


/* VISIBILITY */

.visible-lg{
	visibility: visible;
}

.invisible-lg{
	visibility: hidden;
}

.visible-h-lg:hover{
	visibility: visible;
}

.invisible-h-lg:hover{
	visibility: hidden;
}

/* ====================================== END OF VISIBLITY =============================================== */


/* DISPLAYS */

.d-none-lg{
	display: none;
}

.d-flex-lg{
	display: flex;
}

.d-block-lg{
	display: block;
}

.d-inline-lg{
	display: inline;
}

.d-inline-block-lg{
	display: inline-block;
}

.d-inline-flex-lg{
	display: inline-flex;
}

.d-grid-lg{
	display: grid;
}

.d-inline-grid-lg{
	display: inline-grid;
	display: -ms-inline-grid;
	display: -moz-inline-grid;
}


/* ====================================== END OF DISPLAY =======================================



/* POSITIONING */

.pos-fixed-lg{
	position: fixed;
}

.fixed-top-lg{
	position: fixed;
	top: 0;
}

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

.left-0-lg{
	left: 0;
}

.right-lg{
	right: 0;
}

.pos-sticky-lg{
	position: sticky;
}

.sticky-top-lg{
	position: sticky;
	top: 0;
}

.sticky-bottom-lg{
	position: sticky;
	bottom: 0;
}

.pos-relative-lg{
	position: relative;
}

.pos-absolute-lg{
	position:absolute;
}

.pos-static-lg{
	position: static;
}

.bg-mask-lg{
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}

/* ================================== END OF POSITIONING =============================================== */


/* FONT-SIZE */

.text-xs-lg{
	font-size: 11px;
}

.text-sm-lg{
	font-size: 13px;
}

.text-md-lg{
	font-size: 	15px;
}

.text-lg-lg{
	font-size: 17px;
}

.text-xl-lg{
	font-size: 1.19rem;
}

.text-xl-1-lg{
	font-size: 1.29rem;
}

.text-xl-2-lg{
	font-size: 1.39rem;
}

.text-xl-3-lg{
	font-size: 1.5rem;
}

.text-xl-4-lg{
	font-size: 1.62rem;
}

.text-xl-5-lg{
	font-size: 1.73rem;
}

.text-xl-6-lg{
	font-size: 1.86rem;
}

.text-xl-7-lg{
	font-size: 1.98rem;
}

.text-xl-8-lg{
	font-size: 2.12rem;
}

.text-xl-9-lg{
	font-size: 2.35rem;
}

.text-xl-10-lg{
	font-size: 2.75rem;
}

/* =============================================== END OF FONT-SIZE ===========================================*/


/* SMOOTH FONT */
.smooth-lg{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}		

.auto-smooth-lg{
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto;
}

.italic-lg{
	font-style: italic;
}

.oblique-lg{
	font-style: oblique;
}

.text-normal-lg{
	font-style: normal;
}

.underlined-lg{
	text-decoration: underline;
}

.crossed-lg{
	text-decoration: line-through;
}

.overlined-lg{
	text-decoration: overline;
}

.wavy-lg{
	text-decoration: wavy;
}

.text-decoration-none-lg{
	text-decoration: none;
}


/*  LETTER SPACING   */
.letters-tighter-lg{
	letter-spacing: -0.09rem;
}

.letters-tight-lg{
	letter-spacing: -0.03rem;
}

.letters-normal-lg{
	letter-spacing: 0rem;
}

.letters-wide-lg{
	letter-spacing: 0.09rem;
}

.letters-wider-lg{
	letter-spacing: 0.15rem;;
}

.line-0-lg{
	line-height: normal;
}

.line-1-lg{
	line-height: 1rem;
}

.line-2-lg{
	line-height: 1.5rem;
}

.line-3-lg{
	line-height: 2rem;
}

.line-4-lg{
	line-height: 2.5rem;
}


.uppercase-lg{
	text-transform: uppercase;
}

.lowercase-lg{
	text-transform: lowercase;
}

.capitalize-lg{
	text-transform: capitalize;
}

.normal-case-lg{
	text-transform: none;
}

.whitespace-normal-lg{
	white-space: normal;
}

.whitespace-nowrap-lg{
	white-space: nowrap;
}

.whitespace-pre-lg{
	white-space: pre;
}

.whitespace-pre-line-lg{
	white-space: pre-line;
}
	
.whitespace-pre-wrap-lg{
	white-space: pre-wrap;
}

.word-break-normal-lg{
	word-break: normal;
	overflow-wrap: normal
}

.break-words-lg{
	overflow-wrap: break-word;
}

.break-all-lg{
	word-break: break-all;
}

.truncate-text-lg{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

/* BAGKGROUND*/
.no-repeat-lg{
	background-repeat: no-repeat;
}

.bg-attachment-fixed-lg{
	background-attachment: fixed;
}

.bg-attachment-scroll-lg{
	background-attachment: scroll;
}

.bg-attachment-local-lg{
	background-attachment: local;
}

.bg-center-lg{
	background-position: center;
}

.bg-left-lg{
	background-position: left;
}

.bg-right-lg{
	background-position: right;
}

.bg-left-bottom-lg{
	background-position: left bottom;
}

.bg-right-bottom-lg{
	-webkit-background-composite: left top;
}

.bg-left-top-lg{
	background-position: right bottom;
}

.bg-right-top-lg{
	-webkit-background-composite: right top;
}


.bg-auto-lg{
	background-size: auto;
}

.bg-cover-lg{
	background-size: cover;
}

.bg-contain-lg{
	background-size: contain;
}


/* shadow */
.shadow-normal-lg{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-lg{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-lg{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-lg{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-lg{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-lg{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-lg{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-lg{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-lg{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-lg{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-lg{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-lg{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-lg{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-lg{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-lg{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-lg{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-lg{
	box-shadow: none;
}

.opacity-100-lg{
	opacity: 100%;
}

.opacity-10-lg{
	opacity: 10%;
}

.opacity-20-lg{
	opacity: 20%;
}

.opacity-30-lg{
	opacity: 30%;
}

.opacity-40-lg{
	opacity: 40%;
}

.opacity-50-lg{
	opacity: 50%;
}

.opacity-60-lg{
	opacity: 60%;
}

.opacity-70-lg{
	opacity: 70%;
}

.opacity-80-lg{
	opacity: 80%;
}

.opacity-90-lg{
	opacity: 90%;
}

.opacity-0-lg{
	opacity: 0%;
}

.shadow-normal-h-lg:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-h-lg:hover{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-h-lg:hover{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-h-lg:hover{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-h-lg:hover{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-h-lg:hover{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-h-lg:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-h-lg:hover{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-h-lg:hover{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-h-lg:hover{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-h-lg:hover{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-h-lg:hover{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-h-lg:hover{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-h-lg:hover{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-h-lg:hover{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-h-lg:hover{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-h-lg:hover{
	box-shadow: none;
}

.opacity-100-h-lg:hover{
	opacity: 100%;
}

.opacity-10-h-lg:hover{
	opacity: 10%;
}

.opacity-20-h-lg:hover{
	opacity: 20%;
}

.opacity-30-h-lg:hover{
	opacity: 30%;
}

.opacity-40-h-lg:hover{
	opacity: 40%;
}

.opacity-50-h-lg:hover{
	opacity: 50%;
}

.opacity-60-h-lg:hover{
	opacity: 60%;
}

.opacity-70-h-lg:hover{
	opacity: 70%;
}

.opacity-80-h-lg:hover{
	opacity: 80%;
}

.opacity-90-h-lg:hover{
	opacity: 90%;
}

.opacity-0-h-lg:hover{
	opacity: 0%;
}


.shadow-normal-a-lg:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-a-lg:active{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-a-lg:active{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-a-lg:active{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-a-lg:active{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-a-lg:active{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-a-lg:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-a-lg:active{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-a-lg:active{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-a-lg:active{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-a-lg:active{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-a-lg:active{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-a-lg:active{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-a-lg:active{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-a-lg:active{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-a-lg:active{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-a-lg:active{
	box-shadow: none;
}

.opacity-100-a-lg:active{
	opacity: 100%;
}

.opacity-10-a-lg:active{
	opacity: 10%;
}

.opacity-20-a-lg:active{
	opacity: 20%;
}

.opacity-30-a-lg:active{
	opacity: 30%;
}

.opacity-40-a-lg:active{
	opacity: 40%;
}

.opacity-50-a-lg:active{
	opacity: 50%;
}

.opacity-60-a-lg:active{
	opacity: 60%;
}

.opacity-70-a-lg:active{
	opacity: 70%;
}

.opacity-80-a-lg:active{
	opacity: 80%;
}

.opacity-90-a-lg:active{
	opacity: 90%;
}

.opacity-0-a-lg:active{
	opacity: 0%;
}



/* LISTS */

.list-none-lg{
	list-style-type: none;
}

.list-disc-lg{
	list-style-type: disc;
}

.list-number-lg{
	list-style-type:decimal;
}

.list-roman-lg{
	list-style-type:lower-roman;
}

.list-alpha-lg{
	list-style-type: lower-alpha;
}

.list-in-lg{
	list-style-position: inside;
}

.list-out-lg{
	list-style-position: outside;
}

/* ==================================== END OF LIST ========================================================= */

.cursor-auto-lg{
	cursor: auto;
}

.cursor-default-lg{
	cursor: default;
}

.cursor-pointer-lg{
	cursor: pointer;
}

.cursor-wait-lg{
	cursor: wait;
}

.cursor-text-lg{
	cursor: text;
}

.cursor-move-lg{
	cursor: move;
}

.cursor-not-allowed-lg{
	cursor: not-allowed;
}

.pointer-events-none-lg{
	pointer-events: none;
}

.pointer-events-auto-lg{
	pointer-events: auto;
}


.select-none-lg{
	user-select: none;
}

.select-text-lg{
	user-select: text;
}

.select-all-lg{
	user-select: all;
}

.select-auto-lg{
	user-select: auto;
}

/* OVERFLOW */
.overflow-hidden-lg{
	overflow: hidden;
}

.overflow-scroll-lg{
	overflow: scroll;
}

.overflow-auto-lg{
	overflow: auto;
}

.oveflow-visible-lg{
	overflow: visible;
}

.overflow-inherit-lg{
	overflow: inherit;
}

.overflow-y-hidden-lg{
	overflow-y: hidden;
}

.overflow-y-scroll-lg{
	overflow-y: scroll;
}

.overflow-y-auto-lg{
	overflow-y: auto;
}

.oveflow-y-visible-lg{
	overflow-y: visible;
}

.overflow-y-inherit-lg{
	overflow-y: inherit;
}

.overflow-x-hidden-lg{
	overflow-x: hidden;
}

.overflow-x-scroll-lg{
	overflow-x: scroll;
}

.overflow-x-auto-lg{
	overflow-x: auto;
}

.oveflow-x-visible-lg{
	overflow-x: visible;
}

.overflow-x-inherit-lg{
	overflow-x: inherit;
}

.overflow-hidden-h-lg:hover{
	overflow: hidden;
}

.overflow-scroll-h-lg:hover{
	overflow: scroll;
}

.overflow-auto-h-lg:hover{
	overflow: auto;
}

.oveflow-visible-h-lg:hover{
	overflow: visible;
}

.overflow-inherit-h-lg:hover{
	overflow: inherit;
}

.overflow-y-hidden-h-lg:hover{
	overflow-y: hidden;
}

.overflow-y-scroll-h-lg:hover{
	overflow-y: scroll;
}

.overflow-y-auto-h-lg:hover{
	overflow-y: auto;
}

.oveflow-y-visible-h-lg:hover{
	overflow-y: visible;
}

.overflow-y-inherit-h-lg:hover{
	overflow-y: inherit;
}

.overflow-x-hidden-h-lg:hover{
	overflow-x: hidden;
}

.overflow-x-scroll-h-lg:hover{
	overflow-x: scroll;
}

.overflow-x-auto-h-lg:hover{
	overflow-x: auto;
}

.oveflow-x-visible-h-lg:hover{
	overflow-x: visible;
}

.overflow-x-inherit-h-lg:hover{
	overflow-x: inherit;
}





/* ============================================= END =================================================== */

/* GRID */
.grid-container-lg{
	display: flex;
	flex-wrap: wrap;
}



/* =========================================== GRID COLUMNS */

.g-1-lg{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 1px;
}

.g-2-lg{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 2px;
}

.g-3-lg{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 3px;
}

.g-4-lg{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 4px;
}

.g-5-lg{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 5px;
}

.g-0-lg{
	margin: 0;
	padding: 0;
	overflow: 0;
}

.gx-1-lg{
	padding: 0;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
}

.gx-2-lg{
	padding: 0;
	margin-left: 2px;
	margin-right: 2px;
	overflow: hidden;
}

.gx-3-lg{
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden;
}

.gx-4-lg{
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
}

.gx-5-lg{
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
}

.gx-0-lg{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}


.gy-1-lg{
	padding: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	overflow: hidden;
}

.gy-2-lg{
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.gy-3-lg{
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden;
}

.gy-4-lg{
	padding: 0;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
}

.gy-5-lg{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}


.gy-0-lg{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}








/* ======================================== END GRIG ================================================== */


/*  IN FLEX RESPONSIBILITY  */

.col-10-lg{
	width: 100%;
}

.col-9-lg{
	width: 90%;
}

.col-8-lg{
	width: 80%;
}

.col-7-lg{
	width: 70%;
}

.col-6-lg{
	width: 60%;
}

.col-5-lg{
	width: 50%;
}

.col-4-lg{
	width: 40%;
}

.col-3-lg{
	width: 30%;
}

.col-2-lg{
	width: 20%;
}

.col-1-lg{
	width: 10%;
}

/* ROTATE TEXT */

.rotate-20-lg{
	transform: rotate(20deg);
}

.rotate-45-lg{
	transform: rotate(45deg);
}

.rotate-90-lg{
	transform: rotate(90deg);
}

.rotate-135-lg{
	transform: rotate(135deg);
}

.rotate-180-lg{
	transform: rotate(180deg);
}

.rotate-225-lg{
	transform: rotate(225deg);
}

.rotate-270-lg{
	transform: rotate(270deg);
}

.rotate-315-lg{
	transform: rotate(315deg);
}

.rotate-360-lg{
	transform: rotate(360deg);
}

/* ====================================== END OF ROTATE =============================================== */

/*  TRANSLATE  */
.translate-x-1-lg{
	transform: translate(1rem);
}

.translate-x-2-lg{
	transform: translate(2rem);
}

/* TRANSFORM ORIGIN */
.origin-center-lg{
		transform-origin: center;
}

.origin-top-lg{
		transform-origin: top;
}

.origin-top-right-lg{
		transform-origin: top right;
}

.origin-right-lg{
		transform-origin: right;
}

.origin-bottom-right-lg{
		transform-origin: bottom right;
}

.origin-bottom-lg{
		transform-origin: bottom;
}

.origin-bottom-left-lg{
		transform-origin: bottom left;
}

.origin-left-lg{
		transform-origin: left;
}

.origin-top-left-lg{
		transform-origin: top left;
}



.grid-1-lg .col{
	width:100%;
	margin:0;
	padding: 0;
}

.grid-2-lg .col{
	width:50%;
	margin:0;
	padding: 0;
}

.grid-3-lg .col{
	width: 33.333333333333%;
	margin:0;
	padding: 0;
}

.grid-4-lg .col{
	width: 25%;
	margin:0;
	padding: 0;
}

.grid-5-lg .col{
	width: 20%;
	margin:0;
	padding: 0;
}

.grid-6-lg .col{
	width: 16.65555555555%;
	margin:0;
	padding: 0;
}

.grid-7-lg .col{
	width: 14.285714285714%;
	margin:0;
	padding: 0;
}

.grid-8-lg .col{
	width: 12.5%;
	margin:0;
	padding: 0;
}

.grid-9-lg .col{
	width: 11.111111111111%;
	margin:0;
	padding: 0;
}

.grid-10-lg .col{
	width: 10%;
	margin:0;
	padding: 0;
}

.grid-11-lg .col{
	width: 9.090909091%;
	margin:0;
	padding: 0;
}

.grid-12-lg .col{
	width: 8.333333333%;
	margin:0;
	padding: 0;
}

}



/* MEDIUM SIZED SCREENS */
/* md */
@media (max-width: 900px){

/* TRANSITIONS PROPERTY */

.transition-none-md{
	transition-property: none;
}

.transition-all-md{
	transition-property: all;
}

.transition-md{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, padding, margin;
}

.transition-colors-md{
	transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity-md{
	transition-property: opacity;
}

.transition-shadow-md{
	transition-property: box-shadow;
}

.transition-transform-md{
	transition-property: transform;
}


/* =============================== TRANSITIONS ========================================================== */


.img-md{
	max-width: 100%;
	max-width: 100%;
}

/* LINKS */
a-md{
	text-decoration: none;
}

/* COLORS */
.text-purple-100-md{
	color: #FAF5FF;
}

.text-purple-200-md{
	color: #E9D8FD;
}

.text-purple-300-md{
	color: #D6BCFA;
}

.text-purple-400-md{
	color: #B794F4;
}

.text-purple-500-md{
	color: #9F7AEA;
}

.text-purple-600-md{
	color: #805AD5;
}

.text-purple-700-md{
	color: #6B46C1;
}

.text-purple-800-md{
	color: #553C9A;
}

.text-purple-900-md{
	color: #44337A;
}




.text-blue-100-md{
	color: #EBF8FF;
}

.text-blue-200-md{
	color: #BEE3F8;
}

.text-blue-300-md{
	color: #90CDF4;
}

.text-blue-400-md{
	color: #63B3ED;
}

.text-blue-500-md{
	color: #4299E1;
}

.text-blue-600-md{
	color: #3182CE;
}

.text-blue-700-md{
	color: #2B6CB0;
}

.text-blue-800-md{
	color: #2C5282;
}

.text-blue-900-md{
	color: #2A4365;
}


.text-teal-100-md{
	color: #E6FFFA;
}

.text-teal-200-md{
	color: #B2F5EA;
}

.text-teal-300-md{
	color: #81E6D9;
}

.text-blue-400-md{
	color: #4FD1C5;
}

.text-teal-500-md{
	color: #38B2AC;
}

.text-teal-600-md{
	color: #319795;
}

.text-teal-700-md{
	color: #2C7A7B;
}

.text-teal-800-md{
	color: #285E61;
}

.text-teal-900-md{
	color: #234E52;
}



.text-pink-100-md{
	color: #FFF5F7;
}
.text-pink-200-md{
	color: #FED7E2;
}

.text-pink-300-md{
	color: #FBB6CE;
}

.text-pink-400-md{
	color: #F687B3;
}

.text-pink-500-md{
	color: #ED64A6;
}

.text-pink-600-md{
	color: #D53F8C;
}

.text-pink-700-md{
	color: #B83280;
}

.text-pink-800-md{
	color: #97266D;
}

.text-pink-900-md{
	color: #702459;
}



.text-indigo-100-md{
	color: #EBF4FF;
}
.text-indigo-200-md{
	color: #C3DAFE;
}
.text-indigo-300-md{
	color: #A3BFFA;
}
.text-indigo-400-md{
	color: #7F9CF5;
}
.text-indigo-500-md{
	color: #667EEA;
}
.text-indigo-600-md{
	color: #5A67D8;
}
.text-indigo-700-md{
	color: #4C51BF;
}
.text-indigo-800-md{
	color: #434190;
}
.text-indigo-900-md{	
	color: #3C366B;
}


.text-green-100-md{
	color: #F0FFF4;
}

.text-green-200-md{
	color: #C6F6D5;
}

.text-green-300-md{
	color: #9AE6B4;
}

.text-green-400-md{
	color: #68D391;
}

.text-green-500-md{
	color: #48BB78;
}

.text-green-600-md{
	color: #38A169;
}

.text-green-700-md{
	color: #2F855A;
}

.text-green-800-md{
	color: #276749;
}

.text-green-900-md{
	color: #22543D;
}


.text-yellow-100-md{
	color: #FFFFF0;
}

.text-yellow-200-md{
	color: #FEFCBF;
}

.text-yellow-300-md{
	color: #FAF089;
}

.text-yellow-400-md{
	color: #F6E05E;
}

.text-yellow-500-md{
	color: #ECC94B;
}

.text-yellow-600-md{
	color: #D69E2E;
}

.text-yellow-700-md{
	color: #B7791F;
}

.text-yellow-800-md{
	color: #975A16;
}

.text-yellow-900-md{
	color: #744210;
}



.text-orange-100-md{
	color: #FFFAF0;
}

.text-orange-200-md{
	color: #FEEBC8;
}

.text-orange-300-md{
	color: #FBD38D;
}

.text-orange-400-md{
	color: #F6AD55;
}

.text-orange-500-md{
	color: #ED8936;
}

.text-orange-600-md{
	color: #DD6B20;
}

.text-orange-700-md{
	color: #C05621;
}

.text-orange-800-md{
	color: #9C4221;
}

.text-orange-900-md{
	color: #7B341E;
}



.text-red-100-md{
	color: #FFF5F5;
}

.text-red-200-md{
	color: #FED7D7;
}

.text-red-300-md{
	color: #FEB2B2;
}

.text-red-400-md{
	color: #FC8181;
}

.text-red-500-md{
	color: #F56565;
}

.text-red-600-md{
	color: #E53E3E;
}

.text-red-700-md{
	color: #C53030;
}

.text-red-800-md{
	color: #9B2C2C;
}

.text-red-900-md{
	color: #742A2A;
}



.text-gray-100-md{
	color: #F7FAFC;
}

.text-gray-200-md{
	color: #EDF2F7;
}

.text-gray-300-md{
	color: #E2E8F0;
}

.text-gray-400-md{
	color: #CBD5E0;
}

.text-gray-500-md{
	color: #A0AEC0;
}

.text-gray-600-md{
	color: #718096;
}

.text-gray-700-md{
	color: #4A5568;
}

.text-gray-800-md{
	color: #2D3748;
}

.text-gray-900-md{
	color: #1A202C;
}


.text-black-md{
	color: #000000;
}

.text-white-md{
	color: #FFFFFF;
}

.text-purple-100-f-md:focus{
	color: #FAF5FF;
}

.text-purple-200-f-md:focus{
	color: #E9D8FD;
}

.text-purple-300-f-md:focus{
	color: #D6BCFA;
}

.text-purple-400-f-md:focus{
	color: #B794F4;
}

.text-purple-500-f-md:focus{
	color: #9F7AEA;
}

.text-purple-600-f-md:focus{
	color: #805AD5;
}

.text-purple-700-f-md:focus{
	color: #6B46C1;
}

.text-purple-800-f-md:focus{
	color: #553C9A;
}

.text-purple-900-f-md:focus{
	color: #44337A;
}




.text-blue-100-f-md:focus{
	color: #EBF8FF;
}

.text-blue-200-f-md:focus{
	color: #BEE3F8;
}

.text-blue-300-f-md:focus{
	color: #90CDF4;
}

.text-blue-400-f-md:focus{
	color: #63B3ED;
}

.text-blue-500-f-md:focus{
	color: #4299E1;
}

.text-blue-600-f-md:focus{
	color: #3182CE;
}

.text-blue-700-f-md:focus{
	color: #2B6CB0;
}

.text-blue-800-f-md:focus{
	color: #2C5282;
}

.text-blue-900-f-md:focus{
	color: #2A4365;
}


.text-teal-100-f-md:focus{
	color: #E6FFFA;
}

.text-teal-200-f-md:focus{
	color: #B2F5EA;
}

.text-teal-300-f-md:focus{
	color: #81E6D9;
}

.text-blue-400-f-md:focus{
	color: #4FD1C5;
}

.text-teal-500-f-md:focus{
	color: #38B2AC;
}

.text-teal-600-f-md:focus{
	color: #319795;
}

.text-teal-700-f-md:focus{
	color: #2C7A7B;
}

.text-teal-800-f-md:focus{
	color: #285E61;
}

.text-teal-900-f-md:focus{
	color: #234E52;
}



.text-pink-100-f-md:focus{
	color: #FFF5F7;
}
.text-pink-200-f-md:focus{
	color: #FED7E2;
}

.text-pink-300-f-md:focus{
	color: #FBB6CE;
}

.text-pink-400-f-md:focus{
	color: #F687B3;
}

.text-pink-500-f-md:focus{
	color: #ED64A6;
}

.text-pink-600-f-md:focus{
	color: #D53F8C;
}

.text-pink-700-f-md:focus{
	color: #B83280;
}

.text-pink-800-f-md:focus{
	color: #97266D;
}

.text-pink-900-f-md:focus{
	color: #702459;
}



.text-indigo-100-f-md:focus{
	color: #EBF4FF;
}
.text-indigo-200-f-md:focus{
	color: #C3DAFE;
}
.text-indigo-300-f-md:focus{
	color: #A3BFFA;
}
.text-indigo-400-f-md:focus{
	color: #7F9CF5;
}
.text-indigo-500-f-md:focus{
	color: #667EEA;
}
.text-indigo-600-f-md:focus{
	color: #5A67D8;
}
.text-indigo-700-f-md:focus{
	color: #4C51BF;
}
.text-indigo-800-f-md:focus{
	color: #434190;
}
.text-indigo-900-f-md:focus{	
	color: #3C366B;
}


.text-green-100-f-md:focus{
	color: #F0FFF4;
}

.text-green-200-f-md:focus{
	color: #C6F6D5;
}

.text-green-300-f-md:focus{
	color: #9AE6B4;
}

.text-green-400-f-md:focus{
	color: #68D391;
}

.text-green-500-f-md:focus{
	color: #48BB78;
}

.text-green-600-f-md:focus{
	color: #38A169;
}

.text-green-700-f-md:focus{
	color: #2F855A;
}

.text-green-800-f-md:focus{
	color: #276749;
}

.text-green-900-f-md:focus{
	color: #22543D;
}


.text-yellow-100-f-md:focus{
	color: #FFFFF0;
}

.text-yellow-200-f-md:focus{
	color: #FEFCBF;
}

.text-yellow-300-f-md:focus{
	color: #FAF089;
}

.text-yellow-400-f-md:focus{
	color: #F6E05E;
}

.text-yellow-500-f-md:focus{
	color: #ECC94B;
}

.text-yellow-600-f-md:focus{
	color: #D69E2E;
}

.text-yellow-700-f-md:focus{
	color: #B7791F;
}

.text-yellow-800-f-md:focus{
	color: #975A16;
}

.text-yellow-900-f-md:focus{
	color: #744210;
}



.text-orange-100-f-md:focus{
	color: #FFFAF0;
}

.text-orange-200-f-md:focus{
	color: #FEEBC8;
}

.text-orange-300-f-md:focus{
	color: #FBD38D;
}

.text-orange-400-f-md:focus{
	color: #F6AD55;
}

.text-orange-500-f-md:focus{
	color: #ED8936;
}

.text-orange-600-f-md:focus{
	color: #DD6B20;
}

.text-orange-700-f-md:focus{
	color: #C05621;
}

.text-orange-800-f-md:focus{
	color: #9C4221;
}

.text-orange-900-f-md:focus{
	color: #7B341E;
}



.text-red-100-f-md:focus{
	color: #FFF5F5;
}

.text-red-200-f-md:focus{
	color: #FED7D7;
}

.text-red-300-f-md:focus{
	color: #FEB2B2;
}

.text-red-400-f-md:focus{
	color: #FC8181;
}

.text-red-500-f-md:focus{
	color: #F56565;
}

.text-red-600-f-md:focus{
	color: #E53E3E;
}

.text-red-700-f-md:focus{
	color: #C53030;
}

.text-red-800-f-md:focus{
	color: #9B2C2C;
}

.text-red-900-f-md:focus{
	color: #742A2A;
}



.text-gray-100-f-md:focus{
	color: #F7FAFC;
}

.text-gray-200-f-md:focus{
	color: #EDF2F7;
}

.text-gray-300-f-md:focus{
	color: #E2E8F0;
}

.text-gray-400-f-md:focus{
	color: #CBD5E0;
}

.text-gray-500-f-md:focus{
	color: #A0AEC0;
}

.text-gray-600-f-md:focus{
	color: #718096;
}

.text-gray-700-f-md:focus{
	color: #4A5568;
}

.text-gray-800-f-md:focus{
	color: #2D3748;
}

.text-gray-900-f-md:focus{
	color: #1A202C;
}


.text-black-f-md:focus{
	color: #000000;
}

.text-white-f-md:focus{
	color: #FFFFFF;
}


.text-purple-100-h-md:hover{
	color: #FAF5FF;
}

.text-purple-200-h-md:hover{
	color: #E9D8FD;
}

.text-purple-300-h-md:hover{
	color: #D6BCFA;
}

.text-purple-400-h-md:hover{
	color: #B794F4;
}

.text-purple-500-h-md:hover{
	color: #9F7AEA;
}

.text-purple-600-h-md:hover{
	color: #805AD5;
}

.text-purple-700-h-md:hover{
	color: #6B46C1;
}

.text-purple-800-h-md:hover{
	color: #553C9A;
}

.text-purple-900-h-md:hover{
	color: #44337A;
}




.text-blue-100-h-md:hover{
	color: #EBF8FF;
}

.text-blue-200-h-md:hover{
	color: #BEE3F8;
}

.text-blue-300-h-md:hover{
	color: #90CDF4;
}

.text-blue-400-h-md:hover{
	color: #63B3ED;
}

.text-blue-500-h-md:hover{
	color: #4299E1;
}

.text-blue-600-h-md:hover{
	color: #3182CE;
}

.text-blue-700-h-md:hover{
	color: #2B6CB0;
}

.text-blue-800-h-md:hover{
	color: #2C5282;
}

.text-blue-900-h-md:hover{
	color: #2A4365;
}


.text-teal-100-h-md:hover{
	color: #E6FFFA;
}

.text-teal-200-h-md:hover{
	color: #B2F5EA;
}

.text-teal-300-h-md:hover{
	color: #81E6D9;
}

.text-blue-400-h-md:hover{
	color: #4FD1C5;
}

.text-teal-500-h-md:hover{
	color: #38B2AC;
}

.text-teal-600-h-md:hover{
	color: #319795;
}

.text-teal-700-h-md:hover{
	color: #2C7A7B;
}

.text-teal-800-h-md:hover{
	color: #285E61;
}

.text-teal-900-h-md:hover{
	color: #234E52;
}



.text-pink-100-h-md:hover{
	color: #FFF5F7;
}
.text-pink-200-h-md:hover{
	color: #FED7E2;
}

.text-pink-300-h-md:hover{
	color: #FBB6CE;
}

.text-pink-400-h-md:hover{
	color: #F687B3;
}

.text-pink-500-h-md:hover{
	color: #ED64A6;
}

.text-pink-600-h-md:hover{
	color: #D53F8C;
}

.text-pink-700-h-md:hover{
	color: #B83280;
}

.text-pink-800-h-md:hover{
	color: #97266D;
}

.text-pink-900-h-md:hover{
	color: #702459;
}



.text-indigo-100-h-md:hover{
	color: #EBF4FF;
}
.text-indigo-200-h-md:hover{
	color: #C3DAFE;
}
.text-indigo-300-h-md:hover{
	color: #A3BFFA;
}
.text-indigo-400-h-md:hover{
	color: #7F9CF5;
}
.text-indigo-500-h-md:hover{
	color: #667EEA;
}
.text-indigo-600-h-md:hover{
	color: #5A67D8;
}
.text-indigo-700-h-md:hover{
	color: #4C51BF;
}
.text-indigo-800-h-md:hover{
	color: #434190;
}
.text-indigo-900-h-md:hover{	
	color: #3C366B;
}


.text-green-100-h-md:hover{
	color: #F0FFF4;
}

.text-green-200-h-md:hover{
	color: #C6F6D5;
}

.text-green-300-h-md:hover{
	color: #9AE6B4;
}

.text-green-400-h-md:hover{
	color: #68D391;
}

.text-green-500-h-md:hover{
	color: #48BB78;
}

.text-green-600-h-md:hover{
	color: #38A169;
}

.text-green-700-h-md:hover{
	color: #2F855A;
}

.text-green-800-h-md:hover{
	color: #276749;
}

.text-green-900-h-md:hover{
	color: #22543D;
}


.text-yellow-100-h-md:hover{
	color: #FFFFF0;
}

.text-yellow-200-h-md:hover{
	color: #FEFCBF;
}

.text-yellow-300-h-md:hover{
	color: #FAF089;
}

.text-yellow-400-h-md:hover{
	color: #F6E05E;
}

.text-yellow-500-h-md:hover{
	color: #ECC94B;
}

.text-yellow-600-h-md:hover{
	color: #D69E2E;
}

.text-yellow-700-h-md:hover{
	color: #B7791F;
}

.text-yellow-800-h-md:hover{
	color: #975A16;
}

.text-yellow-900-h-md:hover{
	color: #744210;
}



.text-orange-100-h-md:hover{
	color: #FFFAF0;
}

.text-orange-200-h-md:hover{
	color: #FEEBC8;
}

.text-orange-300-h-md:hover{
	color: #FBD38D;
}

.text-orange-400-h-md:hover{
	color: #F6AD55;
}

.text-orange-500-h-md:hover{
	color: #ED8936;
}

.text-orange-600-h-md:hover{
	color: #DD6B20;
}

.text-orange-700-h-md:hover{
	color: #C05621;
}

.text-orange-800-h-md:hover{
	color: #9C4221;
}

.text-orange-900-h-md:hover{
	color: #7B341E;
}



.text-red-100-h-md:hover{
	color: #FFF5F5;
}

.text-red-200-h-md:hover{
	color: #FED7D7;
}

.text-red-300-h-md:hover{
	color: #FEB2B2;
}

.text-red-400-h-md:hover{
	color: #FC8181;
}

.text-red-500-h-md:hover{
	color: #F56565;
}

.text-red-600-h-md:hover{
	color: #E53E3E;
}

.text-red-700-h-md:hover{
	color: #C53030;
}

.text-red-800-h-md:hover{
	color: #9B2C2C;
}

.text-red-900-h-md:hover{
	color: #742A2A;
}

.text-purple-100-a-md:active{
	color: #FAF5FF;
}

.text-purple-200-a-md:active{
	color: #E9D8FD;
}

.text-purple-300-a-md:active{
	color: #D6BCFA;
}

.text-purple-400-a-md:active{
	color: #B794F4;
}

.text-purple-500-a-md:active{
	color: #9F7AEA;
}

.text-purple-600-a-md:active{
	color: #805AD5;
}

.text-purple-700-a-md:active{
	color: #6B46C1;
}

.text-purple-800-a-md:active{
	color: #553C9A;
}

.text-purple-900-a-md:active{
	color: #44337A;
}




.text-blue-100-a-md:active{
	color: #EBF8FF;
}

.text-blue-200-a-md:active{
	color: #BEE3F8;
}

.text-blue-300-a-md:active{
	color: #90CDF4;
}

.text-blue-400-a-md:active{
	color: #63B3ED;
}

.text-blue-500-a-md:active{
	color: #4299E1;
}

.text-blue-600-a-md:active{
	color: #3182CE;
}

.text-blue-700-a-md:active{
	color: #2B6CB0;
}

.text-blue-800-a-md:active{
	color: #2C5282;
}

.text-blue-900-a-md:active{
	color: #2A4365;
}


.text-teal-100-a-md:active{
	color: #E6FFFA;
}

.text-teal-200-a-md:active{
	color: #B2F5EA;
}

.text-teal-300-a-md:active{
	color: #81E6D9;
}

.text-blue-400-a-md:active{
	color: #4FD1C5;
}

.text-teal-500-a-md:active{
	color: #38B2AC;
}

.text-teal-600-a-md:active{
	color: #319795;
}

.text-teal-700-a-md:active{
	color: #2C7A7B;
}

.text-teal-800-a-md:active{
	color: #285E61;
}

.text-teal-900-a-md:active{
	color: #234E52;
}



.text-pink-100-a-md:active{
	color: #FFF5F7;
}
.text-pink-200-a-md:active{
	color: #FED7E2;
}

.text-pink-300-a-md:active{
	color: #FBB6CE;
}

.text-pink-400-a-md:active{
	color: #F687B3;
}

.text-pink-500-a-md:active{
	color: #ED64A6;
}

.text-pink-600-a-md:active{
	color: #D53F8C;
}

.text-pink-700-a-md:active{
	color: #B83280;
}

.text-pink-800-a-md:active{
	color: #97266D;
}

.text-pink-900-a-md:active{
	color: #702459;
}



.text-indigo-100-a-md:active{
	color: #EBF4FF;
}
.text-indigo-200-a-md:active{
	color: #C3DAFE;
}
.text-indigo-300-a-md:active{
	color: #A3BFFA;
}
.text-indigo-400-a-md:active{
	color: #7F9CF5;
}
.text-indigo-500-a-md:active{
	color: #667EEA;
}
.text-indigo-600-a-md:active{
	color: #5A67D8;
}
.text-indigo-700-a-md:active{
	color: #4C51BF;
}
.text-indigo-800-a-md:active{
	color: #434190;
}
.text-indigo-900-a-md:active{	
	color: #3C366B;
}


.text-green-100-a-md:active{
	color: #F0FFF4;
}

.text-green-200-a-md:active{
	color: #C6F6D5;
}

.text-green-300-a-md:active{
	color: #9AE6B4;
}

.text-green-400-a-md:active{
	color: #68D391;
}

.text-green-500-a-md:active{
	color: #48BB78;
}

.text-green-600-a-md:active{
	color: #38A169;
}

.text-green-700-a-md:active{
	color: #2F855A;
}

.text-green-800-a-md:active{
	color: #276749;
}

.text-green-900-a-md:active{
	color: #22543D;
}


.text-yellow-100-a-md:active{
	color: #FFFFF0;
}

.text-yellow-200-a-md:active{
	color: #FEFCBF;
}

.text-yellow-300-a-md:active{
	color: #FAF089;
}

.text-yellow-400-a-md:active{
	color: #F6E05E;
}

.text-yellow-500-a-md:active{
	color: #ECC94B;
}

.text-yellow-600-a-md:active{
	color: #D69E2E;
}

.text-yellow-700-a-md:active{
	color: #B7791F;
}

.text-yellow-800-a-md:active{
	color: #975A16;
}

.text-yellow-900-a-md:active{
	color: #744210;
}



.text-orange-100-a-md:active{
	color: #FFFAF0;
}

.text-orange-200-a-md:active{
	color: #FEEBC8;
}

.text-orange-300-a-md:active{
	color: #FBD38D;
}

.text-orange-400-a-md:active{
	color: #F6AD55;
}

.text-orange-500-a-md:active{
	color: #ED8936;
}

.text-orange-600-a-md:active{
	color: #DD6B20;
}

.text-orange-700-a-md:active{
	color: #C05621;
}

.text-orange-800-a-md:active{
	color: #9C4221;
}

.text-orange-900-a-md:active{
	color: #7B341E;
}



.text-red-100-a-md:active{
	color: #FFF5F5;
}

.text-red-200-a-md:active{
	color: #FED7D7;
}

.text-red-300-a-md:active{
	color: #FEB2B2;
}

.text-red-400-a-md:active{
	color: #FC8181;
}

.text-red-500-a-md:active{
	color: #F56565;
}

.text-red-600-a-md:active{
	color: #E53E3E;
}

.text-red-700-a-md:active{
	color: #C53030;
}

.text-red-800-a-md:active{
	color: #9B2C2C;
}

.text-red-900-a-md:active{
	color: #742A2A;
}










/* BORDER  */

/* BORDER */
.b-none-md{
	border:none;
}

.b-1-md{
	border-width: 1px;
}

.b-2-md{
	border-width: 2px;
}

.b-3-md{
	border-width: 3px;
}

.b-4-md{
	border-width: 4px;
}

.b-5-md{
	border-width: 5px;
}

.b-6-md{
	border-width: 6px;
}

.b-7-md{
	border-width: 7px;
}

.b-8-md{
	border-width: 8px;
}

.b-9-md{
	border-width: 9px;
}

.b-10-md{
	border-width: 10px;
}

.bl-none-md{
	border-left:none;
}

.bl-1-md{
	border-left-width: 1px;
	border-left-style: solid;
}

.bl-2-md{
	border-left-width: 2px;
	border-left-style: solid;
}

.bl-3-md{
	border-left-width: 3px;
	border-left-style: solid;
}

.bl-4-md{
	border-left-width: 4px;
	border-left-style: solid;
}

.br-none-md{
	border-right:none;
}

.br-1-md{
	border-right-width: 1px;
	border-right-style: solid;
}

.br-2-md{
	border-right-width: 2px;
	border-right-style: solid;
}

.br-3-md{
	border-right-width: 3px;
	border-right-style: solid;
}

.br-4-md{
	border-right-width: 4px;
	border-right-style: solid;
}

.bt-none-md{
	border-top:none;
}

.bt-1-md{
	border-top-width: 1px;
	border-top-style: solid;
}

.bt-2-md{
	border-top-width: 2px;
	border-top-style: solid;
}

.bt-3-md{
	border-top-width: 3px;
	border-top-style: solid;
}

.bt-4-md{
	border-top-width: 4px;
	border-top-style: solid;
}

.bb-none-md{
	border-bottom:none;
}

.bb-1-md{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bb-2-md{
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.bb-3-md{
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.bb-4-md{
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

.b-solid-md{
	border-style: solid;
}

.b-dashed-md{
	border-style: dashed;
}

.b-dotted-md{
	border-style: dotted;
}

.b-double-md{
	border-style: double;
}


.b-purple-100-md{
	border-color: #FAF5FF;
}

.b-purple-200-md{
	border-color: #E9D8FD;
}

.b-purple-300-md{
	border-color: #D6BCFA;
}

.b-purple-400-md{
	border-color: #B794F4;
}

.b-purple-500-md{
	border-color: #9F7AEA;
}

.b-purple-600-md{
	border-color: #805AD5;
}

.b-purple-700-md{
	border-color: #6B46C1;
}

.b-purple-800-md{
	border-color: #553C9A;
}

.b-purple-900-md{
	border-color: #44337A;
}




.b-blue-100-md{
	border-color: #EBF8FF;
}

.b-blue-200-md{
	border-color: #BEE3F8;
}

.b-blue-300-md{
	border-color: #90CDF4;
}

.b-blue-400-md{
	border-color: #63B3ED;
}

.b-blue-500-md{
	border-color: #4299E1;
}

.b-blue-600-md{
	border-color: #3182CE;
}

.b-blue-700-md{
	border-color: #2B6CB0;
}

.b-blue-800-md{
	border-color: #2C5282;
}

.b-blue-900-md{
	border-color: #2A4365;
}


.b-teal-100-md{
	border-color: #E6FFFA;
}

.b-teal-200-md{
	border-color: #B2F5EA;
}

.b-teal-300-md{
	border-color: #81E6D9;
}

.b-teal-400-md{
	border-color: #4FD1C5;
}

.b-teal-500-md{
	border-color: #38B2AC;
}

.b-teal-600-md{
	border-color: #319795;
}

.b-teal-700-md{
	border-color: #2C7A7B;
}

.b-teal-800-md{
	border-color: #285E61;
}

.b-teal-900-md{
	border-color: #234E52;
}



.b-pink-100-md{
	border-color: #FFF5F7;
}
.b-pink-200-md{
	border-color: #FED7E2;
}

.b-pink-300-md{
	border-color: #FBB6CE;
}

.b-pink-400-md{
	border-color: #F687B3;
}

.b-pink-500-md{
	border-color: #ED64A6;
}

.b-pink-600-md{
	border-color: #D53F8C;
}

.b-pink-700-md{
	border-color: #B83280;
}

.b-pink-800-md{
	border-color: #97266D;
}

.b-pink-900-md{
	border-color: #702459;
}



.b-indigo-100-md{
	border-color: #EBF4FF;
}
.b-indigo-200-md{
	border-color: #C3DAFE;
}
.b-indigo-300-md{
	border-color: #A3BFFA;
}
.b-indigo-400-md{
	border-color: #7F9CF5;
}
.b-indigo-500-md{
	border-color: #667EEA;
}
.b-indigo-600-md{
	border-color: #5A67D8;
}
.b-indigo-700-md{
	border-color: #4C51BF;
}
.b-indigo-800-md{
	border-color: #434190;
}
.b-indigo-900-md{	
	border-color: #3C366B;
}


.b-green-100-md{
	border-color: #F0FFF4;
}

.b-green-200-md{
	border-color: #C6F6D5;
}

.b-green-300-md{
	border-color: #9AE6B4;
}

.b-green-400-md{
	border-color: #68D391;
}

.b-green-500-md{
	border-color: #48BB78;
}

.b-green-600-md{
	border-color: #38A169;
}

.b-green-700-md{
	border-color: #2F855A;
}

.b-green-800-md{
	border-color: #276749;
}

.b-green-900-md{
	border-color: #22543D;
}


.b-yellow-100-md{
	border-color: #FFFFF0;
}

.b-yellow-200-md{
	border-color: #FEFCBF;
}

.b-yellow-300-md{
	border-color: #FAF089;
}

.b-yellow-400-md{
	border-color: #F6E05E;
}

.b-yellow-500-md{
	border-color: #ECC94B;
}

.b-yellow-600-md{
	border-color: #D69E2E;
}

.b-yellow-700-md{
	border-color: #B7791F;
}

.b-yellow-800-md{
	border-color: #975A16;
}

.b-yellow-900-md{
	border-color: #744210;
}



.b-orange-100-md{
	border-color: #FFFAF0;
}

.b-orange-200-md{
	border-color: #FEEBC8;
}

.b-orange-300-md{
	border-color: #FBD38D;
}

.b-orange-400-md{
	border-color: #F6AD55;
}

.b-orange-500-md{
	border-color: #ED8936;
}

.b-orange-600-md{
	border-color: #DD6B20;
}

.b-orange-700-md{
	border-color: #C05621;
}

.b-orange-800-md{
	border-color: #9C4221;
}

.b-orange-900-md{
	border-color: #7B341E;
}



.b-red-100-md{
	border-color: #FFF5F5;
}

.b-red-200-md{
	border-color: #FED7D7;
}

.b-red-300-md{
	border-color: #FEB2B2;
}

.b-red-400-md{
	border-color: #FC8181;
}

.b-red-500-md{
	border-color: #F56565;
}

.b-red-600-md{
	border-color: #E53E3E;
}

.b-red-700-md{
	border-color: #C53030;
}

.b-red-800-md{
	border-color: #9B2C2C;
}

.b-red-900-md{
	border-color: #742A2A;
}



.b-gray-100-md{
	border-color: #F7FAFC;
}

.b-gray-200-md{
	border-color: #EDF2F7;
}

.b-gray-300-md{
	border-color: #E2E8F0;
}

.b-gray-400-md{
	border-color: #CBD5E0;
}

.b-gray-500-md{
	border-color: #A0AEC0;
}

.b-gray-600-md{
	border-color: #718096;
}

.b-gray-700-md{
	border-color: #4A5568;
}

.b-gray-800-md{
	border-color: #2D3748;
}

.b-gray-900-md{
	border-color: #1A202C;
}


.b-black-md{
	border-color: #000000;
}

.b-white-md{
	border-color: #FFFFFF;
}

.b-purple-100-h-md:hover{
	border-color: #FAF5FF;
}

.b-purple-200-h-md:hover{
	border-color: #E9D8FD;
}

.b-purple-300-h-md:hover{
	border-color: #D6BCFA;
}

.b-purple-400-h-md:hover{
	border-color: #B794F4;
}

.b-purple-500-h-md:hover{
	border-color: #9F7AEA;
}

.b-purple-600-h-md:hover{
	border-color: #805AD5;
}

.b-purple-700-h-md:hover{
	border-color: #6B46C1;
}

.b-purple-800-h-md:hover{
	border-color: #553C9A;
}

.b-purple-900-h-md:hover{
	border-color: #44337A;
}




.b-blue-100-h-md:hover{
	border-color: #EBF8FF;
}

.b-blue-200-h-md:hover{
	border-color: #BEE3F8;
}

.b-blue-300-h-md:hover{
	border-color: #90CDF4;
}

.b-blue-400-h-md:hover{
	border-color: #63B3ED;
}

.b-blue-500-h-md:hover{
	border-color: #4299E1;
}

.b-blue-600-h-md:hover{
	border-color: #3182CE;
}

.b-blue-700-h-md:hover{
	border-color: #2B6CB0;
}

.b-blue-800-h-md:hover{
	border-color: #2C5282;
}

.b-blue-900-h-md:hover{
	border-color: #2A4365;
}


.b-teal-100-h-md:hover{
	border-color: #E6FFFA;
}

.b-teal-200-h-md:hover{
	border-color: #B2F5EA;
}

.b-teal-300-h-md:hover{
	border-color: #81E6D9;
}

.b-teal-400-h-md:hover{
	border-color: #4FD1C5;
}

.b-teal-500-h-md:hover{
	border-color: #38B2AC;
}

.b-teal-600-h-md:hover{
	border-color: #319795;
}

.b-teal-700-h-md:hover{
	border-color: #2C7A7B;
}

.b-teal-800-h-md:hover{
	border-color: #285E61;
}

.b-teal-900-h-md:hover{
	border-color: #234E52;
}



.b-pink-100-h-md:hover{
	border-color: #FFF5F7;
}
.b-pink-200-h-md:hover{
	border-color: #FED7E2;
}

.b-pink-300-h-md:hover{
	border-color: #FBB6CE;
}

.b-pink-400-h-md:hover{
	border-color: #F687B3;
}

.b-pink-500-h-md:hover{
	border-color: #ED64A6;
}

.b-pink-600-h-md:hover{
	border-color: #D53F8C;
}

.b-pink-700-h-md:hover{
	border-color: #B83280;
}

.b-pink-800-h-md:hover{
	border-color: #97266D;
}

.b-pink-900-h-md:hover{
	border-color: #702459;
}



.b-indigo-100-h-md:hover{
	border-color: #EBF4FF;
}
.b-indigo-200-h-md:hover{
	border-color: #C3DAFE;
}
.b-indigo-300-h-md:hover{
	border-color: #A3BFFA;
}
.b-indigo-400-h-md:hover{
	border-color: #7F9CF5;
}
.b-indigo-500-h-md:hover{
	border-color: #667EEA;
}
.b-indigo-600-h-md:hover{
	border-color: #5A67D8;
}
.b-indigo-700-h-md:hover{
	border-color: #4C51BF;
}
.b-indigo-800-h-md:hover{
	border-color: #434190;
}
.b-indigo-900-h-md:hover{	
	border-color: #3C366B;
}


.b-green-100-h-md:hover{
	border-color: #F0FFF4;
}

.b-green-200-h-md:hover{
	border-color: #C6F6D5;
}

.b-green-300-h-md:hover{
	border-color: #9AE6B4;
}

.b-green-400-h-md:hover{
	border-color: #68D391;
}

.b-green-500-h-md:hover{
	border-color: #48BB78;
}

.b-green-600-h-md:hover{
	border-color: #38A169;
}

.b-green-700-h-md:hover{
	border-color: #2F855A;
}

.b-green-800-h-md:hover{
	border-color: #276749;
}

.b-green-900-h-md:hover{
	border-color: #22543D;
}


.b-yellow-100-h-md:hover{
	border-color: #FFFFF0;
}

.b-yellow-200-h-md:hover{
	border-color: #FEFCBF;
}

.b-yellow-300-h-md:hover{
	border-color: #FAF089;
}

.b-yellow-400-h-md:hover{
	border-color: #F6E05E;
}

.b-yellow-500-h-md:hover{
	border-color: #ECC94B;
}

.b-yellow-600-h-md:hover{
	border-color: #D69E2E;
}

.b-yellow-700-h-md:hover{
	border-color: #B7791F;
}

.b-yellow-800-h-md:hover{
	border-color: #975A16;
}

.b-yellow-900-h-md:hover{
	border-color: #744210;
}



.b-orange-100-h-md:hover{
	border-color: #FFFAF0;
}

.b-orange-200-h-md:hover{
	border-color: #FEEBC8;
}

.b-orange-300-h-md:hover{
	border-color: #FBD38D;
}

.b-orange-400-h-md:hover{
	border-color: #F6AD55;
}

.b-orange-500-h-md:hover{
	border-color: #ED8936;
}

.b-orange-600-h-md:hover{
	border-color: #DD6B20;
}

.b-orange-700-h-md:hover{
	border-color: #C05621;
}

.b-orange-800-h-md:hover{
	border-color: #9C4221;
}

.b-orange-900-h-md:hover{
	border-color: #7B341E;
}



.b-red-100-h-md:hover{
	border-color: #FFF5F5;
}

.b-red-200-h-md:hover{
	border-color: #FED7D7;
}

.b-red-300-h-md:hover{
	border-color: #FEB2B2;
}

.b-red-400-h-md:hover{
	border-color: #FC8181;
}

.b-red-500-h-md:hover{
	border-color: #F56565;
}

.b-red-600-h-md:hover{
	border-color: #E53E3E;
}

.b-red-700-h-md:hover{
	border-color: #C53030;
}

.b-red-800-h-md:hover{
	border-color: #9B2C2C;
}

.b-red-900-h-md:hover{
	border-color: #742A2A;
}



.b-gray-100-h-md:hover{
	border-color: #F7FAFC;
}

.b-gray-200-h-md:hover{
	border-color: #EDF2F7;
}

.b-gray-300-h-md:hover{
	border-color: #E2E8F0;
}

.b-gray-400-h-md:hover{
	border-color: #CBD5E0;
}

.b-gray-500-h-md:hover{
	border-color: #A0AEC0;
}

.b-gray-600-h-md:hover{
	border-color: #718096;
}

.b-gray-700-h-md:hover{
	border-color: #4A5568;
}

.b-gray-800-h-md:hover{
	border-color: #2D3748;
}

.b-gray-900-h-md:hover{
	border-color: #1A202C;
}


.b-black-h-md:hover{
	border-color: #000000;
}

.b-white-h-md:hover{
	border-color: #FFFFFF;
}


.b-purple-100-a-md:active{
	border-color: #FAF5FF;
}

.b-purple-200-a-md:active{
	border-color: #E9D8FD;
}

.b-purple-300-a-md:active{
	border-color: #D6BCFA;
}

.b-purple-400-a-md:active{
	border-color: #B794F4;
}

.b-purple-500-a-md:active{
	border-color: #9F7AEA;
}

.b-purple-600-a-md:active{
	border-color: #805AD5;
}

.b-purple-700-a-md:active{
	border-color: #6B46C1;
}

.b-purple-800-a-md:active{
	border-color: #553C9A;
}

.b-purple-900-a-md:active{
	border-color: #44337A;
}




.b-blue-100-a-md:active{
	border-color: #EBF8FF;
}

.b-blue-200-a-md:active{
	border-color: #BEE3F8;
}

.b-blue-300-a-md:active{
	border-color: #90CDF4;
}

.b-blue-400-a-md:active{
	border-color: #63B3ED;
}

.b-blue-500-a-md:active{
	border-color: #4299E1;
}

.b-blue-600-a-md:active{
	border-color: #3182CE;
}

.b-blue-700-a-md:active{
	border-color: #2B6CB0;
}

.b-blue-800-a-md:active{
	border-color: #2C5282;
}

.b-blue-900-a-md:active{
	border-color: #2A4365;
}


.b-teal-100-a-md:active{
	border-color: #E6FFFA;
}

.b-teal-200-a-md:active{
	border-color: #B2F5EA;
}

.b-teal-300-a-md:active{
	border-color: #81E6D9;
}

.b-teal-400-a-md:active{
	border-color: #4FD1C5;
}

.b-teal-500-a-md:active{
	border-color: #38B2AC;
}

.b-teal-600-a-md:active{
	border-color: #319795;
}

.b-teal-700-a-md:active{
	border-color: #2C7A7B;
}

.b-teal-800-a-md:active{
	border-color: #285E61;
}

.b-teal-900-a-md:active{
	border-color: #234E52;
}



.b-pink-100-a-md:active{
	border-color: #FFF5F7;
}
.b-pink-200-a-md:active{
	border-color: #FED7E2;
}

.b-pink-300-a-md:active{
	border-color: #FBB6CE;
}

.b-pink-400-a-md:active{
	border-color: #F687B3;
}

.b-pink-500-a-md:active{
	border-color: #ED64A6;
}

.b-pink-600-a-md:active{
	border-color: #D53F8C;
}

.b-pink-700-a-md:active{
	border-color: #B83280;
}

.b-pink-800-a-md:active{
	border-color: #97266D;
}

.b-pink-900-a-md:active{
	border-color: #702459;
}



.b-indigo-100-a-md:active{
	border-color: #EBF4FF;
}
.b-indigo-200-a-md:active{
	border-color: #C3DAFE;
}
.b-indigo-300-a-md:active{
	border-color: #A3BFFA;
}
.b-indigo-400-a-md:active{
	border-color: #7F9CF5;
}
.b-indigo-500-a-md:active{
	border-color: #667EEA;
}
.b-indigo-600-a-md:active{
	border-color: #5A67D8;
}
.b-indigo-700-a-md:active{
	border-color: #4C51BF;
}
.b-indigo-800-a-md:active{
	border-color: #434190;
}
.b-indigo-900-a-md:active{	
	border-color: #3C366B;
}


.b-green-100-a-md:active{
	border-color: #F0FFF4;
}

.b-green-200-a-md:active{
	border-color: #C6F6D5;
}

.b-green-300-a-md:active{
	border-color: #9AE6B4;
}

.b-green-400-a-md:active{
	border-color: #68D391;
}

.b-green-500-a-md:active{
	border-color: #48BB78;
}

.b-green-600-a-md:active{
	border-color: #38A169;
}

.b-green-700-a-md:active{
	border-color: #2F855A;
}

.b-green-800-a-md:active{
	border-color: #276749;
}

.b-green-900-a-md:active{
	border-color: #22543D;
}


.b-yellow-100-a-md:active{
	border-color: #FFFFF0;
}

.b-yellow-200-a-md:active{
	border-color: #FEFCBF;
}

.b-yellow-300-a-md:active{
	border-color: #FAF089;
}

.b-yellow-400-a-md:active{
	border-color: #F6E05E;
}

.b-yellow-500-a-md:active{
	border-color: #ECC94B;
}

.b-yellow-600-a-md:active{
	border-color: #D69E2E;
}

.b-yellow-700-a-md:active{
	border-color: #B7791F;
}

.b-yellow-800-a-md:active{
	border-color: #975A16;
}

.b-yellow-900-a-md:active{
	border-color: #744210;
}



.b-orange-100-a-md:active{
	border-color: #FFFAF0;
}

.b-orange-200-a-md:active{
	border-color: #FEEBC8;
}

.b-orange-300-a-md:active{
	border-color: #FBD38D;
}

.b-orange-400-a-md:active{
	border-color: #F6AD55;
}

.b-orange-500-a-md:active{
	border-color: #ED8936;
}

.b-orange-600-a-md:active{
	border-color: #DD6B20;
}

.b-orange-700-a-md:active{
	border-color: #C05621;
}

.b-orange-800-a-md:active{
	border-color: #9C4221;
}

.b-orange-900-a-md:active{
	border-color: #7B341E;
}



.b-red-100-a-md:active{
	border-color: #FFF5F5;
}

.b-red-200-a-md:active{
	border-color: #FED7D7;
}

.b-red-300-a-md:active{
	border-color: #FEB2B2;
}

.b-red-400-a-md:active{
	border-color: #FC8181;
}

.b-red-500-a-md:active{
	border-color: #F56565;
}

.b-red-600-a-md:active{
	border-color: #E53E3E;
}

.b-red-700-a-md:active{
	border-color: #C53030;
}

.b-red-800-a-md:active{
	border-color: #9B2C2C;
}

.b-red-900-a-md:active{
	border-color: #742A2A;
}



.b-gray-100-a-md:active{
	border-color: #F7FAFC;
}

.b-gray-200-a-md:active{
	border-color: #EDF2F7;
}

.b-gray-300-a-md:active{
	border-color: #E2E8F0;
}

.b-gray-400-a-md:active{
	border-color: #CBD5E0;
}

.b-gray-500-a-md:active{
	border-color: #A0AEC0;
}

.b-gray-600-a-md:active{
	border-color: #718096;
}

.b-gray-700-a-md:active{
	border-color: #4A5568;
}

.b-gray-800-a-md:active{
	border-color: #2D3748;
}

.b-gray-900-a-md:active{
	border-color: #1A202C;
}


.b-black-a-md:active{
	border-color: #000000;
}

.b-white-a-md:active{
	border-color: #FFFFFF;
}


.b-purple-100-f-md:focus{
	border-color: #FAF5FF;
}

.b-purple-200-f-md:focus{
	border-color: #E9D8FD;
}

.b-purple-300-f-md:focus{
	border-color: #D6BCFA;
}

.b-purple-400-f-md:focus{
	border-color: #B794F4;
}

.b-purple-500-f-md:focus{
	border-color: #9F7AEA;
}

.b-purple-600-f-md:focus{
	border-color: #805AD5;
}

.b-purple-700-f-md:focus{
	border-color: #6B46C1;
}

.b-purple-800-f-md:focus{
	border-color: #553C9A;
}

.b-purple-900-f-md:focus{
	border-color: #44337A;
}




.b-blue-100-f-md:focus{
	border-color: #EBF8FF;
}

.b-blue-200-f-md:focus{
	border-color: #BEE3F8;
}

.b-blue-300-f-md:focus{
	border-color: #90CDF4;
}

.b-blue-400-f-md:focus{
	border-color: #63B3ED;
}

.b-blue-500-f-md:focus{
	border-color: #4299E1;
}

.b-blue-600-f-md:focus{
	border-color: #3182CE;
}

.b-blue-700-f-md:focus{
	border-color: #2B6CB0;
}

.b-blue-800-f-md:focus{
	border-color: #2C5282;
}

.b-blue-900-f-md:focus{
	border-color: #2A4365;
}


.b-teal-100-f-md:focus{
	border-color: #E6FFFA;
}

.b-teal-200-f-md:focus{
	border-color: #B2F5EA;
}

.b-teal-300-f-md:focus{
	border-color: #81E6D9;
}

.b-teal-400-f-md:focus{
	border-color: #4FD1C5;
}

.b-teal-500-f-md:focus{
	border-color: #38B2AC;
}

.b-teal-600-f-md:focus{
	border-color: #319795;
}

.b-teal-700-f-md:focus{
	border-color: #2C7A7B;
}

.b-teal-800-f-md:focus{
	border-color: #285E61;
}

.b-teal-900-f-md:focus{
	border-color: #234E52;
}



.b-pink-100-f-md:focus{
	border-color: #FFF5F7;
}
.b-pink-200-f-md:focus{
	border-color: #FED7E2;
}

.b-pink-300-f-md:focus{
	border-color: #FBB6CE;
}

.b-pink-400-f-md:focus{
	border-color: #F687B3;
}

.b-pink-500-f-md:focus{
	border-color: #ED64A6;
}

.b-pink-600-f-md:focus{
	border-color: #D53F8C;
}

.b-pink-700-f-md:focus{
	border-color: #B83280;
}

.b-pink-800-f-md:focus{
	border-color: #97266D;
}

.b-pink-900-f-md:focus{
	border-color: #702459;
}



.b-indigo-100-f-md:focus{
	border-color: #EBF4FF;
}
.b-indigo-200-f-md:focus{
	border-color: #C3DAFE;
}
.b-indigo-300-f-md:focus{
	border-color: #A3BFFA;
}
.b-indigo-400-f-md:focus{
	border-color: #7F9CF5;
}
.b-indigo-500-f-md:focus{
	border-color: #667EEA;
}
.b-indigo-600-f-md:focus{
	border-color: #5A67D8;
}
.b-indigo-700-f-md:focus{
	border-color: #4C51BF;
}
.b-indigo-800-f-md:focus{
	border-color: #434190;
}
.b-indigo-900-f-md:focus{	
	border-color: #3C366B;
}


.b-green-100-f-md:focus{
	border-color: #F0FFF4;
}

.b-green-200-f-md:focus{
	border-color: #C6F6D5;
}

.b-green-300-f-md:focus{
	border-color: #9AE6B4;
}

.b-green-400-f-md:focus{
	border-color: #68D391;
}

.b-green-500-f-md:focus{
	border-color: #48BB78;
}

.b-green-600-f-md:focus{
	border-color: #38A169;
}

.b-green-700-f-md:focus{
	border-color: #2F855A;
}

.b-green-800-f-md:focus{
	border-color: #276749;
}

.b-green-900-f-md:focus{
	border-color: #22543D;
}


.b-yellow-100-f-md:focus{
	border-color: #FFFFF0;
}

.b-yellow-200-f-md:focus{
	border-color: #FEFCBF;
}

.b-yellow-300-f-md:focus{
	border-color: #FAF089;
}

.b-yellow-400-f-md:focus{
	border-color: #F6E05E;
}

.b-yellow-500-f-md:focus{
	border-color: #ECC94B;
}

.b-yellow-600-f-md:focus{
	border-color: #D69E2E;
}

.b-yellow-700-f-md:focus{
	border-color: #B7791F;
}

.b-yellow-800-f-md:focus{
	border-color: #975A16;
}

.b-yellow-900-f-md:focus{
	border-color: #744210;
}



.b-orange-100-f-md:focus{
	border-color: #FFFAF0;
}

.b-orange-200-f-md:focus{
	border-color: #FEEBC8;
}

.b-orange-300-f-md:focus{
	border-color: #FBD38D;
}

.b-orange-400-f-md:focus{
	border-color: #F6AD55;
}

.b-orange-500-f-md:focus{
	border-color: #ED8936;
}

.b-orange-600-f-md:focus{
	border-color: #DD6B20;
}

.b-orange-700-f-md:focus{
	border-color: #C05621;
}

.b-orange-800-f-md:focus{
	border-color: #9C4221;
}

.b-orange-900-f-md:focus{
	border-color: #7B341E;
}



.b-red-100-f-md:focus{
	border-color: #FFF5F5;
}

.b-red-200-f-md:focus{
	border-color: #FED7D7;
}

.b-red-300-f-md:focus{
	border-color: #FEB2B2;
}

.b-red-400-f-md:focus{
	border-color: #FC8181;
}

.b-red-500-f-md:focus{
	border-color: #F56565;
}

.b-red-600-f-md:focus{
	border-color: #E53E3E;
}

.b-red-700-f-md:focus{
	border-color: #C53030;
}

.b-red-800-f-md:focus{
	border-color: #9B2C2C;
}

.b-red-900-f-md:focus{
	border-color: #742A2A;
}



.b-gray-100-f-md:focus{
	border-color: #F7FAFC;
}

.b-gray-200-f-md:focus{
	border-color: #EDF2F7;
}

.b-gray-300-f-md:focus{
	border-color: #E2E8F0;
}

.b-gray-400-f-md:focus{
	border-color: #CBD5E0;
}

.b-gray-500-f-md:focus{
	border-color: #A0AEC0;
}

.b-gray-600-f-md:focus{
	border-color: #718096;
}

.b-gray-700-f-md:focus{
	border-color: #4A5568;
}

.b-gray-800-f-md:focus{
	border-color: #2D3748;
}

.b-gray-900-f-md:focus{
	border-color: #1A202C;
}


.b-black-f-md:focus{
	border-color: #000000;
}

.b-white-f-md:focus{
	border-color: #FFFFFF;
}



.text-black-a-md:active{
	color: #000000;
}

.text-black-h-md:hover{
	color: #000000;
}


.text-white-h-md:hover{
	color: #FFFFFF;
}


.text-white-a-md:active{
	color: #000000;
}



.round-full-md{
	border-radius: 1000px;
}

.round-xs-md{
	border-radius: 2px;
}

.round-sm-md{
	border-radius: 4px;
}

.round-lg-md{
	border-radius: 8px;
}

.round-xl-md{
	border-radius: 12px;
}

.round-xxl-md{
	border-radius: 16px;
}

.bg-light-MD-xxl{
	color: #e6e6e6;
}

.circle-md{
	border-radius: 50%;
}

.round-none-md{
	border-radius: 0;
}

.bg-light-MD-md{
	color: #e6e6e6;
}


.round-b-xs-md{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-md{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-md{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-md{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-md{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-md{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-md{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-md{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-md{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-md{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-md{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-md{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-md{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-md{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-md{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.round-full-h-md:hover{
	border-radius: 1000px;
}

.round-xs-h-md:hover{
	border-radius: 2px;
}

.round-sm-h-md:hover{
	border-radius: 4px;
}

.round-lg-h-md:hover{
	border-radius: 8px;
}

.round-xl-h-md:hover{
	border-radius: 12px;
}

.round-xxl-h-md:hover{
	border-radius: 16px;
}

.circle-h-md:hover{
	border-radius: 50%;
}

.round-none-h-md:hover{
	border-radius: 0;
}


.round-b-xs-h-md:hover{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-h-md:hover{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-h-md:hover{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-h-md:hover{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-h-md:hover{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-h-md:hover{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-h-md:hover{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-h-md:hover{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-h-md:hover{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-h-md:hover{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-h-md:hover{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-h-md:hover{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-h-md:hover{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-h-md:hover{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-h-md:hover{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}


.round-full-a-md:active{
	border-radius: 1000px;
}

.round-xs-a-md:active{
	border-radius: 2px;
}

.round-sm-a-md:active{
	border-radius: 4px;
}

.round-lg-a-md:active{
	border-radius: 8px;
}

.round-xl-a-md:active{
	border-radius: 12px;
}

.round-xxl-a-md:active{
	border-radius: 16px;
}

.circle-a-md:active{
	border-radius: 50%;
}

.round-none-a-md:active{
	border-radius: 0;
}


.round-b-xs-a-md:active{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-a-md:active{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-a-md:active{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-a-md:active{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-a-md:active{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-a-md:active{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-a-md:active{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-a-md:active{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-a-md:active{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-a-md:active{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-a-md:active{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-a-md:active{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-a-md:active{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-a-md:active{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-a-md:active{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}













/* FILL FOR SVG COLORING */


.fill-purple-100-md{
	fill: #FAF5FF;
}

.fill-purple-200-md{
	fill: #E9D8FD;
}

.fill-purple-300-md{
	fill: #D6BCFA;
}

.fill-purple-400-md{
	fill: #B794F4;
}

.fill-purple-500-md{
	fill: #9F7AEA;
}

.fill-purple-600-md{
	fill: #805AD5;
}

.fill-purple-700-md{
	fill: #6B46C1;
}

.fill-purple-800-md{
	fill: #553C9A;
}

.fill-purple-900-md{
	fill: #44337A;
}




.fill-blue-100-md{
	fill: #EBF8FF;
}

.fill-blue-200-md{
	fill: #BEE3F8;
}

.fill-blue-300-md{
	fill: #90CDF4;
}

.fill-blue-400-md{
	fill: #63B3ED;
}

.fill-blue-500-md{
	fill: #4299E1;
}

.fill-blue-600-md{
	fill: #3182CE;
}

.fill-blue-700-md{
	fill: #2B6CB0;
}

.fill-blue-800-md{
	fill: #2C5282;
}

.fill-blue-900-md{
	fill: #2A4365;
}


.fill-teal-100-md{
	fill: #E6FFFA;
}

.fill-teal-200-md{
	fill: #B2F5EA;
}

.fill-teal-300-md{
	fill: #81E6D9;
}

.fill-teal-400-md{
	fill: #4FD1C5;
}

.fill-teal-500-md{
	fill: #38B2AC;
}

.fill-teal-600-md{
	fill: #319795;
}

.fill-teal-700-md{
	fill: #2C7A7B;
}

.fill-teal-800-md{
	fill: #285E61;
}

.fill-teal-900-md{
	fill: #234E52;
}

.fill-teal-1000-md{
	fill: #004d40;
}


.fill-pink-100-md{
	fill: #FFF5F7;
}
.fill-pink-200-md{
	fill: #FED7E2;
}

.fill-pink-300-md{
	fill: #FBB6CE;
}

.fill-pink-400-md{
	fill: #F687B3;
}

.fill-pink-500-md{
	fill: #ED64A6;
}

.fill-pink-600-md{
	fill: #D53F8C;
}

.fill-pink-700-md{
	fill: #B83280;
}

.fill-pink-800-md{
	fill: #97266D;
}

.fill-pink-900-md{
	fill: #702459;
}



.fill-indigo-100-md{
	fill: #EBF4FF;
}
.fill-indigo-200-md{
	fill: #C3DAFE;
}
.fill-indigo-300-md{
	fill: #A3BFFA;
}
.fill-indigo-400-md{
	fill: #7F9CF5;
}
.fill-indigo-500-md{
	fill: #667EEA;
}
.fill-indigo-600-md{
	fill: #5A67D8;
}
.fill-indigo-700-md{
	fill: #4C51BF;
}
.fill-indigo-800-md{
	fill: #434190;
}
.fill-indigo-900-md{	
	fill: #3C366B;
}


.fill-green-100-md{
	fill: #F0FFF4;
}

.fill-green-200-md{
	fill: #C6F6D5;
}

.fill-green-300-md{
	fill: #9AE6B4;
}

.fill-green-400-md{
	fill: #68D391;
}

.fill-green-500-md{
	fill: #48BB78;
}

.fill-green-600-md{
	fill: #38A169;
}

.fill-green-700-md{
	fill: #2F855A;
}

.fill-green-800-md{
	fill: #276749;
}

.fill-green-900-md{
	fill: #22543D;
}

.fill-green-1000-md{
	fill: #33691e;
}


.fill-yellow-100-md{
	fill: #FFFFF0;
}

.fill-yellow-200-md{
	fill: #FEFCBF;
}

.fill-yellow-300-md{
	fill: #FAF089;
}

.fill-yellow-400-md{
	fill: #F6E05E;
}

.fill-yellow-500-md{
	fill: #ECC94B;
}

.fill-yellow-600-md{
	fill: #D69E2E;
}

.fill-yellow-700-md{
	fill: #B7791F;
}

.fill-yellow-800-md{
	fill: #975A16;
}

.fill-yellow-900-md{
	fill: #744210;
}



.fill-orange-100-md{
	fill: #FFFAF0;
}

.fill-orange-200-md{
	fill: #FEEBC8;
}

.fill-orange-300-md{
	fill: #FBD38D;
}

.fill-orange-400-md{
	fill: #F6AD55;
}

.fill-orange-500-md{
	fill: #ED8936;
}

.fill-orange-600-md{
	fill: #DD6B20;
}

.fill-orange-700-md{
	fill: #C05621;
}

.fill-orange-800-md{
	fill: #9C4221;
}

.fill-orange-900-md{
	fill: #7B341E;
}



.fill-red-100-md{
	fill: #FFF5F5;
}

.fill-red-200-md{
	fill: #FED7D7;
}

.fill-red-300-md{
	fill: #FEB2B2;
}

.fill-red-400-md{
	fill: #FC8181;
}

.fill-red-500-md{
	fill: #F56565;
}

.fill-red-600-md{
	fill: #E53E3E;
}

.fill-red-700-md{
	fill: #C53030;
}

.fill-red-800-md{
	fill: #9B2C2C;
}

.fill-red-900-md{
	fill: #742A2A;
}



.fill-gray-100-md{
	fill: #F7FAFC;
}

.fill-gray-200-md{
	fill: #EDF2F7;
}

.fill-gray-300-md{
	fill: #E2E8F0;
}

.fill-gray-400-md{
	fill: #CBD5E0;
}

.fill-gray-500-md{
	fill: #A0AEC0;
}

.fill-gray-600-md{
	fill: #718096;
}

.fill-gray-700-md{
	fill: #4A5568;
}

.fill-gray-800-md{
	fill: #2D3748;
}

.fill-gray-900-md{
	fill: #1A202C;
}

.fill-transparent-md{
	fill: transparent;
}

.fill-black-md{
	fill: #000000;
}

.fill-white-md{
	fill: #FFFFFF;
}


.fill-purple-100-a-md:active{
	fill: #FAF5FF;
}

.fill-purple-200-a-md:active{
	fill: #E9D8FD;
}

.fill-purple-300-a-md:active{
	fill: #D6BCFA;
}

.fill-purple-400-a-md:active{
	fill: #B794F4;
}

.fill-purple-500-a-md:active{
	fill: #9F7AEA;
}

.fill-purple-600-a-md:active{
	fill: #805AD5;
}

.fill-purple-700-a-md:active{
	fill: #6B46C1;
}

.fill-purple-800-a-md:active{
	fill: #553C9A;
}

.fill-purple-900-a-md:active{
	fill: #44337A;
}




.fill-blue-100-a-md:active{
	fill: #EBF8FF;
}

.fill-blue-200-a-md:active{
	fill: #BEE3F8;
}

.fill-blue-300-a-md:active{
	fill: #90CDF4;
}

.fill-blue-400-a-md:active{
	fill: #63B3ED;
}

.fill-blue-500-a-md:active{
	fill: #4299E1;
}

.fill-blue-600-a-md:active{
	fill: #3182CE;
}

.fill-blue-700-a-md:active{
	fill: #2B6CB0;
}

.fill-blue-800-a-md:active{
	fill: #2C5282;
}

.fill-blue-900-a-md:active{
	fill: #2A4365;
}


.fill-teal-100-a-md:active{
	fill: #E6FFFA;
}

.fill-teal-200-a-md:active{
	fill: #B2F5EA;
}

.fill-teal-300-a-md:active{
	fill: #81E6D9;
}

.fill-teal-400-a-md:active{
	fill: #4FD1C5;
}

.fill-teal-500-a-md:active{
	fill: #38B2AC;
}

.fill-teal-600-a-md:active{
	fill: #319795;
}

.fill-teal-700-a-md:active{
	fill: #2C7A7B;
}

.fill-teal-800-a-md:active{
	fill: #285E61;
}

.fill-teal-900-a-md:active{
	fill: #234E52;
}



.fill-pink-100-a-md:active{
	fill: #FFF5F7;
}
.fill-pink-200-a-md:active{
	fill: #FED7E2;
}

.fill-pink-300-a-md:active{
	fill: #FBB6CE;
}

.fill-pink-400-a-md:active{
	fill: #F687B3;
}

.fill-pink-500-a-md:active{
	fill: #ED64A6;
}

.fill-pink-600-a-md:active{
	fill: #D53F8C;
}

.fill-pink-700-a-md:active{
	fill: #B83280;
}

.fill-pink-800-a-md:active{
	fill: #97266D;
}

.fill-pink-900-a-md:active{
	fill: #702459;
}



.fill-indigo-100-a-md:active{
	fill: #EBF4FF;
}
.fill-indigo-200-a-md:active{
	fill: #C3DAFE;
}
.fill-indigo-300-a-md:active{
	fill: #A3BFFA;
}
.fill-indigo-400-a-md:active{
	fill: #7F9CF5;
}
.fill-indigo-500-a-md:active{
	fill: #667EEA;
}
.fill-indigo-600-a-md:active{
	fill: #5A67D8;
}
.fill-indigo-700-a-md:active{
	fill: #4C51BF;
}
.fill-indigo-800-a-md:active{
	fill: #434190;
}
.fill-indigo-900-a-md:active{	
	fill: #3C366B;
}


.fill-green-100-a-md:active{
	fill: #F0FFF4;
}

.fill-green-200-a-md:active{
	fill: #C6F6D5;
}

.fill-green-300-a-md:active{
	fill: #9AE6B4;
}

.fill-green-400-a-md:active{
	fill: #68D391;
}

.fill-green-500-a-md:active{
	fill: #48BB78;
}

.fill-green-600-a-md:active{
	fill: #38A169;
}

.fill-green-700-a-md:active{
	fill: #2F855A;
}

.fill-green-800-a-md:active{
	fill: #276749;
}

.fill-green-900-a-md:active{
	fill: #22543D;
}


.fill-yellow-100-a-md:active{
	fill: #FFFFF0;
}

.fill-yellow-200-a-md:active{
	fill: #FEFCBF;
}

.fill-yellow-300-a-md:active{
	fill: #FAF089;
}

.fill-yellow-400-a-md:active{
	fill: #F6E05E;
}

.fill-yellow-500-a-md:active{
	fill: #ECC94B;
}

.fill-yellow-600-a-md:active{
	fill: #D69E2E;
}

.fill-yellow-700-a-md:active{
	fill: #B7791F;
}

.fill-yellow-800-a-md:active{
	fill: #975A16;
}

.fill-yellow-900-a-md:active{
	fill: #744210;
}



.fill-orange-100-a-md:active{
	fill: #FFFAF0;
}

.fill-orange-200-a-md:active{
	fill: #FEEBC8;
}

.fill-orange-300-a-md:active{
	fill: #FBD38D;
}

.fill-orange-400-a-md:active{
	fill: #F6AD55;
}

.fill-orange-500-a-md:active{
	fill: #ED8936;
}

.fill-orange-600-a-md:active{
	fill: #DD6B20;
}

.fill-orange-700-a-md:active{
	fill: #C05621;
}

.fill-orange-800-a-md:active{
	fill: #9C4221;
}

.fill-orange-900-a-md:active{
	fill: #7B341E;
}



.fill-red-100-a-md:active{
	fill: #FFF5F5;
}

.fill-red-200-a-md:active{
	fill: #FED7D7;
}

.fill-red-300-a-md:active{
	fill: #FEB2B2;
}

.fill-red-400-a-md:active{
	fill: #FC8181;
}

.fill-red-500-a-md:active{
	fill: #F56565;
}

.fill-red-600-a-md:active{
	fill: #E53E3E;
}

.fill-red-700-a-md:active{
	fill: #C53030;
}

.fill-red-800-a-md:active{
	fill: #9B2C2C;
}

.fill-red-900-a-md:active{
	fill: #742A2A;
}



.fill-gray-100-a-md:active{
	fill: #F7FAFC;
}

.fill-gray-200-a-md:active{
	fill: #EDF2F7;
}

.fill-gray-300-a-md:active{
	fill: #E2E8F0;
}

.fill-gray-400-a-md:active{
	fill: #CBD5E0;
}

.fill-gray-500-a-md:active{
	fill: #A0AEC0;
}

.fill-gray-600-a-md:active{
	fill: #718096;
}

.fill-gray-700-a-md:active{
	fill: #4A5568;
}

.fill-gray-800-a-md:active{
	fill: #2D3748;
}

.fill-gray-900-a-md:active{
	fill: #1A202C;
}

.fill-transparent-a-md:active{
	fill: transparent;
}

.fill-black-a-md:active{
	fill: #000000;
}

.fill-white-a-md:active{
	fill: #FFFFFF;
}

.fill-purple-100-h-md:hover{
	fill: #FAF5FF;
}

.fill-purple-200-h-md:hover{
	fill: #E9D8FD;
}

.fill-purple-300-h-md:hover{
	fill: #D6BCFA;
}

.fill-purple-400-h-md:hover{
	fill: #B794F4;
}

.fill-purple-500-h-md:hover{
	fill: #9F7AEA;
}

.fill-purple-600-h-md:hover{
	fill: #805AD5;
}

.fill-purple-700-h-md:hover{
	fill: #6B46C1;
}

.fill-purple-800-h-md:hover{
	fill: #553C9A;
}

.fill-purple-900-h-md:hover{
	fill: #44337A;
}




.fill-blue-100-h-md:hover{
	fill: #EBF8FF;
}

.fill-blue-200-h-md:hover{
	fill: #BEE3F8;
}

.fill-blue-300-h-md:hover{
	fill: #90CDF4;
}

.fill-blue-400-h-md:hover{
	fill: #63B3ED;
}

.fill-blue-500-h-md:hover{
	fill: #4299E1;
}

.fill-blue-600-h-md:hover{
	fill: #3182CE;
}

.fill-blue-700-h-md:hover{
	fill: #2B6CB0;
}

.fill-blue-800-h-md:hover{
	fill: #2C5282;
}

.fill-blue-900-h-md:hover{
	fill: #2A4365;
}


.fill-teal-100-h-md:hover{
	fill: #E6FFFA;
}

.fill-teal-200-h-md:hover{
	fill: #B2F5EA;
}

.fill-teal-300-h-md:hover{
	fill: #81E6D9;
}

.fill-teal-400-h-md:hover{
	fill: #4FD1C5;
}

.fill-teal-500-h-md:hover{
	fill: #38B2AC;
}

.fill-teal-600-h-md:hover{
	fill: #319795;
}

.fill-teal-700-h-md:hover{
	fill: #2C7A7B;
}

.fill-teal-800-h-md:hover{
	fill: #285E61;
}

.fill-teal-900-h-md:hover{
	fill: #234E52;
}



.fill-pink-100-h-md:hover{
	fill: #FFF5F7;
}
.fill-pink-200-h-md:hover{
	fill: #FED7E2;
}

.fill-pink-300-h-md:hover{
	fill: #FBB6CE;
}

.fill-pink-400-h-md:hover{
	fill: #F687B3;
}

.fill-pink-500-h-md:hover{
	fill: #ED64A6;
}

.fill-pink-600-h-md:hover{
	fill: #D53F8C;
}

.fill-pink-700-h-md:hover{
	fill: #B83280;
}

.fill-pink-800-h-md:hover{
	fill: #97266D;
}

.fill-pink-900-h-md:hover{
	fill: #702459;
}



.fill-indigo-100-h-md:hover{
	fill: #EBF4FF;
}
.fill-indigo-200-h-md:hover{
	fill: #C3DAFE;
}
.fill-indigo-300-h-md:hover{
	fill: #A3BFFA;
}
.fill-indigo-400-h-md:hover{
	fill: #7F9CF5;
}
.fill-indigo-500-h-md:hover{
	fill: #667EEA;
}
.fill-indigo-600-h-md:hover{
	fill: #5A67D8;
}
.fill-indigo-700-h-md:hover{
	fill: #4C51BF;
}
.fill-indigo-800-h-md:hover{
	fill: #434190;
}
.fill-indigo-900-h-md:hover{	
	fill: #3C366B;
}


.fill-green-100-h-md:hover{
	fill: #F0FFF4;
}

.fill-green-200-h-md:hover{
	fill: #C6F6D5;
}

.fill-green-300-h-md:hover{
	fill: #9AE6B4;
}

.fill-green-400-h-md:hover{
	fill: #68D391;
}

.fill-green-500-h-md:hover{
	fill: #48BB78;
}

.fill-green-600-h-md:hover{
	fill: #38A169;
}

.fill-green-700-h-md:hover{
	fill: #2F855A;
}

.fill-green-800-h-md:hover{
	fill: #276749;
}

.fill-green-900-h-md:hover{
	fill: #22543D;
}


.fill-yellow-100-h-md:hover{
	fill: #FFFFF0;
}

.fill-yellow-200-h-md:hover{
	fill: #FEFCBF;
}

.fill-yellow-300-h-md:hover{
	fill: #FAF089;
}

.fill-yellow-400-h-md:hover{
	fill: #F6E05E;
}

.fill-yellow-500-h-md:hover{
	fill: #ECC94B;
}

.fill-yellow-600-h-md:hover{
	fill: #D69E2E;
}

.fill-yellow-700-h-md:hover{
	fill: #B7791F;
}

.fill-yellow-800-h-md:hover{
	fill: #975A16;
}

.fill-yellow-900-h-md:hover{
	fill: #744210;
}



.fill-orange-100-h-md:hover{
	fill: #FFFAF0;
}

.fill-orange-200-h-md:hover{
	fill: #FEEBC8;
}

.fill-orange-300-h-md:hover{
	fill: #FBD38D;
}

.fill-orange-400-h-md:hover{
	fill: #F6AD55;
}

.fill-orange-500-h-md:hover{
	fill: #ED8936;
}

.fill-orange-600-h-md:hover{
	fill: #DD6B20;
}

.fill-orange-700-h-md:hover{
	fill: #C05621;
}

.fill-orange-800-h-md:hover{
	fill: #9C4221;
}

.fill-orange-900-h-md:hover{
	fill: #7B341E;
}



.fill-red-100-h-md:hover{
	fill: #FFF5F5;
}

.fill-red-200-h-md:hover{
	fill: #FED7D7;
}

.fill-red-300-h-md:hover{
	fill: #FEB2B2;
}

.fill-red-400-h-md:hover{
	fill: #FC8181;
}

.fill-red-500-h-md:hover{
	fill: #F56565;
}

.fill-red-600-h-md:hover{
	fill: #E53E3E;
}

.fill-red-700-h-md:hover{
	fill: #C53030;
}

.fill-red-800-h-md:hover{
	fill: #9B2C2C;
}

.fill-red-900-h-md:hover{
	fill: #742A2A;
}



.fill-gray-100-h-md:hover{
	fill: #F7FAFC;
}

.fill-gray-200-h-md:hover{
	fill: #EDF2F7;
}

.fill-gray-300-h-md:hover{
	fill: #E2E8F0;
}

.fill-gray-400-h-md:hover{
	fill: #CBD5E0;
}

.fill-gray-500-h-md:hover{
	fill: #A0AEC0;
}

.fill-gray-600-h-md:hover{
	fill: #718096;
}

.fill-gray-700-h-md:hover{
	fill: #4A5568;
}

.fill-gray-800-h-md:hover{
	fill: #2D3748;
}

.fill-gray-900-h-md:hover{
	fill: #1A202C;
}

.fill-transparent-h-md:hover{
	fill: transparent;
}

.fill-black-h-md:hover{
	fill: #000000;
}

.fill-white-h-md:hover{
	fill: #FFFFFF;
}

/* ======================================= FILL ==================================== */



/* COLORS  */
/* =============================== COLORS =================================================== */

.bg-purple-100-md{
	background-color: #FAF5FF;
}

.bg-purple-200-md{
	background-color: #E9D8FD;
}

.bg-purple-300-md{
	background-color: #D6BCFA;
}

.bg-purple-400-md{
	background-color: #B794F4;
}

.bg-purple-500-md{
	background-color: #9F7AEA;
}

.bg-purple-600-md{
	background-color: #805AD5;
}

.bg-purple-700-md{
	background-color: #6B46C1;
}

.bg-purple-800-md{
	background-color: #553C9A;
}

.bg-purple-900-md{
	background-color: #44337A;
}




.bg-blue-100-md{
	background-color: #EBF8FF;
}

.bg-blue-200-md{
	background-color: #BEE3F8;
}

.bg-blue-300-md{
	background-color: #90CDF4;
}

.bg-blue-400-md{
	background-color: #63B3ED;
}

.bg-blue-500-md{
	background-color: #4299E1;
}

.bg-blue-600-md{
	background-color: #3182CE;
}

.bg-blue-700-md{
	background-color: #2B6CB0;
}

.bg-blue-800-md{
	background-color: #2C5282;
}

.bg-blue-900-md{
	background-color: #2A4365;
}


.bg-teal-100-md{
	background-color: #E6FFFA;
}

.bg-teal-200-md{
	background-color: #B2F5EA;
}

.bg-teal-300-md{
	background-color: #81E6D9;
}

.bg-teal-400-md{
	background-color: #4FD1C5;
}

.bg-teal-500-md{
	background-color: #38B2AC;
}

.bg-teal-600-md{
	background-color: #319795;
}

.bg-teal-700-md{
	background-color: #2C7A7B;
}

.bg-teal-800-md{
	background-color: #285E61;
}

.bg-teal-900-md{
	background-color: #234E52;
}

.bg-teal-1000-md{
	background-color: #004d40;
}


.bg-pink-100-md{
	background-color: #FFF5F7;
}
.bg-pink-200-md{
	background-color: #FED7E2;
}

.bg-pink-300-md{
	background-color: #FBB6CE;
}

.bg-pink-400-md{
	background-color: #F687B3;
}

.bg-pink-500-md{
	background-color: #ED64A6;
}

.bg-pink-600-md{
	background-color: #D53F8C;
}

.bg-pink-700-md{
	background-color: #B83280;
}

.bg-pink-800-md{
	background-color: #97266D;
}

.bg-pink-900-md{
	background-color: #702459;
}



.bg-indigo-100-md{
	background-color: #EBF4FF;
}
.bg-indigo-200-md{
	background-color: #C3DAFE;
}
.bg-indigo-300-md{
	background-color: #A3BFFA;
}
.bg-indigo-400-md{
	background-color: #7F9CF5;
}
.bg-indigo-500-md{
	background-color: #667EEA;
}
.bg-indigo-600-md{
	background-color: #5A67D8;
}
.bg-indigo-700-md{
	background-color: #4C51BF;
}
.bg-indigo-800-md{
	background-color: #434190;
}
.bg-indigo-900-md{	
	background-color: #3C366B;
}


.bg-green-100-md{
	background-color: #F0FFF4;
}

.bg-green-200-md{
	background-color: #C6F6D5;
}

.bg-green-300-md{
	background-color: #9AE6B4;
}

.bg-green-400-md{
	background-color: #68D391;
}

.bg-green-500-md{
	background-color: #48BB78;
}

.bg-green-600-md{
	background-color: #38A169;
}

.bg-green-700-md{
	background-color: #2F855A;
}

.bg-green-800-md{
	background-color: #276749;
}

.bg-green-900-md{
	background-color: #22543D;
}

.bg-green-1000-md{
	background-color: #33691e;
}


.bg-yellow-100-md{
	background-color: #FFFFF0;
}

.bg-yellow-200-md{
	background-color: #FEFCBF;
}

.bg-yellow-300-md{
	background-color: #FAF089;
}

.bg-yellow-400-md{
	background-color: #F6E05E;
}

.bg-yellow-500-md{
	background-color: #ECC94B;
}

.bg-yellow-600-md{
	background-color: #D69E2E;
}

.bg-yellow-700-md{
	background-color: #B7791F;
}

.bg-yellow-800-md{
	background-color: #975A16;
}

.bg-yellow-900-md{
	background-color: #744210;
}



.bg-orange-100-md{
	background-color: #FFFAF0;
}

.bg-MD-dark-md{
	background-color: #121212;
}

.bg-orange-200-md{
	background-color: #FEEBC8;
}

.bg-orange-300-md{
	background-color: #FBD38D;
}

.bg-orange-400-md{
	background-color: #F6AD55;
}

.bg-orange-500-md{
	background-color: #ED8936;
}

.bg-orange-600-md{
	background-color: #DD6B20;
}

.bg-orange-700-md{
	background-color: #C05621;
}

.bg-orange-800-md{
	background-color: #9C4221;
}

.bg-orange-900-md{
	background-color: #7B341E;
}



.bg-red-100-md{
	background-color: #FFF5F5;
}

.bg-red-200-md{
	background-color: #FED7D7;
}

.bg-red-300-md{
	background-color: #FEB2B2;
}

.bg-red-400-md{
	background-color: #FC8181;
}

.bg-red-500-md{
	background-color: #F56565;
}

.bg-red-600-md{
	background-color: #E53E3E;
}

.bg-red-700-md{
	background-color: #C53030;
}

.bg-red-800-md{
	background-color: #9B2C2C;
}

.bg-red-900-md{
	background-color: #742A2A;
}



.bg-gray-100-md{
	background-color: #F7FAFC;
}

.bg-gray-200-md{
	background-color: #EDF2F7;
}

.bg-gray-300-md{
	background-color: #E2E8F0;
}

.bg-gray-400-md{
	background-color: #CBD5E0;
}

.bg-gray-500-md{
	background-color: #A0AEC0;
}

.bg-gray-600-md{
	background-color: #718096;
}

.bg-gray-700-md{
	background-color: #4A5568;
}

.bg-gray-800-md{
	background-color: #2D3748;
}

.bg-gray-900-md{
	background-color: #1A202C;
}

.bg-transparent-md{
	background-color: transparent;
}

.bg-black-md{
	background-color: #000000;
}

.bg-white-md{
	background-color: #FFFFFF;
}

.bg-purple-100-f-md:focus{
	background-color: #FAF5FF;
}

.bg-purple-200-f-md:focus{
	background-color: #E9D8FD;
}

.bg-purple-300-f-md:focus{
	background-color: #D6BCFA;
}

.bg-purple-400-f-md:focus{
	background-color: #B794F4;
}

.bg-purple-500-f-md:focus{
	background-color: #9F7AEA;
}

.bg-purple-600-f-md:focus{
	background-color: #805AD5;
}

.bg-purple-700-f-md:focus{
	background-color: #6B46C1;
}

.bg-purple-800-f-md:focus{
	background-color: #553C9A;
}

.bg-purple-900-f-md:focus{
	background-color: #44337A;
}




.bg-blue-100-f-md:focus{
	background-color: #EBF8FF;
}

.bg-blue-200-f-md:focus{
	background-color: #BEE3F8;
}

.bg-blue-300-f-md:focus{
	background-color: #90CDF4;
}

.bg-blue-400-f-md:focus{
	background-color: #63B3ED;
}

.bg-blue-500-f-md:focus{
	background-color: #4299E1;
}

.bg-blue-600-f-md:focus{
	background-color: #3182CE;
}

.bg-blue-700-f-md:focus{
	background-color: #2B6CB0;
}

.bg-blue-800-f-md:focus{
	background-color: #2C5282;
}

.bg-blue-900-f-md:focus{
	background-color: #2A4365;
}


.bg-teal-100-f-md:focus{
	background-color: #E6FFFA;
}

.bg-teal-200-f-md:focus{
	background-color: #B2F5EA;
}

.bg-teal-300-f-md:focus{
	background-color: #81E6D9;
}

.bg-teal-400-f-md:focus{
	background-color: #4FD1C5;
}

.bg-teal-500-f-md:focus{
	background-color: #38B2AC;
}

.bg-teal-600-f-md:focus{
	background-color: #319795;
}

.bg-teal-700-f-md:focus{
	background-color: #2C7A7B;
}

.bg-teal-800-f-md:focus{
	background-color: #285E61;
}

.bg-teal-900-f-md:focus{
	background-color: #234E52;
}

.bg-teal-1000-f-md:focus{
	background-color: #004d40;
}


.bg-pink-100-f-md:focus{
	background-color: #FFF5F7;
}
.bg-pink-200-f-md:focus{
	background-color: #FED7E2;
}

.bg-pink-300-f-md:focus{
	background-color: #FBB6CE;
}

.bg-pink-400-f-md:focus{
	background-color: #F687B3;
}

.bg-pink-500-f-md:focus{
	background-color: #ED64A6;
}

.bg-pink-600-f-md:focus{
	background-color: #D53F8C;
}

.bg-pink-700-f-md:focus{
	background-color: #B83280;
}

.bg-pink-800-f-md:focus{
	background-color: #97266D;
}

.bg-pink-900-f-md:focus{
	background-color: #702459;
}



.bg-indigo-100-f-md:focus{
	background-color: #EBF4FF;
}
.bg-indigo-200-f-md:focus{
	background-color: #C3DAFE;
}
.bg-indigo-300-f-md:focus{
	background-color: #A3BFFA;
}
.bg-indigo-400-f-md:focus{
	background-color: #7F9CF5;
}
.bg-indigo-500-f-md:focus{
	background-color: #667EEA;
}
.bg-indigo-600-f-md:focus{
	background-color: #5A67D8;
}
.bg-indigo-700-f-md:focus{
	background-color: #4C51BF;
}
.bg-indigo-800-f-md:focus{
	background-color: #434190;
}
.bg-indigo-900-f-md:focus{	
	background-color: #3C366B;
}


.bg-green-100-f-md:focus{
	background-color: #F0FFF4;
}

.bg-green-200-f-md:focus{
	background-color: #C6F6D5;
}

.bg-green-300-f-md:focus{
	background-color: #9AE6B4;
}

.bg-green-400-f-md:focus{
	background-color: #68D391;
}

.bg-green-500-f-md:focus{
	background-color: #48BB78;
}

.bg-green-600-f-md:focus{
	background-color: #38A169;
}

.bg-green-700-f-md:focus{
	background-color: #2F855A;
}

.bg-green-800-f-md:focus{
	background-color: #276749;
}

.bg-green-900-f-md:focus{
	background-color: #22543D;
}

.bg-green-1000-f-md:focus{
	background-color: #33691e;
}


.bg-yellow-100-f-md:focus{
	background-color: #FFFFF0;
}

.bg-yellow-200-f-md:focus{
	background-color: #FEFCBF;
}

.bg-yellow-300-f-md:focus{
	background-color: #FAF089;
}

.bg-yellow-400-f-md:focus{
	background-color: #F6E05E;
}

.bg-yellow-500-f-md:focus{
	background-color: #ECC94B;
}

.bg-yellow-600-f-md:focus{
	background-color: #D69E2E;
}

.bg-yellow-700-f-md:focus{
	background-color: #B7791F;
}

.bg-yellow-800-f-md:focus{
	background-color: #975A16;
}

.bg-yellow-900-f-md:focus{
	background-color: #744210;
}



.bg-orange-100-f-md:focus{
	background-color: #FFFAF0;
}

.bg-orange-200-f-md:focus{
	background-color: #FEEBC8;
}

.bg-orange-300-f-md:focus{
	background-color: #FBD38D;
}

.bg-orange-400-f-md:focus{
	background-color: #F6AD55;
}

.bg-orange-500-f-md:focus{
	background-color: #ED8936;
}

.bg-orange-600-f-md:focus{
	background-color: #DD6B20;
}

.bg-orange-700-f-md:focus{
	background-color: #C05621;
}

.bg-orange-800-f-md:focus{
	background-color: #9C4221;
}

.bg-orange-900-f-md:focus{
	background-color: #7B341E;
}



.bg-red-100-f-md:focus{
	background-color: #FFF5F5;
}

.bg-red-200-f-md:focus{
	background-color: #FED7D7;
}

.bg-red-300-f-md:focus{
	background-color: #FEB2B2;
}

.bg-red-400-f-md:focus{
	background-color: #FC8181;
}

.bg-red-500-f-md:focus{
	background-color: #F56565;
}

.bg-red-600-f-md:focus{
	background-color: #E53E3E;
}

.bg-red-700-f-md:focus{
	background-color: #C53030;
}

.bg-red-800-f-md:focus{
	background-color: #9B2C2C;
}

.bg-red-900-f-md:focus{
	background-color: #742A2A;
}



.bg-gray-100-f-md:focus{
	background-color: #F7FAFC;
}

.bg-gray-200-f-md:focus{
	background-color: #EDF2F7;
}

.bg-gray-300-f-md:focus{
	background-color: #E2E8F0;
}

.bg-gray-400-f-md:focus{
	background-color: #CBD5E0;
}

.bg-gray-500-f-md:focus{
	background-color: #A0AEC0;
}

.bg-gray-600-f-md:focus{
	background-color: #718096;
}

.bg-gray-700-f-md:focus{
	background-color: #4A5568;
}

.bg-gray-800-f-md:focus{
	background-color: #2D3748;
}

.bg-gray-900-f-md:focus{
	background-color: #1A202C;
}

.bg-transparent-f-md:focus{
	background-color: transparent;
}

.bg-black-f-md:focus{
	background-color: #000000;
}

.bg-white-f-md:focus{
	background-color: #FFFFFF;
}


.bg-purple-100-a-md:active{
	background-color: #FAF5FF;
}

.bg-purple-200-a-md:active{
	background-color: #E9D8FD;
}

.bg-purple-300-a-md:active{
	background-color: #D6BCFA;
}

.bg-purple-400-a-md:active{
	background-color: #B794F4;
}

.bg-purple-500-a-md:active{
	background-color: #9F7AEA;
}

.bg-purple-600-a-md:active{
	background-color: #805AD5;
}

.bg-purple-700-a-md:active{
	background-color: #6B46C1;
}

.bg-purple-800-a-md:active{
	background-color: #553C9A;
}

.bg-purple-900-a-md:active{
	background-color: #44337A;
}




.bg-blue-100-a-md:active{
	background-color: #EBF8FF;
}

.bg-blue-200-a-md:active{
	background-color: #BEE3F8;
}

.bg-blue-300-a-md:active{
	background-color: #90CDF4;
}

.bg-blue-400-a-md:active{
	background-color: #63B3ED;
}

.bg-blue-500-a-md:active{
	background-color: #4299E1;
}

.bg-blue-600-a-md:active{
	background-color: #3182CE;
}

.bg-blue-700-a-md:active{
	background-color: #2B6CB0;
}

.bg-blue-800-a-md:active{
	background-color: #2C5282;
}

.bg-blue-900-a-md:active{
	background-color: #2A4365;
}


.bg-teal-100-a-md:active{
	background-color: #E6FFFA;
}

.bg-teal-200-a-md:active{
	background-color: #B2F5EA;
}

.bg-teal-300-a-md:active{
	background-color: #81E6D9;
}

.bg-teal-400-a-md:active{
	background-color: #4FD1C5;
}

.bg-teal-500-a-md:active{
	background-color: #38B2AC;
}

.bg-teal-600-a-md:active{
	background-color: #319795;
}

.bg-teal-700-a-md:active{
	background-color: #2C7A7B;
}

.bg-teal-800-a-md:active{
	background-color: #285E61;
}

.bg-teal-900-a-md:active{
	background-color: #234E52;
}



.bg-pink-100-a-md:active{
	background-color: #FFF5F7;
}
.bg-pink-200-a-md:active{
	background-color: #FED7E2;
}

.bg-pink-300-a-md:active{
	background-color: #FBB6CE;
}

.bg-pink-400-a-md:active{
	background-color: #F687B3;
}

.bg-pink-500-a-md:active{
	background-color: #ED64A6;
}

.bg-pink-600-a-md:active{
	background-color: #D53F8C;
}

.bg-pink-700-a-md:active{
	background-color: #B83280;
}

.bg-pink-800-a-md:active{
	background-color: #97266D;
}

.bg-pink-900-a-md:active{
	background-color: #702459;
}



.bg-indigo-100-a-md:active{
	background-color: #EBF4FF;
}
.bg-indigo-200-a-md:active{
	background-color: #C3DAFE;
}
.bg-indigo-300-a-md:active{
	background-color: #A3BFFA;
}
.bg-indigo-400-a-md:active{
	background-color: #7F9CF5;
}
.bg-indigo-500-a-md:active{
	background-color: #667EEA;
}
.bg-indigo-600-a-md:active{
	background-color: #5A67D8;
}
.bg-indigo-700-a-md:active{
	background-color: #4C51BF;
}
.bg-indigo-800-a-md:active{
	background-color: #434190;
}
.bg-indigo-900-a-md:active{	
	background-color: #3C366B;
}


.bg-green-100-a-md:active{
	background-color: #F0FFF4;
}

.bg-green-200-a-md:active{
	background-color: #C6F6D5;
}

.bg-green-300-a-md:active{
	background-color: #9AE6B4;
}

.bg-green-400-a-md:active{
	background-color: #68D391;
}

.bg-green-500-a-md:active{
	background-color: #48BB78;
}

.bg-green-600-a-md:active{
	background-color: #38A169;
}

.bg-green-700-a-md:active{
	background-color: #2F855A;
}

.bg-green-800-a-md:active{
	background-color: #276749;
}

.bg-green-900-a-md:active{
	background-color: #22543D;
}


.bg-yellow-100-a-md:active{
	background-color: #FFFFF0;
}

.bg-yellow-200-a-md:active{
	background-color: #FEFCBF;
}

.bg-yellow-300-a-md:active{
	background-color: #FAF089;
}

.bg-yellow-400-a-md:active{
	background-color: #F6E05E;
}

.bg-yellow-500-a-md:active{
	background-color: #ECC94B;
}

.bg-yellow-600-a-md:active{
	background-color: #D69E2E;
}

.bg-yellow-700-a-md:active{
	background-color: #B7791F;
}

.bg-yellow-800-a-md:active{
	background-color: #975A16;
}

.bg-yellow-900-a-md:active{
	background-color: #744210;
}



.bg-orange-100-a-md:active{
	background-color: #FFFAF0;
}

.bg-orange-200-a-md:active{
	background-color: #FEEBC8;
}

.bg-orange-300-a-md:active{
	background-color: #FBD38D;
}

.bg-orange-400-a-md:active{
	background-color: #F6AD55;
}

.bg-orange-500-a-md:active{
	background-color: #ED8936;
}

.bg-orange-600-a-md:active{
	background-color: #DD6B20;
}

.bg-orange-700-a-md:active{
	background-color: #C05621;
}

.bg-orange-800-a-md:active{
	background-color: #9C4221;
}

.bg-orange-900-a-md:active{
	background-color: #7B341E;
}



.bg-red-100-a-md:active{
	background-color: #FFF5F5;
}

.bg-red-200-a-md:active{
	background-color: #FED7D7;
}

.bg-red-300-a-md:active{
	background-color: #FEB2B2;
}

.bg-red-400-a-md:active{
	background-color: #FC8181;
}

.bg-red-500-a-md:active{
	background-color: #F56565;
}

.bg-red-600-a-md:active{
	background-color: #E53E3E;
}

.bg-red-700-a-md:active{
	background-color: #C53030;
}

.bg-red-800-a-md:active{
	background-color: #9B2C2C;
}

.bg-red-900-a-md:active{
	background-color: #742A2A;
}



.bg-gray-100-a-md:active{
	background-color: #F7FAFC;
}

.bg-gray-200-a-md:active{
	background-color: #EDF2F7;
}

.bg-gray-300-a-md:active{
	background-color: #E2E8F0;
}

.bg-gray-400-a-md:active{
	background-color: #CBD5E0;
}

.bg-gray-500-a-md:active{
	background-color: #A0AEC0;
}

.bg-gray-600-a-md:active{
	background-color: #718096;
}

.bg-gray-700-a-md:active{
	background-color: #4A5568;
}

.bg-gray-800-a-md:active{
	background-color: #2D3748;
}

.bg-gray-900-a-md:active{
	background-color: #1A202C;
}

.bg-transparent-a-md:active{
	background-color: transparent;
}

.bg-black-a-md:active{
	background-color: #000000;
}

.bg-white-a-md:active{
	background-color: #FFFFFF;
}

.bg-purple-100-h-md:hover{
	background-color: #FAF5FF;
}

.bg-purple-200-h-md:hover{
	background-color: #E9D8FD;
}

.bg-purple-300-h-md:hover{
	background-color: #D6BCFA;
}

.bg-purple-400-h-md:hover{
	background-color: #B794F4;
}

.bg-purple-500-h-md:hover{
	background-color: #9F7AEA;
}

.bg-purple-600-h-md:hover{
	background-color: #805AD5;
}

.bg-purple-700-h-md:hover{
	background-color: #6B46C1;
}

.bg-purple-800-h-md:hover{
	background-color: #553C9A;
}

.bg-purple-900-h-md:hover{
	background-color: #44337A;
}




.bg-blue-100-h-md:hover{
	background-color: #EBF8FF;
}

.bg-blue-200-h-md:hover{
	background-color: #BEE3F8;
}

.bg-blue-300-h-md:hover{
	background-color: #90CDF4;
}

.bg-blue-400-h-md:hover{
	background-color: #63B3ED;
}

.bg-blue-500-h-md:hover{
	background-color: #4299E1;
}

.bg-blue-600-h-md:hover{
	background-color: #3182CE;
}

.bg-blue-700-h-md:hover{
	background-color: #2B6CB0;
}

.bg-blue-800-h-md:hover{
	background-color: #2C5282;
}

.bg-blue-900-h-md:hover{
	background-color: #2A4365;
}


.bg-teal-100-h-md:hover{
	background-color: #E6FFFA;
}

.bg-teal-200-h-md:hover{
	background-color: #B2F5EA;
}

.bg-teal-300-h-md:hover{
	background-color: #81E6D9;
}

.bg-teal-400-h-md:hover{
	background-color: #4FD1C5;
}

.bg-teal-500-h-md:hover{
	background-color: #38B2AC;
}

.bg-teal-600-h-md:hover{
	background-color: #319795;
}

.bg-teal-700-h-md:hover{
	background-color: #2C7A7B;
}

.bg-teal-800-h-md:hover{
	background-color: #285E61;
}

.bg-teal-900-h-md:hover{
	background-color: #234E52;
}



.bg-pink-100-h-md:hover{
	background-color: #FFF5F7;
}
.bg-pink-200-h-md:hover{
	background-color: #FED7E2;
}

.bg-pink-300-h-md:hover{
	background-color: #FBB6CE;
}

.bg-pink-400-h-md:hover{
	background-color: #F687B3;
}

.bg-pink-500-h-md:hover{
	background-color: #ED64A6;
}

.bg-pink-600-h-md:hover{
	background-color: #D53F8C;
}

.bg-pink-700-h-md:hover{
	background-color: #B83280;
}

.bg-pink-800-h-md:hover{
	background-color: #97266D;
}

.bg-pink-900-h-md:hover{
	background-color: #702459;
}



.bg-indigo-100-h-md:hover{
	background-color: #EBF4FF;
}
.bg-indigo-200-h-md:hover{
	background-color: #C3DAFE;
}
.bg-indigo-300-h-md:hover{
	background-color: #A3BFFA;
}
.bg-indigo-400-h-md:hover{
	background-color: #7F9CF5;
}
.bg-indigo-500-h-md:hover{
	background-color: #667EEA;
}
.bg-indigo-600-h-md:hover{
	background-color: #5A67D8;
}
.bg-indigo-700-h-md:hover{
	background-color: #4C51BF;
}
.bg-indigo-800-h-md:hover{
	background-color: #434190;
}
.bg-indigo-900-h-md:hover{	
	background-color: #3C366B;
}


.bg-green-100-h-md:hover{
	background-color: #F0FFF4;
}

.bg-green-200-h-md:hover{
	background-color: #C6F6D5;
}

.bg-green-300-h-md:hover{
	background-color: #9AE6B4;
}

.bg-green-400-h-md:hover{
	background-color: #68D391;
}

.bg-green-500-h-md:hover{
	background-color: #48BB78;
}

.bg-green-600-h-md:hover{
	background-color: #38A169;
}

.bg-green-700-h-md:hover{
	background-color: #2F855A;
}

.bg-green-800-h-md:hover{
	background-color: #276749;
}

.bg-green-900-h-md:hover{
	background-color: #22543D;
}


.bg-yellow-100-h-md:hover{
	background-color: #FFFFF0;
}

.bg-yellow-200-h-md:hover{
	background-color: #FEFCBF;
}

.bg-yellow-300-h-md:hover{
	background-color: #FAF089;
}

.bg-yellow-400-h-md:hover{
	background-color: #F6E05E;
}

.bg-yellow-500-h-md:hover{
	background-color: #ECC94B;
}

.bg-yellow-600-h-md:hover{
	background-color: #D69E2E;
}

.bg-yellow-700-h-md:hover{
	background-color: #B7791F;
}

.bg-yellow-800-h-md:hover{
	background-color: #975A16;
}

.bg-yellow-900-h-md:hover{
	background-color: #744210;
}



.bg-orange-100-h-md:hover{
	background-color: #FFFAF0;
}

.bg-orange-200-h-md:hover{
	background-color: #FEEBC8;
}

.bg-orange-300-h-md:hover{
	background-color: #FBD38D;
}

.bg-orange-400-h-md:hover{
	background-color: #F6AD55;
}

.bg-orange-500-h-md:hover{
	background-color: #ED8936;
}

.bg-orange-600-h-md:hover{
	background-color: #DD6B20;
}

.bg-orange-700-h-md:hover{
	background-color: #C05621;
}

.bg-orange-800-h-md:hover{
	background-color: #9C4221;
}

.bg-orange-900-h-md:hover{
	background-color: #7B341E;
}



.bg-red-100-h-md:hover{
	background-color: #FFF5F5;
}

.bg-red-200-h-md:hover{
	background-color: #FED7D7;
}

.bg-red-300-h-md:hover{
	background-color: #FEB2B2;
}

.bg-red-400-h-md:hover{
	background-color: #FC8181;
}

.bg-red-500-h-md:hover{
	background-color: #F56565;
}

.bg-red-600-h-md:hover{
	background-color: #E53E3E;
}

.bg-red-700-h-md:hover{
	background-color: #C53030;
}

.bg-red-800-h-md:hover{
	background-color: #9B2C2C;
}

.bg-red-900-h-md:hover{
	background-color: #742A2A;
}



.bg-gray-100-h-md:hover{
	background-color: #F7FAFC;
}

.bg-gray-200-h-md:hover{
	background-color: #EDF2F7;
}

.bg-gray-300-h-md:hover{
	background-color: #E2E8F0;
}

.bg-gray-400-h-md:hover{
	background-color: #CBD5E0;
}

.bg-gray-500-h-md:hover{
	background-color: #A0AEC0;
}

.bg-gray-600-h-md:hover{
	background-color: #718096;
}

.bg-gray-700-h-md:hover{
	background-color: #4A5568;
}

.bg-gray-800-h-md:hover{
	background-color: #2D3748;
}

.bg-gray-900-h-md:hover{
	background-color: #1A202C;
}

.bg-transparent-h-md:hover{
	background-color: transparent;
}

.bg-black-h-md:hover{
	background-color: #000000;
}

.bg-white-h-md:hover{
	background-color: #FFFFFF;
}






.outline-none-md{
	outline:none;
}

.outline-purple-100-md{
	outline-color: #FAF5FF;
}

.outline-purple-200-md{
	outline-color: #E9D8FD;
}

.outline-purple-300-md{
	outline-color: #D6BCFA;
}

.outline-purple-400-md{
	outline-color: #B794F4;
}

.outline-purple-500-md{
	outline-color: #9F7AEA;
}

.outline-purple-600-md{
	outline-color: #805AD5;
}

.outline-purple-700-md{
	outline-color: #6B46C1;
}

.outline-purple-800-md{
	outline-color: #553C9A;
}

.outline-purple-900-md{
	outline-color: #44337A;
}

.outline-blue-100-md{
	outline-color: #EBF8FF;
}

.outline-blue-200-md{
	outline-color: #BEE3F8;
}

.outline-blue-300-md{
	outline-color: #90CDF4;
}

.outline-blue-400-md{
	outline-color: #63B3ED;
}

.outline-blue-500-md{
	outline-color: #4299E1;
}

.outline-blue-600-md{
	outline-color: #3182CE;
}

.outline-blue-700-md{
	outline-color: #2B6CB0;
}

.outline-blue-800-md{
	outline-color: #2C5282;
}

.outline-blue-900-md{
	outline-color: #2A4365;
}


.outline-teal-100-md{
	outline-color: #E6FFFA;
}

.outline-teal-200-md{
	outline-color: #B2F5EA;
}

.outline-teal-300-md{
	outline-color: #81E6D9;
}

.outline-teal-400-md{
	outline-color: #4FD1C5;
}

.outline-teal-500-md{
	outline-color: #38B2AC;
}

.outline-teal-600-md{
	outline-color: #319795;
}

.outline-teal-700-md{
	outline-color: #2C7A7B;
}

.outline-teal-800-md{
	outline-color: #285E61;
}

.outline-teal-900-md{
	outline-color: #234E52;
}



.outline-pink-100-md{
	outline-color: #FFF5F7;
}
.outline-pink-200-md{
	outline-color: #FED7E2;
}

.outline-pink-300-md{
	outline-color: #FBB6CE;
}

.outline-pink-400-md{
	outline-color: #F687B3;
}

.outline-pink-500-md{
	outline-color: #ED64A6;
}

.outline-pink-600-md{
	outline-color: #D53F8C;
}

.outline-pink-700-md{
	outline-color: #B83280;
}

.outline-pink-800-md{
	outline-color: #97266D;
}

.outline-pink-900-md{
	outline-color: #702459;
}



.outline-indigo-100-md{
	outline-color: #EBF4FF;
}
.outline-indigo-200-md{
	outline-color: #C3DAFE;
}
.outline-indigo-300-md{
	outline-color: #A3BFFA;
}
.outline-indigo-400-md{
	outline-color: #7F9CF5;
}
.outline-indigo-500-md{
	outline-color: #667EEA;
}
.outline-indigo-600-md{
	outline-color: #5A67D8;
}
.outline-indigo-700-md{
	outline-color: #4C51BF;
}
.outline-indigo-800-md{
	outline-color: #434190;
}
.outline-indigo-900-md{	
	outline-color: #3C366B;
}


.outline-green-100-md{
	outline-color: #F0FFF4;
}

.outline-green-200-md{
	outline-color: #C6F6D5;
}

.outline-green-300-md{
	outline-color: #9AE6B4;
}

.outline-green-400-md{
	outline-color: #68D391;
}

.outline-green-500-md{
	outline-color: #48BB78;
}

.outline-green-600-md{
	outline-color: #38A169;
}

.outline-green-700-md{
	outline-color: #2F855A;
}

.outline-green-800-md{
	outline-color: #276749;
}

.outline-green-900-md{
	outline-color: #22543D;
}


.outline-yellow-100-md{
	outline-color: #FFFFF0;
}

.outline-yellow-200-md{
	outline-color: #FEFCBF;
}

.outline-yellow-300-md{
	outline-color: #FAF089;
}

.outline-yellow-400-md{
	outline-color: #F6E05E;
}

.outline-yellow-500-md{
	outline-color: #ECC94B;
}

.outline-yellow-600-md{
	outline-color: #D69E2E;
}

.outline-yellow-700-md{
	outline-color: #B7791F;
}

.outline-yellow-800-md{
	outline-color: #975A16;
}

.outline-yellow-900-md{
	outline-color: #744210;
}



.outline-orange-100-md{
	outline-color: #FFFAF0;
}

.outline-orange-200-md{
	outline-color: #FEEBC8;
}

.outline-orange-300-md{
	outline-color: #FBD38D;
}

.outline-orange-400-md{
	outline-color: #F6AD55;
}

.outline-orange-500-md{
	outline-color: #ED8936;
}

.outline-orange-600-md{
	outline-color: #DD6B20;
}

.outline-orange-700-md{
	outline-color: #C05621;
}

.outline-orange-800-md{
	outline-color: #9C4221;
}

.outline-orange-900-md{
	outline-color: #7B341E;
}



.outline-red-100-md{
	outline-color: #FFF5F5;
}

.outline-red-200-md{
	outline-color: #FED7D7;
}

.outline-red-300-md{
	outline-color: #FEB2B2;
}

.outline-red-400-md{
	outline-color: #FC8181;
}

.outline-red-500-md{
	outline-color: #F56565;
}

.outline-red-600-md{
	outline-color: #E53E3E;
}

.outline-red-700-md{
	outline-color: #C53030;
}

.outline-red-800-md{
	outline-color: #9B2C2C;
}

.outline-red-900-md{
	outline-color: #742A2A;
}



.outline-gray-100-md{
	outline-color: #F7FAFC;
}

.outline-gray-200-md{
	outline-color: #EDF2F7;
}

.outline-gray-300-md{
	outline-color: #E2E8F0;
}

.outline-gray-400-md{
	outline-color: #CBD5E0;
}

.outline-gray-500-md{
	outline-color: #A0AEC0;
}

.outline-gray-600-md{
	outline-color: #718096;
}

.outline-gray-700-md{
	outline-color: #4A5568;
}

.outline-gray-800-md{
	outline-color: #2D3748;
}

.outline-gray-900-md{
	outline-color: #1A202C;
}


.outline-black-md{
	outline-color: #000000;
}

.outline-white-md{
	outline-color: #FFFFFF;
}


/* RESPONSIVE DESIGN */
.flex-md{
	display: flex;
}

.justify-center-md{
	justify-content: center;
}

.justify-end-md{
	justify-content: flex-end;
}

.justify-evenly-md{
	justify-content: space-evenly;
}


.justify-start-md{
	justify-content:flex-start;
}

.justify-around-md{
	justify-content:space-around;
}

.justify-between-md{
	justify-content: space-between;
}

.align-items-center-md{
	align-items: center;
}

.align-items-start-md{
	align-items: flex-start;
}

.align-items-end-md{
	align-items: flex-end;
}

.align-items-stretch-md{
	align-items: stretch;
}

.align-content-center-md{
	align-items: center;
}

.align-content-start-md{
	align-items: flex-start;
}

.align-content-end-md{
	align-items: flex-end;
}

.align-content-stretch-md{
	align-items: stretch;
}

.align-self-center-md{
	align-items: center;
}

.align-self-start-md{
	align-items: flex-start;
}

.align-self-end-md{
	align-items: flex-end;
}

.align-self-stretch-md{
	align-items: stretch;
}

.text-right-md{
	text-align: right;
}

.text-left-md{
	text-align: left;
}

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

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

.z-10-md{
	z-index:10;
}

.z-20-md{
	z-index: 20;
}

.z-30-md{
	z-index: 30;
}

.z-40-md{
	z-index: 40;
}

.z-50-md{
	z-index: 50;
}

.z-60-md{
	z-index: 60;
}

.z-70-md{
	z-index: 70;
}

.z-80-md{
	z-index: 80;
}

.z-90-md{
	z-index: 90;
}

.z-100-md{
	z-index: 100;
}

.z-inherit-md{
	z-index: inherit;
}

.z-intial-md{
	z-index: initial;
}

.z-auto-md{
	z-index: auto;
}

.flex-wrap-md{
	flex-wrap: wrap;
}

.flex-nowrap-md{
	flex-wrap: nowrap;
}

.flex-Rwrap-md{
	flex-wrap: wrap-reverse;
}

.flex-column-md{
	flex-direction: column;
}

.flex-Rcolumn-md{
	flex-direction: column-reverse;
}

.flex-row-md{
	flex-direction: row;
}

.flex-Rrow-md{
	flex-direction: row-reverse;
}

.flex-grow-md{
	flex-grow: 1;
}

.flex-grow-0-md{
	flex-grow: 0;
}

.flex-shrink-md{
	flex-shrink: 1;
}

.flex-shrink-0-md{
	flex-shrink: 0;
}

.order-first-md{
	order: -9999;
}

.order-last-md{
	order: 9999;
}

.order-none-md{
	order: 0;
}

.order-1-md{
	order: 1;
}

.order-2-md{
	order: 2;
}

.order-3-md{
	order: 3;
}

.order-4-md{
	order: 4;
}

.order-5-md{
	order: 5;
}

.order-6-md{
	order: 6;
}

.order-7-md{
	order: 7;
}

.order-8-md{
	order: 8;
}

.order-9-md{
	order: 9;
}


/* HEIGHT */

.max-h-0-md{
	max-height: 0;
}

.h-auto-md{
	height: auto;
}

.max-h-100-md{
	max-height: 100%;
}

.h-content-md{
	height: max-content;
}

.vh-1-md{
	height:1vh;
}

.vh-10-md{
	height:10vh;
}

.vh-20-md{
	height:20vh;
}

.vh-30-md{
	height:30vh;
}

.vh-40-md{
	height:40vh;
}

.vh-50-md{
	height:50vh;
}

.vh-60-md{
	height:60vh;
}

.vh-70-md{
	height:70vh;
}

.vh-80-md{
	height:80vh;
}

.vh-90-md{
	height:90vh;
}

.vh-100-md{
	height:100vh;
}

/*percentage */
.h-1-md{
	height:1%;
}

.h-10-md{
	height:10%;
}

.h-20-md{
	height:20%;
}

.h-30-md{
	height:30%;
}

.h-40-md{
	height:40%;
}

.h-50-md{
	height:50%;
}

.h-60-md{
	height:60%;
}

.h-70-md{
	height:70%;
}

.h-80-md{
	height:80%;
}

.h-90-md{
	height:90%;
}

.h-100-md{
	height:100%;
}


/* MARGIN */


/* =========================================================================================
====================================================================================================== */


.m-0-md{
	margin: 0;
}

.m-1-md{
	margin: 5px;
}

.m-2-md{
	margin: 10px;
}

.m-3-md{
	margin: 15px;
}

.m-4-md{
	margin: 20px;
}

.m-5-md{
	margin: 25px;
}

.m-6-md{
	margin: 30px;
}

.m-7-md{
	margin: 35px;
}

.m-8-md{
	margin: 40px;
}

.m-9-md{
	margin: 45px;
}

.m-10-md{
	margin: 50px;
}


.m-11-md{
	margin: 55px;
}

.m-12-md{
	margin: 60px;
}

.m-13-md{
	margin: 65px;
}

.m-14-md{
	margin: 70px;
}

.m-15-md{
	margin: 75px;
}

.m-16-md{
	margin: 80px;
}

.m-17-md{
	margin: 85px;
}

.m-18-md{
	margin: 90px;
}

.m-19-md{
	margin: 95px;
}

.m-20-md{
	margin: 100px;
}

/* NORMAL MARGIN END */




/* MARGIN TOP */
.mt-0-md{
	margin-top: 0;
}

.mt-1-md{
	margin-top: 5px;
}

.mt-2-md{
	margin-top: 10px;
}

.mt-3-md{
	margin-top: 15px;
}

.mt-4-md{
	margin-top: 20px;
}

.mt-5-md{
	margin-top: 25px;
}

.mt-6-md{
	margin-top: 30px;
}

.mt-7-md{
	margin-top: 35px;
}

.mt-8-md{
	margin-top: 40px;
}

.mt-9-md{
	margin-top: 45px;
}

.mt-10-md{
	margin-top: 50px;
}


.mt-11-md{
	margin-top: 55px;
}

.mt-12-md{
	margin-top: 60px;
}

.mt-13-md{
	margin-top: 65px;
}

.mt-14-md{
	margin-top: 70px;
}

.mt-15-md{
	margin-top: 75px;
}

.mt-16-md{
	margin-top: 80px;
}

.mt-17-md{
	margin-top: 85px;
}

.mt-18-md{
	margin-top: 90px;
}

.mt-19-md{
	margin-top: 95px;
}

.mt-20-md{
	margin-top: 100px;
}


/* MRGIN BOTTOM */

.mb-0-md{
	margin-bottom: 0;
}

.mb-1-md{
	margin-bottom: 5px;
}

.mb-2-md{
	margin-bottom: 10px;
}

.mb-3-md{
	margin-bottom: 15px;
}

.mb-4-md{
	margin-bottom: 20px;
}

.mb-5-md{
	margin-bottom: 25px;
}

.mb-6-md{
	margin-bottom: 30px;
}

.mb-7-md{
	margin-bottom: 35px;
}

.mb-8-md{
	margin-bottom: 40px;
}

.mb-9-md{
	margin-bottom: 45px;
}

.mb-10-md{
	margin-bottom: 50px;
}


.mb-11-md{
	margin-bottom: 55px;
}

.mb-12-md{
	margin-bottom: 60px;
}

.mb-13-md{
	margin-bottom: 65px;
}

.mb-14-md{
	margin-bottom: 70px;
}

.mb-15-md{
	margin-bottom: 75px;
}

.mb-16-md{
	margin-bottom: 80px;
}

.mb-17-md{
	margin-bottom: 85px;
}

.mb-18-md{
	margin-bottom: 90px;
}

.mb-19-md{
	margin-bottom: 95px;
}

.mb-20-md{
	margin-bottom: 100px;
}


/* MRGIN RIGHT */
.mr-0-md{
	margin-right: 0;
}

.mr-1-md{
	margin-right: 5px;
}

.mr-2-md{
	margin-right: 10px;
}

.mr-3-md{
	margin-right: 15px;
}

.mr-4-md{
	margin-right: 20px;
}

.mr-5-md{
	margin-right: 25px;
}

.mr-6-md{
	margin-right: 30px;
}

.mr-7-md{
	margin-right: 35px;
}

.mr-8-md{
	margin-right: 40px;
}

.mr-9-md{
	margin-right: 45px;
}

.mr-10-md{
	margin-right: 50px;
}


.mr-11-md{
	margin-right: 55px;
}

.mr-12-md{
	margin-right: 60px;
}

.mr-13-md{
	margin-right: 65px;
}

.mr-14-md{
	margin-right: 70px;
}

.mr-15-md{
	margin-right: 75px;
}

.mr-16-md{
	margin-right: 80px;
}

.mr-17-md{
	margin-right: 85px;
}

.mr-18-md{
	margin-right: 90px;
}

.mr-19-md{
	margin-right: 95px;
}

.mr-20-md{
	margin-right: 100px;
}


/* MARGIN LEFT */

.ml-0-md{
	margin-left: 0;
}

.ml-1-md{
	margin-left: 5px;
}

.ml-2-md{
	margin-left: 10px;
}

.ml-3-md{
	margin-left: 15px;
}

.ml-4-md{
	margin-left: 20px;
}

.ml-5-md{
	margin-left: 25px;
}

.ml-6-md{
	margin-left: 30px;
}

.ml-7-md{
	margin-left: 35px;
}

.ml-8-md{
	margin-left: 40px;
}

.ml-9-md{
	margin-left: 45px;
}

.ml-10-md{
	margin-left: 50px;
}


.ml-11-md{
	margin-left: 55px;
}

.ml-12-md{
	margin-left: 60px;
}

.ml-13-md{
	margin-left: 65px;
}

.ml-14-md{
	margin-left: 70px;
}

.ml-15-md{
	margin-left: 75px;
}

.ml-16-md{
	margin-left: 80px;
}

.ml-17-md{
	margin-left: 85px;
}

.ml-18-md{
	margin-left: 90px;
}

.ml-19-md{
	margin-left: 95px;
}

.ml-20-md{
	margin-left: 100px;
}


/* MARGIN Y-AXIS */

.my-0-md{
	margin-bottom:0;
	margin-top: 0;
}

.my-1-md{
	margin-top:  5px;
	margin-bottom: 5px;
}

.my-2-md{
	margin-top: 10px;
	margin-bottom:10px;
}

.my-3-md{
	margin-top: 15px;
	margin-bottom:15px;
}

.my-4-md{
	margin-top: 20px;
	margin-bottom:20px;
}

.my-5-md{
	margin-top:  25px;
	margin-bottom: 25px;
}

.my-6-md{
	margin-top: 30px;
	margin-bottom:30px;
}

.my-7-md{
	margin-top:  35px;
	margin-bottom: 35px;
}

.my-8-md{
	margin-top: 40px;
	margin-bottom:40px;
}

.my-9-md{
	margin-top:  45px;
	margin-bottom: 45px;
}

.my-10-md{
	margin-top: 50px;
	margin-bottom:50px;
}

.my-11-md{
	margin-top: 55px;
	margin-bottom:55px;
}

.my-12-md{
	margin-top: 60px;
	margin-bottom:60px;
}

.my-13-md{
	margin-top: 65px;
	margin-bottom:65px;
}

.my-14-md{
	margin-top: 70px;
	margin-bottom:70px;
}

.my-15-md{
	margin-top:  75px;
	margin-bottom: 75px;
}

.my-16-md{
	margin-top: 80px;
	margin-bottom:80px;
}

.my-17-md{
	margin-top:  85px;
	margin-bottom: 85px;
}

.my-18-md{
	margin-top: 90px;
	margin-bottom:90px;
}

.my-19-md{
	margin-top:  95px;
	margin-bottom: 95px;
}

.my-20-md{
	margin-top: 100px;
	margin-bottom:100px;
}



/* MARGIN X-AXIS */
.mx-0-md{
	margin-right:0;
	margin-left: 0;
}

.mx-1-md{
	margin-right:  5px;
	margin-left: 5px;
}

.mx-2-md{
	margin-right: 10px;
	margin-left:10px;
}

.mx-3-md{
	margin-right: 15px;
	margin-left:15px;
}

.mx-4-md{
	margin-right: 20px;
	margin-left:20px;
}

.mx-5-md{
	margin-right:  25px;
	margin-left: 25px;
}

.mx-6-md{
	margin-right: 30px;
	margin-left:30px;
}

.mx-7-md{
	margin-right:  35px;
	margin-left: 35px;
}

.mx-8-md{
	margin-right: 40px;
	margin-left:40px;
}

.mx-9-md{
	margin-right:  45px;
	margin-left: 45px;
}

.mx-10-md{
	margin-right: 50px;
	margin-left:50px;
}

.mx-11-md{
	margin-right: 55px;
	margin-left:55px;
}

.mx-12-md{
	margin-right: 60px;
	margin-left:60px;
}

.mx-13-md{
	margin-right: 65px;
	margin-left:65px;
}

.mx-14-md{
	margin-right: 70px;
	margin-left:70px;
}

.mx-15-md{
	margin-right:  75px;
	margin-left: 75px;
}

.mx-16-md{
	margin-right: 80px;
	margin-left:80px;
}

.mx-17-md{
	margin-right:  85px;
	margin-left: 85px;
}

.mx-18-md{
	margin-right: 90px;
	margin-left:90px;
}

.mx-19-md{
	margin-right:  95px;
	margin-left: 95px;
}

.mx-20-md{
	margin-right: 100px;
	margin-left:100px;
}




/* PADDING */
/* =============================================================================================================
======================================================================================================= */
.p-0-md{
	padding: 0;
}

.p-1-md{
	padding: 5px;
}

.p-2-md{
	padding: 10px;
}

.p-3-md{
	padding: 15px;
}

.p-4-md{
	padding: 20px;
}

.p-5-md{
	padding: 25px;
}

.p-6-md{
	padding: 30px;
}

.p-7-md{
	padding: 35px;
}

.p-8-md{
	padding: 40px;
}

.p-9-md{
	padding: 45px;
}

.p-10-md{
	padding: 50px;
}


.p-11-md{
	padding: 55px;
}

.p-12-md{
	padding: 60px;
}

.p-13-md{
	padding: 65px;
}

.p-14-md{
	padding: 70px;
}

.p-15-md{
	padding: 75px;
}

.p-16-md{
	padding: 80px;
}

.p-17-md{
	padding: 85px;
}

.p-18-md{
	padding: 90px;
}

.p-19-md{
	padding: 95px;
}

.p-20-md{
	padding: 100px;
}

/* NORMAL padding END */




/* padding TOP */
.pt-0-md{
	padding-top: 0;
}

.pt-1-md{
	padding-top: 5px;
}

.pt-2-md{
	padding-top: 10px;
}

.pt-3-md{
	padding-top: 15px;
}

.pt-4-md{
	padding-top: 20px;
}

.pt-5-md{
	padding-top: 25px;
}

.pt-6-md{
	padding-top: 30px;
}

.pt-7-md{
	padding-top: 35px;
}

.pt-8-md{
	padding-top: 40px;
}

.pt-9-md{
	padding-top: 45px;
}

.pt-10-md{
	padding-top: 50px;
}


.pt-11-md{
	padding-top: 55px;
}

.pt-12-md{
	padding-top: 60px;
}

.pt-13-md{
	padding-top: 65px;
}

.pt-14-md{
	padding-top: 70px;
}

.pt-15-md{
	padding-top: 75px;
}

.pt-16-md{
	padding-top: 80px;
}

.pt-17-md{
	padding-top: 85px;
}

.pt-18-md{
	padding-top: 90px;
}

.pt-19-md{
	padding-top: 95px;
}

.pt-20-md{
	padding-top: 100px;
}






/* MRGIN BOTTOM */

.pb-0-md{
	padding-bottom: 0;
}

.pb-1-md{
	padding-bottom: 5px;
}

.pb-2-md{
	padding-bottom: 10px;
}

.pb-3-md{
	padding-bottom: 15px;
}

.pb-4-md{
	padding-bottom: 20px;
}

.pb-5-md{
	padding-bottom: 25px;
}

.pb-6-md{
	padding-bottom: 30px;
}

.pb-7-md{
	padding-bottom: 35px;
}

.pb-8-md{
	padding-bottom: 40px;
}

.pb-9-md{
	padding-bottom: 45px;
}

.pb-10-md{
	padding-bottom: 50px;
}


.pb-11-md{
	padding-bottom: 55px;
}

.pb-12-md{
	padding-bottom: 60px;
}

.pb-13-md{
	padding-bottom: 65px;
}

.pb-14-md{
	padding-bottom: 70px;
}

.pb-15-md{
	padding-bottom: 75px;
}

.pb-16-md{
	padding-bottom: 80px;
}

.pb-17-md{
	padding-bottom: 85px;
}

.pb-18-md{
	padding-bottom: 90px;
}

.pb-19-md{
	padding-bottom: 95px;
}

.pb-20-md{
	padding-bottom: 100px;
}


/* MRGIN RIGHT */
.pr-0-md{
	padding-right: 0;
}

.pr-1-md{
	padding-right: 5px;
}

.pr-2-md{
	padding-right: 10px;
}

.pr-3-md{
	padding-right: 15px;
}

.pr-4-md{
	padding-right: 20px;
}

.pr-5-md{
	padding-right: 25px;
}

.pr-6-md{
	padding-right: 30px;
}

.pr-7-md{
	padding-right: 35px;
}

.pr-8-md{
	padding-right: 40px;
}

.pr-9-md{
	padding-right: 45px;
}

.pr-10-md{
	padding-right: 50px;
}


.pr-11-md{
	padding-right: 55px;
}

.pr-12-md{
	padding-right: 60px;
}

.pr-13-md{
	padding-right: 65px;
}

.pr-14-md{
	padding-right: 70px;
}

.pr-15-md{
	padding-right: 75px;
}

.pr-16-md{
	padding-right: 80px;
}

.pr-17-md{
	padding-right: 85px;
}

.pr-18-md{
	padding-right: 90px;
}

.pr-19-md{
	padding-right: 95px;
}

.pr-20-md{
	padding-right: 100px;
}


/* padding LEFT */

.pl-0-md{
	padding-left: 0;
}

.pl-1-md{
	padding-left: 5px;
}

.pl-2-md{
	padding-left: 10px;
}

.pl-3-md{
	padding-left: 15px;
}

.pl-4-md{
	padding-left: 20px;
}

.pl-5-md{
	padding-left: 25px;
}

.pl-6-md{
	padding-left: 30px;
}

.pl-7-md{
	padding-left: 35px;
}

.pl-8-md{
	padding-left: 40px;
}

.pl-9-md{
	padding-left: 45px;
}

.pl-10-md{
	padding-left: 50px;
}


.pl-11-md{
	padding-left: 55px;
}

.pl-12-md{
	padding-left: 60px;
}

.pl-13-md{
	padding-left: 65px;
}

.pl-14-md{
	padding-left: 70px;
}

.pl-15-md{
	padding-left: 75px;
}

.pl-16-md{
	padding-left: 80px;
}

.pl-17-md{
	padding-left: 85px;
}

.pl-18-md{
	padding-left: 90px;
}

.pl-19-md{
	padding-left: 95px;
}

.pl-20-md{
	padding-left: 100px;
}


/* padding Y-AXIS */

.py-0-md{
	padding-bottom:0;
	padding-top: 0;
}

.py-1-md{
	padding-top:  5px;
	padding-bottom: 5px;
}

.py-2-md{
	padding-top: 10px;
	padding-bottom:10px;
}

.py-3-md{
	padding-top: 15px;
	padding-bottom:15px;
}

.py-4-md{
	padding-top: 20px;
	padding-bottom:20px;
}

.py-5-md{
	padding-top:  25px;
	padding-bottom: 25px;
}

.py-6-md{
	padding-top: 30px;
	padding-bottom:30px;
}

.py-7-md{
	padding-top:  35px;
	padding-bottom: 35px;
}

.py-8-md{
	padding-top: 40px;
	padding-bottom:40px;
}

.py-9-md{
	padding-top:  45px;
	padding-bottom: 45px;
}

.py-10-md{
	padding-top: 50px;
	padding-bottom:50px;
}

.py-11-md{
	padding-top: 55px;
	padding-bottom:55px;
}

.py-12-md{
	padding-top: 60px;
	padding-bottom:60px;
}

.py-13-md{
	padding-top: 65px;
	padding-bottom:65px;
}

.py-14-md{
	padding-top: 70px;
	padding-bottom:70px;
}

.py-15-md{
	padding-top:  75px;
	padding-bottom: 75px;
}

.py-16-md{
	padding-top: 80px;
	padding-bottom:80px;
}

.py-17-md{
	padding-top:  85px;
	padding-bottom: 85px;
}

.py-18-md{
	padding-top: 90px;
	padding-bottom:90px;
}

.py-19-md{
	padding-top:  95px;
	padding-bottom: 95px;
}

.py-20-md{
	padding-top: 100px;
	padding-bottom:100px;
}



/* padding X-AXIS */
.px-0-md{
	padding-right:0;
	padding-left: 0;
}

.px-1-md{
	padding-right:  5px;
	padding-left: 5px;
}

.px-2-md{
	padding-right: 10px;
	padding-left:10px;
}

.px-3-md{
	padding-right: 15px;
	padding-left:15px;
}

.px-4-md{
	padding-right: 20px;
	padding-left:20px;
}

.px-5-md{
	padding-right:  25px;
	padding-left: 25px;
}

.px-6-md{
	padding-right: 30px;
	padding-left:30px;
}

.px-7-md{
	padding-right:  35px;
	padding-left: 35px;
}

.px-8-md{
	padding-right: 40px;
	padding-left:40px;
}

.px-9-md{
	padding-right:  45px;
	padding-left: 45px;
}

.px-10-md{
	padding-right: 50px;
	padding-left:50px;
}

.px-11-md{
	padding-right: 55px;
	padding-left:55px;
}

.px-12-md{
	padding-right: 60px;
	padding-left:60px;
}

.px-13-md{
	padding-right: 65px;
	padding-left:65px;
}

.px-14-md{
	padding-right: 70px;
	padding-left:70px;
}

.px-15-md{
	padding-right:  75px;
	padding-left: 75px;
}

.px-16-md{
	padding-right: 80px;
	padding-left:80px;
}

.px-17-md{
	padding-right:  85px;
	padding-left: 85px;
}

.px-18-md{
	padding-right: 90px;
	padding-left:90px;
}

.px-19-md{
	padding-right:  95px;
	padding-left: 95px;
}

.px-20-md{
	padding-right: 100px;
	padding-left:100px;
}


/* END OF PADDING AND MARGIN */




.bold-md{
	font-weight: bold;
}

.bolder-md{
	font-weight: bolder;
}

.font-normal-md{
	font-weight: normal;
}

.font-weight-inherit-md{
	font-weight: initial;
}

.bold-h-md:hover{
	font-weight: bold;
}

.bolder-h-md:hover{
	font-weight: bolder;
}

.font-normal-h-md:hover{
	font-weight: normal;
}

/* WIDTH */

/* ================================================================================================== */

.max-w-100-md{
	max-width: 100%;
}

.max-w-0-md{
	max-width: 0;
}

.w-auto-md{
	width: auto;
}

.w-max-content-md{
	width: max-content;
}



/* SCREEN VIEW WIDTH */
.vw-1-md{
	width:1vw;
}

.vw-10-md{
	width:10vw;
}

.vw-20-md{
	width:20vw;
}

.vw-30-md{
	width:30vw;
}

.vw-40-md{
	width:40vw;
}

.vw-50-md{
	width:50vw;
}

.vw-60-md{
	width:60vw;
}

.vw-70-md{
	width:70vw;
}

.vw-80-md{
	width:80vw;
}

.vw-90-md{
	width:90vw;
}

.vw-100-md{
	width:100vw;
}



/* PERCENTAGE VIEW FOR WIDTH */
.w-1-md{
	width:1%;
}

.w-10-md{
	width:10%;
}

.w-20-md{
	width:20%;
}

.w-30-md{
	width:30%;
}

.w-40-md{
	width:40%;
}

.w-50-md{
	width:50%;
}

.w-60-md{
	width:60%;
}

.w-70-md{
	width:70%;
}

.w-80-md{
	width:80%;
}

.w-90-md{
	width:90%;
}

.w-100-md{
	width:100%;
}

/* ====================================== END OF WIDTH =============================================== */


/* VISIBILITY */

.visible-md{
	visibility: visible;
}

.invisible-md{
	visibility: hidden;
}

.visible-h-md:hover{
	visibility: visible;
}

.invisible-h-md:hover{
	visibility: hidden;
}

/* ====================================== END OF VISIBLITY =============================================== */


/* DISPLAYS */

.d-none-md{
	display: none;
}

.d-flex-md{
	display: flex;
}

.d-block-md{
	display: block;
}

.d-inline-md{
	display: inline;
}

.d-inline-block-md{
	display: inline-block;
}

.d-inline-flex-md{
	display: inline-flex;
}

.d-grid-md{
	display: grid;
}

.d-inline-grid-md{
	display: inline-grid;
	display: -ms-inline-grid;
	display: -moz-inline-grid;
}


/* ====================================== END OF DISPLAY =======================================



/* POSITIONING */

.pos-fixed-md{
	position: fixed;
}

.fixed-top-md{
	position: fixed;
	top: 0;
}

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

.left-0-md{
	left: 0;
}

.right-md{
	right: 0;
}

.pos-sticky-md{
	position: sticky;
}

.sticky-top-md{
	position: sticky;
	top: 0;
}

.sticky-bottom-md{
	position: sticky;
	bottom: 0;
}

.pos-relative-md{
	position: relative;
}

.pos-absolute-md{
	position:absolute;
}

.pos-static-md{
	position: static;
}

.bg-mask-md{
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}

/* ================================== END OF POSITIONING =============================================== */


/* FONT-SIZE */

.text-xs-md{
	font-size: 11px;
}

.text-sm-md{
	font-size: 13px;
}

.text-md-md{
	font-size: 	15px;
}

.text-lg-md{
	font-size: 17px;
}

.text-xl-md{
	font-size: 1.19rem;
}

.text-xl-1-md{
	font-size: 1.29rem;
}

.text-xl-2-md{
	font-size: 1.39rem;
}

.text-xl-3-md{
	font-size: 1.5rem;
}

.text-xl-4-md{
	font-size: 1.62rem;
}

.text-xl-5-md{
	font-size: 1.73rem;
}

.text-xl-6-md{
	font-size: 1.86rem;
}

.text-xl-7-md{
	font-size: 1.98rem;
}

.text-xl-8-md{
	font-size: 2.12rem;
}

.text-xl-9-md{
	font-size: 2.35rem;
}

.text-xl-10-md{
	font-size: 2.75rem;
}

/* =============================================== END OF FONT-SIZE ===========================================*/


/* SMOOTH FONT */
.smooth-md{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}		

.auto-smooth-md{
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto;
}

.italic-md{
	font-style: italic;
}

.oblique-md{
	font-style: oblique;
}

.text-normal-md{
	font-style: normal;
}

.underlined-md{
	text-decoration: underline;
}

.crossed-md{
	text-decoration: line-through;
}

.overlined-md{
	text-decoration: overline;
}

.wavy-md{
	text-decoration: wavy;
}

.text-decoration-none-md{
	text-decoration: none;
}


/*  LETTER SPACING   */
.letters-tighter-md{
	letter-spacing: -0.09rem;
}

.letters-tight-md{
	letter-spacing: -0.03rem;
}

.letters-normal-md{
	letter-spacing: 0rem;
}

.letters-wide-md{
	letter-spacing: 0.09rem;
}

.letters-wider-md{
	letter-spacing: 0.15rem;;
}

.line-0-md{
	line-height: normal;
}

.line-1-md{
	line-height: 1rem;
}

.line-2-md{
	line-height: 1.5rem;
}

.line-3-md{
	line-height: 2rem;
}

.line-4-md{
	line-height: 2.5rem;
}


.uppercase-md{
	text-transform: uppercase;
}

.lowercase-md{
	text-transform: lowercase;
}

.capitalize-md{
	text-transform: capitalize;
}

.normal-case-md{
	text-transform: none;
}

.whitespace-normal-md{
	white-space: normal;
}

.whitespace-nowrap-md{
	white-space: nowrap;
}

.whitespace-pre-md{
	white-space: pre;
}

.whitespace-pre-line-md{
	white-space: pre-line;
}
	
.whitespace-pre-wrap-md{
	white-space: pre-wrap;
}

.word-break-normal-md{
	word-break: normal;
	overflow-wrap: normal
}

.break-words-md{
	overflow-wrap: break-word;
}

.break-all-md{
	word-break: break-all;
}

.truncate-text-md{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

/* BAGKGROUND*/
.no-repeat-md{
	background-repeat: no-repeat;
}

.bg-attachment-fixed-md{
	background-attachment: fixed;
}

.bg-attachment-scroll-md{
	background-attachment: scroll;
}

.bg-attachment-local-md{
	background-attachment: local;
}

.bg-center-md{
	background-position: center;
}

.bg-left-md{
	background-position: left;
}

.bg-right-md{
	background-position: right;
}

.bg-left-bottom-md{
	background-position: left bottom;
}

.bg-right-bottom-md{
	-webkit-background-composite: left top;
}

.bg-left-top-md{
	background-position: right bottom;
}

.bg-right-top-md{
	-webkit-background-composite: right top;
}


.bg-auto-md{
	background-size: auto;
}

.bg-cover-md{
	background-size: cover;
}

.bg-contain-md{
	background-size: contain;
}


/* shadow */
.shadow-normal-md{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-md{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-md{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-md{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-md{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-md{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-md{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-md{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-md{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-md{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-md{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-md{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-md{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-md{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-md{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-md{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-md{
	box-shadow: none;
}

.opacity-100-md{
	opacity: 100%;
}

.opacity-10-md{
	opacity: 10%;
}

.opacity-20-md{
	opacity: 20%;
}

.opacity-30-md{
	opacity: 30%;
}

.opacity-40-md{
	opacity: 40%;
}

.opacity-50-md{
	opacity: 50%;
}

.opacity-60-md{
	opacity: 60%;
}

.opacity-70-md{
	opacity: 70%;
}

.opacity-80-md{
	opacity: 80%;
}

.opacity-90-md{
	opacity: 90%;
}

.opacity-0-md{
	opacity: 0%;
}

.shadow-normal-h-md:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-h-md:hover{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-h-md:hover{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-h-md:hover{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-h-md:hover{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-h-md:hover{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-h-md:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-h-md:hover{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-h-md:hover{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-h-md:hover{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-h-md:hover{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-h-md:hover{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-h-md:hover{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-h-md:hover{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-h-md:hover{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-h-md:hover{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-h-md:hover{
	box-shadow: none;
}

.opacity-100-h-md:hover{
	opacity: 100%;
}

.opacity-10-h-md:hover{
	opacity: 10%;
}

.opacity-20-h-md:hover{
	opacity: 20%;
}

.opacity-30-h-md:hover{
	opacity: 30%;
}

.opacity-40-h-md:hover{
	opacity: 40%;
}

.opacity-50-h-md:hover{
	opacity: 50%;
}

.opacity-60-h-md:hover{
	opacity: 60%;
}

.opacity-70-h-md:hover{
	opacity: 70%;
}

.opacity-80-h-md:hover{
	opacity: 80%;
}

.opacity-90-h-md:hover{
	opacity: 90%;
}

.opacity-0-h-md:hover{
	opacity: 0%;
}


.shadow-normal-a-md:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-a-md:active{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-a-md:active{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-a-md:active{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-a-md:active{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-a-md:active{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-a-md:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-a-md:active{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-a-md:active{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-a-md:active{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-a-md:active{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-a-md:active{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-a-md:active{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-a-md:active{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-a-md:active{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-a-md:active{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-a-md:active{
	box-shadow: none;
}

.opacity-100-a-md:active{
	opacity: 100%;
}

.opacity-10-a-md:active{
	opacity: 10%;
}

.opacity-20-a-md:active{
	opacity: 20%;
}

.opacity-30-a-md:active{
	opacity: 30%;
}

.opacity-40-a-md:active{
	opacity: 40%;
}

.opacity-50-a-md:active{
	opacity: 50%;
}

.opacity-60-a-md:active{
	opacity: 60%;
}

.opacity-70-a-md:active{
	opacity: 70%;
}

.opacity-80-a-md:active{
	opacity: 80%;
}

.opacity-90-a-md:active{
	opacity: 90%;
}

.opacity-0-a-md:active{
	opacity: 0%;
}



/* LISTS */

.list-none-md{
	list-style-type: none;
}

.list-disc-md{
	list-style-type: disc;
}

.list-number-md{
	list-style-type:decimal;
}

.list-roman-md{
	list-style-type:lower-roman;
}

.list-alpha-md{
	list-style-type: lower-alpha;
}

.list-in-md{
	list-style-position: inside;
}

.list-out-md{
	list-style-position: outside;
}

/* ==================================== END OF LIST ========================================================= */

.cursor-auto-md{
	cursor: auto;
}

.cursor-default-md{
	cursor: default;
}

.cursor-pointer-md{
	cursor: pointer;
}

.cursor-wait-md{
	cursor: wait;
}

.cursor-text-md{
	cursor: text;
}

.cursor-move-md{
	cursor: move;
}

.cursor-not-allowed-md{
	cursor: not-allowed;
}

.pointer-events-none-md{
	pointer-events: none;
}

.pointer-events-auto-md{
	pointer-events: auto;
}


.select-none-md{
	user-select: none;
}

.select-text-md{
	user-select: text;
}

.select-all-md{
	user-select: all;
}

.select-auto-md{
	user-select: auto;
}

/* OVERFLOW */
.overflow-hidden-md{
	overflow: hidden;
}

.overflow-scroll-md{
	overflow: scroll;
}

.overflow-auto-md{
	overflow: auto;
}

.oveflow-visible-md{
	overflow: visible;
}

.overflow-inherit-md{
	overflow: inherit;
}

.overflow-y-hidden-md{
	overflow-y: hidden;
}

.overflow-y-scroll-md{
	overflow-y: scroll;
}

.overflow-y-auto-md{
	overflow-y: auto;
}

.oveflow-y-visible-md{
	overflow-y: visible;
}

.overflow-y-inherit-md{
	overflow-y: inherit;
}

.overflow-x-hidden-md{
	overflow-x: hidden;
}

.overflow-x-scroll-md{
	overflow-x: scroll;
}

.overflow-x-auto-md{
	overflow-x: auto;
}

.oveflow-x-visible-md{
	overflow-x: visible;
}

.overflow-x-inherit-md{
	overflow-x: inherit;
}

.overflow-hidden-h-md:hover{
	overflow: hidden;
}

.overflow-scroll-h-md:hover{
	overflow: scroll;
}

.overflow-auto-h-md:hover{
	overflow: auto;
}

.oveflow-visible-h-md:hover{
	overflow: visible;
}

.overflow-inherit-h-md:hover{
	overflow: inherit;
}

.overflow-y-hidden-h-md:hover{
	overflow-y: hidden;
}

.overflow-y-scroll-h-md:hover{
	overflow-y: scroll;
}

.overflow-y-auto-h-md:hover{
	overflow-y: auto;
}

.oveflow-y-visible-h-md:hover{
	overflow-y: visible;
}

.overflow-y-inherit-h-md:hover{
	overflow-y: inherit;
}

.overflow-x-hidden-h-md:hover{
	overflow-x: hidden;
}

.overflow-x-scroll-h-md:hover{
	overflow-x: scroll;
}

.overflow-x-auto-h-md:hover{
	overflow-x: auto;
}

.oveflow-x-visible-h-md:hover{
	overflow-x: visible;
}

.overflow-x-inherit-h-md:hover{
	overflow-x: inherit;
}





/* ============================================= END =================================================== */

/* GRID */
.grid-container-md{
	display: flex;
	flex-wrap: wrap;
}



/* =========================================== GRID COLUMNS */

.g-1-md{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 1px;
}

.g-2-md{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 2px;
}

.g-3-md{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 3px;
}

.g-4-md{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 4px;
}

.g-5-md{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 5px;
}

.g-0-md{
	margin: 0;
	padding: 0;
	overflow: 0;
}

.gx-1-md{
	padding: 0;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
}

.gx-2-md{
	padding: 0;
	margin-left: 2px;
	margin-right: 2px;
	overflow: hidden;
}

.gx-3-md{
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden;
}

.gx-4-md{
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
}

.gx-5-md{
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
}

.gx-0-md{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}


.gy-1-md{
	padding: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	overflow: hidden;
}

.gy-2-md{
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.gy-3-md{
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden;
}

.gy-4-md{
	padding: 0;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
}

.gy-5-md{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}


.gy-0-md{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}








/* ======================================== END GRIG ================================================== */


/*  IN FLEX RESPONSIBILITY  */

.col-10-md{
	width: 100%;
}

.col-9-md{
	width: 90%;
}

.col-8-md{
	width: 80%;
}

.col-7-md{
	width: 70%;
}

.col-6-md{
	width: 60%;
}

.col-5-md{
	width: 50%;
}

.col-4-md{
	width: 40%;
}

.col-3-md{
	width: 30%;
}

.col-2-md{
	width: 20%;
}

.col-1-md{
	width: 10%;
}

/* ROTATE TEXT */

.rotate-20-md{
	transform: rotate(20deg);
}

.rotate-45-md{
	transform: rotate(45deg);
}

.rotate-90-md{
	transform: rotate(90deg);
}

.rotate-135-md{
	transform: rotate(135deg);
}

.rotate-180-md{
	transform: rotate(180deg);
}

.rotate-225-md{
	transform: rotate(225deg);
}

.rotate-270-md{
	transform: rotate(270deg);
}

.rotate-315-md{
	transform: rotate(315deg);
}

.rotate-360-md{
	transform: rotate(360deg);
}

/* ====================================== END OF ROTATE =============================================== */

/*  TRANSLATE  */
.translate-x-1-md{
	transform: translate(1rem);
}

.translate-x-2-md{
	transform: translate(2rem);
}

/* TRANSFORM ORIGIN */
.origin-center-md{
		transform-origin: center;
}

.origin-top-md{
		transform-origin: top;
}

.origin-top-right-md{
		transform-origin: top right;
}

.origin-right-md{
		transform-origin: right;
}

.origin-bottom-right-md{
		transform-origin: bottom right;
}

.origin-bottom-md{
		transform-origin: bottom;
}

.origin-bottom-left-md{
		transform-origin: bottom left;
}

.origin-left-md{
		transform-origin: left;
}

.origin-top-left-md{
		transform-origin: top left;
}




.grid-1-md .col{
	width:100%;
	margin:0;
	padding: 0;
}

.grid-2-md .col{
	width:50%;
	margin:0;
	padding: 0;
}

.grid-3-md .col{
	width: 33.333333333333%;
	margin:0;
	padding: 0;
}

.grid-4-md .col{
	width: 25%;
	margin:0;
	padding: 0;
}

.grid-5-md .col{
	width: 20%;
	margin:0;
	padding: 0;
}

.grid-6-md .col{
	width: 16.65555555555%;
	margin:0;
	padding: 0;
}

.grid-7-md .col{
	width: 14.285714285714%;
	margin:0;
	padding: 0;
}

.grid-8-md .col{
	width: 12.5%;
	margin:0;
	padding: 0;
}

.grid-9-md .col{
	width: 11.111111111111%;
	margin:0;
	padding: 0;
}

.grid-10-md .col{
	width: 10%;
	margin:0;
	padding: 0;
}

.grid-11-md .col{
	width: 9.090909091%;
	margin:0;
	padding: 0;
}

.grid-12-md .col{
	width: 8.333333333%;
	margin:0;
	padding: 0;
}

}

/* SMALL SCREENS */
/* sm */
@media (max-width: 650px){





/* TRANSITIONS PROPERTY */

.transition-none-sm{
	transition-property: none;
}

.transition-all-sm{
	transition-property: all;
}

.transition-sm{
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, padding, margin;
}

.transition-colors-sm{
	transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity-sm{
	transition-property: opacity;
}

.transition-shadow-sm{
	transition-property: box-shadow;
}

.transition-transform-sm{
	transition-property: transform;
}


/* =============================== TRANSITIONS ========================================================== */


.img-sm{
	max-width: 100%;
	max-width: 100%;
}

/* LINKS */
a-sm{
	text-decoration: none;
}

.bg-light-MD-sm{
	color: #e6e6e6;
}

/* COLORS */
.text-purple-100-sm{
	color: #FAF5FF;
}

.text-purple-200-sm{
	color: #E9D8FD;
}

.text-purple-300-sm{
	color: #D6BCFA;
}

.text-purple-400-sm{
	color: #B794F4;
}

.text-purple-500-sm{
	color: #9F7AEA;
}

.text-left-sm{
	text-align: left !important;
}

.text-purple-600-sm{
	color: #805AD5;
}

.text-purple-700-sm{
	color: #6B46C1;
}

.text-purple-800-sm{
	color: #553C9A;
}

.text-purple-900-sm{
	color: #44337A;
}




.text-blue-100-sm{
	color: #EBF8FF;
}

.text-blue-200-sm{
	color: #BEE3F8;
}

.text-blue-300-sm{
	color: #90CDF4;
}

.text-blue-400-sm{
	color: #63B3ED;
}

.text-blue-500-sm{
	color: #4299E1;
}

.text-blue-600-sm{
	color: #3182CE;
}

.text-blue-700-sm{
	color: #2B6CB0;
}

.text-blue-800-sm{
	color: #2C5282;
}

.text-blue-900-sm{
	color: #2A4365;
}


.text-teal-100-sm{
	color: #E6FFFA;
}

.text-teal-200-sm{
	color: #B2F5EA;
}

.text-teal-300-sm{
	color: #81E6D9;
}

.text-blue-400-sm{
	color: #4FD1C5;
}

.text-teal-500-sm{
	color: #38B2AC;
}

.text-teal-600-sm{
	color: #319795;
}

.text-teal-700-sm{
	color: #2C7A7B;
}

.text-teal-800-sm{
	color: #285E61;
}

.text-teal-900-sm{
	color: #234E52;
}



.text-pink-100-sm{
	color: #FFF5F7;
}
.text-pink-200-sm{
	color: #FED7E2;
}

.text-pink-300-sm{
	color: #FBB6CE;
}

.text-pink-400-sm{
	color: #F687B3;
}

.text-pink-500-sm{
	color: #ED64A6;
}

.text-pink-600-sm{
	color: #D53F8C;
}

.text-pink-700-sm{
	color: #B83280;
}

.text-pink-800-sm{
	color: #97266D;
}

.text-pink-900-sm{
	color: #702459;
}



.text-indigo-100-sm{
	color: #EBF4FF;
}
.text-indigo-200-sm{
	color: #C3DAFE;
}
.text-indigo-300-sm{
	color: #A3BFFA;
}
.text-indigo-400-sm{
	color: #7F9CF5;
}
.text-indigo-500-sm{
	color: #667EEA;
}
.text-indigo-600-sm{
	color: #5A67D8;
}
.text-indigo-700-sm{
	color: #4C51BF;
}
.text-indigo-800-sm{
	color: #434190;
}
.text-indigo-900-sm{	
	color: #3C366B;
}


.text-green-100-sm{
	color: #F0FFF4;
}

.text-green-200-sm{
	color: #C6F6D5;
}

.text-green-300-sm{
	color: #9AE6B4;
}

.text-green-400-sm{
	color: #68D391;
}

.text-green-500-sm{
	color: #48BB78;
}

.text-green-600-sm{
	color: #38A169;
}

.text-green-700-sm{
	color: #2F855A;
}

.text-green-800-sm{
	color: #276749;
}

.text-green-900-sm{
	color: #22543D;
}


.text-yellow-100-sm{
	color: #FFFFF0;
}

.text-yellow-200-sm{
	color: #FEFCBF;
}

.text-yellow-300-sm{
	color: #FAF089;
}

.text-yellow-400-sm{
	color: #F6E05E;
}

.text-yellow-500-sm{
	color: #ECC94B;
}

.text-yellow-600-sm{
	color: #D69E2E;
}

.text-yellow-700-sm{
	color: #B7791F;
}

.text-yellow-800-sm{
	color: #975A16;
}

.text-yellow-900-sm{
	color: #744210;
}



.text-orange-100-sm{
	color: #FFFAF0;
}

.text-orange-200-sm{
	color: #FEEBC8;
}

.text-orange-300-sm{
	color: #FBD38D;
}

.text-orange-400-sm{
	color: #F6AD55;
}

.text-orange-500-sm{
	color: #ED8936;
}

.text-orange-600-sm{
	color: #DD6B20;
}

.text-orange-700-sm{
	color: #C05621;
}

.text-orange-800-sm{
	color: #9C4221;
}

.text-orange-900-sm{
	color: #7B341E;
}



.text-red-100-sm{
	color: #FFF5F5;
}

.text-red-200-sm{
	color: #FED7D7;
}

.text-red-300-sm{
	color: #FEB2B2;
}

.text-red-400-sm{
	color: #FC8181;
}

.text-red-500-sm{
	color: #F56565;
}

.text-red-600-sm{
	color: #E53E3E;
}

.text-red-700-sm{
	color: #C53030;
}

.text-red-800-sm{
	color: #9B2C2C;
}

.text-red-900-sm{
	color: #742A2A;
}



.text-gray-100-sm{
	color: #F7FAFC;
}

.text-gray-200-sm{
	color: #EDF2F7;
}

.text-gray-300-sm{
	color: #E2E8F0;
}

.text-gray-400-sm{
	color: #CBD5E0;
}

.text-gray-500-sm{
	color: #A0AEC0;
}

.text-gray-600-sm{
	color: #718096;
}

.text-gray-700-sm{
	color: #4A5568;
}

.text-gray-800-sm{
	color: #2D3748;
}

.text-gray-900-sm{
	color: #1A202C;
}


.text-black-sm{
	color: #000000;
}

.text-white-sm{
	color: #FFFFFF;
}

.text-purple-100-f-sm:focus{
	color: #FAF5FF;
}

.text-purple-200-f-sm:focus{
	color: #E9D8FD;
}

.text-purple-300-f-sm:focus{
	color: #D6BCFA;
}

.text-purple-400-f-sm:focus{
	color: #B794F4;
}

.text-purple-500-f-sm:focus{
	color: #9F7AEA;
}

.text-purple-600-f-sm:focus{
	color: #805AD5;
}

.text-purple-700-f-sm:focus{
	color: #6B46C1;
}

.text-purple-800-f-sm:focus{
	color: #553C9A;
}

.text-purple-900-f-sm:focus{
	color: #44337A;
}




.text-blue-100-f-sm:focus{
	color: #EBF8FF;
}

.text-blue-200-f-sm:focus{
	color: #BEE3F8;
}

.text-blue-300-f-sm:focus{
	color: #90CDF4;
}

.text-blue-400-f-sm:focus{
	color: #63B3ED;
}

.text-blue-500-f-sm:focus{
	color: #4299E1;
}

.text-blue-600-f-sm:focus{
	color: #3182CE;
}

.text-blue-700-f-sm:focus{
	color: #2B6CB0;
}

.text-blue-800-f-sm:focus{
	color: #2C5282;
}

.text-blue-900-f-sm:focus{
	color: #2A4365;
}


.text-teal-100-f-sm:focus{
	color: #E6FFFA;
}

.text-teal-200-f-sm:focus{
	color: #B2F5EA;
}

.text-teal-300-f-sm:focus{
	color: #81E6D9;
}

.text-blue-400-f-sm:focus{
	color: #4FD1C5;
}

.text-teal-500-f-sm:focus{
	color: #38B2AC;
}

.text-teal-600-f-sm:focus{
	color: #319795;
}

.text-teal-700-f-sm:focus{
	color: #2C7A7B;
}

.text-teal-800-f-sm:focus{
	color: #285E61;
}

.text-teal-900-f-sm:focus{
	color: #234E52;
}



.text-pink-100-f-sm:focus{
	color: #FFF5F7;
}
.text-pink-200-f-sm:focus{
	color: #FED7E2;
}

.text-pink-300-f-sm:focus{
	color: #FBB6CE;
}

.text-pink-400-f-sm:focus{
	color: #F687B3;
}

.text-pink-500-f-sm:focus{
	color: #ED64A6;
}

.text-pink-600-f-sm:focus{
	color: #D53F8C;
}

.text-pink-700-f-sm:focus{
	color: #B83280;
}

.text-pink-800-f-sm:focus{
	color: #97266D;
}

.text-pink-900-f-sm:focus{
	color: #702459;
}



.text-indigo-100-f-sm:focus{
	color: #EBF4FF;
}
.text-indigo-200-f-sm:focus{
	color: #C3DAFE;
}
.text-indigo-300-f-sm:focus{
	color: #A3BFFA;
}
.text-indigo-400-f-sm:focus{
	color: #7F9CF5;
}
.text-indigo-500-f-sm:focus{
	color: #667EEA;
}
.text-indigo-600-f-sm:focus{
	color: #5A67D8;
}
.text-indigo-700-f-sm:focus{
	color: #4C51BF;
}
.text-indigo-800-f-sm:focus{
	color: #434190;
}
.text-indigo-900-f-sm:focus{	
	color: #3C366B;
}


.text-green-100-f-sm:focus{
	color: #F0FFF4;
}

.text-green-200-f-sm:focus{
	color: #C6F6D5;
}

.text-green-300-f-sm:focus{
	color: #9AE6B4;
}

.text-green-400-f-sm:focus{
	color: #68D391;
}

.text-green-500-f-sm:focus{
	color: #48BB78;
}

.text-green-600-f-sm:focus{
	color: #38A169;
}

.text-green-700-f-sm:focus{
	color: #2F855A;
}

.text-green-800-f-sm:focus{
	color: #276749;
}

.text-green-900-f-sm:focus{
	color: #22543D;
}


.text-yellow-100-f-sm:focus{
	color: #FFFFF0;
}

.text-yellow-200-f-sm:focus{
	color: #FEFCBF;
}

.text-yellow-300-f-sm:focus{
	color: #FAF089;
}

.text-yellow-400-f-sm:focus{
	color: #F6E05E;
}

.text-yellow-500-f-sm:focus{
	color: #ECC94B;
}

.text-yellow-600-f-sm:focus{
	color: #D69E2E;
}

.text-yellow-700-f-sm:focus{
	color: #B7791F;
}

.text-yellow-800-f-sm:focus{
	color: #975A16;
}

.text-yellow-900-f-sm:focus{
	color: #744210;
}



.text-orange-100-f-sm:focus{
	color: #FFFAF0;
}

.text-orange-200-f-sm:focus{
	color: #FEEBC8;
}

.text-orange-300-f-sm:focus{
	color: #FBD38D;
}

.text-orange-400-f-sm:focus{
	color: #F6AD55;
}

.text-orange-500-f-sm:focus{
	color: #ED8936;
}

.text-orange-600-f-sm:focus{
	color: #DD6B20;
}

.text-orange-700-f-sm:focus{
	color: #C05621;
}

.text-orange-800-f-sm:focus{
	color: #9C4221;
}

.text-orange-900-f-sm:focus{
	color: #7B341E;
}



.text-red-100-f-sm:focus{
	color: #FFF5F5;
}

.text-red-200-f-sm:focus{
	color: #FED7D7;
}

.text-red-300-f-sm:focus{
	color: #FEB2B2;
}

.text-red-400-f-sm:focus{
	color: #FC8181;
}

.text-red-500-f-sm:focus{
	color: #F56565;
}

.text-red-600-f-sm:focus{
	color: #E53E3E;
}

.text-red-700-f-sm:focus{
	color: #C53030;
}

.text-red-800-f-sm:focus{
	color: #9B2C2C;
}

.text-red-900-f-sm:focus{
	color: #742A2A;
}



.text-gray-100-f-sm:focus{
	color: #F7FAFC;
}

.text-gray-200-f-sm:focus{
	color: #EDF2F7;
}

.text-gray-300-f-sm:focus{
	color: #E2E8F0;
}

.text-gray-400-f-sm:focus{
	color: #CBD5E0;
}

.text-gray-500-f-sm:focus{
	color: #A0AEC0;
}

.text-gray-600-f-sm:focus{
	color: #718096;
}

.text-gray-700-f-sm:focus{
	color: #4A5568;
}

.text-gray-800-f-sm:focus{
	color: #2D3748;
}

.text-gray-900-f-sm:focus{
	color: #1A202C;
}


.text-black-f-sm:focus{
	color: #000000;
}

.text-white-f-sm:focus{
	color: #FFFFFF;
}


.text-purple-100-h-sm:hover{
	color: #FAF5FF;
}

.text-purple-200-h-sm:hover{
	color: #E9D8FD;
}

.text-purple-300-h-sm:hover{
	color: #D6BCFA;
}

.text-purple-400-h-sm:hover{
	color: #B794F4;
}

.text-purple-500-h-sm:hover{
	color: #9F7AEA;
}

.text-purple-600-h-sm:hover{
	color: #805AD5;
}

.text-purple-700-h-sm:hover{
	color: #6B46C1;
}

.text-purple-800-h-sm:hover{
	color: #553C9A;
}

.text-purple-900-h-sm:hover{
	color: #44337A;
}




.text-blue-100-h-sm:hover{
	color: #EBF8FF;
}

.text-blue-200-h-sm:hover{
	color: #BEE3F8;
}

.text-blue-300-h-sm:hover{
	color: #90CDF4;
}

.text-blue-400-h-sm:hover{
	color: #63B3ED;
}

.text-blue-500-h-sm:hover{
	color: #4299E1;
}

.text-blue-600-h-sm:hover{
	color: #3182CE;
}

.text-blue-700-h-sm:hover{
	color: #2B6CB0;
}

.text-blue-800-h-sm:hover{
	color: #2C5282;
}

.text-blue-900-h-sm:hover{
	color: #2A4365;
}


.text-teal-100-h-sm:hover{
	color: #E6FFFA;
}

.text-teal-200-h-sm:hover{
	color: #B2F5EA;
}

.text-teal-300-h-sm:hover{
	color: #81E6D9;
}

.text-blue-400-h-sm:hover{
	color: #4FD1C5;
}

.text-teal-500-h-sm:hover{
	color: #38B2AC;
}

.text-teal-600-h-sm:hover{
	color: #319795;
}

.text-teal-700-h-sm:hover{
	color: #2C7A7B;
}

.text-teal-800-h-sm:hover{
	color: #285E61;
}

.text-teal-900-h-sm:hover{
	color: #234E52;
}



.text-pink-100-h-sm:hover{
	color: #FFF5F7;
}
.text-pink-200-h-sm:hover{
	color: #FED7E2;
}

.text-pink-300-h-sm:hover{
	color: #FBB6CE;
}

.text-pink-400-h-sm:hover{
	color: #F687B3;
}

.text-pink-500-h-sm:hover{
	color: #ED64A6;
}

.text-pink-600-h-sm:hover{
	color: #D53F8C;
}

.text-pink-700-h-sm:hover{
	color: #B83280;
}

.text-pink-800-h-sm:hover{
	color: #97266D;
}

.text-pink-900-h-sm:hover{
	color: #702459;
}



.text-indigo-100-h-sm:hover{
	color: #EBF4FF;
}
.text-indigo-200-h-sm:hover{
	color: #C3DAFE;
}
.text-indigo-300-h-sm:hover{
	color: #A3BFFA;
}
.text-indigo-400-h-sm:hover{
	color: #7F9CF5;
}
.text-indigo-500-h-sm:hover{
	color: #667EEA;
}
.text-indigo-600-h-sm:hover{
	color: #5A67D8;
}
.text-indigo-700-h-sm:hover{
	color: #4C51BF;
}
.text-indigo-800-h-sm:hover{
	color: #434190;
}
.text-indigo-900-h-sm:hover{	
	color: #3C366B;
}


.text-green-100-h-sm:hover{
	color: #F0FFF4;
}

.text-green-200-h-sm:hover{
	color: #C6F6D5;
}

.text-green-300-h-sm:hover{
	color: #9AE6B4;
}

.text-green-400-h-sm:hover{
	color: #68D391;
}

.text-green-500-h-sm:hover{
	color: #48BB78;
}

.text-green-600-h-sm:hover{
	color: #38A169;
}

.text-green-700-h-sm:hover{
	color: #2F855A;
}

.text-green-800-h-sm:hover{
	color: #276749;
}

.text-green-900-h-sm:hover{
	color: #22543D;
}


.text-yellow-100-h-sm:hover{
	color: #FFFFF0;
}

.text-yellow-200-h-sm:hover{
	color: #FEFCBF;
}

.text-yellow-300-h-sm:hover{
	color: #FAF089;
}

.text-yellow-400-h-sm:hover{
	color: #F6E05E;
}

.text-yellow-500-h-sm:hover{
	color: #ECC94B;
}

.text-yellow-600-h-sm:hover{
	color: #D69E2E;
}

.text-yellow-700-h-sm:hover{
	color: #B7791F;
}

.text-yellow-800-h-sm:hover{
	color: #975A16;
}

.text-yellow-900-h-sm:hover{
	color: #744210;
}



.text-orange-100-h-sm:hover{
	color: #FFFAF0;
}

.text-orange-200-h-sm:hover{
	color: #FEEBC8;
}

.text-orange-300-h-sm:hover{
	color: #FBD38D;
}

.text-orange-400-h-sm:hover{
	color: #F6AD55;
}

.text-orange-500-h-sm:hover{
	color: #ED8936;
}

.text-orange-600-h-sm:hover{
	color: #DD6B20;
}

.text-orange-700-h-sm:hover{
	color: #C05621;
}

.text-orange-800-h-sm:hover{
	color: #9C4221;
}

.text-orange-900-h-sm:hover{
	color: #7B341E;
}



.text-red-100-h-sm:hover{
	color: #FFF5F5;
}

.text-red-200-h-sm:hover{
	color: #FED7D7;
}

.text-red-300-h-sm:hover{
	color: #FEB2B2;
}

.text-red-400-h-sm:hover{
	color: #FC8181;
}

.text-red-500-h-sm:hover{
	color: #F56565;
}

.text-red-600-h-sm:hover{
	color: #E53E3E;
}

.text-red-700-h-sm:hover{
	color: #C53030;
}

.text-red-800-h-sm:hover{
	color: #9B2C2C;
}

.text-red-900-h-sm:hover{
	color: #742A2A;
}

.text-purple-100-a-sm:active{
	color: #FAF5FF;
}

.text-purple-200-a-sm:active{
	color: #E9D8FD;
}

.text-purple-300-a-sm:active{
	color: #D6BCFA;
}

.text-purple-400-a-sm:active{
	color: #B794F4;
}

.text-purple-500-a-sm:active{
	color: #9F7AEA;
}

.text-purple-600-a-sm:active{
	color: #805AD5;
}

.text-purple-700-a-sm:active{
	color: #6B46C1;
}

.text-purple-800-a-sm:active{
	color: #553C9A;
}

.text-purple-900-a-sm:active{
	color: #44337A;
}




.text-blue-100-a-sm:active{
	color: #EBF8FF;
}

.text-blue-200-a-sm:active{
	color: #BEE3F8;
}

.text-blue-300-a-sm:active{
	color: #90CDF4;
}

.text-blue-400-a-sm:active{
	color: #63B3ED;
}

.text-blue-500-a-sm:active{
	color: #4299E1;
}

.text-blue-600-a-sm:active{
	color: #3182CE;
}

.text-blue-700-a-sm:active{
	color: #2B6CB0;
}

.text-blue-800-a-sm:active{
	color: #2C5282;
}

.text-blue-900-a-sm:active{
	color: #2A4365;
}


.text-teal-100-a-sm:active{
	color: #E6FFFA;
}

.text-teal-200-a-sm:active{
	color: #B2F5EA;
}

.text-teal-300-a-sm:active{
	color: #81E6D9;
}

.text-blue-400-a-sm:active{
	color: #4FD1C5;
}

.text-teal-500-a-sm:active{
	color: #38B2AC;
}

.text-teal-600-a-sm:active{
	color: #319795;
}

.text-teal-700-a-sm:active{
	color: #2C7A7B;
}

.text-teal-800-a-sm:active{
	color: #285E61;
}

.text-teal-900-a-sm:active{
	color: #234E52;
}



.text-pink-100-a-sm:active{
	color: #FFF5F7;
}
.text-pink-200-a-sm:active{
	color: #FED7E2;
}

.text-pink-300-a-sm:active{
	color: #FBB6CE;
}

.text-pink-400-a-sm:active{
	color: #F687B3;
}

.text-pink-500-a-sm:active{
	color: #ED64A6;
}

.text-pink-600-a-sm:active{
	color: #D53F8C;
}

.text-pink-700-a-sm:active{
	color: #B83280;
}

.text-pink-800-a-sm:active{
	color: #97266D;
}

.text-pink-900-a-sm:active{
	color: #702459;
}



.text-indigo-100-a-sm:active{
	color: #EBF4FF;
}
.text-indigo-200-a-sm:active{
	color: #C3DAFE;
}
.text-indigo-300-a-sm:active{
	color: #A3BFFA;
}
.text-indigo-400-a-sm:active{
	color: #7F9CF5;
}
.text-indigo-500-a-sm:active{
	color: #667EEA;
}
.text-indigo-600-a-sm:active{
	color: #5A67D8;
}
.text-indigo-700-a-sm:active{
	color: #4C51BF;
}
.text-indigo-800-a-sm:active{
	color: #434190;
}
.text-indigo-900-a-sm:active{	
	color: #3C366B;
}


.text-green-100-a-sm:active{
	color: #F0FFF4;
}

.text-green-200-a-sm:active{
	color: #C6F6D5;
}

.text-green-300-a-sm:active{
	color: #9AE6B4;
}

.text-green-400-a-sm:active{
	color: #68D391;
}

.text-green-500-a-sm:active{
	color: #48BB78;
}

.text-green-600-a-sm:active{
	color: #38A169;
}

.text-green-700-a-sm:active{
	color: #2F855A;
}

.text-green-800-a-sm:active{
	color: #276749;
}

.text-green-900-a-sm:active{
	color: #22543D;
}


.text-yellow-100-a-sm:active{
	color: #FFFFF0;
}

.text-yellow-200-a-sm:active{
	color: #FEFCBF;
}

.text-yellow-300-a-sm:active{
	color: #FAF089;
}

.text-yellow-400-a-sm:active{
	color: #F6E05E;
}

.text-yellow-500-a-sm:active{
	color: #ECC94B;
}

.text-yellow-600-a-sm:active{
	color: #D69E2E;
}

.text-yellow-700-a-sm:active{
	color: #B7791F;
}

.text-yellow-800-a-sm:active{
	color: #975A16;
}

.text-yellow-900-a-sm:active{
	color: #744210;
}



.text-orange-100-a-sm:active{
	color: #FFFAF0;
}

.text-orange-200-a-sm:active{
	color: #FEEBC8;
}

.text-orange-300-a-sm:active{
	color: #FBD38D;
}

.text-orange-400-a-sm:active{
	color: #F6AD55;
}

.text-orange-500-a-sm:active{
	color: #ED8936;
}

.text-orange-600-a-sm:active{
	color: #DD6B20;
}

.text-orange-700-a-sm:active{
	color: #C05621;
}

.text-orange-800-a-sm:active{
	color: #9C4221;
}

.text-orange-900-a-sm:active{
	color: #7B341E;
}



.text-red-100-a-sm:active{
	color: #FFF5F5;
}

.text-red-200-a-sm:active{
	color: #FED7D7;
}

.text-red-300-a-sm:active{
	color: #FEB2B2;
}

.text-red-400-a-sm:active{
	color: #FC8181;
}

.text-red-500-a-sm:active{
	color: #F56565;
}

.text-red-600-a-sm:active{
	color: #E53E3E;
}

.text-red-700-a-sm:active{
	color: #C53030;
}

.text-red-800-a-sm:active{
	color: #9B2C2C;
}

.text-red-900-a-sm:active{
	color: #742A2A;
}










/* BORDER  */

/* BORDER */
.b-none-sm{
	border:none;
}

.b-1-sm{
	border-width: 1px;
}

.b-2-sm{
	border-width: 2px;
}

.b-3-sm{
	border-width: 3px;
}

.b-4-sm{
	border-width: 4px;
}

.b-5-sm{
	border-width: 5px;
}

.b-6-sm{
	border-width: 6px;
}

.b-7-sm{
	border-width: 7px;
}

.b-8-sm{
	border-width: 8px;
}

.b-9-sm{
	border-width: 9px;
}

.b-10-sm{
	border-width: 10px;
}

.bl-none-sm{
	border-left:none;
}

.bl-1-sm{
	border-left-width: 1px;
	border-left-style: solid;
}

.bl-2-sm{
	border-left-width: 2px;
	border-left-style: solid;
}

.bl-3-sm{
	border-left-width: 3px;
	border-left-style: solid;
}

.bl-4-sm{
	border-left-width: 4px;
	border-left-style: solid;
}

.br-none-sm{
	border-right:none;
}

.br-1-sm{
	border-right-width: 1px;
	border-right-style: solid;
}

.br-2-sm{
	border-right-width: 2px;
	border-right-style: solid;
}

.br-3-sm{
	border-right-width: 3px;
	border-right-style: solid;
}

.br-4-sm{
	border-right-width: 4px;
	border-right-style: solid;
}

.bt-none-sm{
	border-top:none;
}

.bt-1-sm{
	border-top-width: 1px;
	border-top-style: solid;
}

.bt-2-sm{
	border-top-width: 2px;
	border-top-style: solid;
}

.bt-3-sm{
	border-top-width: 3px;
	border-top-style: solid;
}

.bt-4-sm{
	border-top-width: 4px;
	border-top-style: solid;
}

.bb-none-sm{
	border-bottom:none;
}

.bb-1-sm{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bb-2-sm{
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.bb-3-sm{
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

.bb-4-sm{
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

.b-solid-sm{
	border-style: solid;
}

.b-dashed-sm{
	border-style: dashed;
}

.b-dotted-sm{
	border-style: dotted;
}

.b-double-sm{
	border-style: double;
}


.b-purple-100-sm{
	border-color: #FAF5FF;
}

.b-purple-200-sm{
	border-color: #E9D8FD;
}

.b-purple-300-sm{
	border-color: #D6BCFA;
}

.b-purple-400-sm{
	border-color: #B794F4;
}

.b-purple-500-sm{
	border-color: #9F7AEA;
}

.b-purple-600-sm{
	border-color: #805AD5;
}

.b-purple-700-sm{
	border-color: #6B46C1;
}

.b-purple-800-sm{
	border-color: #553C9A;
}

.b-purple-900-sm{
	border-color: #44337A;
}




.b-blue-100-sm{
	border-color: #EBF8FF;
}

.b-blue-200-sm{
	border-color: #BEE3F8;
}

.b-blue-300-sm{
	border-color: #90CDF4;
}

.b-blue-400-sm{
	border-color: #63B3ED;
}

.b-blue-500-sm{
	border-color: #4299E1;
}

.b-blue-600-sm{
	border-color: #3182CE;
}

.b-blue-700-sm{
	border-color: #2B6CB0;
}

.b-blue-800-sm{
	border-color: #2C5282;
}

.b-blue-900-sm{
	border-color: #2A4365;
}


.b-teal-100-sm{
	border-color: #E6FFFA;
}

.b-teal-200-sm{
	border-color: #B2F5EA;
}

.b-teal-300-sm{
	border-color: #81E6D9;
}

.b-teal-400-sm{
	border-color: #4FD1C5;
}

.b-teal-500-sm{
	border-color: #38B2AC;
}

.b-teal-600-sm{
	border-color: #319795;
}

.b-teal-700-sm{
	border-color: #2C7A7B;
}

.b-teal-800-sm{
	border-color: #285E61;
}

.b-teal-900-sm{
	border-color: #234E52;
}



.b-pink-100-sm{
	border-color: #FFF5F7;
}
.b-pink-200-sm{
	border-color: #FED7E2;
}

.b-pink-300-sm{
	border-color: #FBB6CE;
}

.b-pink-400-sm{
	border-color: #F687B3;
}

.b-pink-500-sm{
	border-color: #ED64A6;
}

.b-pink-600-sm{
	border-color: #D53F8C;
}

.b-pink-700-sm{
	border-color: #B83280;
}

.b-pink-800-sm{
	border-color: #97266D;
}

.b-pink-900-sm{
	border-color: #702459;
}



.b-indigo-100-sm{
	border-color: #EBF4FF;
}
.b-indigo-200-sm{
	border-color: #C3DAFE;
}
.b-indigo-300-sm{
	border-color: #A3BFFA;
}
.b-indigo-400-sm{
	border-color: #7F9CF5;
}
.b-indigo-500-sm{
	border-color: #667EEA;
}
.b-indigo-600-sm{
	border-color: #5A67D8;
}
.b-indigo-700-sm{
	border-color: #4C51BF;
}
.b-indigo-800-sm{
	border-color: #434190;
}
.b-indigo-900-sm{	
	border-color: #3C366B;
}


.b-green-100-sm{
	border-color: #F0FFF4;
}

.b-green-200-sm{
	border-color: #C6F6D5;
}

.b-green-300-sm{
	border-color: #9AE6B4;
}

.b-green-400-sm{
	border-color: #68D391;
}

.b-green-500-sm{
	border-color: #48BB78;
}

.b-green-600-sm{
	border-color: #38A169;
}

.b-green-700-sm{
	border-color: #2F855A;
}

.b-green-800-sm{
	border-color: #276749;
}

.b-green-900-sm{
	border-color: #22543D;
}


.b-yellow-100-sm{
	border-color: #FFFFF0;
}

.b-yellow-200-sm{
	border-color: #FEFCBF;
}

.b-yellow-300-sm{
	border-color: #FAF089;
}

.b-yellow-400-sm{
	border-color: #F6E05E;
}

.b-yellow-500-sm{
	border-color: #ECC94B;
}

.b-yellow-600-sm{
	border-color: #D69E2E;
}

.b-yellow-700-sm{
	border-color: #B7791F;
}

.b-yellow-800-sm{
	border-color: #975A16;
}

.b-yellow-900-sm{
	border-color: #744210;
}



.b-orange-100-sm{
	border-color: #FFFAF0;
}

.b-orange-200-sm{
	border-color: #FEEBC8;
}

.b-orange-300-sm{
	border-color: #FBD38D;
}

.b-orange-400-sm{
	border-color: #F6AD55;
}

.b-orange-500-sm{
	border-color: #ED8936;
}

.b-orange-600-sm{
	border-color: #DD6B20;
}

.b-orange-700-sm{
	border-color: #C05621;
}

.b-orange-800-sm{
	border-color: #9C4221;
}

.b-orange-900-sm{
	border-color: #7B341E;
}



.b-red-100-sm{
	border-color: #FFF5F5;
}

.b-red-200-sm{
	border-color: #FED7D7;
}

.b-red-300-sm{
	border-color: #FEB2B2;
}

.b-red-400-sm{
	border-color: #FC8181;
}

.b-red-500-sm{
	border-color: #F56565;
}

.b-red-600-sm{
	border-color: #E53E3E;
}

.b-red-700-sm{
	border-color: #C53030;
}

.b-red-800-sm{
	border-color: #9B2C2C;
}

.b-red-900-sm{
	border-color: #742A2A;
}



.b-gray-100-sm{
	border-color: #F7FAFC;
}

.b-gray-200-sm{
	border-color: #EDF2F7;
}

.b-gray-300-sm{
	border-color: #E2E8F0;
}

.b-gray-400-sm{
	border-color: #CBD5E0;
}

.b-gray-500-sm{
	border-color: #A0AEC0;
}

.b-gray-600-sm{
	border-color: #718096;
}

.b-gray-700-sm{
	border-color: #4A5568;
}

.b-gray-800-sm{
	border-color: #2D3748;
}

.b-gray-900-sm{
	border-color: #1A202C;
}


.b-black-sm{
	border-color: #000000;
}

.b-white-sm{
	border-color: #FFFFFF;
}

.b-purple-100-h-sm:hover{
	border-color: #FAF5FF;
}

.b-purple-200-h-sm:hover{
	border-color: #E9D8FD;
}

.b-purple-300-h-sm:hover{
	border-color: #D6BCFA;
}

.b-purple-400-h-sm:hover{
	border-color: #B794F4;
}

.b-purple-500-h-sm:hover{
	border-color: #9F7AEA;
}

.b-purple-600-h-sm:hover{
	border-color: #805AD5;
}

.b-purple-700-h-sm:hover{
	border-color: #6B46C1;
}

.b-purple-800-h-sm:hover{
	border-color: #553C9A;
}

.b-purple-900-h-sm:hover{
	border-color: #44337A;
}




.b-blue-100-h-sm:hover{
	border-color: #EBF8FF;
}

.b-blue-200-h-sm:hover{
	border-color: #BEE3F8;
}

.b-blue-300-h-sm:hover{
	border-color: #90CDF4;
}

.b-blue-400-h-sm:hover{
	border-color: #63B3ED;
}

.b-blue-500-h-sm:hover{
	border-color: #4299E1;
}

.b-blue-600-h-sm:hover{
	border-color: #3182CE;
}

.b-blue-700-h-sm:hover{
	border-color: #2B6CB0;
}

.b-blue-800-h-sm:hover{
	border-color: #2C5282;
}

.b-blue-900-h-sm:hover{
	border-color: #2A4365;
}


.b-teal-100-h-sm:hover{
	border-color: #E6FFFA;
}

.b-teal-200-h-sm:hover{
	border-color: #B2F5EA;
}

.b-teal-300-h-sm:hover{
	border-color: #81E6D9;
}

.b-teal-400-h-sm:hover{
	border-color: #4FD1C5;
}

.b-teal-500-h-sm:hover{
	border-color: #38B2AC;
}

.b-teal-600-h-sm:hover{
	border-color: #319795;
}

.b-teal-700-h-sm:hover{
	border-color: #2C7A7B;
}

.b-teal-800-h-sm:hover{
	border-color: #285E61;
}

.b-teal-900-h-sm:hover{
	border-color: #234E52;
}



.b-pink-100-h-sm:hover{
	border-color: #FFF5F7;
}
.b-pink-200-h-sm:hover{
	border-color: #FED7E2;
}

.b-pink-300-h-sm:hover{
	border-color: #FBB6CE;
}

.b-pink-400-h-sm:hover{
	border-color: #F687B3;
}

.b-pink-500-h-sm:hover{
	border-color: #ED64A6;
}

.b-pink-600-h-sm:hover{
	border-color: #D53F8C;
}

.b-pink-700-h-sm:hover{
	border-color: #B83280;
}

.b-pink-800-h-sm:hover{
	border-color: #97266D;
}

.b-pink-900-h-sm:hover{
	border-color: #702459;
}



.b-indigo-100-h-sm:hover{
	border-color: #EBF4FF;
}
.b-indigo-200-h-sm:hover{
	border-color: #C3DAFE;
}
.b-indigo-300-h-sm:hover{
	border-color: #A3BFFA;
}
.b-indigo-400-h-sm:hover{
	border-color: #7F9CF5;
}
.b-indigo-500-h-sm:hover{
	border-color: #667EEA;
}
.b-indigo-600-h-sm:hover{
	border-color: #5A67D8;
}
.b-indigo-700-h-sm:hover{
	border-color: #4C51BF;
}
.b-indigo-800-h-sm:hover{
	border-color: #434190;
}
.b-indigo-900-h-sm:hover{	
	border-color: #3C366B;
}


.b-green-100-h-sm:hover{
	border-color: #F0FFF4;
}

.b-green-200-h-sm:hover{
	border-color: #C6F6D5;
}

.b-green-300-h-sm:hover{
	border-color: #9AE6B4;
}

.b-green-400-h-sm:hover{
	border-color: #68D391;
}

.b-green-500-h-sm:hover{
	border-color: #48BB78;
}

.b-green-600-h-sm:hover{
	border-color: #38A169;
}

.b-green-700-h-sm:hover{
	border-color: #2F855A;
}

.b-green-800-h-sm:hover{
	border-color: #276749;
}

.b-green-900-h-sm:hover{
	border-color: #22543D;
}


.b-yellow-100-h-sm:hover{
	border-color: #FFFFF0;
}

.b-yellow-200-h-sm:hover{
	border-color: #FEFCBF;
}

.b-yellow-300-h-sm:hover{
	border-color: #FAF089;
}

.b-yellow-400-h-sm:hover{
	border-color: #F6E05E;
}

.b-yellow-500-h-sm:hover{
	border-color: #ECC94B;
}

.b-yellow-600-h-sm:hover{
	border-color: #D69E2E;
}

.b-yellow-700-h-sm:hover{
	border-color: #B7791F;
}

.b-yellow-800-h-sm:hover{
	border-color: #975A16;
}

.b-yellow-900-h-sm:hover{
	border-color: #744210;
}



.b-orange-100-h-sm:hover{
	border-color: #FFFAF0;
}

.b-orange-200-h-sm:hover{
	border-color: #FEEBC8;
}

.b-orange-300-h-sm:hover{
	border-color: #FBD38D;
}

.b-orange-400-h-sm:hover{
	border-color: #F6AD55;
}

.b-orange-500-h-sm:hover{
	border-color: #ED8936;
}

.b-orange-600-h-sm:hover{
	border-color: #DD6B20;
}

.b-orange-700-h-sm:hover{
	border-color: #C05621;
}

.b-orange-800-h-sm:hover{
	border-color: #9C4221;
}

.b-orange-900-h-sm:hover{
	border-color: #7B341E;
}



.b-red-100-h-sm:hover{
	border-color: #FFF5F5;
}

.b-red-200-h-sm:hover{
	border-color: #FED7D7;
}

.b-red-300-h-sm:hover{
	border-color: #FEB2B2;
}

.b-red-400-h-sm:hover{
	border-color: #FC8181;
}

.b-red-500-h-sm:hover{
	border-color: #F56565;
}

.b-red-600-h-sm:hover{
	border-color: #E53E3E;
}

.b-red-700-h-sm:hover{
	border-color: #C53030;
}

.b-red-800-h-sm:hover{
	border-color: #9B2C2C;
}

.b-red-900-h-sm:hover{
	border-color: #742A2A;
}



.b-gray-100-h-sm:hover{
	border-color: #F7FAFC;
}

.b-gray-200-h-sm:hover{
	border-color: #EDF2F7;
}

.b-gray-300-h-sm:hover{
	border-color: #E2E8F0;
}

.b-gray-400-h-sm:hover{
	border-color: #CBD5E0;
}

.b-gray-500-h-sm:hover{
	border-color: #A0AEC0;
}

.b-gray-600-h-sm:hover{
	border-color: #718096;
}

.b-gray-700-h-sm:hover{
	border-color: #4A5568;
}

.b-gray-800-h-sm:hover{
	border-color: #2D3748;
}

.b-gray-900-h-sm:hover{
	border-color: #1A202C;
}


.b-black-h-sm:hover{
	border-color: #000000;
}

.b-white-h-sm:hover{
	border-color: #FFFFFF;
}


.b-purple-100-a-sm:active{
	border-color: #FAF5FF;
}

.b-purple-200-a-sm:active{
	border-color: #E9D8FD;
}

.b-purple-300-a-sm:active{
	border-color: #D6BCFA;
}

.b-purple-400-a-sm:active{
	border-color: #B794F4;
}

.b-purple-500-a-sm:active{
	border-color: #9F7AEA;
}

.b-purple-600-a-sm:active{
	border-color: #805AD5;
}

.b-purple-700-a-sm:active{
	border-color: #6B46C1;
}

.b-purple-800-a-sm:active{
	border-color: #553C9A;
}

.b-purple-900-a-sm:active{
	border-color: #44337A;
}




.b-blue-100-a-sm:active{
	border-color: #EBF8FF;
}

.b-blue-200-a-sm:active{
	border-color: #BEE3F8;
}

.b-blue-300-a-sm:active{
	border-color: #90CDF4;
}

.b-blue-400-a-sm:active{
	border-color: #63B3ED;
}

.b-blue-500-a-sm:active{
	border-color: #4299E1;
}

.b-blue-600-a-sm:active{
	border-color: #3182CE;
}

.b-blue-700-a-sm:active{
	border-color: #2B6CB0;
}

.b-blue-800-a-sm:active{
	border-color: #2C5282;
}

.b-blue-900-a-sm:active{
	border-color: #2A4365;
}


.b-teal-100-a-sm:active{
	border-color: #E6FFFA;
}

.b-teal-200-a-sm:active{
	border-color: #B2F5EA;
}

.b-teal-300-a-sm:active{
	border-color: #81E6D9;
}

.b-teal-400-a-sm:active{
	border-color: #4FD1C5;
}

.b-teal-500-a-sm:active{
	border-color: #38B2AC;
}

.b-teal-600-a-sm:active{
	border-color: #319795;
}

.b-teal-700-a-sm:active{
	border-color: #2C7A7B;
}

.b-teal-800-a-sm:active{
	border-color: #285E61;
}

.b-teal-900-a-sm:active{
	border-color: #234E52;
}



.b-pink-100-a-sm:active{
	border-color: #FFF5F7;
}
.b-pink-200-a-sm:active{
	border-color: #FED7E2;
}

.b-pink-300-a-sm:active{
	border-color: #FBB6CE;
}

.b-pink-400-a-sm:active{
	border-color: #F687B3;
}

.b-pink-500-a-sm:active{
	border-color: #ED64A6;
}

.b-pink-600-a-sm:active{
	border-color: #D53F8C;
}

.b-pink-700-a-sm:active{
	border-color: #B83280;
}

.b-pink-800-a-sm:active{
	border-color: #97266D;
}

.b-pink-900-a-sm:active{
	border-color: #702459;
}



.b-indigo-100-a-sm:active{
	border-color: #EBF4FF;
}
.b-indigo-200-a-sm:active{
	border-color: #C3DAFE;
}
.b-indigo-300-a-sm:active{
	border-color: #A3BFFA;
}
.b-indigo-400-a-sm:active{
	border-color: #7F9CF5;
}
.b-indigo-500-a-sm:active{
	border-color: #667EEA;
}
.b-indigo-600-a-sm:active{
	border-color: #5A67D8;
}
.b-indigo-700-a-sm:active{
	border-color: #4C51BF;
}
.b-indigo-800-a-sm:active{
	border-color: #434190;
}
.b-indigo-900-a-sm:active{	
	border-color: #3C366B;
}


.b-green-100-a-sm:active{
	border-color: #F0FFF4;
}

.b-green-200-a-sm:active{
	border-color: #C6F6D5;
}

.b-green-300-a-sm:active{
	border-color: #9AE6B4;
}

.b-green-400-a-sm:active{
	border-color: #68D391;
}

.b-green-500-a-sm:active{
	border-color: #48BB78;
}

.b-green-600-a-sm:active{
	border-color: #38A169;
}

.b-green-700-a-sm:active{
	border-color: #2F855A;
}

.b-green-800-a-sm:active{
	border-color: #276749;
}

.b-green-900-a-sm:active{
	border-color: #22543D;
}


.b-yellow-100-a-sm:active{
	border-color: #FFFFF0;
}

.b-yellow-200-a-sm:active{
	border-color: #FEFCBF;
}

.b-yellow-300-a-sm:active{
	border-color: #FAF089;
}

.b-yellow-400-a-sm:active{
	border-color: #F6E05E;
}

.b-yellow-500-a-sm:active{
	border-color: #ECC94B;
}

.b-yellow-600-a-sm:active{
	border-color: #D69E2E;
}

.b-yellow-700-a-sm:active{
	border-color: #B7791F;
}

.b-yellow-800-a-sm:active{
	border-color: #975A16;
}

.b-yellow-900-a-sm:active{
	border-color: #744210;
}



.b-orange-100-a-sm:active{
	border-color: #FFFAF0;
}

.b-orange-200-a-sm:active{
	border-color: #FEEBC8;
}

.b-orange-300-a-sm:active{
	border-color: #FBD38D;
}

.b-orange-400-a-sm:active{
	border-color: #F6AD55;
}

.b-orange-500-a-sm:active{
	border-color: #ED8936;
}

.b-orange-600-a-sm:active{
	border-color: #DD6B20;
}

.b-orange-700-a-sm:active{
	border-color: #C05621;
}

.b-orange-800-a-sm:active{
	border-color: #9C4221;
}

.b-orange-900-a-sm:active{
	border-color: #7B341E;
}



.b-red-100-a-sm:active{
	border-color: #FFF5F5;
}

.b-red-200-a-sm:active{
	border-color: #FED7D7;
}

.b-red-300-a-sm:active{
	border-color: #FEB2B2;
}

.b-red-400-a-sm:active{
	border-color: #FC8181;
}

.b-red-500-a-sm:active{
	border-color: #F56565;
}

.b-red-600-a-sm:active{
	border-color: #E53E3E;
}

.b-red-700-a-sm:active{
	border-color: #C53030;
}

.b-red-800-a-sm:active{
	border-color: #9B2C2C;
}

.b-red-900-a-sm:active{
	border-color: #742A2A;
}



.b-gray-100-a-sm:active{
	border-color: #F7FAFC;
}

.b-gray-200-a-sm:active{
	border-color: #EDF2F7;
}

.b-gray-300-a-sm:active{
	border-color: #E2E8F0;
}

.b-gray-400-a-sm:active{
	border-color: #CBD5E0;
}

.b-gray-500-a-sm:active{
	border-color: #A0AEC0;
}

.b-gray-600-a-sm:active{
	border-color: #718096;
}

.b-gray-700-a-sm:active{
	border-color: #4A5568;
}

.b-gray-800-a-sm:active{
	border-color: #2D3748;
}

.b-gray-900-a-sm:active{
	border-color: #1A202C;
}


.b-black-a-sm:active{
	border-color: #000000;
}

.b-white-a-sm:active{
	border-color: #FFFFFF;
}


.b-purple-100-f-sm:focus{
	border-color: #FAF5FF;
}

.b-purple-200-f-sm:focus{
	border-color: #E9D8FD;
}

.b-purple-300-f-sm:focus{
	border-color: #D6BCFA;
}

.b-purple-400-f-sm:focus{
	border-color: #B794F4;
}

.b-purple-500-f-sm:focus{
	border-color: #9F7AEA;
}

.b-purple-600-f-sm:focus{
	border-color: #805AD5;
}

.b-purple-700-f-sm:focus{
	border-color: #6B46C1;
}

.b-purple-800-f-sm:focus{
	border-color: #553C9A;
}

.b-purple-900-f-sm:focus{
	border-color: #44337A;
}




.b-blue-100-f-sm:focus{
	border-color: #EBF8FF;
}

.b-blue-200-f-sm:focus{
	border-color: #BEE3F8;
}

.b-blue-300-f-sm:focus{
	border-color: #90CDF4;
}

.b-blue-400-f-sm:focus{
	border-color: #63B3ED;
}

.b-blue-500-f-sm:focus{
	border-color: #4299E1;
}

.b-blue-600-f-sm:focus{
	border-color: #3182CE;
}

.b-blue-700-f-sm:focus{
	border-color: #2B6CB0;
}

.b-blue-800-f-sm:focus{
	border-color: #2C5282;
}

.b-blue-900-f-sm:focus{
	border-color: #2A4365;
}


.b-teal-100-f-sm:focus{
	border-color: #E6FFFA;
}

.b-teal-200-f-sm:focus{
	border-color: #B2F5EA;
}

.b-teal-300-f-sm:focus{
	border-color: #81E6D9;
}

.b-teal-400-f-sm:focus{
	border-color: #4FD1C5;
}

.b-teal-500-f-sm:focus{
	border-color: #38B2AC;
}

.b-teal-600-f-sm:focus{
	border-color: #319795;
}

.b-teal-700-f-sm:focus{
	border-color: #2C7A7B;
}

.b-teal-800-f-sm:focus{
	border-color: #285E61;
}

.b-teal-900-f-sm:focus{
	border-color: #234E52;
}



.b-pink-100-f-sm:focus{
	border-color: #FFF5F7;
}
.b-pink-200-f-sm:focus{
	border-color: #FED7E2;
}

.b-pink-300-f-sm:focus{
	border-color: #FBB6CE;
}

.b-pink-400-f-sm:focus{
	border-color: #F687B3;
}

.b-pink-500-f-sm:focus{
	border-color: #ED64A6;
}

.b-pink-600-f-sm:focus{
	border-color: #D53F8C;
}

.b-pink-700-f-sm:focus{
	border-color: #B83280;
}

.b-pink-800-f-sm:focus{
	border-color: #97266D;
}

.b-pink-900-f-sm:focus{
	border-color: #702459;
}



.b-indigo-100-f-sm:focus{
	border-color: #EBF4FF;
}
.b-indigo-200-f-sm:focus{
	border-color: #C3DAFE;
}
.b-indigo-300-f-sm:focus{
	border-color: #A3BFFA;
}
.b-indigo-400-f-sm:focus{
	border-color: #7F9CF5;
}
.b-indigo-500-f-sm:focus{
	border-color: #667EEA;
}
.b-indigo-600-f-sm:focus{
	border-color: #5A67D8;
}
.b-indigo-700-f-sm:focus{
	border-color: #4C51BF;
}
.b-indigo-800-f-sm:focus{
	border-color: #434190;
}
.b-indigo-900-f-sm:focus{	
	border-color: #3C366B;
}


.b-green-100-f-sm:focus{
	border-color: #F0FFF4;
}

.b-green-200-f-sm:focus{
	border-color: #C6F6D5;
}

.b-green-300-f-sm:focus{
	border-color: #9AE6B4;
}

.b-green-400-f-sm:focus{
	border-color: #68D391;
}

.b-green-500-f-sm:focus{
	border-color: #48BB78;
}

.b-green-600-f-sm:focus{
	border-color: #38A169;
}

.b-green-700-f-sm:focus{
	border-color: #2F855A;
}

.b-green-800-f-sm:focus{
	border-color: #276749;
}

.b-green-900-f-sm:focus{
	border-color: #22543D;
}


.b-yellow-100-f-sm:focus{
	border-color: #FFFFF0;
}

.b-yellow-200-f-sm:focus{
	border-color: #FEFCBF;
}

.b-yellow-300-f-sm:focus{
	border-color: #FAF089;
}

.b-yellow-400-f-sm:focus{
	border-color: #F6E05E;
}

.b-yellow-500-f-sm:focus{
	border-color: #ECC94B;
}

.b-yellow-600-f-sm:focus{
	border-color: #D69E2E;
}

.b-yellow-700-f-sm:focus{
	border-color: #B7791F;
}

.b-yellow-800-f-sm:focus{
	border-color: #975A16;
}

.b-yellow-900-f-sm:focus{
	border-color: #744210;
}



.b-orange-100-f-sm:focus{
	border-color: #FFFAF0;
}

.b-orange-200-f-sm:focus{
	border-color: #FEEBC8;
}

.b-orange-300-f-sm:focus{
	border-color: #FBD38D;
}

.b-orange-400-f-sm:focus{
	border-color: #F6AD55;
}

.b-orange-500-f-sm:focus{
	border-color: #ED8936;
}

.b-orange-600-f-sm:focus{
	border-color: #DD6B20;
}

.b-orange-700-f-sm:focus{
	border-color: #C05621;
}

.b-orange-800-f-sm:focus{
	border-color: #9C4221;
}

.b-orange-900-f-sm:focus{
	border-color: #7B341E;
}



.b-red-100-f-sm:focus{
	border-color: #FFF5F5;
}

.b-red-200-f-sm:focus{
	border-color: #FED7D7;
}

.b-red-300-f-sm:focus{
	border-color: #FEB2B2;
}

.b-red-400-f-sm:focus{
	border-color: #FC8181;
}

.b-red-500-f-sm:focus{
	border-color: #F56565;
}

.b-red-600-f-sm:focus{
	border-color: #E53E3E;
}

.b-red-700-f-sm:focus{
	border-color: #C53030;
}

.b-red-800-f-sm:focus{
	border-color: #9B2C2C;
}

.b-red-900-f-sm:focus{
	border-color: #742A2A;
}



.b-gray-100-f-sm:focus{
	border-color: #F7FAFC;
}

.b-gray-200-f-sm:focus{
	border-color: #EDF2F7;
}

.b-gray-300-f-sm:focus{
	border-color: #E2E8F0;
}

.b-gray-400-f-sm:focus{
	border-color: #CBD5E0;
}

.b-gray-500-f-sm:focus{
	border-color: #A0AEC0;
}

.b-gray-600-f-sm:focus{
	border-color: #718096;
}

.b-gray-700-f-sm:focus{
	border-color: #4A5568;
}

.b-gray-800-f-sm:focus{
	border-color: #2D3748;
}

.b-gray-900-f-sm:focus{
	border-color: #1A202C;
}


.b-black-f-sm:focus{
	border-color: #000000;
}

.b-white-f-sm:focus{
	border-color: #FFFFFF;
}



.text-black-a-sm:active{
	color: #000000;
}

.text-black-h-sm:hover{
	color: #000000;
}


.text-white-h-sm:hover{
	color: #FFFFFF;
}


.text-white-a-sm:active{
	color: #000000;
}



.round-full-sm{
	border-radius: 1000px;
}

.round-xs-sm{
	border-radius: 2px;
}

.round-sm-sm{
	border-radius: 4px;
}

.round-lg-sm{
	border-radius: 8px;
}

.round-xl-sm{
	border-radius: 12px;
}

.round-xxl-sm{
	border-radius: 16px;
}

.circle-sm{
	border-radius: 50%;
}

.round-none-sm{
	border-radius: 0;
}


.round-b-xs-sm{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-sm{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-sm{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-sm{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-sm{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-sm{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-sm{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-sm{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-sm{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-sm{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-sm{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-sm{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-sm{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-sm{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-sm{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.round-full-h-sm:hover{
	border-radius: 1000px;
}

.round-xs-h-sm:hover{
	border-radius: 2px;
}

.round-sm-h-sm:hover{
	border-radius: 4px;
}

.round-lg-h-sm:hover{
	border-radius: 8px;
}

.round-xl-h-sm:hover{
	border-radius: 12px;
}

.round-xxl-h-sm:hover{
	border-radius: 16px;
}

.circle-h-sm:hover{
	border-radius: 50%;
}

.round-none-h-sm:hover{
	border-radius: 0;
}


.round-b-xs-h-sm:hover{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-h-sm:hover{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-h-sm:hover{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-h-sm:hover{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-h-sm:hover{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-h-sm:hover{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-h-sm:hover{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-h-sm:hover{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-h-sm:hover{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-h-sm:hover{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-h-sm:hover{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-h-sm:hover{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-h-sm:hover{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-h-sm:hover{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-h-sm:hover{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}


.round-full-a-sm:active{
	border-radius: 1000px;
}

.round-xs-a-sm:active{
	border-radius: 2px;
}

.round-sm-a-sm:active{
	border-radius: 4px;
}

.round-lg-a-sm:active{
	border-radius: 8px;
}

.round-xl-a-sm:active{
	border-radius: 12px;
}

.round-xxl-a-sm:active{
	border-radius: 16px;
}

.circle-a-sm:active{
	border-radius: 50%;
}

.round-none-a-sm:active{
	border-radius: 0;
}


.round-b-xs-a-sm:active{
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-b-sm-a-sm:active{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.round-b-lg-a-sm:active{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.round-b-xl-a-sm:active{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.round-b-xxl-a-sm:active{
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.round-b-full-a-sm:active{
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.round-b-none-a-sm:active{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.round-t-xs-a-sm:active{
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.round-t-xs-a-sm:active{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

.round-t-sm-a-sm:active{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.round-t-lg-a-sm:active{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.round-t-xl-a-sm:active{
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.round-t-xxl-a-sm:active{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.round-t-full-a-sm:active{
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
}

.round-t-none-a-sm:active{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}













/* FILL FOR SVG COLORING */


.fill-purple-100-sm{
	fill: #FAF5FF;
}

.fill-purple-200-sm{
	fill: #E9D8FD;
}

.fill-purple-300-sm{
	fill: #D6BCFA;
}

.fill-purple-400-sm{
	fill: #B794F4;
}

.fill-purple-500-sm{
	fill: #9F7AEA;
}

.fill-purple-600-sm{
	fill: #805AD5;
}

.fill-purple-700-sm{
	fill: #6B46C1;
}

.fill-purple-800-sm{
	fill: #553C9A;
}

.fill-purple-900-sm{
	fill: #44337A;
}




.fill-blue-100-sm{
	fill: #EBF8FF;
}

.fill-blue-200-sm{
	fill: #BEE3F8;
}

.fill-blue-300-sm{
	fill: #90CDF4;
}

.fill-blue-400-sm{
	fill: #63B3ED;
}

.fill-blue-500-sm{
	fill: #4299E1;
}

.fill-blue-600-sm{
	fill: #3182CE;
}

.fill-blue-700-sm{
	fill: #2B6CB0;
}

.fill-blue-800-sm{
	fill: #2C5282;
}

.fill-blue-900-sm{
	fill: #2A4365;
}


.fill-teal-100-sm{
	fill: #E6FFFA;
}

.fill-teal-200-sm{
	fill: #B2F5EA;
}

.fill-teal-300-sm{
	fill: #81E6D9;
}

.fill-teal-400-sm{
	fill: #4FD1C5;
}

.fill-teal-500-sm{
	fill: #38B2AC;
}

.fill-teal-600-sm{
	fill: #319795;
}

.fill-teal-700-sm{
	fill: #2C7A7B;
}

.fill-teal-800-sm{
	fill: #285E61;
}

.fill-teal-900-sm{
	fill: #234E52;
}

.fill-teal-1000-sm{
	fill: #004d40;
}


.fill-pink-100-sm{
	fill: #FFF5F7;
}
.fill-pink-200-sm{
	fill: #FED7E2;
}

.fill-pink-300-sm{
	fill: #FBB6CE;
}

.fill-pink-400-sm{
	fill: #F687B3;
}

.fill-pink-500-sm{
	fill: #ED64A6;
}

.fill-pink-600-sm{
	fill: #D53F8C;
}

.fill-pink-700-sm{
	fill: #B83280;
}

.fill-pink-800-sm{
	fill: #97266D;
}

.fill-pink-900-sm{
	fill: #702459;
}



.fill-indigo-100-sm{
	fill: #EBF4FF;
}
.fill-indigo-200-sm{
	fill: #C3DAFE;
}
.fill-indigo-300-sm{
	fill: #A3BFFA;
}
.fill-indigo-400-sm{
	fill: #7F9CF5;
}
.fill-indigo-500-sm{
	fill: #667EEA;
}
.fill-indigo-600-sm{
	fill: #5A67D8;
}
.fill-indigo-700-sm{
	fill: #4C51BF;
}
.fill-indigo-800-sm{
	fill: #434190;
}
.fill-indigo-900-sm{	
	fill: #3C366B;
}


.fill-green-100-sm{
	fill: #F0FFF4;
}

.fill-green-200-sm{
	fill: #C6F6D5;
}

.fill-green-300-sm{
	fill: #9AE6B4;
}

.fill-green-400-sm{
	fill: #68D391;
}

.fill-green-500-sm{
	fill: #48BB78;
}

.fill-green-600-sm{
	fill: #38A169;
}

.fill-green-700-sm{
	fill: #2F855A;
}

.fill-green-800-sm{
	fill: #276749;
}

.fill-green-900-sm{
	fill: #22543D;
}

.fill-green-1000-sm{
	fill: #33691e;
}


.fill-yellow-100-sm{
	fill: #FFFFF0;
}

.fill-yellow-200-sm{
	fill: #FEFCBF;
}

.fill-yellow-300-sm{
	fill: #FAF089;
}

.fill-yellow-400-sm{
	fill: #F6E05E;
}

.fill-yellow-500-sm{
	fill: #ECC94B;
}

.fill-yellow-600-sm{
	fill: #D69E2E;
}

.fill-yellow-700-sm{
	fill: #B7791F;
}

.fill-yellow-800-sm{
	fill: #975A16;
}

.fill-yellow-900-sm{
	fill: #744210;
}



.fill-orange-100-sm{
	fill: #FFFAF0;
}

.fill-orange-200-sm{
	fill: #FEEBC8;
}

.fill-orange-300-sm{
	fill: #FBD38D;
}

.fill-orange-400-sm{
	fill: #F6AD55;
}

.fill-orange-500-sm{
	fill: #ED8936;
}

.fill-orange-600-sm{
	fill: #DD6B20;
}

.fill-orange-700-sm{
	fill: #C05621;
}

.fill-orange-800-sm{
	fill: #9C4221;
}

.fill-orange-900-sm{
	fill: #7B341E;
}



.fill-red-100-sm{
	fill: #FFF5F5;
}

.fill-red-200-sm{
	fill: #FED7D7;
}

.fill-red-300-sm{
	fill: #FEB2B2;
}

.fill-red-400-sm{
	fill: #FC8181;
}

.fill-red-500-sm{
	fill: #F56565;
}

.fill-red-600-sm{
	fill: #E53E3E;
}

.fill-red-700-sm{
	fill: #C53030;
}

.fill-red-800-sm{
	fill: #9B2C2C;
}

.fill-red-900-sm{
	fill: #742A2A;
}



.fill-gray-100-sm{
	fill: #F7FAFC;
}

.fill-gray-200-sm{
	fill: #EDF2F7;
}

.fill-gray-300-sm{
	fill: #E2E8F0;
}

.fill-gray-400-sm{
	fill: #CBD5E0;
}

.fill-gray-500-sm{
	fill: #A0AEC0;
}

.fill-gray-600-sm{
	fill: #718096;
}

.fill-gray-700-sm{
	fill: #4A5568;
}

.fill-gray-800-sm{
	fill: #2D3748;
}

.fill-gray-900-sm{
	fill: #1A202C;
}

.fill-transparent-sm{
	fill: transparent;
}

.fill-black-sm{
	fill: #000000;
}

.fill-white-sm{
	fill: #FFFFFF;
}


.fill-purple-100-a-sm:active{
	fill: #FAF5FF;
}

.fill-purple-200-a-sm:active{
	fill: #E9D8FD;
}

.fill-purple-300-a-sm:active{
	fill: #D6BCFA;
}

.fill-purple-400-a-sm:active{
	fill: #B794F4;
}

.fill-purple-500-a-sm:active{
	fill: #9F7AEA;
}

.fill-purple-600-a-sm:active{
	fill: #805AD5;
}

.fill-purple-700-a-sm:active{
	fill: #6B46C1;
}

.fill-purple-800-a-sm:active{
	fill: #553C9A;
}

.fill-purple-900-a-sm:active{
	fill: #44337A;
}




.fill-blue-100-a-sm:active{
	fill: #EBF8FF;
}

.fill-blue-200-a-sm:active{
	fill: #BEE3F8;
}

.fill-blue-300-a-sm:active{
	fill: #90CDF4;
}

.fill-blue-400-a-sm:active{
	fill: #63B3ED;
}

.fill-blue-500-a-sm:active{
	fill: #4299E1;
}

.fill-blue-600-a-sm:active{
	fill: #3182CE;
}

.fill-blue-700-a-sm:active{
	fill: #2B6CB0;
}

.fill-blue-800-a-sm:active{
	fill: #2C5282;
}

.fill-blue-900-a-sm:active{
	fill: #2A4365;
}


.fill-teal-100-a-sm:active{
	fill: #E6FFFA;
}

.fill-teal-200-a-sm:active{
	fill: #B2F5EA;
}

.fill-teal-300-a-sm:active{
	fill: #81E6D9;
}

.fill-teal-400-a-sm:active{
	fill: #4FD1C5;
}

.fill-teal-500-a-sm:active{
	fill: #38B2AC;
}

.fill-teal-600-a-sm:active{
	fill: #319795;
}

.fill-teal-700-a-sm:active{
	fill: #2C7A7B;
}

.fill-teal-800-a-sm:active{
	fill: #285E61;
}

.fill-teal-900-a-sm:active{
	fill: #234E52;
}



.fill-pink-100-a-sm:active{
	fill: #FFF5F7;
}
.fill-pink-200-a-sm:active{
	fill: #FED7E2;
}

.fill-pink-300-a-sm:active{
	fill: #FBB6CE;
}

.fill-pink-400-a-sm:active{
	fill: #F687B3;
}

.fill-pink-500-a-sm:active{
	fill: #ED64A6;
}

.fill-pink-600-a-sm:active{
	fill: #D53F8C;
}

.fill-pink-700-a-sm:active{
	fill: #B83280;
}

.fill-pink-800-a-sm:active{
	fill: #97266D;
}

.fill-pink-900-a-sm:active{
	fill: #702459;
}



.fill-indigo-100-a-sm:active{
	fill: #EBF4FF;
}
.fill-indigo-200-a-sm:active{
	fill: #C3DAFE;
}
.fill-indigo-300-a-sm:active{
	fill: #A3BFFA;
}
.fill-indigo-400-a-sm:active{
	fill: #7F9CF5;
}
.fill-indigo-500-a-sm:active{
	fill: #667EEA;
}
.fill-indigo-600-a-sm:active{
	fill: #5A67D8;
}
.fill-indigo-700-a-sm:active{
	fill: #4C51BF;
}
.fill-indigo-800-a-sm:active{
	fill: #434190;
}
.fill-indigo-900-a-sm:active{	
	fill: #3C366B;
}


.fill-green-100-a-sm:active{
	fill: #F0FFF4;
}

.fill-green-200-a-sm:active{
	fill: #C6F6D5;
}

.fill-green-300-a-sm:active{
	fill: #9AE6B4;
}

.fill-green-400-a-sm:active{
	fill: #68D391;
}

.fill-green-500-a-sm:active{
	fill: #48BB78;
}

.fill-green-600-a-sm:active{
	fill: #38A169;
}

.fill-green-700-a-sm:active{
	fill: #2F855A;
}

.fill-green-800-a-sm:active{
	fill: #276749;
}

.fill-green-900-a-sm:active{
	fill: #22543D;
}


.fill-yellow-100-a-sm:active{
	fill: #FFFFF0;
}

.fill-yellow-200-a-sm:active{
	fill: #FEFCBF;
}

.fill-yellow-300-a-sm:active{
	fill: #FAF089;
}

.fill-yellow-400-a-sm:active{
	fill: #F6E05E;
}

.fill-yellow-500-a-sm:active{
	fill: #ECC94B;
}

.fill-yellow-600-a-sm:active{
	fill: #D69E2E;
}

.fill-yellow-700-a-sm:active{
	fill: #B7791F;
}

.fill-yellow-800-a-sm:active{
	fill: #975A16;
}

.fill-yellow-900-a-sm:active{
	fill: #744210;
}



.fill-orange-100-a-sm:active{
	fill: #FFFAF0;
}

.fill-orange-200-a-sm:active{
	fill: #FEEBC8;
}

.fill-orange-300-a-sm:active{
	fill: #FBD38D;
}

.fill-orange-400-a-sm:active{
	fill: #F6AD55;
}

.fill-orange-500-a-sm:active{
	fill: #ED8936;
}

.fill-orange-600-a-sm:active{
	fill: #DD6B20;
}

.fill-orange-700-a-sm:active{
	fill: #C05621;
}

.fill-orange-800-a-sm:active{
	fill: #9C4221;
}

.fill-orange-900-a-sm:active{
	fill: #7B341E;
}



.fill-red-100-a-sm:active{
	fill: #FFF5F5;
}

.fill-red-200-a-sm:active{
	fill: #FED7D7;
}

.fill-red-300-a-sm:active{
	fill: #FEB2B2;
}

.fill-red-400-a-sm:active{
	fill: #FC8181;
}

.fill-red-500-a-sm:active{
	fill: #F56565;
}

.fill-red-600-a-sm:active{
	fill: #E53E3E;
}

.fill-red-700-a-sm:active{
	fill: #C53030;
}

.fill-red-800-a-sm:active{
	fill: #9B2C2C;
}

.fill-red-900-a-sm:active{
	fill: #742A2A;
}



.fill-gray-100-a-sm:active{
	fill: #F7FAFC;
}

.fill-gray-200-a-sm:active{
	fill: #EDF2F7;
}

.fill-gray-300-a-sm:active{
	fill: #E2E8F0;
}

.fill-gray-400-a-sm:active{
	fill: #CBD5E0;
}

.fill-gray-500-a-sm:active{
	fill: #A0AEC0;
}

.fill-gray-600-a-sm:active{
	fill: #718096;
}

.fill-gray-700-a-sm:active{
	fill: #4A5568;
}

.fill-gray-800-a-sm:active{
	fill: #2D3748;
}

.fill-gray-900-a-sm:active{
	fill: #1A202C;
}

.fill-transparent-a-sm:active{
	fill: transparent;
}

.fill-black-a-sm:active{
	fill: #000000;
}

.fill-white-a-sm:active{
	fill: #FFFFFF;
}

.fill-purple-100-h-sm:hover{
	fill: #FAF5FF;
}

.fill-purple-200-h-sm:hover{
	fill: #E9D8FD;
}

.fill-purple-300-h-sm:hover{
	fill: #D6BCFA;
}

.fill-purple-400-h-sm:hover{
	fill: #B794F4;
}

.fill-purple-500-h-sm:hover{
	fill: #9F7AEA;
}

.fill-purple-600-h-sm:hover{
	fill: #805AD5;
}

.fill-purple-700-h-sm:hover{
	fill: #6B46C1;
}

.fill-purple-800-h-sm:hover{
	fill: #553C9A;
}

.fill-purple-900-h-sm:hover{
	fill: #44337A;
}




.fill-blue-100-h-sm:hover{
	fill: #EBF8FF;
}

.fill-blue-200-h-sm:hover{
	fill: #BEE3F8;
}

.fill-blue-300-h-sm:hover{
	fill: #90CDF4;
}

.fill-blue-400-h-sm:hover{
	fill: #63B3ED;
}

.fill-blue-500-h-sm:hover{
	fill: #4299E1;
}

.fill-blue-600-h-sm:hover{
	fill: #3182CE;
}

.fill-blue-700-h-sm:hover{
	fill: #2B6CB0;
}

.fill-blue-800-h-sm:hover{
	fill: #2C5282;
}

.fill-blue-900-h-sm:hover{
	fill: #2A4365;
}


.fill-teal-100-h-sm:hover{
	fill: #E6FFFA;
}

.fill-teal-200-h-sm:hover{
	fill: #B2F5EA;
}

.fill-teal-300-h-sm:hover{
	fill: #81E6D9;
}

.fill-teal-400-h-sm:hover{
	fill: #4FD1C5;
}

.fill-teal-500-h-sm:hover{
	fill: #38B2AC;
}

.fill-teal-600-h-sm:hover{
	fill: #319795;
}

.fill-teal-700-h-sm:hover{
	fill: #2C7A7B;
}

.fill-teal-800-h-sm:hover{
	fill: #285E61;
}

.fill-teal-900-h-sm:hover{
	fill: #234E52;
}



.fill-pink-100-h-sm:hover{
	fill: #FFF5F7;
}
.fill-pink-200-h-sm:hover{
	fill: #FED7E2;
}

.fill-pink-300-h-sm:hover{
	fill: #FBB6CE;
}

.fill-pink-400-h-sm:hover{
	fill: #F687B3;
}

.fill-pink-500-h-sm:hover{
	fill: #ED64A6;
}

.fill-pink-600-h-sm:hover{
	fill: #D53F8C;
}

.fill-pink-700-h-sm:hover{
	fill: #B83280;
}

.fill-pink-800-h-sm:hover{
	fill: #97266D;
}

.fill-pink-900-h-sm:hover{
	fill: #702459;
}



.fill-indigo-100-h-sm:hover{
	fill: #EBF4FF;
}
.fill-indigo-200-h-sm:hover{
	fill: #C3DAFE;
}
.fill-indigo-300-h-sm:hover{
	fill: #A3BFFA;
}
.fill-indigo-400-h-sm:hover{
	fill: #7F9CF5;
}
.fill-indigo-500-h-sm:hover{
	fill: #667EEA;
}
.fill-indigo-600-h-sm:hover{
	fill: #5A67D8;
}
.fill-indigo-700-h-sm:hover{
	fill: #4C51BF;
}
.fill-indigo-800-h-sm:hover{
	fill: #434190;
}
.fill-indigo-900-h-sm:hover{	
	fill: #3C366B;
}


.fill-green-100-h-sm:hover{
	fill: #F0FFF4;
}

.fill-green-200-h-sm:hover{
	fill: #C6F6D5;
}

.fill-green-300-h-sm:hover{
	fill: #9AE6B4;
}

.fill-green-400-h-sm:hover{
	fill: #68D391;
}

.fill-green-500-h-sm:hover{
	fill: #48BB78;
}

.fill-green-600-h-sm:hover{
	fill: #38A169;
}

.fill-green-700-h-sm:hover{
	fill: #2F855A;
}

.fill-green-800-h-sm:hover{
	fill: #276749;
}

.fill-green-900-h-sm:hover{
	fill: #22543D;
}


.fill-yellow-100-h-sm:hover{
	fill: #FFFFF0;
}

.fill-yellow-200-h-sm:hover{
	fill: #FEFCBF;
}

.fill-yellow-300-h-sm:hover{
	fill: #FAF089;
}

.fill-yellow-400-h-sm:hover{
	fill: #F6E05E;
}

.fill-yellow-500-h-sm:hover{
	fill: #ECC94B;
}

.fill-yellow-600-h-sm:hover{
	fill: #D69E2E;
}

.fill-yellow-700-h-sm:hover{
	fill: #B7791F;
}

.fill-yellow-800-h-sm:hover{
	fill: #975A16;
}

.fill-yellow-900-h-sm:hover{
	fill: #744210;
}



.fill-orange-100-h-sm:hover{
	fill: #FFFAF0;
}

.fill-orange-200-h-sm:hover{
	fill: #FEEBC8;
}

.fill-orange-300-h-sm:hover{
	fill: #FBD38D;
}

.fill-orange-400-h-sm:hover{
	fill: #F6AD55;
}

.fill-orange-500-h-sm:hover{
	fill: #ED8936;
}

.fill-orange-600-h-sm:hover{
	fill: #DD6B20;
}

.fill-orange-700-h-sm:hover{
	fill: #C05621;
}

.fill-orange-800-h-sm:hover{
	fill: #9C4221;
}

.fill-orange-900-h-sm:hover{
	fill: #7B341E;
}



.fill-red-100-h-sm:hover{
	fill: #FFF5F5;
}

.fill-red-200-h-sm:hover{
	fill: #FED7D7;
}

.fill-red-300-h-sm:hover{
	fill: #FEB2B2;
}

.fill-red-400-h-sm:hover{
	fill: #FC8181;
}

.fill-red-500-h-sm:hover{
	fill: #F56565;
}

.fill-red-600-h-sm:hover{
	fill: #E53E3E;
}

.fill-red-700-h-sm:hover{
	fill: #C53030;
}

.fill-red-800-h-sm:hover{
	fill: #9B2C2C;
}

.fill-red-900-h-sm:hover{
	fill: #742A2A;
}



.fill-gray-100-h-sm:hover{
	fill: #F7FAFC;
}

.fill-gray-200-h-sm:hover{
	fill: #EDF2F7;
}

.fill-gray-300-h-sm:hover{
	fill: #E2E8F0;
}

.fill-gray-400-h-sm:hover{
	fill: #CBD5E0;
}

.fill-gray-500-h-sm:hover{
	fill: #A0AEC0;
}

.fill-gray-600-h-sm:hover{
	fill: #718096;
}

.fill-gray-700-h-sm:hover{
	fill: #4A5568;
}

.fill-gray-800-h-sm:hover{
	fill: #2D3748;
}

.fill-gray-900-h-sm:hover{
	fill: #1A202C;
}

.fill-transparent-h-sm:hover{
	fill: transparent;
}

.fill-black-h-sm:hover{
	fill: #000000;
}

.fill-white-h-sm:hover{
	fill: #FFFFFF;
}

/* ======================================= FILL ==================================== */



/* COLORS  */
/* =============================== COLORS =================================================== */

.bg-purple-100-sm{
	background-color: #FAF5FF;
}

.bg-purple-200-sm{
	background-color: #E9D8FD;
}

.bg-purple-300-sm{
	background-color: #D6BCFA;
}

.bg-purple-400-sm{
	background-color: #B794F4;
}

.bg-purple-500-sm{
	background-color: #9F7AEA;
}

.bg-purple-600-sm{
	background-color: #805AD5;
}

.bg-purple-700-sm{
	background-color: #6B46C1;
}

.bg-purple-800-sm{
	background-color: #553C9A;
}

.bg-purple-900-sm{
	background-color: #44337A;
}




.bg-blue-100-sm{
	background-color: #EBF8FF;
}

.bg-blue-200-sm{
	background-color: #BEE3F8;
}

.bg-blue-300-sm{
	background-color: #90CDF4;
}

.bg-blue-400-sm{
	background-color: #63B3ED;
}

.bg-blue-500-sm{
	background-color: #4299E1;
}

.bg-blue-600-sm{
	background-color: #3182CE;
}

.bg-blue-700-sm{
	background-color: #2B6CB0;
}

.bg-blue-800-sm{
	background-color: #2C5282;
}

.bg-blue-900-sm{
	background-color: #2A4365;
}


.bg-teal-100-sm{
	background-color: #E6FFFA;
}

.bg-teal-200-sm{
	background-color: #B2F5EA;
}

.bg-teal-300-sm{
	background-color: #81E6D9;
}

.bg-teal-400-sm{
	background-color: #4FD1C5;
}

.bg-teal-500-sm{
	background-color: #38B2AC;
}

.bg-teal-600-sm{
	background-color: #319795;
}

.bg-teal-700-sm{
	background-color: #2C7A7B;
}

.bg-teal-800-sm{
	background-color: #285E61;
}

.bg-teal-900-sm{
	background-color: #234E52;
}

.bg-teal-1000-sm{
	background-color: #004d40;
}


.bg-pink-100-sm{
	background-color: #FFF5F7;
}
.bg-pink-200-sm{
	background-color: #FED7E2;
}

.bg-pink-300-sm{
	background-color: #FBB6CE;
}

.bg-pink-400-sm{
	background-color: #F687B3;
}

.bg-pink-500-sm{
	background-color: #ED64A6;
}

.bg-pink-600-sm{
	background-color: #D53F8C;
}

.bg-pink-700-sm{
	background-color: #B83280;
}

.bg-pink-800-sm{
	background-color: #97266D;
}

.bg-pink-900-sm{
	background-color: #702459;
}



.bg-indigo-100-sm{
	background-color: #EBF4FF;
}
.bg-indigo-200-sm{
	background-color: #C3DAFE;
}
.bg-indigo-300-sm{
	background-color: #A3BFFA;
}
.bg-indigo-400-sm{
	background-color: #7F9CF5;
}
.bg-indigo-500-sm{
	background-color: #667EEA;
}
.bg-indigo-600-sm{
	background-color: #5A67D8;
}
.bg-indigo-700-sm{
	background-color: #4C51BF;
}
.bg-indigo-800-sm{
	background-color: #434190;
}
.bg-indigo-900-sm{	
	background-color: #3C366B;
}


.bg-green-100-sm{
	background-color: #F0FFF4;
}

.bg-green-200-sm{
	background-color: #C6F6D5;
}

.bg-green-300-sm{
	background-color: #9AE6B4;
}

.bg-green-400-sm{
	background-color: #68D391;
}

.bg-green-500-sm{
	background-color: #48BB78;
}

.bg-green-600-sm{
	background-color: #38A169;
}

.bg-green-700-sm{
	background-color: #2F855A;
}

.bg-green-800-sm{
	background-color: #276749;
}

.bg-green-900-sm{
	background-color: #22543D;
}

.bg-green-1000-sm{
	background-color: #33691e;
}


.bg-yellow-100-sm{
	background-color: #FFFFF0;
}

.bg-yellow-200-sm{
	background-color: #FEFCBF;
}

.bg-yellow-300-sm{
	background-color: #FAF089;
}

.bg-yellow-400-sm{
	background-color: #F6E05E;
}

.bg-yellow-500-sm{
	background-color: #ECC94B;
}

.bg-yellow-600-sm{
	background-color: #D69E2E;
}

.bg-yellow-700-sm{
	background-color: #B7791F;
}

.bg-yellow-800-sm{
	background-color: #975A16;
}

.bg-yellow-900-sm{
	background-color: #744210;
}



.bg-orange-100-sm{
	background-color: #FFFAF0;
}

.bg-orange-200-sm{
	background-color: #FEEBC8;
}

.bg-orange-300-sm{
	background-color: #FBD38D;
}

.bg-orange-400-sm{
	background-color: #F6AD55;
}

.bg-orange-500-sm{
	background-color: #ED8936;
}

.bg-orange-600-sm{
	background-color: #DD6B20;
}

.bg-orange-700-sm{
	background-color: #C05621;
}

.bg-orange-800-sm{
	background-color: #9C4221;
}

.bg-orange-900-sm{
	background-color: #7B341E;
}



.bg-red-100-sm{
	background-color: #FFF5F5;
}

.bg-red-200-sm{
	background-color: #FED7D7;
}

.bg-red-300-sm{
	background-color: #FEB2B2;
}

.bg-red-400-sm{
	background-color: #FC8181;
}

.bg-red-500-sm{
	background-color: #F56565;
}

.bg-red-600-sm{
	background-color: #E53E3E;
}

.bg-red-700-sm{
	background-color: #C53030;
}

.bg-red-800-sm{
	background-color: #9B2C2C;
}

.bg-red-900-sm{
	background-color: #742A2A;
}



.bg-gray-100-sm{
	background-color: #F7FAFC;
}

.bg-gray-200-sm{
	background-color: #EDF2F7;
}

.bg-gray-300-sm{
	background-color: #E2E8F0;
}

.bg-gray-400-sm{
	background-color: #CBD5E0;
}

.bg-gray-500-sm{
	background-color: #A0AEC0;
}

.bg-gray-600-sm{
	background-color: #718096;
}

.bg-gray-700-sm{
	background-color: #4A5568;
}

.bg-gray-800-sm{
	background-color: #2D3748;
}

.bg-gray-900-sm{
	background-color: #1A202C;
}

.bg-transparent-sm{
	background-color: transparent;
}

.bg-black-sm{
	background-color: #000000;
}

.bg-white-sm{
	background-color: #FFFFFF;
}

.bg-purple-100-f-sm:focus{
	background-color: #FAF5FF;
}

.bg-purple-200-f-sm:focus{
	background-color: #E9D8FD;
}

.bg-purple-300-f-sm:focus{
	background-color: #D6BCFA;
}

.bg-purple-400-f-sm:focus{
	background-color: #B794F4;
}

.bg-purple-500-f-sm:focus{
	background-color: #9F7AEA;
}

.bg-MD-dark-sm{
	background-color: #121212;
}

.bg-purple-600-f-sm:focus{
	background-color: #805AD5;
}

.bg-purple-700-f-sm:focus{
	background-color: #6B46C1;
}

.bg-purple-800-f-sm:focus{
	background-color: #553C9A;
}

.bg-purple-900-f-sm:focus{
	background-color: #44337A;
}




.bg-blue-100-f-sm:focus{
	background-color: #EBF8FF;
}

.bg-blue-200-f-sm:focus{
	background-color: #BEE3F8;
}

.bg-blue-300-f-sm:focus{
	background-color: #90CDF4;
}

.bg-blue-400-f-sm:focus{
	background-color: #63B3ED;
}

.bg-blue-500-f-sm:focus{
	background-color: #4299E1;
}

.bg-blue-600-f-sm:focus{
	background-color: #3182CE;
}

.bg-blue-700-f-sm:focus{
	background-color: #2B6CB0;
}

.bg-blue-800-f-sm:focus{
	background-color: #2C5282;
}

.bg-blue-900-f-sm:focus{
	background-color: #2A4365;
}


.bg-teal-100-f-sm:focus{
	background-color: #E6FFFA;
}

.bg-teal-200-f-sm:focus{
	background-color: #B2F5EA;
}

.bg-teal-300-f-sm:focus{
	background-color: #81E6D9;
}

.bg-teal-400-f-sm:focus{
	background-color: #4FD1C5;
}

.bg-teal-500-f-sm:focus{
	background-color: #38B2AC;
}

.bg-teal-600-f-sm:focus{
	background-color: #319795;
}

.bg-teal-700-f-sm:focus{
	background-color: #2C7A7B;
}

.bg-teal-800-f-sm:focus{
	background-color: #285E61;
}

.bg-teal-900-f-sm:focus{
	background-color: #234E52;
}

.bg-teal-1000-f-sm:focus{
	background-color: #004d40;
}


.bg-pink-100-f-sm:focus{
	background-color: #FFF5F7;
}
.bg-pink-200-f-sm:focus{
	background-color: #FED7E2;
}

.bg-pink-300-f-sm:focus{
	background-color: #FBB6CE;
}

.bg-pink-400-f-sm:focus{
	background-color: #F687B3;
}

.bg-pink-500-f-sm:focus{
	background-color: #ED64A6;
}

.bg-pink-600-f-sm:focus{
	background-color: #D53F8C;
}

.bg-pink-700-f-sm:focus{
	background-color: #B83280;
}

.bg-pink-800-f-sm:focus{
	background-color: #97266D;
}

.bg-pink-900-f-sm:focus{
	background-color: #702459;
}



.bg-indigo-100-f-sm:focus{
	background-color: #EBF4FF;
}
.bg-indigo-200-f-sm:focus{
	background-color: #C3DAFE;
}
.bg-indigo-300-f-sm:focus{
	background-color: #A3BFFA;
}
.bg-indigo-400-f-sm:focus{
	background-color: #7F9CF5;
}
.bg-indigo-500-f-sm:focus{
	background-color: #667EEA;
}
.bg-indigo-600-f-sm:focus{
	background-color: #5A67D8;
}
.bg-indigo-700-f-sm:focus{
	background-color: #4C51BF;
}
.bg-indigo-800-f-sm:focus{
	background-color: #434190;
}
.bg-indigo-900-f-sm:focus{	
	background-color: #3C366B;
}


.bg-green-100-f-sm:focus{
	background-color: #F0FFF4;
}

.bg-green-200-f-sm:focus{
	background-color: #C6F6D5;
}

.bg-green-300-f-sm:focus{
	background-color: #9AE6B4;
}

.bg-green-400-f-sm:focus{
	background-color: #68D391;
}

.bg-green-500-f-sm:focus{
	background-color: #48BB78;
}

.bg-green-600-f-sm:focus{
	background-color: #38A169;
}

.bg-green-700-f-sm:focus{
	background-color: #2F855A;
}

.bg-green-800-f-sm:focus{
	background-color: #276749;
}

.bg-green-900-f-sm:focus{
	background-color: #22543D;
}

.bg-green-1000-f-sm:focus{
	background-color: #33691e;
}


.bg-yellow-100-f-sm:focus{
	background-color: #FFFFF0;
}

.bg-yellow-200-f-sm:focus{
	background-color: #FEFCBF;
}

.bg-yellow-300-f-sm:focus{
	background-color: #FAF089;
}

.bg-yellow-400-f-sm:focus{
	background-color: #F6E05E;
}

.bg-yellow-500-f-sm:focus{
	background-color: #ECC94B;
}

.bg-yellow-600-f-sm:focus{
	background-color: #D69E2E;
}

.bg-yellow-700-f-sm:focus{
	background-color: #B7791F;
}

.bg-yellow-800-f-sm:focus{
	background-color: #975A16;
}

.bg-yellow-900-f-sm:focus{
	background-color: #744210;
}



.bg-orange-100-f-sm:focus{
	background-color: #FFFAF0;
}

.bg-orange-200-f-sm:focus{
	background-color: #FEEBC8;
}

.bg-orange-300-f-sm:focus{
	background-color: #FBD38D;
}

.bg-orange-400-f-sm:focus{
	background-color: #F6AD55;
}

.bg-orange-500-f-sm:focus{
	background-color: #ED8936;
}

.bg-orange-600-f-sm:focus{
	background-color: #DD6B20;
}

.bg-orange-700-f-sm:focus{
	background-color: #C05621;
}

.bg-orange-800-f-sm:focus{
	background-color: #9C4221;
}

.bg-orange-900-f-sm:focus{
	background-color: #7B341E;
}



.bg-red-100-f-sm:focus{
	background-color: #FFF5F5;
}

.bg-red-200-f-sm:focus{
	background-color: #FED7D7;
}

.bg-red-300-f-sm:focus{
	background-color: #FEB2B2;
}

.bg-red-400-f-sm:focus{
	background-color: #FC8181;
}

.bg-red-500-f-sm:focus{
	background-color: #F56565;
}

.bg-red-600-f-sm:focus{
	background-color: #E53E3E;
}

.bg-red-700-f-sm:focus{
	background-color: #C53030;
}

.bg-red-800-f-sm:focus{
	background-color: #9B2C2C;
}

.bg-red-900-f-sm:focus{
	background-color: #742A2A;
}



.bg-gray-100-f-sm:focus{
	background-color: #F7FAFC;
}

.bg-gray-200-f-sm:focus{
	background-color: #EDF2F7;
}

.bg-gray-300-f-sm:focus{
	background-color: #E2E8F0;
}

.bg-gray-400-f-sm:focus{
	background-color: #CBD5E0;
}

.bg-gray-500-f-sm:focus{
	background-color: #A0AEC0;
}

.bg-gray-600-f-sm:focus{
	background-color: #718096;
}

.bg-gray-700-f-sm:focus{
	background-color: #4A5568;
}

.bg-gray-800-f-sm:focus{
	background-color: #2D3748;
}

.bg-gray-900-f-sm:focus{
	background-color: #1A202C;
}

.bg-transparent-f-sm:focus{
	background-color: transparent;
}

.bg-black-f-sm:focus{
	background-color: #000000;
}

.bg-white-f-sm:focus{
	background-color: #FFFFFF;
}


.bg-purple-100-a-sm:active{
	background-color: #FAF5FF;
}

.bg-purple-200-a-sm:active{
	background-color: #E9D8FD;
}

.bg-purple-300-a-sm:active{
	background-color: #D6BCFA;
}

.bg-purple-400-a-sm:active{
	background-color: #B794F4;
}

.bg-purple-500-a-sm:active{
	background-color: #9F7AEA;
}

.bg-purple-600-a-sm:active{
	background-color: #805AD5;
}

.bg-purple-700-a-sm:active{
	background-color: #6B46C1;
}

.bg-purple-800-a-sm:active{
	background-color: #553C9A;
}

.bg-purple-900-a-sm:active{
	background-color: #44337A;
}




.bg-blue-100-a-sm:active{
	background-color: #EBF8FF;
}

.bg-blue-200-a-sm:active{
	background-color: #BEE3F8;
}

.bg-blue-300-a-sm:active{
	background-color: #90CDF4;
}

.bg-blue-400-a-sm:active{
	background-color: #63B3ED;
}

.bg-blue-500-a-sm:active{
	background-color: #4299E1;
}

.bg-blue-600-a-sm:active{
	background-color: #3182CE;
}

.bg-blue-700-a-sm:active{
	background-color: #2B6CB0;
}

.bg-blue-800-a-sm:active{
	background-color: #2C5282;
}

.bg-blue-900-a-sm:active{
	background-color: #2A4365;
}


.bg-teal-100-a-sm:active{
	background-color: #E6FFFA;
}

.bg-teal-200-a-sm:active{
	background-color: #B2F5EA;
}

.bg-teal-300-a-sm:active{
	background-color: #81E6D9;
}

.bg-teal-400-a-sm:active{
	background-color: #4FD1C5;
}

.bg-teal-500-a-sm:active{
	background-color: #38B2AC;
}

.bg-teal-600-a-sm:active{
	background-color: #319795;
}

.bg-teal-700-a-sm:active{
	background-color: #2C7A7B;
}

.bg-teal-800-a-sm:active{
	background-color: #285E61;
}

.bg-teal-900-a-sm:active{
	background-color: #234E52;
}



.bg-pink-100-a-sm:active{
	background-color: #FFF5F7;
}
.bg-pink-200-a-sm:active{
	background-color: #FED7E2;
}

.bg-pink-300-a-sm:active{
	background-color: #FBB6CE;
}

.bg-pink-400-a-sm:active{
	background-color: #F687B3;
}

.bg-pink-500-a-sm:active{
	background-color: #ED64A6;
}

.bg-pink-600-a-sm:active{
	background-color: #D53F8C;
}

.bg-pink-700-a-sm:active{
	background-color: #B83280;
}

.bg-pink-800-a-sm:active{
	background-color: #97266D;
}

.bg-pink-900-a-sm:active{
	background-color: #702459;
}



.bg-indigo-100-a-sm:active{
	background-color: #EBF4FF;
}
.bg-indigo-200-a-sm:active{
	background-color: #C3DAFE;
}
.bg-indigo-300-a-sm:active{
	background-color: #A3BFFA;
}
.bg-indigo-400-a-sm:active{
	background-color: #7F9CF5;
}
.bg-indigo-500-a-sm:active{
	background-color: #667EEA;
}
.bg-indigo-600-a-sm:active{
	background-color: #5A67D8;
}
.bg-indigo-700-a-sm:active{
	background-color: #4C51BF;
}
.bg-indigo-800-a-sm:active{
	background-color: #434190;
}
.bg-indigo-900-a-sm:active{	
	background-color: #3C366B;
}


.bg-green-100-a-sm:active{
	background-color: #F0FFF4;
}

.bg-green-200-a-sm:active{
	background-color: #C6F6D5;
}

.bg-green-300-a-sm:active{
	background-color: #9AE6B4;
}

.bg-green-400-a-sm:active{
	background-color: #68D391;
}

.bg-green-500-a-sm:active{
	background-color: #48BB78;
}

.bg-green-600-a-sm:active{
	background-color: #38A169;
}

.bg-green-700-a-sm:active{
	background-color: #2F855A;
}

.bg-green-800-a-sm:active{
	background-color: #276749;
}

.bg-green-900-a-sm:active{
	background-color: #22543D;
}


.bg-yellow-100-a-sm:active{
	background-color: #FFFFF0;
}

.bg-yellow-200-a-sm:active{
	background-color: #FEFCBF;
}

.bg-yellow-300-a-sm:active{
	background-color: #FAF089;
}

.bg-yellow-400-a-sm:active{
	background-color: #F6E05E;
}

.bg-yellow-500-a-sm:active{
	background-color: #ECC94B;
}

.bg-yellow-600-a-sm:active{
	background-color: #D69E2E;
}

.bg-yellow-700-a-sm:active{
	background-color: #B7791F;
}

.bg-yellow-800-a-sm:active{
	background-color: #975A16;
}

.bg-yellow-900-a-sm:active{
	background-color: #744210;
}



.bg-orange-100-a-sm:active{
	background-color: #FFFAF0;
}

.bg-orange-200-a-sm:active{
	background-color: #FEEBC8;
}

.bg-orange-300-a-sm:active{
	background-color: #FBD38D;
}

.bg-orange-400-a-sm:active{
	background-color: #F6AD55;
}

.bg-orange-500-a-sm:active{
	background-color: #ED8936;
}

.bg-orange-600-a-sm:active{
	background-color: #DD6B20;
}

.bg-orange-700-a-sm:active{
	background-color: #C05621;
}

.bg-orange-800-a-sm:active{
	background-color: #9C4221;
}

.bg-orange-900-a-sm:active{
	background-color: #7B341E;
}



.bg-red-100-a-sm:active{
	background-color: #FFF5F5;
}

.bg-red-200-a-sm:active{
	background-color: #FED7D7;
}

.bg-red-300-a-sm:active{
	background-color: #FEB2B2;
}

.bg-red-400-a-sm:active{
	background-color: #FC8181;
}

.bg-red-500-a-sm:active{
	background-color: #F56565;
}

.bg-red-600-a-sm:active{
	background-color: #E53E3E;
}

.bg-red-700-a-sm:active{
	background-color: #C53030;
}

.bg-red-800-a-sm:active{
	background-color: #9B2C2C;
}

.bg-red-900-a-sm:active{
	background-color: #742A2A;
}



.bg-gray-100-a-sm:active{
	background-color: #F7FAFC;
}

.bg-gray-200-a-sm:active{
	background-color: #EDF2F7;
}

.bg-gray-300-a-sm:active{
	background-color: #E2E8F0;
}

.bg-gray-400-a-sm:active{
	background-color: #CBD5E0;
}

.bg-gray-500-a-sm:active{
	background-color: #A0AEC0;
}

.bg-gray-600-a-sm:active{
	background-color: #718096;
}

.bg-gray-700-a-sm:active{
	background-color: #4A5568;
}

.bg-gray-800-a-sm:active{
	background-color: #2D3748;
}

.bg-gray-900-a-sm:active{
	background-color: #1A202C;
}

.bg-transparent-a-sm:active{
	background-color: transparent;
}

.bg-black-a-sm:active{
	background-color: #000000;
}

.bg-white-a-sm:active{
	background-color: #FFFFFF;
}

.bg-purple-100-h-sm:hover{
	background-color: #FAF5FF;
}

.bg-purple-200-h-sm:hover{
	background-color: #E9D8FD;
}

.bg-purple-300-h-sm:hover{
	background-color: #D6BCFA;
}

.bg-purple-400-h-sm:hover{
	background-color: #B794F4;
}

.bg-purple-500-h-sm:hover{
	background-color: #9F7AEA;
}

.bg-purple-600-h-sm:hover{
	background-color: #805AD5;
}

.bg-purple-700-h-sm:hover{
	background-color: #6B46C1;
}

.bg-purple-800-h-sm:hover{
	background-color: #553C9A;
}

.bg-purple-900-h-sm:hover{
	background-color: #44337A;
}




.bg-blue-100-h-sm:hover{
	background-color: #EBF8FF;
}

.bg-blue-200-h-sm:hover{
	background-color: #BEE3F8;
}

.bg-blue-300-h-sm:hover{
	background-color: #90CDF4;
}

.bg-blue-400-h-sm:hover{
	background-color: #63B3ED;
}

.bg-blue-500-h-sm:hover{
	background-color: #4299E1;
}

.bg-blue-600-h-sm:hover{
	background-color: #3182CE;
}

.bg-blue-700-h-sm:hover{
	background-color: #2B6CB0;
}

.bg-blue-800-h-sm:hover{
	background-color: #2C5282;
}

.bg-blue-900-h-sm:hover{
	background-color: #2A4365;
}


.bg-teal-100-h-sm:hover{
	background-color: #E6FFFA;
}

.bg-teal-200-h-sm:hover{
	background-color: #B2F5EA;
}

.bg-teal-300-h-sm:hover{
	background-color: #81E6D9;
}

.bg-teal-400-h-sm:hover{
	background-color: #4FD1C5;
}

.bg-teal-500-h-sm:hover{
	background-color: #38B2AC;
}

.bg-teal-600-h-sm:hover{
	background-color: #319795;
}

.bg-teal-700-h-sm:hover{
	background-color: #2C7A7B;
}

.bg-teal-800-h-sm:hover{
	background-color: #285E61;
}

.bg-teal-900-h-sm:hover{
	background-color: #234E52;
}



.bg-pink-100-h-sm:hover{
	background-color: #FFF5F7;
}
.bg-pink-200-h-sm:hover{
	background-color: #FED7E2;
}

.bg-pink-300-h-sm:hover{
	background-color: #FBB6CE;
}

.bg-pink-400-h-sm:hover{
	background-color: #F687B3;
}

.bg-pink-500-h-sm:hover{
	background-color: #ED64A6;
}

.bg-pink-600-h-sm:hover{
	background-color: #D53F8C;
}

.bg-pink-700-h-sm:hover{
	background-color: #B83280;
}

.bg-pink-800-h-sm:hover{
	background-color: #97266D;
}

.bg-pink-900-h-sm:hover{
	background-color: #702459;
}



.bg-indigo-100-h-sm:hover{
	background-color: #EBF4FF;
}
.bg-indigo-200-h-sm:hover{
	background-color: #C3DAFE;
}
.bg-indigo-300-h-sm:hover{
	background-color: #A3BFFA;
}
.bg-indigo-400-h-sm:hover{
	background-color: #7F9CF5;
}
.bg-indigo-500-h-sm:hover{
	background-color: #667EEA;
}
.bg-indigo-600-h-sm:hover{
	background-color: #5A67D8;
}
.bg-indigo-700-h-sm:hover{
	background-color: #4C51BF;
}
.bg-indigo-800-h-sm:hover{
	background-color: #434190;
}
.bg-indigo-900-h-sm:hover{	
	background-color: #3C366B;
}


.bg-green-100-h-sm:hover{
	background-color: #F0FFF4;
}

.bg-green-200-h-sm:hover{
	background-color: #C6F6D5;
}

.bg-green-300-h-sm:hover{
	background-color: #9AE6B4;
}

.bg-green-400-h-sm:hover{
	background-color: #68D391;
}

.bg-green-500-h-sm:hover{
	background-color: #48BB78;
}

.bg-green-600-h-sm:hover{
	background-color: #38A169;
}

.bg-green-700-h-sm:hover{
	background-color: #2F855A;
}

.bg-green-800-h-sm:hover{
	background-color: #276749;
}

.bg-green-900-h-sm:hover{
	background-color: #22543D;
}


.bg-yellow-100-h-sm:hover{
	background-color: #FFFFF0;
}

.bg-yellow-200-h-sm:hover{
	background-color: #FEFCBF;
}

.bg-yellow-300-h-sm:hover{
	background-color: #FAF089;
}

.bg-yellow-400-h-sm:hover{
	background-color: #F6E05E;
}

.bg-yellow-500-h-sm:hover{
	background-color: #ECC94B;
}

.bg-yellow-600-h-sm:hover{
	background-color: #D69E2E;
}

.bg-yellow-700-h-sm:hover{
	background-color: #B7791F;
}

.bg-yellow-800-h-sm:hover{
	background-color: #975A16;
}

.bg-yellow-900-h-sm:hover{
	background-color: #744210;
}



.bg-orange-100-h-sm:hover{
	background-color: #FFFAF0;
}

.bg-orange-200-h-sm:hover{
	background-color: #FEEBC8;
}

.bg-orange-300-h-sm:hover{
	background-color: #FBD38D;
}

.bg-orange-400-h-sm:hover{
	background-color: #F6AD55;
}

.bg-orange-500-h-sm:hover{
	background-color: #ED8936;
}

.bg-orange-600-h-sm:hover{
	background-color: #DD6B20;
}

.bg-orange-700-h-sm:hover{
	background-color: #C05621;
}

.bg-orange-800-h-sm:hover{
	background-color: #9C4221;
}

.bg-orange-900-h-sm:hover{
	background-color: #7B341E;
}



.bg-red-100-h-sm:hover{
	background-color: #FFF5F5;
}

.bg-red-200-h-sm:hover{
	background-color: #FED7D7;
}

.bg-red-300-h-sm:hover{
	background-color: #FEB2B2;
}

.bg-red-400-h-sm:hover{
	background-color: #FC8181;
}

.bg-red-500-h-sm:hover{
	background-color: #F56565;
}

.bg-red-600-h-sm:hover{
	background-color: #E53E3E;
}

.bg-red-700-h-sm:hover{
	background-color: #C53030;
}

.bg-red-800-h-sm:hover{
	background-color: #9B2C2C;
}

.bg-red-900-h-sm:hover{
	background-color: #742A2A;
}



.bg-gray-100-h-sm:hover{
	background-color: #F7FAFC;
}

.bg-gray-200-h-sm:hover{
	background-color: #EDF2F7;
}

.bg-gray-300-h-sm:hover{
	background-color: #E2E8F0;
}

.bg-gray-400-h-sm:hover{
	background-color: #CBD5E0;
}

.bg-gray-500-h-sm:hover{
	background-color: #A0AEC0;
}

.bg-gray-600-h-sm:hover{
	background-color: #718096;
}

.bg-gray-700-h-sm:hover{
	background-color: #4A5568;
}

.bg-gray-800-h-sm:hover{
	background-color: #2D3748;
}

.bg-gray-900-h-sm:hover{
	background-color: #1A202C;
}

.bg-transparent-h-sm:hover{
	background-color: transparent;
}

.bg-black-h-sm:hover{
	background-color: #000000;
}

.bg-white-h-sm:hover{
	background-color: #FFFFFF;
}






.outline-none-sm{
	outline:none;
}

.outline-purple-100-sm{
	outline-color: #FAF5FF;
}

.outline-purple-200-sm{
	outline-color: #E9D8FD;
}

.outline-purple-300-sm{
	outline-color: #D6BCFA;
}

.outline-purple-400-sm{
	outline-color: #B794F4;
}

.outline-purple-500-sm{
	outline-color: #9F7AEA;
}

.outline-purple-600-sm{
	outline-color: #805AD5;
}

.outline-purple-700-sm{
	outline-color: #6B46C1;
}

.outline-purple-800-sm{
	outline-color: #553C9A;
}

.outline-purple-900-sm{
	outline-color: #44337A;
}

.outline-blue-100-sm{
	outline-color: #EBF8FF;
}

.outline-blue-200-sm{
	outline-color: #BEE3F8;
}

.outline-blue-300-sm{
	outline-color: #90CDF4;
}

.outline-blue-400-sm{
	outline-color: #63B3ED;
}

.outline-blue-500-sm{
	outline-color: #4299E1;
}

.outline-blue-600-sm{
	outline-color: #3182CE;
}

.outline-blue-700-sm{
	outline-color: #2B6CB0;
}

.outline-blue-800-sm{
	outline-color: #2C5282;
}

.outline-blue-900-sm{
	outline-color: #2A4365;
}


.outline-teal-100-sm{
	outline-color: #E6FFFA;
}

.outline-teal-200-sm{
	outline-color: #B2F5EA;
}

.outline-teal-300-sm{
	outline-color: #81E6D9;
}

.outline-teal-400-sm{
	outline-color: #4FD1C5;
}

.outline-teal-500-sm{
	outline-color: #38B2AC;
}

.outline-teal-600-sm{
	outline-color: #319795;
}

.outline-teal-700-sm{
	outline-color: #2C7A7B;
}

.outline-teal-800-sm{
	outline-color: #285E61;
}

.outline-teal-900-sm{
	outline-color: #234E52;
}



.outline-pink-100-sm{
	outline-color: #FFF5F7;
}
.outline-pink-200-sm{
	outline-color: #FED7E2;
}

.outline-pink-300-sm{
	outline-color: #FBB6CE;
}

.outline-pink-400-sm{
	outline-color: #F687B3;
}

.outline-pink-500-sm{
	outline-color: #ED64A6;
}

.outline-pink-600-sm{
	outline-color: #D53F8C;
}

.outline-pink-700-sm{
	outline-color: #B83280;
}

.outline-pink-800-sm{
	outline-color: #97266D;
}

.outline-pink-900-sm{
	outline-color: #702459;
}



.outline-indigo-100-sm{
	outline-color: #EBF4FF;
}
.outline-indigo-200-sm{
	outline-color: #C3DAFE;
}
.outline-indigo-300-sm{
	outline-color: #A3BFFA;
}
.outline-indigo-400-sm{
	outline-color: #7F9CF5;
}
.outline-indigo-500-sm{
	outline-color: #667EEA;
}
.outline-indigo-600-sm{
	outline-color: #5A67D8;
}
.outline-indigo-700-sm{
	outline-color: #4C51BF;
}
.outline-indigo-800-sm{
	outline-color: #434190;
}
.outline-indigo-900-sm{	
	outline-color: #3C366B;
}


.outline-green-100-sm{
	outline-color: #F0FFF4;
}

.outline-green-200-sm{
	outline-color: #C6F6D5;
}

.outline-green-300-sm{
	outline-color: #9AE6B4;
}

.outline-green-400-sm{
	outline-color: #68D391;
}

.outline-green-500-sm{
	outline-color: #48BB78;
}

.outline-green-600-sm{
	outline-color: #38A169;
}

.outline-green-700-sm{
	outline-color: #2F855A;
}

.outline-green-800-sm{
	outline-color: #276749;
}

.outline-green-900-sm{
	outline-color: #22543D;
}


.outline-yellow-100-sm{
	outline-color: #FFFFF0;
}

.outline-yellow-200-sm{
	outline-color: #FEFCBF;
}

.outline-yellow-300-sm{
	outline-color: #FAF089;
}

.outline-yellow-400-sm{
	outline-color: #F6E05E;
}

.outline-yellow-500-sm{
	outline-color: #ECC94B;
}

.outline-yellow-600-sm{
	outline-color: #D69E2E;
}

.outline-yellow-700-sm{
	outline-color: #B7791F;
}

.outline-yellow-800-sm{
	outline-color: #975A16;
}

.outline-yellow-900-sm{
	outline-color: #744210;
}



.outline-orange-100-sm{
	outline-color: #FFFAF0;
}

.outline-orange-200-sm{
	outline-color: #FEEBC8;
}

.outline-orange-300-sm{
	outline-color: #FBD38D;
}

.outline-orange-400-sm{
	outline-color: #F6AD55;
}

.outline-orange-500-sm{
	outline-color: #ED8936;
}

.outline-orange-600-sm{
	outline-color: #DD6B20;
}

.outline-orange-700-sm{
	outline-color: #C05621;
}

.outline-orange-800-sm{
	outline-color: #9C4221;
}

.outline-orange-900-sm{
	outline-color: #7B341E;
}



.outline-red-100-sm{
	outline-color: #FFF5F5;
}

.outline-red-200-sm{
	outline-color: #FED7D7;
}

.outline-red-300-sm{
	outline-color: #FEB2B2;
}

.outline-red-400-sm{
	outline-color: #FC8181;
}

.outline-red-500-sm{
	outline-color: #F56565;
}

.outline-red-600-sm{
	outline-color: #E53E3E;
}

.outline-red-700-sm{
	outline-color: #C53030;
}

.outline-red-800-sm{
	outline-color: #9B2C2C;
}

.outline-red-900-sm{
	outline-color: #742A2A;
}



.outline-gray-100-sm{
	outline-color: #F7FAFC;
}

.outline-gray-200-sm{
	outline-color: #EDF2F7;
}

.outline-gray-300-sm{
	outline-color: #E2E8F0;
}

.outline-gray-400-sm{
	outline-color: #CBD5E0;
}

.outline-gray-500-sm{
	outline-color: #A0AEC0;
}

.outline-gray-600-sm{
	outline-color: #718096;
}

.outline-gray-700-sm{
	outline-color: #4A5568;
}

.outline-gray-800-sm{
	outline-color: #2D3748;
}

.outline-gray-900-sm{
	outline-color: #1A202C;
}


.outline-black-sm{
	outline-color: #000000;
}

.outline-white-sm{
	outline-color: #FFFFFF;
}


/* RESPONSIVE DESIGN */
.flex-sm{
	display: flex;
}

.justify-center-sm{
	justify-content: center;
}

.justify-end-sm{
	justify-content: flex-end;
}
.justify-evenly-sm{
	justify-content: space-evenly;
}


.justify-start-sm{
	justify-content:flex-start;
}

.justify-around-sm{
	justify-content:space-around;
}

.justify-between-sm{
	justify-content: space-between;
}

.align-items-center-sm{
	align-items: center;
}

.align-items-start-sm{
	align-items: flex-start;
}

.align-items-end-sm{
	align-items: flex-end;
}

.align-items-stretch-sm{
	align-items: stretch;
}

.align-content-center-sm{
	align-items: center;
}

.align-content-start-sm{
	align-items: flex-start;
}

.align-content-end-sm{
	align-items: flex-end;
}

.align-content-stretch-sm{
	align-items: stretch;
}

.align-self-center-sm{
	align-items: center;
}

.align-self-start-sm{
	align-items: flex-start;
}

.align-self-end-sm{
	align-items: flex-end;
}

.align-self-stretch-sm{
	align-items: stretch;
}

.text-right-sm{
	text-align: right;
}

.text-left-sm{
	text-align: left;
}

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

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

.z-10-sm{
	z-index:10;
}

.z-20-sm{
	z-index: 20;
}

.z-30-sm{
	z-index: 30;
}

.z-40-sm{
	z-index: 40;
}

.z-50-sm{
	z-index: 50;
}

.z-60-sm{
	z-index: 60;
}

.z-70-sm{
	z-index: 70;
}

.z-80-sm{
	z-index: 80;
}

.z-90-sm{
	z-index: 90;
}

.z-100-sm{
	z-index: 100;
}

.z-inherit-sm{
	z-index: inherit;
}

.z-intial-sm{
	z-index: initial;
}

.z-auto-sm{
	z-index: auto;
}

.flex-wrap-sm{
	flex-wrap: wrap;
}

.flex-nowrap-sm{
	flex-wrap: nowrap;
}

.flex-Rwrap-sm{
	flex-wrap: wrap-reverse;
}

.flex-column-sm{
	flex-direction: column;
}

.flex-Rcolumn-sm{
	flex-direction: column-reverse;
}

.flex-row-sm{
	flex-direction: row;
}

.flex-Rrow-sm{
	flex-direction: row-reverse;
}

.flex-grow-sm{
	flex-grow: 1;
}

.flex-grow-0-sm{
	flex-grow: 0;
}

.flex-shrink-sm{
	flex-shrink: 1;
}

.flex-shrink-0-sm{
	flex-shrink: 0;
}

.order-first-sm{
	order: -9999;
}

.order-last-sm{
	order: 9999;
}

.order-none-sm{
	order: 0;
}

.order-1-sm{
	order: 1;
}

.order-2-sm{
	order: 2;
}

.order-3-sm{
	order: 3;
}

.order-4-sm{
	order: 4;
}

.order-5-sm{
	order: 5;
}

.order-6-sm{
	order: 6;
}

.order-7-sm{
	order: 7;
}

.order-8-sm{
	order: 8;
}

.order-9-sm{
	order: 9;
}


/* HEIGHT */

.max-h-0-sm{
	max-height: 0;
}

.h-auto-sm{
	height: auto;
}

.max-h-100-sm{
	max-height: 100%;
}

.h-content-sm{
	height: max-content;
}

.vh-1-sm{
	height:1vh;
}

.vh-10-sm{
	height:10vh;
}

.vh-20-sm{
	height:20vh;
}

.vh-30-sm{
	height:30vh;
}

.vh-40-sm{
	height:40vh;
}

.vh-50-sm{
	height:50vh;
}

.vh-60-sm{
	height:60vh;
}

.vh-70-sm{
	height:70vh;
}

.vh-80-sm{
	height:80vh;
}

.vh-90-sm{
	height:90vh;
}

.vh-100-sm{
	height:100vh;
}

/*percentage */
.h-1-sm{
	height:1%;
}

.h-10-sm{
	height:10%;
}

.h-20-sm{
	height:20%;
}

.h-30-sm{
	height:30%;
}

.h-40-sm{
	height:40%;
}

.h-50-sm{
	height:50%;
}

.h-60-sm{
	height:60%;
}

.h-70-sm{
	height:70%;
}

.h-80-sm{
	height:80%;
}

.h-90-sm{
	height:90%;
}

.h-100-sm{
	height:100%;
}


/* MARGIN */


/* =========================================================================================
====================================================================================================== */


.m-0-sm{
	margin: 0;
}

.m-1-sm{
	margin: 5px;
}

.m-2-sm{
	margin: 10px;
}

.m-3-sm{
	margin: 15px;
}

.m-4-sm{
	margin: 20px;
}

.m-5-sm{
	margin: 25px;
}

.m-6-sm{
	margin: 30px;
}

.m-7-sm{
	margin: 35px;
}

.m-8-sm{
	margin: 40px;
}

.m-9-sm{
	margin: 45px;
}

.m-10-sm{
	margin: 50px;
}


.m-11-sm{
	margin: 55px;
}

.m-12-sm{
	margin: 60px;
}

.m-13-sm{
	margin: 65px;
}

.m-14-sm{
	margin: 70px;
}

.m-15-sm{
	margin: 75px;
}

.m-16-sm{
	margin: 80px;
}

.m-17-sm{
	margin: 85px;
}

.m-18-sm{
	margin: 90px;
}

.m-19-sm{
	margin: 95px;
}

.m-20-sm{
	margin: 100px;
}

/* NORMAL MARGIN END */




/* MARGIN TOP */
.mt-0-sm{
	margin-top: 0;
}

.mt-1-sm{
	margin-top: 5px;
}

.mt-2-sm{
	margin-top: 10px;
}

.mt-3-sm{
	margin-top: 15px;
}

.mt-4-sm{
	margin-top: 20px;
}

.mt-5-sm{
	margin-top: 25px;
}

.mt-6-sm{
	margin-top: 30px;
}

.mt-7-sm{
	margin-top: 35px;
}

.mt-8-sm{
	margin-top: 40px;
}

.mt-9-sm{
	margin-top: 45px;
}

.mt-10-sm{
	margin-top: 50px;
}


.mt-11-sm{
	margin-top: 55px;
}

.mt-12-sm{
	margin-top: 60px;
}

.mt-13-sm{
	margin-top: 65px;
}

.mt-14-sm{
	margin-top: 70px;
}

.mt-15-sm{
	margin-top: 75px;
}

.mt-16-sm{
	margin-top: 80px;
}

.mt-17-sm{
	margin-top: 85px;
}

.mt-18-sm{
	margin-top: 90px;
}

.mt-19-sm{
	margin-top: 95px;
}

.mt-20-sm{
	margin-top: 100px;
}


/* MRGIN BOTTOM */

.mb-0-sm{
	margin-bottom: 0;
}

.mb-1-sm{
	margin-bottom: 5px;
}

.mb-2-sm{
	margin-bottom: 10px;
}

.mb-3-sm{
	margin-bottom: 15px;
}

.mb-4-sm{
	margin-bottom: 20px;
}

.mb-5-sm{
	margin-bottom: 25px;
}

.mb-6-sm{
	margin-bottom: 30px;
}

.mb-7-sm{
	margin-bottom: 35px;
}

.mb-8-sm{
	margin-bottom: 40px;
}

.mb-9-sm{
	margin-bottom: 45px;
}

.mb-10-sm{
	margin-bottom: 50px;
}


.mb-11-sm{
	margin-bottom: 55px;
}

.mb-12-sm{
	margin-bottom: 60px;
}

.mb-13-sm{
	margin-bottom: 65px;
}

.mb-14-sm{
	margin-bottom: 70px;
}

.mb-15-sm{
	margin-bottom: 75px;
}

.mb-16-sm{
	margin-bottom: 80px;
}

.mb-17-sm{
	margin-bottom: 85px;
}

.mb-18-sm{
	margin-bottom: 90px;
}

.mb-19-sm{
	margin-bottom: 95px;
}

.mb-20-sm{
	margin-bottom: 100px;
}


/* MRGIN RIGHT */
.mr-0-sm{
	margin-right: 0;
}

.mr-1-sm{
	margin-right: 5px;
}

.mr-2-sm{
	margin-right: 10px;
}

.mr-3-sm{
	margin-right: 15px;
}

.mr-4-sm{
	margin-right: 20px;
}

.mr-5-sm{
	margin-right: 25px;
}

.mr-6-sm{
	margin-right: 30px;
}

.mr-7-sm{
	margin-right: 35px;
}

.mr-8-sm{
	margin-right: 40px;
}

.mr-9-sm{
	margin-right: 45px;
}

.mr-10-sm{
	margin-right: 50px;
}


.mr-11-sm{
	margin-right: 55px;
}

.mr-12-sm{
	margin-right: 60px;
}

.mr-13-sm{
	margin-right: 65px;
}

.mr-14-sm{
	margin-right: 70px;
}

.mr-15-sm{
	margin-right: 75px;
}

.mr-16-sm{
	margin-right: 80px;
}

.mr-17-sm{
	margin-right: 85px;
}

.mr-18-sm{
	margin-right: 90px;
}

.mr-19-sm{
	margin-right: 95px;
}

.mr-20-sm{
	margin-right: 100px;
}


/* MARGIN LEFT */

.ml-0-sm{
	margin-left: 0;
}

.ml-1-sm{
	margin-left: 5px;
}

.ml-2-sm{
	margin-left: 10px;
}

.ml-3-sm{
	margin-left: 15px;
}

.ml-4-sm{
	margin-left: 20px;
}

.ml-5-sm{
	margin-left: 25px;
}

.ml-6-sm{
	margin-left: 30px;
}

.ml-7-sm{
	margin-left: 35px;
}

.ml-8-sm{
	margin-left: 40px;
}

.ml-9-sm{
	margin-left: 45px;
}

.ml-10-sm{
	margin-left: 50px;
}


.ml-11-sm{
	margin-left: 55px;
}

.ml-12-sm{
	margin-left: 60px;
}

.ml-13-sm{
	margin-left: 65px;
}

.ml-14-sm{
	margin-left: 70px;
}

.ml-15-sm{
	margin-left: 75px;
}

.ml-16-sm{
	margin-left: 80px;
}

.ml-17-sm{
	margin-left: 85px;
}

.ml-18-sm{
	margin-left: 90px;
}

.ml-19-sm{
	margin-left: 95px;
}

.ml-20-sm{
	margin-left: 100px;
}


/* MARGIN Y-AXIS */

.my-0-sm{
	margin-bottom:0;
	margin-top: 0;
}

.my-1-sm{
	margin-top:  5px;
	margin-bottom: 5px;
}

.my-2-sm{
	margin-top: 10px;
	margin-bottom:10px;
}

.my-3-sm{
	margin-top: 15px;
	margin-bottom:15px;
}

.my-4-sm{
	margin-top: 20px;
	margin-bottom:20px;
}

.my-5-sm{
	margin-top:  25px;
	margin-bottom: 25px;
}

.my-6-sm{
	margin-top: 30px;
	margin-bottom:30px;
}

.my-7-sm{
	margin-top:  35px;
	margin-bottom: 35px;
}

.my-8-sm{
	margin-top: 40px;
	margin-bottom:40px;
}

.my-9-sm{
	margin-top:  45px;
	margin-bottom: 45px;
}

.my-10-sm{
	margin-top: 50px;
	margin-bottom:50px;
}

.my-11-sm{
	margin-top: 55px;
	margin-bottom:55px;
}

.my-12-sm{
	margin-top: 60px;
	margin-bottom:60px;
}

.my-13-sm{
	margin-top: 65px;
	margin-bottom:65px;
}

.my-14-sm{
	margin-top: 70px;
	margin-bottom:70px;
}

.my-15-sm{
	margin-top:  75px;
	margin-bottom: 75px;
}

.my-16-sm{
	margin-top: 80px;
	margin-bottom:80px;
}

.my-17-sm{
	margin-top:  85px;
	margin-bottom: 85px;
}

.my-18-sm{
	margin-top: 90px;
	margin-bottom:90px;
}

.my-19-sm{
	margin-top:  95px;
	margin-bottom: 95px;
}

.my-20-sm{
	margin-top: 100px;
	margin-bottom:100px;
}



/* MARGIN X-AXIS */
.mx-0-sm{
	margin-right:0;
	margin-left: 0;
}

.mx-1-sm{
	margin-right:  5px;
	margin-left: 5px;
}

.mx-2-sm{
	margin-right: 10px;
	margin-left:10px;
}

.mx-3-sm{
	margin-right: 15px;
	margin-left:15px;
}

.mx-4-sm{
	margin-right: 20px;
	margin-left:20px;
}

.mx-5-sm{
	margin-right:  25px;
	margin-left: 25px;
}

.mx-6-sm{
	margin-right: 30px;
	margin-left:30px;
}

.mx-7-sm{
	margin-right:  35px;
	margin-left: 35px;
}

.mx-8-sm{
	margin-right: 40px;
	margin-left:40px;
}

.mx-9-sm{
	margin-right:  45px;
	margin-left: 45px;
}

.mx-10-sm{
	margin-right: 50px;
	margin-left:50px;
}

.mx-11-sm{
	margin-right: 55px;
	margin-left:55px;
}

.mx-12-sm{
	margin-right: 60px;
	margin-left:60px;
}

.mx-13-sm{
	margin-right: 65px;
	margin-left:65px;
}

.mx-14-sm{
	margin-right: 70px;
	margin-left:70px;
}

.mx-15-sm{
	margin-right:  75px;
	margin-left: 75px;
}

.mx-16-sm{
	margin-right: 80px;
	margin-left:80px;
}

.mx-17-sm{
	margin-right:  85px;
	margin-left: 85px;
}

.mx-18-sm{
	margin-right: 90px;
	margin-left:90px;
}

.mx-19-sm{
	margin-right:  95px;
	margin-left: 95px;
}

.mx-20-sm{
	margin-right: 100px;
	margin-left:100px;
}




/* PADDING */
/* =============================================================================================================
======================================================================================================= */
.p-0-sm{
	padding: 0;
}

.p-1-sm{
	padding: 5px;
}

.p-2-sm{
	padding: 10px;
}

.p-3-sm{
	padding: 15px;
}

.p-4-sm{
	padding: 20px;
}

.p-5-sm{
	padding: 25px;
}

.p-6-sm{
	padding: 30px;
}

.p-7-sm{
	padding: 35px;
}

.p-8-sm{
	padding: 40px;
}

.p-9-sm{
	padding: 45px;
}

.p-10-sm{
	padding: 50px;
}


.p-11-sm{
	padding: 55px;
}

.p-12-sm{
	padding: 60px;
}

.p-13-sm{
	padding: 65px;
}

.p-14-sm{
	padding: 70px;
}

.p-15-sm{
	padding: 75px;
}

.p-16-sm{
	padding: 80px;
}

.p-17-sm{
	padding: 85px;
}

.p-18-sm{
	padding: 90px;
}

.p-19-sm{
	padding: 95px;
}

.p-20-sm{
	padding: 100px;
}

/* NORMAL padding END */




/* padding TOP */
.pt-0-sm{
	padding-top: 0;
}

.pt-1-sm{
	padding-top: 5px;
}

.pt-2-sm{
	padding-top: 10px;
}

.pt-3-sm{
	padding-top: 15px;
}

.pt-4-sm{
	padding-top: 20px;
}

.pt-5-sm{
	padding-top: 25px;
}

.pt-6-sm{
	padding-top: 30px;
}

.pt-7-sm{
	padding-top: 35px;
}

.pt-8-sm{
	padding-top: 40px;
}

.pt-9-sm{
	padding-top: 45px;
}

.pt-10-sm{
	padding-top: 50px;
}


.pt-11-sm{
	padding-top: 55px;
}

.pt-12-sm{
	padding-top: 60px;
}

.pt-13-sm{
	padding-top: 65px;
}

.pt-14-sm{
	padding-top: 70px;
}

.pt-15-sm{
	padding-top: 75px;
}

.pt-16-sm{
	padding-top: 80px;
}

.pt-17-sm{
	padding-top: 85px;
}

.pt-18-sm{
	padding-top: 90px;
}

.pt-19-sm{
	padding-top: 95px;
}

.pt-20-sm{
	padding-top: 100px;
}






/* MRGIN BOTTOM */

.pb-0-sm{
	padding-bottom: 0;
}

.pb-1-sm{
	padding-bottom: 5px;
}

.pb-2-sm{
	padding-bottom: 10px;
}

.pb-3-sm{
	padding-bottom: 15px;
}

.pb-4-sm{
	padding-bottom: 20px;
}

.pb-5-sm{
	padding-bottom: 25px;
}

.pb-6-sm{
	padding-bottom: 30px;
}

.pb-7-sm{
	padding-bottom: 35px;
}

.pb-8-sm{
	padding-bottom: 40px;
}

.pb-9-sm{
	padding-bottom: 45px;
}

.pb-10-sm{
	padding-bottom: 50px;
}


.pb-11-sm{
	padding-bottom: 55px;
}

.pb-12-sm{
	padding-bottom: 60px;
}

.pb-13-sm{
	padding-bottom: 65px;
}

.pb-14-sm{
	padding-bottom: 70px;
}

.pb-15-sm{
	padding-bottom: 75px;
}

.pb-16-sm{
	padding-bottom: 80px;
}

.pb-17-sm{
	padding-bottom: 85px;
}

.pb-18-sm{
	padding-bottom: 90px;
}

.pb-19-sm{
	padding-bottom: 95px;
}

.pb-20-sm{
	padding-bottom: 100px;
}


/* MRGIN RIGHT */
.pr-0-sm{
	padding-right: 0;
}

.pr-1-sm{
	padding-right: 5px;
}

.pr-2-sm{
	padding-right: 10px;
}

.pr-3-sm{
	padding-right: 15px;
}

.pr-4-sm{
	padding-right: 20px;
}

.pr-5-sm{
	padding-right: 25px;
}

.pr-6-sm{
	padding-right: 30px;
}

.pr-7-sm{
	padding-right: 35px;
}

.pr-8-sm{
	padding-right: 40px;
}

.pr-9-sm{
	padding-right: 45px;
}

.pr-10-sm{
	padding-right: 50px;
}


.pr-11-sm{
	padding-right: 55px;
}

.pr-12-sm{
	padding-right: 60px;
}

.pr-13-sm{
	padding-right: 65px;
}

.pr-14-sm{
	padding-right: 70px;
}

.pr-15-sm{
	padding-right: 75px;
}

.pr-16-sm{
	padding-right: 80px;
}

.pr-17-sm{
	padding-right: 85px;
}

.pr-18-sm{
	padding-right: 90px;
}

.pr-19-sm{
	padding-right: 95px;
}

.pr-20-sm{
	padding-right: 100px;
}


/* padding LEFT */

.pl-0-sm{
	padding-left: 0;
}

.pl-1-sm{
	padding-left: 5px;
}

.pl-2-sm{
	padding-left: 10px;
}

.pl-3-sm{
	padding-left: 15px;
}

.pl-4-sm{
	padding-left: 20px;
}

.pl-5-sm{
	padding-left: 25px;
}

.pl-6-sm{
	padding-left: 30px;
}

.pl-7-sm{
	padding-left: 35px;
}

.pl-8-sm{
	padding-left: 40px;
}

.pl-9-sm{
	padding-left: 45px;
}

.pl-10-sm{
	padding-left: 50px;
}


.pl-11-sm{
	padding-left: 55px;
}

.pl-12-sm{
	padding-left: 60px;
}

.pl-13-sm{
	padding-left: 65px;
}

.pl-14-sm{
	padding-left: 70px;
}

.pl-15-sm{
	padding-left: 75px;
}

.pl-16-sm{
	padding-left: 80px;
}

.pl-17-sm{
	padding-left: 85px;
}

.pl-18-sm{
	padding-left: 90px;
}

.pl-19-sm{
	padding-left: 95px;
}

.pl-20-sm{
	padding-left: 100px;
}


/* padding Y-AXIS */

.py-0-sm{
	padding-bottom:0;
	padding-top: 0;
}

.py-1-sm{
	padding-top:  5px;
	padding-bottom: 5px;
}

.py-2-sm{
	padding-top: 10px;
	padding-bottom:10px;
}

.py-3-sm{
	padding-top: 15px;
	padding-bottom:15px;
}

.py-4-sm{
	padding-top: 20px;
	padding-bottom:20px;
}

.py-5-sm{
	padding-top:  25px;
	padding-bottom: 25px;
}

.py-6-sm{
	padding-top: 30px;
	padding-bottom:30px;
}

.py-7-sm{
	padding-top:  35px;
	padding-bottom: 35px;
}

.py-8-sm{
	padding-top: 40px;
	padding-bottom:40px;
}

.py-9-sm{
	padding-top:  45px;
	padding-bottom: 45px;
}

.py-10-sm{
	padding-top: 50px;
	padding-bottom:50px;
}

.py-11-sm{
	padding-top: 55px;
	padding-bottom:55px;
}

.py-12-sm{
	padding-top: 60px;
	padding-bottom:60px;
}

.py-13-sm{
	padding-top: 65px;
	padding-bottom:65px;
}

.py-14-sm{
	padding-top: 70px;
	padding-bottom:70px;
}

.py-15-sm{
	padding-top:  75px;
	padding-bottom: 75px;
}

.py-16-sm{
	padding-top: 80px;
	padding-bottom:80px;
}

.py-17-sm{
	padding-top:  85px;
	padding-bottom: 85px;
}

.py-18-sm{
	padding-top: 90px;
	padding-bottom:90px;
}

.py-19-sm{
	padding-top:  95px;
	padding-bottom: 95px;
}

.py-20-sm{
	padding-top: 100px;
	padding-bottom:100px;
}



/* padding X-AXIS */
.px-0-sm{
	padding-right:0;
	padding-left: 0;
}

.px-1-sm{
	padding-right:  5px;
	padding-left: 5px;
}

.px-2-sm{
	padding-right: 10px;
	padding-left:10px;
}

.px-3-sm{
	padding-right: 15px;
	padding-left:15px;
}

.px-4-sm{
	padding-right: 20px;
	padding-left:20px;
}

.px-5-sm{
	padding-right:  25px;
	padding-left: 25px;
}

.px-6-sm{
	padding-right: 30px;
	padding-left:30px;
}

.px-7-sm{
	padding-right:  35px;
	padding-left: 35px;
}

.px-8-sm{
	padding-right: 40px;
	padding-left:40px;
}

.px-9-sm{
	padding-right:  45px;
	padding-left: 45px;
}

.px-10-sm{
	padding-right: 50px;
	padding-left:50px;
}

.px-11-sm{
	padding-right: 55px;
	padding-left:55px;
}

.px-12-sm{
	padding-right: 60px;
	padding-left:60px;
}

.px-13-sm{
	padding-right: 65px;
	padding-left:65px;
}

.px-14-sm{
	padding-right: 70px;
	padding-left:70px;
}

.px-15-sm{
	padding-right:  75px;
	padding-left: 75px;
}

.px-16-sm{
	padding-right: 80px;
	padding-left:80px;
}

.px-17-sm{
	padding-right:  85px;
	padding-left: 85px;
}

.px-18-sm{
	padding-right: 90px;
	padding-left:90px;
}

.px-19-sm{
	padding-right:  95px;
	padding-left: 95px;
}

.px-20-sm{
	padding-right: 100px;
	padding-left:100px;
}


/* END OF PADDING AND MARGIN */




.bold-sm{
	font-weight: bold;
}

.bolder-sm{
	font-weight: bolder;
}

.font-normal-sm{
	font-weight: normal;
}

.font-weight-inherit-sm{
	font-weight: initial;
}

.bold-h-sm:hover{
	font-weight: bold;
}

.bolder-h-sm:hover{
	font-weight: bolder;
}

.font-normal-h-sm:hover{
	font-weight: normal;
}

/* WIDTH */

/* ================================================================================================== */

.max-w-100-sm{
	max-width: 100%;
}

.max-w-0-sm{
	max-width: 0;
}

.w-auto-sm{
	width: auto;
}

.w-max-content-sm{
	width: max-content;
}



/* SCREEN VIEW WIDTH */
.vw-1-sm{
	width:1vw;
}

.vw-10-sm{
	width:10vw;
}

.vw-20-sm{
	width:20vw;
}

.vw-30-sm{
	width:30vw;
}

.vw-40-sm{
	width:40vw;
}

.vw-50-sm{
	width:50vw;
}

.vw-60-sm{
	width:60vw;
}

.vw-70-sm{
	width:70vw;
}

.vw-80-sm{
	width:80vw;
}

.vw-90-sm{
	width:90vw;
}

.vw-100-sm{
	width:100vw;
}



/* PERCENTAGE VIEW FOR WIDTH */
.w-1-sm{
	width:1%;
}

.w-10-sm{
	width:10%;
}

.w-20-sm{
	width:20%;
}

.w-30-sm{
	width:30%;
}

.w-40-sm{
	width:40%;
}

.w-50-sm{
	width:50%;
}

.w-60-sm{
	width:60%;
}

.w-70-sm{
	width:70%;
}

.w-80-sm{
	width:80%;
}

.w-90-sm{
	width:90%;
}

.w-100-sm{
	width:100%;
}

/* ====================================== END OF WIDTH =============================================== */


/* VISIBILITY */

.visible-sm{
	visibility: visible;
}

.invisible-sm{
	visibility: hidden;
}

.visible-h-sm:hover{
	visibility: visible;
}

.invisible-h-sm:hover{
	visibility: hidden;
}

/* ====================================== END OF VISIBLITY =============================================== */


/* DISPLAYS */

.d-none-sm{
	display: none;
}

.d-flex-sm{
	display: flex;
}

.d-block-sm{
	display: block;
}

.d-inline-sm{
	display: inline;
}

.d-inline-block-sm{
	display: inline-block;
}

.d-inline-flex-sm{
	display: inline-flex;
}

.d-grid-sm{
	display: grid;
}

.d-inline-grid-sm{
	display: inline-grid;
	display: -ms-inline-grid;
	display: -moz-inline-grid;
}


/* ====================================== END OF DISPLAY =======================================



/* POSITIONING */

.pos-fixed-sm{
	position: fixed;
}

.fixed-top-sm{
	position: fixed;
	top: 0;
}

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

.left-0-sm{
	left: 0;
}

.right-sm{
	right: 0;
}

.pos-sticky-sm{
	position: sticky;
}

.sticky-top-sm{
	position: sticky;
	top: 0;
}

.sticky-bottom-sm{
	position: sticky;
	bottom: 0;
}

.pos-relative-sm{
	position: relative;
}

.pos-absolute-sm{
	position:absolute;
}

.pos-static-sm{
	position: static;
}

.bg-mask-sm{
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}

/* ================================== END OF POSITIONING =============================================== */


/* FONT-SIZE */

.text-xs-sm{
	font-size: 11px;
}

.text-sm-sm{
	font-size: 13px;
}

.text-md-sm{
	font-size: 	15px;
}

.text-lg-sm{
	font-size: 17px;
}

.text-xl-sm{
	font-size: 1.19rem;
}

.text-xl-1-sm{
	font-size: 1.29rem;
}

.text-xl-2-sm{
	font-size: 1.39rem;
}

.text-xl-3-sm{
	font-size: 1.5rem;
}

.text-xl-4-sm{
	font-size: 1.62rem;
}

.text-xl-5-sm{
	font-size: 1.73rem;
}

.text-xl-6-sm{
	font-size: 1.86rem;
}

.text-xl-7-sm{
	font-size: 1.98rem;
}

.text-xl-8-sm{
	font-size: 2.12rem;
}

.text-xl-9-sm{
	font-size: 2.35rem;
}

.text-xl-10-sm{
	font-size: 2.75rem;
}

/* =============================================== END OF FONT-SIZE ===========================================*/


/* SMOOTH FONT */
.smooth-sm{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}		

.auto-smooth-sm{
		-webkit-font-smoothing: auto;
		-moz-osx-font-smoothing: auto;
}

.italic-sm{
	font-style: italic;
}

.oblique-sm{
	font-style: oblique;
}

.text-normal-sm{
	font-style: normal;
}

.underlined-sm{
	text-decoration: underline;
}

.crossed-sm{
	text-decoration: line-through;
}

.overlined-sm{
	text-decoration: overline;
}

.wavy-sm{
	text-decoration: wavy;
}

.text-decoration-none-sm{
	text-decoration: none;
}


/*  LETTER SPACING   */
.letters-tighter-sm{
	letter-spacing: -0.09rem;
}

.letters-tight-sm{
	letter-spacing: -0.03rem;
}

.letters-normal-sm{
	letter-spacing: 0rem;
}

.letters-wide-sm{
	letter-spacing: 0.09rem;
}

.letters-wider-sm{
	letter-spacing: 0.15rem;;
}

.line-0-sm{
	line-height: normal;
}

.line-1-sm{
	line-height: 1rem;
}

.line-2-sm{
	line-height: 1.5rem;
}

.line-3-sm{
	line-height: 2rem;
}

.line-4-sm{
	line-height: 2.5rem;
}


.uppercase-sm{
	text-transform: uppercase;
}

.lowercase-sm{
	text-transform: lowercase;
}

.capitalize-sm{
	text-transform: capitalize;
}

.normal-case-sm{
	text-transform: none;
}

.whitespace-normal-sm{
	white-space: normal;
}

.whitespace-nowrap-sm{
	white-space: nowrap;
}

.whitespace-pre-sm{
	white-space: pre;
}

.whitespace-pre-line-sm{
	white-space: pre-line;
}
	
.whitespace-pre-wrap-sm{
	white-space: pre-wrap;
}

.word-break-normal-sm{
	word-break: normal;
	overflow-wrap: normal
}

.break-words-sm{
	overflow-wrap: break-word;
}

.break-all-sm{
	word-break: break-all;
}

.truncate-text-sm{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

/* BAGKGROUND*/
.no-repeat-sm{
	background-repeat: no-repeat;
}

.bg-attachment-fixed-sm{
	background-attachment: fixed;
}

.bg-attachment-scroll-sm{
	background-attachment: scroll;
}

.bg-attachment-local-sm{
	background-attachment: local;
}

.bg-center-sm{
	background-position: center;
}

.bg-left-sm{
	background-position: left;
}

.bg-right-sm{
	background-position: right;
}

.bg-left-bottom-sm{
	background-position: left bottom;
}

.bg-right-bottom-sm{
	-webkit-background-composite: left top;
}

.bg-left-top-sm{
	background-position: right bottom;
}

.bg-right-top-sm{
	-webkit-background-composite: right top;
}


.bg-auto-sm{
	background-size: auto;
}

.bg-cover-sm{
	background-size: cover;
}

.bg-contain-sm{
	background-size: contain;
}


/* shadow */
.shadow-normal-sm{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-sm{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-sm{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-sm{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-sm{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-sm{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-sm{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-sm{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-sm{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-sm{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-sm{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-sm{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-sm{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-sm{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-sm{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-sm{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-sm{
	box-shadow: none;
}

.opacity-100-sm{
	opacity: 100%;
}

.opacity-10-sm{
	opacity: 10%;
}

.opacity-20-sm{
	opacity: 20%;
}

.opacity-30-sm{
	opacity: 30%;
}

.opacity-40-sm{
	opacity: 40%;
}

.opacity-50-sm{
	opacity: 50%;
}

.opacity-60-sm{
	opacity: 60%;
}

.opacity-70-sm{
	opacity: 70%;
}

.opacity-80-sm{
	opacity: 80%;
}

.opacity-90-sm{
	opacity: 90%;
}

.opacity-0-sm{
	opacity: 0%;
}

.shadow-normal-h-sm:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-h-sm:hover{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-h-sm:hover{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-h-sm:hover{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-h-sm:hover{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-h-sm:hover{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-h-sm:hover{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-h-sm:hover{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-h-sm:hover{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-h-sm:hover{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-h-sm:hover{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-h-sm:hover{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-h-sm:hover{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-h-sm:hover{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-h-sm:hover{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-h-sm:hover{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-h-sm:hover{
	box-shadow: none;
}

.opacity-100-h-sm:hover{
	opacity: 100%;
}

.opacity-10-h-sm:hover{
	opacity: 10%;
}

.opacity-20-h-sm:hover{
	opacity: 20%;
}

.opacity-30-h-sm:hover{
	opacity: 30%;
}

.opacity-40-h-sm:hover{
	opacity: 40%;
}

.opacity-50-h-sm:hover{
	opacity: 50%;
}

.opacity-60-h-sm:hover{
	opacity: 60%;
}

.opacity-70-h-sm:hover{
	opacity: 70%;
}

.opacity-80-h-sm:hover{
	opacity: 80%;
}

.opacity-90-h-sm:hover{
	opacity: 90%;
}

.opacity-0-h-sm:hover{
	opacity: 0%;
}


.shadow-normal-a-sm:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.2);
}

.shadow-around-a-sm:active{
	box-shadow: 0 0 3px rgb(0,0,0,.08);
}

.shadow-1-a-sm:active{
	box-shadow: 0 1px 1px rgb(0,0,0,.08);
}


.shadow-2-a-sm:active{
	box-shadow: 0 2px 2px rgb(0,0,0,.08);
}


.shadow-3-a-sm:active{
	box-shadow: 0 3px 3px rgb(0,0,0,.08);
}


.shadow-4-a-sm:active{
	box-shadow: 0 4px 4px rgb(0,0,0,.08);
}


.shadow-5-a-sm:active{
	box-shadow: 0 5px 5px rgb(0,0,0,.08);
}

.shadow-xs-a-sm:active{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm-a-sm:active{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-a-sm:active{
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md-a-sm:active{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg-a-sm:active{
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl-a-sm:active{
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl-a-sm:active{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner-a-sm:active{
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.shadow-outline-a-sm:active{
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.shadow-none-a-sm:active{
	box-shadow: none;
}

.opacity-100-a-sm:active{
	opacity: 100%;
}

.opacity-10-a-sm:active{
	opacity: 10%;
}

.opacity-20-a-sm:active{
	opacity: 20%;
}

.opacity-30-a-sm:active{
	opacity: 30%;
}

.opacity-40-a-sm:active{
	opacity: 40%;
}

.opacity-50-a-sm:active{
	opacity: 50%;
}

.opacity-60-a-sm:active{
	opacity: 60%;
}

.opacity-70-a-sm:active{
	opacity: 70%;
}

.opacity-80-a-sm:active{
	opacity: 80%;
}

.opacity-90-a-sm:active{
	opacity: 90%;
}

.opacity-0-a-sm:active{
	opacity: 0%;
}



/* LISTS */

.list-none-sm{
	list-style-type: none;
}

.list-disc-sm{
	list-style-type: disc;
}

.list-number-sm{
	list-style-type:decimal;
}

.list-roman-sm{
	list-style-type:lower-roman;
}

.list-alpha-sm{
	list-style-type: lower-alpha;
}

.list-in-sm{
	list-style-position: inside;
}

.list-out-sm{
	list-style-position: outside;
}

/* ==================================== END OF LIST ========================================================= */

.cursor-auto-sm{
	cursor: auto;
}

.cursor-default-sm{
	cursor: default;
}

.cursor-pointer-sm{
	cursor: pointer;
}

.cursor-wait-sm{
	cursor: wait;
}

.cursor-text-sm{
	cursor: text;
}

.cursor-move-sm{
	cursor: move;
}

.cursor-not-allowed-sm{
	cursor: not-allowed;
}

.pointer-events-none-sm{
	pointer-events: none;
}

.pointer-events-auto-sm{
	pointer-events: auto;
}


.select-none-sm{
	user-select: none;
}

.select-text-sm{
	user-select: text;
}

.select-all-sm{
	user-select: all;
}

.select-auto-sm{
	user-select: auto;
}

/* OVERFLOW */
.overflow-hidden-sm{
	overflow: hidden;
}

.overflow-scroll-sm{
	overflow: scroll;
}

.overflow-auto-sm{
	overflow: auto;
}

.oveflow-visible-sm{
	overflow: visible;
}

.overflow-inherit-sm{
	overflow: inherit;
}

.overflow-y-hidden-sm{
	overflow-y: hidden;
}

.overflow-y-scroll-sm{
	overflow-y: scroll;
}

.overflow-y-auto-sm{
	overflow-y: auto;
}

.oveflow-y-visible-sm{
	overflow-y: visible;
}

.overflow-y-inherit-sm{
	overflow-y: inherit;
}

.overflow-x-hidden-sm{
	overflow-x: hidden;
}

.overflow-x-scroll-sm{
	overflow-x: scroll;
}

.overflow-x-auto-sm{
	overflow-x: auto;
}

.oveflow-x-visible-sm{
	overflow-x: visible;
}

.overflow-x-inherit-sm{
	overflow-x: inherit;
}

.overflow-hidden-h-sm:hover{
	overflow: hidden;
}

.overflow-scroll-h-sm:hover{
	overflow: scroll;
}

.overflow-auto-h-sm:hover{
	overflow: auto;
}

.oveflow-visible-h-sm:hover{
	overflow: visible;
}

.overflow-inherit-h-sm:hover{
	overflow: inherit;
}

.overflow-y-hidden-h-sm:hover{
	overflow-y: hidden;
}

.overflow-y-scroll-h-sm:hover{
	overflow-y: scroll;
}

.overflow-y-auto-h-sm:hover{
	overflow-y: auto;
}

.oveflow-y-visible-h-sm:hover{
	overflow-y: visible;
}

.overflow-y-inherit-h-sm:hover{
	overflow-y: inherit;
}

.overflow-x-hidden-h-sm:hover{
	overflow-x: hidden;
}

.overflow-x-scroll-h-sm:hover{
	overflow-x: scroll;
}

.overflow-x-auto-h-sm:hover{
	overflow-x: auto;
}

.oveflow-x-visible-h-sm:hover{
	overflow-x: visible;
}

.overflow-x-inherit-h-sm:hover{
	overflow-x: inherit;
}





/* ============================================= END =================================================== */

/* GRID */
.grid-container-sm{
	display: flex;
	flex-wrap: wrap;
}



/* =========================================== GRID COLUMNS */

.g-1-sm{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 1px;
}

.g-2-sm{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 2px;
}

.g-3-sm{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 3px;
}

.g-4-sm{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 4px;
}

.g-5-sm{
	margin: 0;
	padding: 0;
	overflow: 0;
	margin: 5px;
}

.g-0-sm{
	margin: 0;
	padding: 0;
	overflow: 0;
}

.gx-1-sm{
	padding: 0;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
}

.gx-2-sm{
	padding: 0;
	margin-left: 2px;
	margin-right: 2px;
	overflow: hidden;
}

.gx-3-sm{
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden;
}

.gx-4-sm{
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
}

.gx-5-sm{
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
}

.gx-0-sm{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}


.gy-1-sm{
	padding: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	overflow: hidden;
}

.gy-2-sm{
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.gy-3-sm{
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden;
}

.gy-4-sm{
	padding: 0;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
}

.gy-5-sm{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}


.gy-0-sm{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}








/* ======================================== END GRIG ================================================== */


/*  IN FLEX RESPONSIBILITY  */

.col-10-sm{
	width: 100%;
}

.col-9-sm{
	width: 90%;
}

.col-8-sm{
	width: 80%;
}

.col-7-sm{
	width: 70%;
}

.col-6-sm{
	width: 60%;
}

.col-5-sm{
	width: 50%;
}

.col-4-sm{
	width: 40%;
}

.col-3-sm{
	width: 30%;
}

.col-2-sm{
	width: 20%;
}

.col-1-sm{
	width: 10%;
}

/* ROTATE TEXT */

.rotate-20-sm{
	transform: rotate(20deg);
}

.rotate-45-sm{
	transform: rotate(45deg);
}

.rotate-90-sm{
	transform: rotate(90deg);
}

.rotate-135-sm{
	transform: rotate(135deg);
}

.rotate-180-sm{
	transform: rotate(180deg);
}

.rotate-225-sm{
	transform: rotate(225deg);
}

.rotate-270-sm{
	transform: rotate(270deg);
}

.rotate-315-sm{
	transform: rotate(315deg);
}

.rotate-360-sm{
	transform: rotate(360deg);
}

/* ====================================== END OF ROTATE =============================================== */

/*  TRANSLATE  */
.translate-x-1-sm{
	transform: translate(1rem);
}

.translate-x-2-sm{
	transform: translate(2rem);
}

/* TRANSFORM ORIGIN */
.origin-center-sm{
		transform-origin: center;
}

.origin-top-sm{
		transform-origin: top;
}

.origin-top-right-sm{
		transform-origin: top right;
}

.origin-right-sm{
		transform-origin: right;
}

.origin-bottom-right-sm{
		transform-origin: bottom right;
}

.origin-bottom-sm{
		transform-origin: bottom;
}

.origin-bottom-left-sm{
		transform-origin: bottom left;
}

.origin-left-sm{
		transform-origin: left;
}

.origin-top-left-sm{
		transform-origin: top left;
}

.grid-1-sm .col{
	width:100%;
	margin:0;
	padding: 0;
}

.grid-2-sm .col{
	width:50%;
	margin:0;
	padding: 0;
}

.grid-3-sm .col{
	width: 33.333333333333%;
	margin:0;
	padding: 0;
}

.grid-4-sm .col{
	width: 25%;
	margin:0;
	padding: 0;
}

.grid-5-sm .col{
	width: 20%;
	margin:0;
	padding: 0;
}

.grid-6-sm .col{
	width: 16.65555555555%;
	margin:0;
	padding: 0;
}

.grid-7-sm .col{
	width: 14.285714285714%;
	margin:0;
	padding: 0;
}

.grid-8-sm .col{
	width: 12.5%;
	margin:0;
	padding: 0;
}

.grid-9-sm .col{
	width: 11.111111111111%;
	margin:0;
	padding: 0;
}

.grid-10-sm .col{
	width: 10%;
	margin:0;
	padding: 0;
}
.grid-11-sm .col{
	width: 9.090909091%;
	margin:0;
	padding: 0;
}

.grid-12-sm .col{
	width: 8.333333333%;
	margin:0;
	padding: 0;
}

}



/* EXTRA-SMALL SCREENS */
/* xs */
@media (max-width: 500px){

	/* TRANSITIONS PROPERTY */

	.transition-none-xs{
		transition-property: none;
	}

	.transition-all-xs{
		transition-property: all;
	}

	.transition-xs{
		transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, padding, margin;
	}

	.transition-colors-xs{
		transition-property: background-color, border-color, color, fill, stroke;
	}

	.transition-opacity-xs{
		transition-property: opacity;
	}

	.transition-shadow-xs{
		transition-property: box-shadow;
	}

	.transition-transform-xs{
		transition-property: transform;
	}


	/* =============================== TRANSITIONS ========================================================== */


	.img-xs{
		max-width: 100%;
		max-width: 100%;
	}

	.bg-light-MD-xs{
		color: #e6e6e6;
	}

	/* LINKS */
	a-xs{
		text-decoration: none;
	}

	/* COLORS */
	.text-purple-100-xs{
		color: #FAF5FF;
	}

	.text-purple-200-xs{
		color: #E9D8FD;
	}

	.text-purple-300-xs{
		color: #D6BCFA;
	}

	.text-purple-400-xs{
		color: #B794F4;
	}

	.text-purple-500-xs{
		color: #9F7AEA;
	}

	.text-purple-600-xs{
		color: #805AD5;
	}

	.text-purple-700-xs{
		color: #6B46C1;
	}

	.text-purple-800-xs{
		color: #553C9A;
	}

	.text-purple-900-xs{
		color: #44337A;
	}




	.text-blue-100-xs{
		color: #EBF8FF;
	}

	.text-blue-200-xs{
		color: #BEE3F8;
	}

	.text-blue-300-xs{
		color: #90CDF4;
	}

	.text-blue-400-xs{
		color: #63B3ED;
	}

	.text-blue-500-xs{
		color: #4299E1;
	}

	.text-blue-600-xs{
		color: #3182CE;
	}

	.text-blue-700-xs{
		color: #2B6CB0;
	}

	.text-blue-800-xs{
		color: #2C5282;
	}

	.text-blue-900-xs{
		color: #2A4365;
	}


	.text-teal-100-xs{
		color: #E6FFFA;
	}

	.text-teal-200-xs{
		color: #B2F5EA;
	}

	.text-teal-300-xs{
		color: #81E6D9;
	}

	.text-blue-400-xs{
		color: #4FD1C5;
	}

	.text-teal-500-xs{
		color: #38B2AC;
	}

	.text-teal-600-xs{
		color: #319795;
	}

	.text-teal-700-xs{
		color: #2C7A7B;
	}

	.text-teal-800-xs{
		color: #285E61;
	}

	.text-teal-900-xs{
		color: #234E52;
	}



	.text-pink-100-xs{
		color: #FFF5F7;
	}
	.text-pink-200-xs{
		color: #FED7E2;
	}

	.text-pink-300-xs{
		color: #FBB6CE;
	}

	.text-pink-400-xs{
		color: #F687B3;
	}

	.text-pink-500-xs{
		color: #ED64A6;
	}

	.text-pink-600-xs{
		color: #D53F8C;
	}

	.text-pink-700-xs{
		color: #B83280;
	}

	.text-pink-800-xs{
		color: #97266D;
	}

	.text-pink-900-xs{
		color: #702459;
	}



	.text-indigo-100-xs{
		color: #EBF4FF;
	}
	.text-indigo-200-xs{
		color: #C3DAFE;
	}
	.text-indigo-300-xs{
		color: #A3BFFA;
	}
	.text-indigo-400-xs{
		color: #7F9CF5;
	}
	.text-indigo-500-xs{
		color: #667EEA;
	}
	.text-indigo-600-xs{
		color: #5A67D8;
	}
	.text-indigo-700-xs{
		color: #4C51BF;
	}
	.text-indigo-800-xs{
		color: #434190;
	}
	.text-indigo-900-xs{	
		color: #3C366B;
	}


	.text-green-100-xs{
		color: #F0FFF4;
	}

	.text-green-200-xs{
		color: #C6F6D5;
	}

	.text-green-300-xs{
		color: #9AE6B4;
	}

	.text-green-400-xs{
		color: #68D391;
	}

	.text-green-500-xs{
		color: #48BB78;
	}

	.text-green-600-xs{
		color: #38A169;
	}

	.text-green-700-xs{
		color: #2F855A;
	}

	.text-green-800-xs{
		color: #276749;
	}

	.text-green-900-xs{
		color: #22543D;
	}


	.text-yellow-100-xs{
		color: #FFFFF0;
	}

	.text-yellow-200-xs{
		color: #FEFCBF;
	}

	.text-yellow-300-xs{
		color: #FAF089;
	}

	.text-yellow-400-xs{
		color: #F6E05E;
	}

	.text-yellow-500-xs{
		color: #ECC94B;
	}

	.text-yellow-600-xs{
		color: #D69E2E;
	}

	.text-yellow-700-xs{
		color: #B7791F;
	}

	.text-yellow-800-xs{
		color: #975A16;
	}

	.text-yellow-900-xs{
		color: #744210;
	}



	.text-orange-100-xs{
		color: #FFFAF0;
	}

	.text-orange-200-xs{
		color: #FEEBC8;
	}

	.text-orange-300-xs{
		color: #FBD38D;
	}

	.text-orange-400-xs{
		color: #F6AD55;
	}

	.text-orange-500-xs{
		color: #ED8936;
	}

	.text-orange-600-xs{
		color: #DD6B20;
	}

	.text-orange-700-xs{
		color: #C05621;
	}

	.text-orange-800-xs{
		color: #9C4221;
	}

	.text-orange-900-xs{
		color: #7B341E;
	}



	.text-red-100-xs{
		color: #FFF5F5;
	}

	.text-red-200-xs{
		color: #FED7D7;
	}

	.text-red-300-xs{
		color: #FEB2B2;
	}

	.text-red-400-xs{
		color: #FC8181;
	}

	.text-red-500-xs{
		color: #F56565;
	}

	.text-red-600-xs{
		color: #E53E3E;
	}

	.text-red-700-xs{
		color: #C53030;
	}

	.text-red-800-xs{
		color: #9B2C2C;
	}

	.text-red-900-xs{
		color: #742A2A;
	}



	.text-gray-100-xs{
		color: #F7FAFC;
	}

	.text-gray-200-xs{
		color: #EDF2F7;
	}

	.text-gray-300-xs{
		color: #E2E8F0;
	}

	.text-gray-400-xs{
		color: #CBD5E0;
	}

	.text-gray-500-xs{
		color: #A0AEC0;
	}

	.text-gray-600-xs{
		color: #718096;
	}

	.text-gray-700-xs{
		color: #4A5568;
	}

	.text-gray-800-xs{
		color: #2D3748;
	}

	.text-gray-900-xs{
		color: #1A202C;
	}


	.text-black-xs{
		color: #000000;
	}

	.text-white-xs{
		color: #FFFFFF;
	}

	.text-purple-100-f-xs:focus{
		color: #FAF5FF;
	}

	.text-purple-200-f-xs:focus{
		color: #E9D8FD;
	}

	.text-purple-300-f-xs:focus{
		color: #D6BCFA;
	}

	.text-purple-400-f-xs:focus{
		color: #B794F4;
	}

	.text-purple-500-f-xs:focus{
		color: #9F7AEA;
	}

	.text-purple-600-f-xs:focus{
		color: #805AD5;
	}

	.text-purple-700-f-xs:focus{
		color: #6B46C1;
	}

	.text-purple-800-f-xs:focus{
		color: #553C9A;
	}

	.text-purple-900-f-xs:focus{
		color: #44337A;
	}




	.text-blue-100-f-xs:focus{
		color: #EBF8FF;
	}

	.text-blue-200-f-xs:focus{
		color: #BEE3F8;
	}

	.text-blue-300-f-xs:focus{
		color: #90CDF4;
	}

	.text-blue-400-f-xs:focus{
		color: #63B3ED;
	}

	.text-blue-500-f-xs:focus{
		color: #4299E1;
	}

	.text-blue-600-f-xs:focus{
		color: #3182CE;
	}

	.text-blue-700-f-xs:focus{
		color: #2B6CB0;
	}

	.text-blue-800-f-xs:focus{
		color: #2C5282;
	}

	.text-blue-900-f-xs:focus{
		color: #2A4365;
	}


	.text-teal-100-f-xs:focus{
		color: #E6FFFA;
	}

	.text-teal-200-f-xs:focus{
		color: #B2F5EA;
	}

	.text-teal-300-f-xs:focus{
		color: #81E6D9;
	}

	.text-blue-400-f-xs:focus{
		color: #4FD1C5;
	}

	.text-teal-500-f-xs:focus{
		color: #38B2AC;
	}

	.text-teal-600-f-xs:focus{
		color: #319795;
	}

	.text-teal-700-f-xs:focus{
		color: #2C7A7B;
	}

	.text-teal-800-f-xs:focus{
		color: #285E61;
	}

	.text-teal-900-f-xs:focus{
		color: #234E52;
	}



	.text-pink-100-f-xs:focus{
		color: #FFF5F7;
	}
	.text-pink-200-f-xs:focus{
		color: #FED7E2;
	}

	.text-pink-300-f-xs:focus{
		color: #FBB6CE;
	}

	.text-pink-400-f-xs:focus{
		color: #F687B3;
	}

	.text-pink-500-f-xs:focus{
		color: #ED64A6;
	}

	.text-pink-600-f-xs:focus{
		color: #D53F8C;
	}

	.text-pink-700-f-xs:focus{
		color: #B83280;
	}

	.text-pink-800-f-xs:focus{
		color: #97266D;
	}

	.text-pink-900-f-xs:focus{
		color: #702459;
	}



	.text-indigo-100-f-xs:focus{
		color: #EBF4FF;
	}
	.text-indigo-200-f-xs:focus{
		color: #C3DAFE;
	}
	.text-indigo-300-f-xs:focus{
		color: #A3BFFA;
	}
	.text-indigo-400-f-xs:focus{
		color: #7F9CF5;
	}
	.text-indigo-500-f-xs:focus{
		color: #667EEA;
	}
	.text-indigo-600-f-xs:focus{
		color: #5A67D8;
	}
	.text-indigo-700-f-xs:focus{
		color: #4C51BF;
	}
	.text-indigo-800-f-xs:focus{
		color: #434190;
	}
	.text-indigo-900-f-xs:focus{	
		color: #3C366B;
	}


	.text-green-100-f-xs:focus{
		color: #F0FFF4;
	}

	.text-green-200-f-xs:focus{
		color: #C6F6D5;
	}

	.text-green-300-f-xs:focus{
		color: #9AE6B4;
	}

	.text-green-400-f-xs:focus{
		color: #68D391;
	}

	.text-green-500-f-xs:focus{
		color: #48BB78;
	}

	.text-green-600-f-xs:focus{
		color: #38A169;
	}

	.text-green-700-f-xs:focus{
		color: #2F855A;
	}

	.text-green-800-f-xs:focus{
		color: #276749;
	}

	.text-green-900-f-xs:focus{
		color: #22543D;
	}


	.text-yellow-100-f-xs:focus{
		color: #FFFFF0;
	}

	.text-yellow-200-f-xs:focus{
		color: #FEFCBF;
	}

	.text-yellow-300-f-xs:focus{
		color: #FAF089;
	}

	.text-yellow-400-f-xs:focus{
		color: #F6E05E;
	}

	.text-yellow-500-f-xs:focus{
		color: #ECC94B;
	}

	.text-yellow-600-f-xs:focus{
		color: #D69E2E;
	}

	.text-yellow-700-f-xs:focus{
		color: #B7791F;
	}

	.text-yellow-800-f-xs:focus{
		color: #975A16;
	}

	.text-yellow-900-f-xs:focus{
		color: #744210;
	}



	.text-orange-100-f-xs:focus{
		color: #FFFAF0;
	}

	.text-orange-200-f-xs:focus{
		color: #FEEBC8;
	}

	.text-orange-300-f-xs:focus{
		color: #FBD38D;
	}

	.text-orange-400-f-xs:focus{
		color: #F6AD55;
	}

	.text-orange-500-f-xs:focus{
		color: #ED8936;
	}

	.text-orange-600-f-xs:focus{
		color: #DD6B20;
	}

	.text-orange-700-f-xs:focus{
		color: #C05621;
	}

	.text-orange-800-f-xs:focus{
		color: #9C4221;
	}

	.text-orange-900-f-xs:focus{
		color: #7B341E;
	}



	.text-red-100-f-xs:focus{
		color: #FFF5F5;
	}

	.text-red-200-f-xs:focus{
		color: #FED7D7;
	}

	.text-red-300-f-xs:focus{
		color: #FEB2B2;
	}

	.text-red-400-f-xs:focus{
		color: #FC8181;
	}

	.text-red-500-f-xs:focus{
		color: #F56565;
	}

	.text-red-600-f-xs:focus{
		color: #E53E3E;
	}

	.text-red-700-f-xs:focus{
		color: #C53030;
	}

	.text-red-800-f-xs:focus{
		color: #9B2C2C;
	}

	.text-red-900-f-xs:focus{
		color: #742A2A;
	}



	.text-gray-100-f-xs:focus{
		color: #F7FAFC;
	}

	.text-gray-200-f-xs:focus{
		color: #EDF2F7;
	}

	.text-gray-300-f-xs:focus{
		color: #E2E8F0;
	}

	.text-gray-400-f-xs:focus{
		color: #CBD5E0;
	}

	.text-gray-500-f-xs:focus{
		color: #A0AEC0;
	}

	.text-gray-600-f-xs:focus{
		color: #718096;
	}

	.text-gray-700-f-xs:focus{
		color: #4A5568;
	}

	.text-gray-800-f-xs:focus{
		color: #2D3748;
	}

	.text-gray-900-f-xs:focus{
		color: #1A202C;
	}


	.text-black-f-xs:focus{
		color: #000000;
	}

	.text-white-f-xs:focus{
		color: #FFFFFF;
	}


	.text-purple-100-h-xs:hover{
		color: #FAF5FF;
	}

	.text-purple-200-h-xs:hover{
		color: #E9D8FD;
	}

	.text-purple-300-h-xs:hover{
		color: #D6BCFA;
	}

	.text-purple-400-h-xs:hover{
		color: #B794F4;
	}

	.text-purple-500-h-xs:hover{
		color: #9F7AEA;
	}

	.text-purple-600-h-xs:hover{
		color: #805AD5;
	}

	.text-purple-700-h-xs:hover{
		color: #6B46C1;
	}

	.text-purple-800-h-xs:hover{
		color: #553C9A;
	}

	.text-purple-900-h-xs:hover{
		color: #44337A;
	}




	.text-blue-100-h-xs:hover{
		color: #EBF8FF;
	}

	.text-blue-200-h-xs:hover{
		color: #BEE3F8;
	}

	.text-blue-300-h-xs:hover{
		color: #90CDF4;
	}

	.text-blue-400-h-xs:hover{
		color: #63B3ED;
	}

	.text-blue-500-h-xs:hover{
		color: #4299E1;
	}

	.text-blue-600-h-xs:hover{
		color: #3182CE;
	}

	.text-blue-700-h-xs:hover{
		color: #2B6CB0;
	}

	.text-blue-800-h-xs:hover{
		color: #2C5282;
	}

	.text-blue-900-h-xs:hover{
		color: #2A4365;
	}


	.text-teal-100-h-xs:hover{
		color: #E6FFFA;
	}

	.text-teal-200-h-xs:hover{
		color: #B2F5EA;
	}

	.text-teal-300-h-xs:hover{
		color: #81E6D9;
	}

	.text-blue-400-h-xs:hover{
		color: #4FD1C5;
	}

	.text-teal-500-h-xs:hover{
		color: #38B2AC;
	}

	.text-teal-600-h-xs:hover{
		color: #319795;
	}

	.text-teal-700-h-xs:hover{
		color: #2C7A7B;
	}

	.text-teal-800-h-xs:hover{
		color: #285E61;
	}

	.text-teal-900-h-xs:hover{
		color: #234E52;
	}



	.text-pink-100-h-xs:hover{
		color: #FFF5F7;
	}
	.text-pink-200-h-xs:hover{
		color: #FED7E2;
	}

	.text-pink-300-h-xs:hover{
		color: #FBB6CE;
	}

	.text-pink-400-h-xs:hover{
		color: #F687B3;
	}

	.text-pink-500-h-xs:hover{
		color: #ED64A6;
	}

	.text-pink-600-h-xs:hover{
		color: #D53F8C;
	}

	.text-pink-700-h-xs:hover{
		color: #B83280;
	}

	.text-pink-800-h-xs:hover{
		color: #97266D;
	}

	.text-pink-900-h-xs:hover{
		color: #702459;
	}



	.text-indigo-100-h-xs:hover{
		color: #EBF4FF;
	}
	.text-indigo-200-h-xs:hover{
		color: #C3DAFE;
	}
	.text-indigo-300-h-xs:hover{
		color: #A3BFFA;
	}
	.text-indigo-400-h-xs:hover{
		color: #7F9CF5;
	}
	.text-indigo-500-h-xs:hover{
		color: #667EEA;
	}
	.text-indigo-600-h-xs:hover{
		color: #5A67D8;
	}
	.text-indigo-700-h-xs:hover{
		color: #4C51BF;
	}
	.text-indigo-800-h-xs:hover{
		color: #434190;
	}
	.text-indigo-900-h-xs:hover{	
		color: #3C366B;
	}


	.text-green-100-h-xs:hover{
		color: #F0FFF4;
	}

	.text-green-200-h-xs:hover{
		color: #C6F6D5;
	}

	.text-green-300-h-xs:hover{
		color: #9AE6B4;
	}

	.text-green-400-h-xs:hover{
		color: #68D391;
	}

	.text-green-500-h-xs:hover{
		color: #48BB78;
	}

	.text-green-600-h-xs:hover{
		color: #38A169;
	}

	.text-green-700-h-xs:hover{
		color: #2F855A;
	}

	.text-green-800-h-xs:hover{
		color: #276749;
	}

	.text-green-900-h-xs:hover{
		color: #22543D;
	}


	.text-yellow-100-h-xs:hover{
		color: #FFFFF0;
	}

	.text-yellow-200-h-xs:hover{
		color: #FEFCBF;
	}

	.text-yellow-300-h-xs:hover{
		color: #FAF089;
	}

	.text-yellow-400-h-xs:hover{
		color: #F6E05E;
	}

	.text-yellow-500-h-xs:hover{
		color: #ECC94B;
	}

	.text-yellow-600-h-xs:hover{
		color: #D69E2E;
	}

	.text-yellow-700-h-xs:hover{
		color: #B7791F;
	}

	.text-yellow-800-h-xs:hover{
		color: #975A16;
	}

	.text-yellow-900-h-xs:hover{
		color: #744210;
	}



	.text-orange-100-h-xs:hover{
		color: #FFFAF0;
	}

	.text-orange-200-h-xs:hover{
		color: #FEEBC8;
	}

	.text-orange-300-h-xs:hover{
		color: #FBD38D;
	}

	.text-orange-400-h-xs:hover{
		color: #F6AD55;
	}

	.text-orange-500-h-xs:hover{
		color: #ED8936;
	}

	.text-orange-600-h-xs:hover{
		color: #DD6B20;
	}

	.text-orange-700-h-xs:hover{
		color: #C05621;
	}

	.text-orange-800-h-xs:hover{
		color: #9C4221;
	}

	.text-orange-900-h-xs:hover{
		color: #7B341E;
	}



	.text-red-100-h-xs:hover{
		color: #FFF5F5;
	}

	.text-red-200-h-xs:hover{
		color: #FED7D7;
	}

	.text-red-300-h-xs:hover{
		color: #FEB2B2;
	}

	.text-red-400-h-xs:hover{
		color: #FC8181;
	}

	.text-red-500-h-xs:hover{
		color: #F56565;
	}

	.text-red-600-h-xs:hover{
		color: #E53E3E;
	}

	.text-red-700-h-xs:hover{
		color: #C53030;
	}

	.text-red-800-h-xs:hover{
		color: #9B2C2C;
	}

	.text-red-900-h-xs:hover{
		color: #742A2A;
	}

	.text-purple-100-a-xs:active{
		color: #FAF5FF;
	}

	.text-purple-200-a-xs:active{
		color: #E9D8FD;
	}

	.text-purple-300-a-xs:active{
		color: #D6BCFA;
	}

	.text-purple-400-a-xs:active{
		color: #B794F4;
	}

	.text-purple-500-a-xs:active{
		color: #9F7AEA;
	}

	.text-purple-600-a-xs:active{
		color: #805AD5;
	}

	.text-purple-700-a-xs:active{
		color: #6B46C1;
	}

	.text-purple-800-a-xs:active{
		color: #553C9A;
	}

	.text-purple-900-a-xs:active{
		color: #44337A;
	}




	.text-blue-100-a-xs:active{
		color: #EBF8FF;
	}

	.text-blue-200-a-xs:active{
		color: #BEE3F8;
	}

	.text-blue-300-a-xs:active{
		color: #90CDF4;
	}

	.text-blue-400-a-xs:active{
		color: #63B3ED;
	}

	.text-blue-500-a-xs:active{
		color: #4299E1;
	}

	.text-blue-600-a-xs:active{
		color: #3182CE;
	}

	.text-blue-700-a-xs:active{
		color: #2B6CB0;
	}

	.text-blue-800-a-xs:active{
		color: #2C5282;
	}

	.text-blue-900-a-xs:active{
		color: #2A4365;
	}


	.text-teal-100-a-xs:active{
		color: #E6FFFA;
	}

	.text-teal-200-a-xs:active{
		color: #B2F5EA;
	}

	.text-teal-300-a-xs:active{
		color: #81E6D9;
	}

	.text-blue-400-a-xs:active{
		color: #4FD1C5;
	}

	.text-teal-500-a-xs:active{
		color: #38B2AC;
	}

	.text-teal-600-a-xs:active{
		color: #319795;
	}

	.text-teal-700-a-xs:active{
		color: #2C7A7B;
	}

	.text-teal-800-a-xs:active{
		color: #285E61;
	}

	.text-teal-900-a-xs:active{
		color: #234E52;
	}



	.text-pink-100-a-xs:active{
		color: #FFF5F7;
	}
	.text-pink-200-a-xs:active{
		color: #FED7E2;
	}

	.text-pink-300-a-xs:active{
		color: #FBB6CE;
	}

	.text-pink-400-a-xs:active{
		color: #F687B3;
	}

	.text-pink-500-a-xs:active{
		color: #ED64A6;
	}

	.text-pink-600-a-xs:active{
		color: #D53F8C;
	}

	.text-pink-700-a-xs:active{
		color: #B83280;
	}

	.text-pink-800-a-xs:active{
		color: #97266D;
	}

	.text-pink-900-a-xs:active{
		color: #702459;
	}



	.text-indigo-100-a-xs:active{
		color: #EBF4FF;
	}
	.text-indigo-200-a-xs:active{
		color: #C3DAFE;
	}
	.text-indigo-300-a-xs:active{
		color: #A3BFFA;
	}
	.text-indigo-400-a-xs:active{
		color: #7F9CF5;
	}
	.text-indigo-500-a-xs:active{
		color: #667EEA;
	}
	.text-indigo-600-a-xs:active{
		color: #5A67D8;
	}
	.text-indigo-700-a-xs:active{
		color: #4C51BF;
	}
	.text-indigo-800-a-xs:active{
		color: #434190;
	}
	.text-indigo-900-a-xs:active{	
		color: #3C366B;
	}


	.text-green-100-a-xs:active{
		color: #F0FFF4;
	}

	.text-green-200-a-xs:active{
		color: #C6F6D5;
	}

	.text-green-300-a-xs:active{
		color: #9AE6B4;
	}

	.text-green-400-a-xs:active{
		color: #68D391;
	}

	.text-green-500-a-xs:active{
		color: #48BB78;
	}

	.text-green-600-a-xs:active{
		color: #38A169;
	}

	.text-green-700-a-xs:active{
		color: #2F855A;
	}

	.text-green-800-a-xs:active{
		color: #276749;
	}

	.text-green-900-a-xs:active{
		color: #22543D;
	}


	.text-yellow-100-a-xs:active{
		color: #FFFFF0;
	}

	.text-yellow-200-a-xs:active{
		color: #FEFCBF;
	}

	.text-yellow-300-a-xs:active{
		color: #FAF089;
	}

	.text-yellow-400-a-xs:active{
		color: #F6E05E;
	}

	.text-yellow-500-a-xs:active{
		color: #ECC94B;
	}

	.text-yellow-600-a-xs:active{
		color: #D69E2E;
	}

	.text-yellow-700-a-xs:active{
		color: #B7791F;
	}

	.text-yellow-800-a-xs:active{
		color: #975A16;
	}

	.text-yellow-900-a-xs:active{
		color: #744210;
	}



	.text-orange-100-a-xs:active{
		color: #FFFAF0;
	}

	.text-orange-200-a-xs:active{
		color: #FEEBC8;
	}

	.text-orange-300-a-xs:active{
		color: #FBD38D;
	}

	.text-orange-400-a-xs:active{
		color: #F6AD55;
	}

	.text-orange-500-a-xs:active{
		color: #ED8936;
	}

	.text-orange-600-a-xs:active{
		color: #DD6B20;
	}

	.text-orange-700-a-xs:active{
		color: #C05621;
	}

	.text-orange-800-a-xs:active{
		color: #9C4221;
	}

	.text-orange-900-a-xs:active{
		color: #7B341E;
	}



	.text-red-100-a-xs:active{
		color: #FFF5F5;
	}

	.text-red-200-a-xs:active{
		color: #FED7D7;
	}

	.text-red-300-a-xs:active{
		color: #FEB2B2;
	}

	.text-red-400-a-xs:active{
		color: #FC8181;
	}

	.text-red-500-a-xs:active{
		color: #F56565;
	}

	.text-red-600-a-xs:active{
		color: #E53E3E;
	}

	.text-red-700-a-xs:active{
		color: #C53030;
	}

	.text-red-800-a-xs:active{
		color: #9B2C2C;
	}

	.text-red-900-a-xs:active{
		color: #742A2A;
	}










	/* BORDER  */

	/* BORDER */
	.b-none-xs{
		border:none;
	}

	.b-1-xs{
		border-width: 1px;
	}

	.b-2-xs{
		border-width: 2px;
	}

	.b-3-xs{
		border-width: 3px;
	}

	.b-4-xs{
		border-width: 4px;
	}

	.b-5-xs{
		border-width: 5px;
	}

	.b-6-xs{
		border-width: 6px;
	}

	.b-7-xs{
		border-width: 7px;
	}

	.b-8-xs{
		border-width: 8px;
	}

	.b-9-xs{
		border-width: 9px;
	}

	.b-10-xs{
		border-width: 10px;
	}

	.bl-none-xs{
		border-left:none;
	}

	.bl-1-xs{
		border-left-width: 1px;
		border-left-style: solid;
	}

	.bl-2-xs{
		border-left-width: 2px;
		border-left-style: solid;
	}

	.bl-3-xs{
		border-left-width: 3px;
		border-left-style: solid;
	}

	.bl-4-xs{
		border-left-width: 4px;
		border-left-style: solid;
	}

	.br-none-xs{
		border-right:none;
	}

	.br-1-xs{
		border-right-width: 1px;
		border-right-style: solid;
	}

	.br-2-xs{
		border-right-width: 2px;
		border-right-style: solid;
	}

	.br-3-xs{
		border-right-width: 3px;
		border-right-style: solid;
	}

	.br-4-xs{
		border-right-width: 4px;
		border-right-style: solid;
	}

	.bt-none-xs{
		border-top:none;
	}

	.bt-1-xs{
		border-top-width: 1px;
		border-top-style: solid;
	}

	.bt-2-xs{
		border-top-width: 2px;
		border-top-style: solid;
	}

	.bt-3-xs{
		border-top-width: 3px;
		border-top-style: solid;
	}

	.bt-4-xs{
		border-top-width: 4px;
		border-top-style: solid;
	}

	.bb-none-xs{
		border-bottom:none;
	}

	.bb-1-xs{
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.bb-2-xs{
		border-bottom-width: 2px;
		border-bottom-style: solid;
	}

	.bb-3-xs{
		border-bottom-width: 3px;
		border-bottom-style: solid;
	}

	.bb-4-xs{
		border-bottom-width: 4px;
		border-bottom-style: solid;
	}

	.b-solid-xs{
		border-style: solid;
	}

	.b-dashed-xs{
		border-style: dashed;
	}

	.b-dotted-xs{
		border-style: dotted;
	}

	.b-double-xs{
		border-style: double;
	}


	.b-purple-100-xs{
		border-color: #FAF5FF;
	}

	.b-purple-200-xs{
		border-color: #E9D8FD;
	}

	.b-purple-300-xs{
		border-color: #D6BCFA;
	}

	.b-purple-400-xs{
		border-color: #B794F4;
	}

	.b-purple-500-xs{
		border-color: #9F7AEA;
	}

	.b-purple-600-xs{
		border-color: #805AD5;
	}

	.b-purple-700-xs{
		border-color: #6B46C1;
	}

	.b-purple-800-xs{
		border-color: #553C9A;
	}

	.b-purple-900-xs{
		border-color: #44337A;
	}




	.b-blue-100-xs{
		border-color: #EBF8FF;
	}

	.b-blue-200-xs{
		border-color: #BEE3F8;
	}

	.b-blue-300-xs{
		border-color: #90CDF4;
	}

	.b-blue-400-xs{
		border-color: #63B3ED;
	}

	.b-blue-500-xs{
		border-color: #4299E1;
	}

	.b-blue-600-xs{
		border-color: #3182CE;
	}

	.b-blue-700-xs{
		border-color: #2B6CB0;
	}

	.b-blue-800-xs{
		border-color: #2C5282;
	}

	.b-blue-900-xs{
		border-color: #2A4365;
	}


	.b-teal-100-xs{
		border-color: #E6FFFA;
	}

	.b-teal-200-xs{
		border-color: #B2F5EA;
	}

	.b-teal-300-xs{
		border-color: #81E6D9;
	}

	.b-teal-400-xs{
		border-color: #4FD1C5;
	}

	.b-teal-500-xs{
		border-color: #38B2AC;
	}

	.b-teal-600-xs{
		border-color: #319795;
	}

	.b-teal-700-xs{
		border-color: #2C7A7B;
	}

	.b-teal-800-xs{
		border-color: #285E61;
	}

	.b-teal-900-xs{
		border-color: #234E52;
	}



	.b-pink-100-xs{
		border-color: #FFF5F7;
	}
	.b-pink-200-xs{
		border-color: #FED7E2;
	}

	.b-pink-300-xs{
		border-color: #FBB6CE;
	}

	.b-pink-400-xs{
		border-color: #F687B3;
	}

	.b-pink-500-xs{
		border-color: #ED64A6;
	}

	.b-pink-600-xs{
		border-color: #D53F8C;
	}

	.b-pink-700-xs{
		border-color: #B83280;
	}

	.b-pink-800-xs{
		border-color: #97266D;
	}

	.b-pink-900-xs{
		border-color: #702459;
	}



	.b-indigo-100-xs{
		border-color: #EBF4FF;
	}
	.b-indigo-200-xs{
		border-color: #C3DAFE;
	}
	.b-indigo-300-xs{
		border-color: #A3BFFA;
	}
	.b-indigo-400-xs{
		border-color: #7F9CF5;
	}
	.b-indigo-500-xs{
		border-color: #667EEA;
	}
	.b-indigo-600-xs{
		border-color: #5A67D8;
	}
	.b-indigo-700-xs{
		border-color: #4C51BF;
	}
	.b-indigo-800-xs{
		border-color: #434190;
	}
	.b-indigo-900-xs{	
		border-color: #3C366B;
	}


	.b-green-100-xs{
		border-color: #F0FFF4;
	}

	.b-green-200-xs{
		border-color: #C6F6D5;
	}

	.b-green-300-xs{
		border-color: #9AE6B4;
	}

	.b-green-400-xs{
		border-color: #68D391;
	}

	.b-green-500-xs{
		border-color: #48BB78;
	}

	.b-green-600-xs{
		border-color: #38A169;
	}

	.b-green-700-xs{
		border-color: #2F855A;
	}

	.b-green-800-xs{
		border-color: #276749;
	}

	.b-green-900-xs{
		border-color: #22543D;
	}


	.b-yellow-100-xs{
		border-color: #FFFFF0;
	}

	.b-yellow-200-xs{
		border-color: #FEFCBF;
	}

	.b-yellow-300-xs{
		border-color: #FAF089;
	}

	.b-yellow-400-xs{
		border-color: #F6E05E;
	}

	.b-yellow-500-xs{
		border-color: #ECC94B;
	}

	.b-yellow-600-xs{
		border-color: #D69E2E;
	}

	.b-yellow-700-xs{
		border-color: #B7791F;
	}

	.b-yellow-800-xs{
		border-color: #975A16;
	}

	.b-yellow-900-xs{
		border-color: #744210;
	}



	.b-orange-100-xs{
		border-color: #FFFAF0;
	}

	.b-orange-200-xs{
		border-color: #FEEBC8;
	}

	.b-orange-300-xs{
		border-color: #FBD38D;
	}

	.b-orange-400-xs{
		border-color: #F6AD55;
	}

	.b-orange-500-xs{
		border-color: #ED8936;
	}

	.b-orange-600-xs{
		border-color: #DD6B20;
	}

	.b-orange-700-xs{
		border-color: #C05621;
	}

	.b-orange-800-xs{
		border-color: #9C4221;
	}

	.b-orange-900-xs{
		border-color: #7B341E;
	}



	.b-red-100-xs{
		border-color: #FFF5F5;
	}

	.b-red-200-xs{
		border-color: #FED7D7;
	}

	.b-red-300-xs{
		border-color: #FEB2B2;
	}

	.b-red-400-xs{
		border-color: #FC8181;
	}

	.b-red-500-xs{
		border-color: #F56565;
	}

	.b-red-600-xs{
		border-color: #E53E3E;
	}

	.b-red-700-xs{
		border-color: #C53030;
	}

	.b-red-800-xs{
		border-color: #9B2C2C;
	}

	.b-red-900-xs{
		border-color: #742A2A;
	}



	.b-gray-100-xs{
		border-color: #F7FAFC;
	}

	.b-gray-200-xs{
		border-color: #EDF2F7;
	}

	.b-gray-300-xs{
		border-color: #E2E8F0;
	}

	.b-gray-400-xs{
		border-color: #CBD5E0;
	}

	.b-gray-500-xs{
		border-color: #A0AEC0;
	}

	.b-gray-600-xs{
		border-color: #718096;
	}

	.b-gray-700-xs{
		border-color: #4A5568;
	}

	.b-gray-800-xs{
		border-color: #2D3748;
	}

	.b-gray-900-xs{
		border-color: #1A202C;
	}


	.b-black-xs{
		border-color: #000000;
	}

	.b-white-xs{
		border-color: #FFFFFF;
	}

	.b-purple-100-h-xs:hover{
		border-color: #FAF5FF;
	}

	.b-purple-200-h-xs:hover{
		border-color: #E9D8FD;
	}

	.b-purple-300-h-xs:hover{
		border-color: #D6BCFA;
	}

	.b-purple-400-h-xs:hover{
		border-color: #B794F4;
	}

	.b-purple-500-h-xs:hover{
		border-color: #9F7AEA;
	}

	.b-purple-600-h-xs:hover{
		border-color: #805AD5;
	}

	.b-purple-700-h-xs:hover{
		border-color: #6B46C1;
	}

	.b-purple-800-h-xs:hover{
		border-color: #553C9A;
	}

	.b-purple-900-h-xs:hover{
		border-color: #44337A;
	}




	.b-blue-100-h-xs:hover{
		border-color: #EBF8FF;
	}

	.b-blue-200-h-xs:hover{
		border-color: #BEE3F8;
	}

	.b-blue-300-h-xs:hover{
		border-color: #90CDF4;
	}

	.b-blue-400-h-xs:hover{
		border-color: #63B3ED;
	}

	.b-blue-500-h-xs:hover{
		border-color: #4299E1;
	}

	.b-blue-600-h-xs:hover{
		border-color: #3182CE;
	}

	.b-blue-700-h-xs:hover{
		border-color: #2B6CB0;
	}

	.b-blue-800-h-xs:hover{
		border-color: #2C5282;
	}

	.b-blue-900-h-xs:hover{
		border-color: #2A4365;
	}


	.b-teal-100-h-xs:hover{
		border-color: #E6FFFA;
	}

	.b-teal-200-h-xs:hover{
		border-color: #B2F5EA;
	}

	.b-teal-300-h-xs:hover{
		border-color: #81E6D9;
	}

	.b-teal-400-h-xs:hover{
		border-color: #4FD1C5;
	}

	.b-teal-500-h-xs:hover{
		border-color: #38B2AC;
	}

	.b-teal-600-h-xs:hover{
		border-color: #319795;
	}

	.b-teal-700-h-xs:hover{
		border-color: #2C7A7B;
	}

	.b-teal-800-h-xs:hover{
		border-color: #285E61;
	}

	.b-teal-900-h-xs:hover{
		border-color: #234E52;
	}



	.b-pink-100-h-xs:hover{
		border-color: #FFF5F7;
	}
	.b-pink-200-h-xs:hover{
		border-color: #FED7E2;
	}

	.b-pink-300-h-xs:hover{
		border-color: #FBB6CE;
	}

	.b-pink-400-h-xs:hover{
		border-color: #F687B3;
	}

	.b-pink-500-h-xs:hover{
		border-color: #ED64A6;
	}

	.b-pink-600-h-xs:hover{
		border-color: #D53F8C;
	}

	.b-pink-700-h-xs:hover{
		border-color: #B83280;
	}

	.b-pink-800-h-xs:hover{
		border-color: #97266D;
	}

	.b-pink-900-h-xs:hover{
		border-color: #702459;
	}



	.b-indigo-100-h-xs:hover{
		border-color: #EBF4FF;
	}
	.b-indigo-200-h-xs:hover{
		border-color: #C3DAFE;
	}
	.b-indigo-300-h-xs:hover{
		border-color: #A3BFFA;
	}
	.b-indigo-400-h-xs:hover{
		border-color: #7F9CF5;
	}
	.b-indigo-500-h-xs:hover{
		border-color: #667EEA;
	}
	.b-indigo-600-h-xs:hover{
		border-color: #5A67D8;
	}
	.b-indigo-700-h-xs:hover{
		border-color: #4C51BF;
	}
	.b-indigo-800-h-xs:hover{
		border-color: #434190;
	}
	.b-indigo-900-h-xs:hover{	
		border-color: #3C366B;
	}


	.b-green-100-h-xs:hover{
		border-color: #F0FFF4;
	}

	.b-green-200-h-xs:hover{
		border-color: #C6F6D5;
	}

	.b-green-300-h-xs:hover{
		border-color: #9AE6B4;
	}

	.b-green-400-h-xs:hover{
		border-color: #68D391;
	}

	.b-green-500-h-xs:hover{
		border-color: #48BB78;
	}

	.b-green-600-h-xs:hover{
		border-color: #38A169;
	}

	.b-green-700-h-xs:hover{
		border-color: #2F855A;
	}

	.b-green-800-h-xs:hover{
		border-color: #276749;
	}

	.b-green-900-h-xs:hover{
		border-color: #22543D;
	}


	.b-yellow-100-h-xs:hover{
		border-color: #FFFFF0;
	}

	.b-yellow-200-h-xs:hover{
		border-color: #FEFCBF;
	}

	.b-yellow-300-h-xs:hover{
		border-color: #FAF089;
	}

	.b-yellow-400-h-xs:hover{
		border-color: #F6E05E;
	}

	.b-yellow-500-h-xs:hover{
		border-color: #ECC94B;
	}

	.b-yellow-600-h-xs:hover{
		border-color: #D69E2E;
	}

	.b-yellow-700-h-xs:hover{
		border-color: #B7791F;
	}

	.b-yellow-800-h-xs:hover{
		border-color: #975A16;
	}

	.b-yellow-900-h-xs:hover{
		border-color: #744210;
	}



	.b-orange-100-h-xs:hover{
		border-color: #FFFAF0;
	}

	.b-orange-200-h-xs:hover{
		border-color: #FEEBC8;
	}

	.b-orange-300-h-xs:hover{
		border-color: #FBD38D;
	}

	.b-orange-400-h-xs:hover{
		border-color: #F6AD55;
	}

	.b-orange-500-h-xs:hover{
		border-color: #ED8936;
	}

	.b-orange-600-h-xs:hover{
		border-color: #DD6B20;
	}

	.b-orange-700-h-xs:hover{
		border-color: #C05621;
	}

	.b-orange-800-h-xs:hover{
		border-color: #9C4221;
	}

	.b-orange-900-h-xs:hover{
		border-color: #7B341E;
	}



	.b-red-100-h-xs:hover{
		border-color: #FFF5F5;
	}

	.b-red-200-h-xs:hover{
		border-color: #FED7D7;
	}

	.b-red-300-h-xs:hover{
		border-color: #FEB2B2;
	}

	.b-red-400-h-xs:hover{
		border-color: #FC8181;
	}

	.b-red-500-h-xs:hover{
		border-color: #F56565;
	}

	.b-red-600-h-xs:hover{
		border-color: #E53E3E;
	}

	.b-red-700-h-xs:hover{
		border-color: #C53030;
	}

	.b-red-800-h-xs:hover{
		border-color: #9B2C2C;
	}

	.b-red-900-h-xs:hover{
		border-color: #742A2A;
	}



	.b-gray-100-h-xs:hover{
		border-color: #F7FAFC;
	}

	.b-gray-200-h-xs:hover{
		border-color: #EDF2F7;
	}

	.b-gray-300-h-xs:hover{
		border-color: #E2E8F0;
	}

	.b-gray-400-h-xs:hover{
		border-color: #CBD5E0;
	}

	.b-gray-500-h-xs:hover{
		border-color: #A0AEC0;
	}

	.b-gray-600-h-xs:hover{
		border-color: #718096;
	}

	.b-gray-700-h-xs:hover{
		border-color: #4A5568;
	}

	.b-gray-800-h-xs:hover{
		border-color: #2D3748;
	}

	.b-gray-900-h-xs:hover{
		border-color: #1A202C;
	}


	.b-black-h-xs:hover{
		border-color: #000000;
	}

	.b-white-h-xs:hover{
		border-color: #FFFFFF;
	}


	.b-purple-100-a-xs:active{
		border-color: #FAF5FF;
	}

	.b-purple-200-a-xs:active{
		border-color: #E9D8FD;
	}

	.b-purple-300-a-xs:active{
		border-color: #D6BCFA;
	}

	.b-purple-400-a-xs:active{
		border-color: #B794F4;
	}

	.b-purple-500-a-xs:active{
		border-color: #9F7AEA;
	}

	.b-purple-600-a-xs:active{
		border-color: #805AD5;
	}

	.b-purple-700-a-xs:active{
		border-color: #6B46C1;
	}

	.b-purple-800-a-xs:active{
		border-color: #553C9A;
	}

	.b-purple-900-a-xs:active{
		border-color: #44337A;
	}




	.b-blue-100-a-xs:active{
		border-color: #EBF8FF;
	}

	.b-blue-200-a-xs:active{
		border-color: #BEE3F8;
	}

	.b-blue-300-a-xs:active{
		border-color: #90CDF4;
	}

	.b-blue-400-a-xs:active{
		border-color: #63B3ED;
	}

	.b-blue-500-a-xs:active{
		border-color: #4299E1;
	}

	.b-blue-600-a-xs:active{
		border-color: #3182CE;
	}

	.b-blue-700-a-xs:active{
		border-color: #2B6CB0;
	}

	.b-blue-800-a-xs:active{
		border-color: #2C5282;
	}

	.b-blue-900-a-xs:active{
		border-color: #2A4365;
	}


	.b-teal-100-a-xs:active{
		border-color: #E6FFFA;
	}

	.b-teal-200-a-xs:active{
		border-color: #B2F5EA;
	}

	.b-teal-300-a-xs:active{
		border-color: #81E6D9;
	}

	.b-teal-400-a-xs:active{
		border-color: #4FD1C5;
	}

	.b-teal-500-a-xs:active{
		border-color: #38B2AC;
	}

	.b-teal-600-a-xs:active{
		border-color: #319795;
	}

	.b-teal-700-a-xs:active{
		border-color: #2C7A7B;
	}

	.b-teal-800-a-xs:active{
		border-color: #285E61;
	}

	.b-teal-900-a-xs:active{
		border-color: #234E52;
	}



	.b-pink-100-a-xs:active{
		border-color: #FFF5F7;
	}
	.b-pink-200-a-xs:active{
		border-color: #FED7E2;
	}

	.b-pink-300-a-xs:active{
		border-color: #FBB6CE;
	}

	.b-pink-400-a-xs:active{
		border-color: #F687B3;
	}

	.b-pink-500-a-xs:active{
		border-color: #ED64A6;
	}

	.b-pink-600-a-xs:active{
		border-color: #D53F8C;
	}

	.b-pink-700-a-xs:active{
		border-color: #B83280;
	}

	.b-pink-800-a-xs:active{
		border-color: #97266D;
	}

	.b-pink-900-a-xs:active{
		border-color: #702459;
	}



	.b-indigo-100-a-xs:active{
		border-color: #EBF4FF;
	}
	.b-indigo-200-a-xs:active{
		border-color: #C3DAFE;
	}
	.b-indigo-300-a-xs:active{
		border-color: #A3BFFA;
	}
	.b-indigo-400-a-xs:active{
		border-color: #7F9CF5;
	}
	.b-indigo-500-a-xs:active{
		border-color: #667EEA;
	}
	.b-indigo-600-a-xs:active{
		border-color: #5A67D8;
	}
	.b-indigo-700-a-xs:active{
		border-color: #4C51BF;
	}
	.b-indigo-800-a-xs:active{
		border-color: #434190;
	}
	.b-indigo-900-a-xs:active{	
		border-color: #3C366B;
	}


	.b-green-100-a-xs:active{
		border-color: #F0FFF4;
	}

	.b-green-200-a-xs:active{
		border-color: #C6F6D5;
	}

	.b-green-300-a-xs:active{
		border-color: #9AE6B4;
	}

	.b-green-400-a-xs:active{
		border-color: #68D391;
	}

	.b-green-500-a-xs:active{
		border-color: #48BB78;
	}

	.b-green-600-a-xs:active{
		border-color: #38A169;
	}

	.b-green-700-a-xs:active{
		border-color: #2F855A;
	}

	.b-green-800-a-xs:active{
		border-color: #276749;
	}

	.b-green-900-a-xs:active{
		border-color: #22543D;
	}


	.b-yellow-100-a-xs:active{
		border-color: #FFFFF0;
	}

	.b-yellow-200-a-xs:active{
		border-color: #FEFCBF;
	}

	.b-yellow-300-a-xs:active{
		border-color: #FAF089;
	}

	.b-yellow-400-a-xs:active{
		border-color: #F6E05E;
	}

	.b-yellow-500-a-xs:active{
		border-color: #ECC94B;
	}

	.b-yellow-600-a-xs:active{
		border-color: #D69E2E;
	}

	.b-yellow-700-a-xs:active{
		border-color: #B7791F;
	}

	.b-yellow-800-a-xs:active{
		border-color: #975A16;
	}

	.b-yellow-900-a-xs:active{
		border-color: #744210;
	}



	.b-orange-100-a-xs:active{
		border-color: #FFFAF0;
	}

	.b-orange-200-a-xs:active{
		border-color: #FEEBC8;
	}

	.b-orange-300-a-xs:active{
		border-color: #FBD38D;
	}

	.b-orange-400-a-xs:active{
		border-color: #F6AD55;
	}

	.b-orange-500-a-xs:active{
		border-color: #ED8936;
	}

	.b-orange-600-a-xs:active{
		border-color: #DD6B20;
	}

	.b-orange-700-a-xs:active{
		border-color: #C05621;
	}

	.b-orange-800-a-xs:active{
		border-color: #9C4221;
	}

	.b-orange-900-a-xs:active{
		border-color: #7B341E;
	}



	.b-red-100-a-xs:active{
		border-color: #FFF5F5;
	}

	.b-red-200-a-xs:active{
		border-color: #FED7D7;
	}

	.b-red-300-a-xs:active{
		border-color: #FEB2B2;
	}

	.b-red-400-a-xs:active{
		border-color: #FC8181;
	}

	.b-red-500-a-xs:active{
		border-color: #F56565;
	}

	.b-red-600-a-xs:active{
		border-color: #E53E3E;
	}

	.b-red-700-a-xs:active{
		border-color: #C53030;
	}

	.b-red-800-a-xs:active{
		border-color: #9B2C2C;
	}

	.b-red-900-a-xs:active{
		border-color: #742A2A;
	}



	.b-gray-100-a-xs:active{
		border-color: #F7FAFC;
	}

	.b-gray-200-a-xs:active{
		border-color: #EDF2F7;
	}

	.b-gray-300-a-xs:active{
		border-color: #E2E8F0;
	}

	.b-gray-400-a-xs:active{
		border-color: #CBD5E0;
	}

	.b-gray-500-a-xs:active{
		border-color: #A0AEC0;
	}

	.b-gray-600-a-xs:active{
		border-color: #718096;
	}

	.b-gray-700-a-xs:active{
		border-color: #4A5568;
	}

	.b-gray-800-a-xs:active{
		border-color: #2D3748;
	}

	.b-gray-900-a-xs:active{
		border-color: #1A202C;
	}


	.b-black-a-xs:active{
		border-color: #000000;
	}

	.b-white-a-xs:active{
		border-color: #FFFFFF;
	}


	.b-purple-100-f-xs:focus{
		border-color: #FAF5FF;
	}

	.b-purple-200-f-xs:focus{
		border-color: #E9D8FD;
	}

	.b-purple-300-f-xs:focus{
		border-color: #D6BCFA;
	}

	.b-purple-400-f-xs:focus{
		border-color: #B794F4;
	}

	.b-purple-500-f-xs:focus{
		border-color: #9F7AEA;
	}

	.b-purple-600-f-xs:focus{
		border-color: #805AD5;
	}

	.b-purple-700-f-xs:focus{
		border-color: #6B46C1;
	}

	.b-purple-800-f-xs:focus{
		border-color: #553C9A;
	}

	.b-purple-900-f-xs:focus{
		border-color: #44337A;
	}




	.b-blue-100-f-xs:focus{
		border-color: #EBF8FF;
	}

	.b-blue-200-f-xs:focus{
		border-color: #BEE3F8;
	}

	.b-blue-300-f-xs:focus{
		border-color: #90CDF4;
	}

	.b-blue-400-f-xs:focus{
		border-color: #63B3ED;
	}

	.b-blue-500-f-xs:focus{
		border-color: #4299E1;
	}

	.b-blue-600-f-xs:focus{
		border-color: #3182CE;
	}

	.b-blue-700-f-xs:focus{
		border-color: #2B6CB0;
	}

	.b-blue-800-f-xs:focus{
		border-color: #2C5282;
	}

	.b-blue-900-f-xs:focus{
		border-color: #2A4365;
	}


	.b-teal-100-f-xs:focus{
		border-color: #E6FFFA;
	}

	.b-teal-200-f-xs:focus{
		border-color: #B2F5EA;
	}

	.b-teal-300-f-xs:focus{
		border-color: #81E6D9;
	}

	.b-teal-400-f-xs:focus{
		border-color: #4FD1C5;
	}

	.b-teal-500-f-xs:focus{
		border-color: #38B2AC;
	}

	.b-teal-600-f-xs:focus{
		border-color: #319795;
	}

	.b-teal-700-f-xs:focus{
		border-color: #2C7A7B;
	}

	.b-teal-800-f-xs:focus{
		border-color: #285E61;
	}

	.b-teal-900-f-xs:focus{
		border-color: #234E52;
	}



	.b-pink-100-f-xs:focus{
		border-color: #FFF5F7;
	}
	.b-pink-200-f-xs:focus{
		border-color: #FED7E2;
	}

	.b-pink-300-f-xs:focus{
		border-color: #FBB6CE;
	}

	.b-pink-400-f-xs:focus{
		border-color: #F687B3;
	}

	.b-pink-500-f-xs:focus{
		border-color: #ED64A6;
	}

	.b-pink-600-f-xs:focus{
		border-color: #D53F8C;
	}

	.b-pink-700-f-xs:focus{
		border-color: #B83280;
	}

	.b-pink-800-f-xs:focus{
		border-color: #97266D;
	}

	.b-pink-900-f-xs:focus{
		border-color: #702459;
	}



	.b-indigo-100-f-xs:focus{
		border-color: #EBF4FF;
	}
	.b-indigo-200-f-xs:focus{
		border-color: #C3DAFE;
	}
	.b-indigo-300-f-xs:focus{
		border-color: #A3BFFA;
	}
	.b-indigo-400-f-xs:focus{
		border-color: #7F9CF5;
	}
	.b-indigo-500-f-xs:focus{
		border-color: #667EEA;
	}
	.b-indigo-600-f-xs:focus{
		border-color: #5A67D8;
	}
	.b-indigo-700-f-xs:focus{
		border-color: #4C51BF;
	}
	.b-indigo-800-f-xs:focus{
		border-color: #434190;
	}
	.b-indigo-900-f-xs:focus{	
		border-color: #3C366B;
	}


	.b-green-100-f-xs:focus{
		border-color: #F0FFF4;
	}

	.b-green-200-f-xs:focus{
		border-color: #C6F6D5;
	}

	.b-green-300-f-xs:focus{
		border-color: #9AE6B4;
	}

	.b-green-400-f-xs:focus{
		border-color: #68D391;
	}

	.b-green-500-f-xs:focus{
		border-color: #48BB78;
	}

	.b-green-600-f-xs:focus{
		border-color: #38A169;
	}

	.b-green-700-f-xs:focus{
		border-color: #2F855A;
	}

	.b-green-800-f-xs:focus{
		border-color: #276749;
	}

	.b-green-900-f-xs:focus{
		border-color: #22543D;
	}


	.b-yellow-100-f-xs:focus{
		border-color: #FFFFF0;
	}

	.b-yellow-200-f-xs:focus{
		border-color: #FEFCBF;
	}

	.b-yellow-300-f-xs:focus{
		border-color: #FAF089;
	}

	.b-yellow-400-f-xs:focus{
		border-color: #F6E05E;
	}

	.b-yellow-500-f-xs:focus{
		border-color: #ECC94B;
	}

	.b-yellow-600-f-xs:focus{
		border-color: #D69E2E;
	}

	.b-yellow-700-f-xs:focus{
		border-color: #B7791F;
	}

	.b-yellow-800-f-xs:focus{
		border-color: #975A16;
	}

	.b-yellow-900-f-xs:focus{
		border-color: #744210;
	}



	.b-orange-100-f-xs:focus{
		border-color: #FFFAF0;
	}

	.b-orange-200-f-xs:focus{
		border-color: #FEEBC8;
	}

	.b-orange-300-f-xs:focus{
		border-color: #FBD38D;
	}

	.b-orange-400-f-xs:focus{
		border-color: #F6AD55;
	}

	.b-orange-500-f-xs:focus{
		border-color: #ED8936;
	}

	.b-orange-600-f-xs:focus{
		border-color: #DD6B20;
	}

	.b-orange-700-f-xs:focus{
		border-color: #C05621;
	}

	.b-orange-800-f-xs:focus{
		border-color: #9C4221;
	}

	.b-orange-900-f-xs:focus{
		border-color: #7B341E;
	}



	.b-red-100-f-xs:focus{
		border-color: #FFF5F5;
	}

	.b-red-200-f-xs:focus{
		border-color: #FED7D7;
	}

	.b-red-300-f-xs:focus{
		border-color: #FEB2B2;
	}

	.b-red-400-f-xs:focus{
		border-color: #FC8181;
	}

	.b-red-500-f-xs:focus{
		border-color: #F56565;
	}

	.b-red-600-f-xs:focus{
		border-color: #E53E3E;
	}

	.b-red-700-f-xs:focus{
		border-color: #C53030;
	}

	.b-red-800-f-xs:focus{
		border-color: #9B2C2C;
	}

	.b-red-900-f-xs:focus{
		border-color: #742A2A;
	}



	.b-gray-100-f-xs:focus{
		border-color: #F7FAFC;
	}

	.b-gray-200-f-xs:focus{
		border-color: #EDF2F7;
	}

	.b-gray-300-f-xs:focus{
		border-color: #E2E8F0;
	}

	.b-gray-400-f-xs:focus{
		border-color: #CBD5E0;
	}

	.b-gray-500-f-xs:focus{
		border-color: #A0AEC0;
	}

	.b-gray-600-f-xs:focus{
		border-color: #718096;
	}

	.b-gray-700-f-xs:focus{
		border-color: #4A5568;
	}

	.b-gray-800-f-xs:focus{
		border-color: #2D3748;
	}

	.b-gray-900-f-xs:focus{
		border-color: #1A202C;
	}


	.b-black-f-xs:focus{
		border-color: #000000;
	}

	.b-white-f-xs:focus{
		border-color: #FFFFFF;
	}



	.text-black-a-xs:active{
		color: #000000;
	}

	.text-black-h-xs:hover{
		color: #000000;
	}


	.text-white-h-xs:hover{
		color: #FFFFFF;
	}


	.text-white-a-xs:active{
		color: #000000;
	}



	.round-full-xs{
		border-radius: 1000px;
	}

	.round-xs-xs{
		border-radius: 2px;
	}

	.round-sm-xs{
		border-radius: 4px;
	}

	.round-lg-xs{
		border-radius: 8px;
	}

	.round-xl-xs{
		border-radius: 12px;
	}

	.round-xxl-xs{
		border-radius: 16px;
	}

	.circle-xs{
		border-radius: 50%;
	}

	.round-none-xs{
		border-radius: 0;
	}


	.round-b-xs-xs{
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-b-sm-xs{
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.round-b-lg-xs{
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.round-b-xl-xs{
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.round-b-xxl-xs{
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}

	.round-b-full-xs{
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	.round-b-none-xs{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.round-t-xs-xs{
		border-top-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-t-xs-xs{
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}

	.round-t-sm-xs{
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}

	.round-t-lg-xs{
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

	.round-t-xl-xs{
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}

	.round-t-xxl-xs{
		border-top-right-radius: 16px;
		border-top-left-radius: 16px;
	}

	.round-t-full-xs{
		border-top-right-radius: 50%;
		border-top-left-radius: 50%;
	}

	.round-t-none-xs{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.round-full-h-xs:hover{
		border-radius: 1000px;
	}

	.round-xs-h-xs:hover{
		border-radius: 2px;
	}

	.round-sm-h-xs:hover{
		border-radius: 4px;
	}

	.round-lg-h-xs:hover{
		border-radius: 8px;
	}

	.round-xl-h-xs:hover{
		border-radius: 12px;
	}

	.round-xxl-h-xs:hover{
		border-radius: 16px;
	}

	.circle-h-xs:hover{
		border-radius: 50%;
	}

	.round-none-h-xs:hover{
		border-radius: 0;
	}


	.round-b-xs-h-xs:hover{
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-b-sm-h-xs:hover{
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.round-b-lg-h-xs:hover{
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.round-b-xl-h-xs:hover{
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.round-b-xxl-h-xs:hover{
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}

	.round-b-full-h-xs:hover{
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	.round-b-none-h-xs:hover{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.round-t-xs-h-xs:hover{
		border-top-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-t-xs-h-xs:hover{
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}

	.round-t-sm-h-xs:hover{
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}

	.round-t-lg-h-xs:hover{
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

	.round-t-xl-h-xs:hover{
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}

	.round-t-xxl-h-xs:hover{
		border-top-right-radius: 16px;
		border-top-left-radius: 16px;
	}

	.round-t-full-h-xs:hover{
		border-top-right-radius: 50%;
		border-top-left-radius: 50%;
	}

	.round-t-none-h-xs:hover{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}


	.round-full-a-xs:active{
		border-radius: 1000px;
	}

	.round-xs-a-xs:active{
		border-radius: 2px;
	}

	.round-sm-a-xs:active{
		border-radius: 4px;
	}

	.round-lg-a-xs:active{
		border-radius: 8px;
	}

	.round-xl-a-xs:active{
		border-radius: 12px;
	}

	.round-xxl-a-xs:active{
		border-radius: 16px;
	}

	.circle-a-xs:active{
		border-radius: 50%;
	}

	.round-none-a-xs:active{
		border-radius: 0;
	}


	.round-b-xs-a-xs:active{
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-b-sm-a-xs:active{
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.round-b-lg-a-xs:active{
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.round-b-xl-a-xs:active{
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}

	.round-b-xxl-a-xs:active{
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}

	.round-b-full-a-xs:active{
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	.round-b-none-a-xs:active{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.round-t-xs-a-xs:active{
		border-top-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.round-t-xs-a-xs:active{
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
	}

	.round-t-sm-a-xs:active{
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}

	.round-t-lg-a-xs:active{
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

	.round-t-xl-a-xs:active{
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}

	.round-t-xxl-a-xs:active{
		border-top-right-radius: 16px;
		border-top-left-radius: 16px;
	}

	.round-t-full-a-xs:active{
		border-top-right-radius: 50%;
		border-top-left-radius: 50%;
	}

	.round-t-none-a-xs:active{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}













	/* FILL FOR SVG COLORING */


	.fill-purple-100-xs{
		fill: #FAF5FF;
	}

	.fill-purple-200-xs{
		fill: #E9D8FD;
	}

	.fill-purple-300-xs{
		fill: #D6BCFA;
	}

	.fill-purple-400-xs{
		fill: #B794F4;
	}

	.fill-purple-500-xs{
		fill: #9F7AEA;
	}

	.fill-purple-600-xs{
		fill: #805AD5;
	}

	.fill-purple-700-xs{
		fill: #6B46C1;
	}

	.fill-purple-800-xs{
		fill: #553C9A;
	}

	.fill-purple-900-xs{
		fill: #44337A;
	}




	.fill-blue-100-xs{
		fill: #EBF8FF;
	}

	.fill-blue-200-xs{
		fill: #BEE3F8;
	}

	.fill-blue-300-xs{
		fill: #90CDF4;
	}

	.fill-blue-400-xs{
		fill: #63B3ED;
	}

	.fill-blue-500-xs{
		fill: #4299E1;
	}

	.fill-blue-600-xs{
		fill: #3182CE;
	}

	.fill-blue-700-xs{
		fill: #2B6CB0;
	}

	.fill-blue-800-xs{
		fill: #2C5282;
	}

	.fill-blue-900-xs{
		fill: #2A4365;
	}


	.fill-teal-100-xs{
		fill: #E6FFFA;
	}

	.fill-teal-200-xs{
		fill: #B2F5EA;
	}

	.fill-teal-300-xs{
		fill: #81E6D9;
	}

	.fill-teal-400-xs{
		fill: #4FD1C5;
	}

	.fill-teal-500-xs{
		fill: #38B2AC;
	}

	.fill-teal-600-xs{
		fill: #319795;
	}

	.fill-teal-700-xs{
		fill: #2C7A7B;
	}

	.fill-teal-800-xs{
		fill: #285E61;
	}

	.fill-teal-900-xs{
		fill: #234E52;
	}

	.fill-teal-1000-xs{
		fill: #004d40;
	}


	.fill-pink-100-xs{
		fill: #FFF5F7;
	}
	.fill-pink-200-xs{
		fill: #FED7E2;
	}

	.fill-pink-300-xs{
		fill: #FBB6CE;
	}

	.fill-pink-400-xs{
		fill: #F687B3;
	}

	.fill-pink-500-xs{
		fill: #ED64A6;
	}

	.fill-pink-600-xs{
		fill: #D53F8C;
	}

	.fill-pink-700-xs{
		fill: #B83280;
	}

	.fill-pink-800-xs{
		fill: #97266D;
	}

	.fill-pink-900-xs{
		fill: #702459;
	}



	.fill-indigo-100-xs{
		fill: #EBF4FF;
	}
	.fill-indigo-200-xs{
		fill: #C3DAFE;
	}
	.fill-indigo-300-xs{
		fill: #A3BFFA;
	}
	.fill-indigo-400-xs{
		fill: #7F9CF5;
	}
	.fill-indigo-500-xs{
		fill: #667EEA;
	}
	.fill-indigo-600-xs{
		fill: #5A67D8;
	}
	.fill-indigo-700-xs{
		fill: #4C51BF;
	}
	.fill-indigo-800-xs{
		fill: #434190;
	}
	.fill-indigo-900-xs{	
		fill: #3C366B;
	}


	.fill-green-100-xs{
		fill: #F0FFF4;
	}

	.fill-green-200-xs{
		fill: #C6F6D5;
	}

	.fill-green-300-xs{
		fill: #9AE6B4;
	}

	.fill-green-400-xs{
		fill: #68D391;
	}

	.fill-green-500-xs{
		fill: #48BB78;
	}

	.fill-green-600-xs{
		fill: #38A169;
	}

	.fill-green-700-xs{
		fill: #2F855A;
	}

	.fill-green-800-xs{
		fill: #276749;
	}

	.fill-green-900-xs{
		fill: #22543D;
	}

	.fill-green-1000-xs{
		fill: #33691e;
	}


	.fill-yellow-100-xs{
		fill: #FFFFF0;
	}

	.fill-yellow-200-xs{
		fill: #FEFCBF;
	}

	.fill-yellow-300-xs{
		fill: #FAF089;
	}

	.fill-yellow-400-xs{
		fill: #F6E05E;
	}

	.fill-yellow-500-xs{
		fill: #ECC94B;
	}

	.fill-yellow-600-xs{
		fill: #D69E2E;
	}

	.fill-yellow-700-xs{
		fill: #B7791F;
	}

	.fill-yellow-800-xs{
		fill: #975A16;
	}

	.fill-yellow-900-xs{
		fill: #744210;
	}



	.fill-orange-100-xs{
		fill: #FFFAF0;
	}

	.fill-orange-200-xs{
		fill: #FEEBC8;
	}

	.fill-orange-300-xs{
		fill: #FBD38D;
	}

	.fill-orange-400-xs{
		fill: #F6AD55;
	}

	.fill-orange-500-xs{
		fill: #ED8936;
	}

	.fill-orange-600-xs{
		fill: #DD6B20;
	}

	.fill-orange-700-xs{
		fill: #C05621;
	}

	.fill-orange-800-xs{
		fill: #9C4221;
	}

	.fill-orange-900-xs{
		fill: #7B341E;
	}



	.fill-red-100-xs{
		fill: #FFF5F5;
	}

	.fill-red-200-xs{
		fill: #FED7D7;
	}

	.fill-red-300-xs{
		fill: #FEB2B2;
	}

	.fill-red-400-xs{
		fill: #FC8181;
	}

	.fill-red-500-xs{
		fill: #F56565;
	}

	.fill-red-600-xs{
		fill: #E53E3E;
	}

	.fill-red-700-xs{
		fill: #C53030;
	}

	.fill-red-800-xs{
		fill: #9B2C2C;
	}

	.fill-red-900-xs{
		fill: #742A2A;
	}



	.fill-gray-100-xs{
		fill: #F7FAFC;
	}

	.fill-gray-200-xs{
		fill: #EDF2F7;
	}

	.fill-gray-300-xs{
		fill: #E2E8F0;
	}

	.fill-gray-400-xs{
		fill: #CBD5E0;
	}

	.fill-gray-500-xs{
		fill: #A0AEC0;
	}

	.fill-gray-600-xs{
		fill: #718096;
	}

	.fill-gray-700-xs{
		fill: #4A5568;
	}

	.fill-gray-800-xs{
		fill: #2D3748;
	}

	.fill-gray-900-xs{
		fill: #1A202C;
	}

	.fill-transparent-xs{
		fill: transparent;
	}

	.fill-black-xs{
		fill: #000000;
	}

	.fill-white-xs{
		fill: #FFFFFF;
	}


	.fill-purple-100-a-xs:active{
		fill: #FAF5FF;
	}

	.fill-purple-200-a-xs:active{
		fill: #E9D8FD;
	}

	.fill-purple-300-a-xs:active{
		fill: #D6BCFA;
	}

	.fill-purple-400-a-xs:active{
		fill: #B794F4;
	}

	.fill-purple-500-a-xs:active{
		fill: #9F7AEA;
	}

	.fill-purple-600-a-xs:active{
		fill: #805AD5;
	}

	.fill-purple-700-a-xs:active{
		fill: #6B46C1;
	}

	.fill-purple-800-a-xs:active{
		fill: #553C9A;
	}

	.fill-purple-900-a-xs:active{
		fill: #44337A;
	}




	.fill-blue-100-a-xs:active{
		fill: #EBF8FF;
	}

	.fill-blue-200-a-xs:active{
		fill: #BEE3F8;
	}

	.fill-blue-300-a-xs:active{
		fill: #90CDF4;
	}

	.fill-blue-400-a-xs:active{
		fill: #63B3ED;
	}

	.fill-blue-500-a-xs:active{
		fill: #4299E1;
	}

	.fill-blue-600-a-xs:active{
		fill: #3182CE;
	}

	.fill-blue-700-a-xs:active{
		fill: #2B6CB0;
	}

	.fill-blue-800-a-xs:active{
		fill: #2C5282;
	}

	.fill-blue-900-a-xs:active{
		fill: #2A4365;
	}


	.fill-teal-100-a-xs:active{
		fill: #E6FFFA;
	}

	.fill-teal-200-a-xs:active{
		fill: #B2F5EA;
	}

	.fill-teal-300-a-xs:active{
		fill: #81E6D9;
	}

	.fill-teal-400-a-xs:active{
		fill: #4FD1C5;
	}

	.fill-teal-500-a-xs:active{
		fill: #38B2AC;
	}

	.fill-teal-600-a-xs:active{
		fill: #319795;
	}

	.fill-teal-700-a-xs:active{
		fill: #2C7A7B;
	}

	.fill-teal-800-a-xs:active{
		fill: #285E61;
	}

	.fill-teal-900-a-xs:active{
		fill: #234E52;
	}



	.fill-pink-100-a-xs:active{
		fill: #FFF5F7;
	}
	.fill-pink-200-a-xs:active{
		fill: #FED7E2;
	}

	.fill-pink-300-a-xs:active{
		fill: #FBB6CE;
	}

	.fill-pink-400-a-xs:active{
		fill: #F687B3;
	}

	.fill-pink-500-a-xs:active{
		fill: #ED64A6;
	}

	.fill-pink-600-a-xs:active{
		fill: #D53F8C;
	}

	.fill-pink-700-a-xs:active{
		fill: #B83280;
	}

	.fill-pink-800-a-xs:active{
		fill: #97266D;
	}

	.fill-pink-900-a-xs:active{
		fill: #702459;
	}



	.fill-indigo-100-a-xs:active{
		fill: #EBF4FF;
	}
	.fill-indigo-200-a-xs:active{
		fill: #C3DAFE;
	}
	.fill-indigo-300-a-xs:active{
		fill: #A3BFFA;
	}
	.fill-indigo-400-a-xs:active{
		fill: #7F9CF5;
	}
	.fill-indigo-500-a-xs:active{
		fill: #667EEA;
	}
	.fill-indigo-600-a-xs:active{
		fill: #5A67D8;
	}
	.fill-indigo-700-a-xs:active{
		fill: #4C51BF;
	}
	.fill-indigo-800-a-xs:active{
		fill: #434190;
	}
	.fill-indigo-900-a-xs:active{	
		fill: #3C366B;
	}


	.fill-green-100-a-xs:active{
		fill: #F0FFF4;
	}

	.fill-green-200-a-xs:active{
		fill: #C6F6D5;
	}

	.fill-green-300-a-xs:active{
		fill: #9AE6B4;
	}

	.fill-green-400-a-xs:active{
		fill: #68D391;
	}

	.fill-green-500-a-xs:active{
		fill: #48BB78;
	}

	.fill-green-600-a-xs:active{
		fill: #38A169;
	}

	.fill-green-700-a-xs:active{
		fill: #2F855A;
	}

	.fill-green-800-a-xs:active{
		fill: #276749;
	}

	.fill-green-900-a-xs:active{
		fill: #22543D;
	}


	.fill-yellow-100-a-xs:active{
		fill: #FFFFF0;
	}

	.fill-yellow-200-a-xs:active{
		fill: #FEFCBF;
	}

	.fill-yellow-300-a-xs:active{
		fill: #FAF089;
	}

	.fill-yellow-400-a-xs:active{
		fill: #F6E05E;
	}

	.fill-yellow-500-a-xs:active{
		fill: #ECC94B;
	}

	.fill-yellow-600-a-xs:active{
		fill: #D69E2E;
	}

	.fill-yellow-700-a-xs:active{
		fill: #B7791F;
	}

	.fill-yellow-800-a-xs:active{
		fill: #975A16;
	}

	.fill-yellow-900-a-xs:active{
		fill: #744210;
	}



	.fill-orange-100-a-xs:active{
		fill: #FFFAF0;
	}

	.fill-orange-200-a-xs:active{
		fill: #FEEBC8;
	}

	.fill-orange-300-a-xs:active{
		fill: #FBD38D;
	}

	.fill-orange-400-a-xs:active{
		fill: #F6AD55;
	}

	.fill-orange-500-a-xs:active{
		fill: #ED8936;
	}

	.fill-orange-600-a-xs:active{
		fill: #DD6B20;
	}

	.fill-orange-700-a-xs:active{
		fill: #C05621;
	}

	.fill-orange-800-a-xs:active{
		fill: #9C4221;
	}

	.fill-orange-900-a-xs:active{
		fill: #7B341E;
	}



	.fill-red-100-a-xs:active{
		fill: #FFF5F5;
	}

	.fill-red-200-a-xs:active{
		fill: #FED7D7;
	}

	.fill-red-300-a-xs:active{
		fill: #FEB2B2;
	}

	.fill-red-400-a-xs:active{
		fill: #FC8181;
	}

	.fill-red-500-a-xs:active{
		fill: #F56565;
	}

	.fill-red-600-a-xs:active{
		fill: #E53E3E;
	}

	.fill-red-700-a-xs:active{
		fill: #C53030;
	}

	.fill-red-800-a-xs:active{
		fill: #9B2C2C;
	}

	.fill-red-900-a-xs:active{
		fill: #742A2A;
	}



	.fill-gray-100-a-xs:active{
		fill: #F7FAFC;
	}

	.fill-gray-200-a-xs:active{
		fill: #EDF2F7;
	}

	.fill-gray-300-a-xs:active{
		fill: #E2E8F0;
	}

	.fill-gray-400-a-xs:active{
		fill: #CBD5E0;
	}

	.fill-gray-500-a-xs:active{
		fill: #A0AEC0;
	}

	.fill-gray-600-a-xs:active{
		fill: #718096;
	}

	.fill-gray-700-a-xs:active{
		fill: #4A5568;
	}

	.fill-gray-800-a-xs:active{
		fill: #2D3748;
	}

	.fill-gray-900-a-xs:active{
		fill: #1A202C;
	}

	.fill-transparent-a-xs:active{
		fill: transparent;
	}

	.fill-black-a-xs:active{
		fill: #000000;
	}

	.fill-white-a-xs:active{
		fill: #FFFFFF;
	}

	.fill-purple-100-h-xs:hover{
		fill: #FAF5FF;
	}

	.fill-purple-200-h-xs:hover{
		fill: #E9D8FD;
	}

	.fill-purple-300-h-xs:hover{
		fill: #D6BCFA;
	}

	.fill-purple-400-h-xs:hover{
		fill: #B794F4;
	}

	.fill-purple-500-h-xs:hover{
		fill: #9F7AEA;
	}

	.fill-purple-600-h-xs:hover{
		fill: #805AD5;
	}

	.fill-purple-700-h-xs:hover{
		fill: #6B46C1;
	}

	.fill-purple-800-h-xs:hover{
		fill: #553C9A;
	}

	.fill-purple-900-h-xs:hover{
		fill: #44337A;
	}




	.fill-blue-100-h-xs:hover{
		fill: #EBF8FF;
	}

	.fill-blue-200-h-xs:hover{
		fill: #BEE3F8;
	}

	.fill-blue-300-h-xs:hover{
		fill: #90CDF4;
	}

	.fill-blue-400-h-xs:hover{
		fill: #63B3ED;
	}

	.fill-blue-500-h-xs:hover{
		fill: #4299E1;
	}

	.fill-blue-600-h-xs:hover{
		fill: #3182CE;
	}

	.fill-blue-700-h-xs:hover{
		fill: #2B6CB0;
	}

	.fill-blue-800-h-xs:hover{
		fill: #2C5282;
	}

	.fill-blue-900-h-xs:hover{
		fill: #2A4365;
	}


	.fill-teal-100-h-xs:hover{
		fill: #E6FFFA;
	}

	.fill-teal-200-h-xs:hover{
		fill: #B2F5EA;
	}

	.fill-teal-300-h-xs:hover{
		fill: #81E6D9;
	}

	.fill-teal-400-h-xs:hover{
		fill: #4FD1C5;
	}

	.fill-teal-500-h-xs:hover{
		fill: #38B2AC;
	}

	.fill-teal-600-h-xs:hover{
		fill: #319795;
	}

	.fill-teal-700-h-xs:hover{
		fill: #2C7A7B;
	}

	.fill-teal-800-h-xs:hover{
		fill: #285E61;
	}

	.fill-teal-900-h-xs:hover{
		fill: #234E52;
	}



	.fill-pink-100-h-xs:hover{
		fill: #FFF5F7;
	}
	.fill-pink-200-h-xs:hover{
		fill: #FED7E2;
	}

	.fill-pink-300-h-xs:hover{
		fill: #FBB6CE;
	}

	.fill-pink-400-h-xs:hover{
		fill: #F687B3;
	}

	.fill-pink-500-h-xs:hover{
		fill: #ED64A6;
	}

	.fill-pink-600-h-xs:hover{
		fill: #D53F8C;
	}

	.fill-pink-700-h-xs:hover{
		fill: #B83280;
	}

	.fill-pink-800-h-xs:hover{
		fill: #97266D;
	}

	.fill-pink-900-h-xs:hover{
		fill: #702459;
	}



	.fill-indigo-100-h-xs:hover{
		fill: #EBF4FF;
	}
	.fill-indigo-200-h-xs:hover{
		fill: #C3DAFE;
	}
	.fill-indigo-300-h-xs:hover{
		fill: #A3BFFA;
	}
	.fill-indigo-400-h-xs:hover{
		fill: #7F9CF5;
	}
	.fill-indigo-500-h-xs:hover{
		fill: #667EEA;
	}
	.fill-indigo-600-h-xs:hover{
		fill: #5A67D8;
	}
	.fill-indigo-700-h-xs:hover{
		fill: #4C51BF;
	}
	.fill-indigo-800-h-xs:hover{
		fill: #434190;
	}
	.fill-indigo-900-h-xs:hover{	
		fill: #3C366B;
	}


	.fill-green-100-h-xs:hover{
		fill: #F0FFF4;
	}

	.fill-green-200-h-xs:hover{
		fill: #C6F6D5;
	}

	.fill-green-300-h-xs:hover{
		fill: #9AE6B4;
	}

	.fill-green-400-h-xs:hover{
		fill: #68D391;
	}

	.fill-green-500-h-xs:hover{
		fill: #48BB78;
	}

	.fill-green-600-h-xs:hover{
		fill: #38A169;
	}

	.fill-green-700-h-xs:hover{
		fill: #2F855A;
	}

	.fill-green-800-h-xs:hover{
		fill: #276749;
	}

	.fill-green-900-h-xs:hover{
		fill: #22543D;
	}


	.fill-yellow-100-h-xs:hover{
		fill: #FFFFF0;
	}

	.fill-yellow-200-h-xs:hover{
		fill: #FEFCBF;
	}

	.fill-yellow-300-h-xs:hover{
		fill: #FAF089;
	}

	.fill-yellow-400-h-xs:hover{
		fill: #F6E05E;
	}

	.fill-yellow-500-h-xs:hover{
		fill: #ECC94B;
	}

	.fill-yellow-600-h-xs:hover{
		fill: #D69E2E;
	}

	.fill-yellow-700-h-xs:hover{
		fill: #B7791F;
	}

	.fill-yellow-800-h-xs:hover{
		fill: #975A16;
	}

	.fill-yellow-900-h-xs:hover{
		fill: #744210;
	}



	.fill-orange-100-h-xs:hover{
		fill: #FFFAF0;
	}

	.fill-orange-200-h-xs:hover{
		fill: #FEEBC8;
	}

	.fill-orange-300-h-xs:hover{
		fill: #FBD38D;
	}

	.fill-orange-400-h-xs:hover{
		fill: #F6AD55;
	}

	.fill-orange-500-h-xs:hover{
		fill: #ED8936;
	}

	.fill-orange-600-h-xs:hover{
		fill: #DD6B20;
	}

	.fill-orange-700-h-xs:hover{
		fill: #C05621;
	}

	.fill-orange-800-h-xs:hover{
		fill: #9C4221;
	}

	.fill-orange-900-h-xs:hover{
		fill: #7B341E;
	}



	.fill-red-100-h-xs:hover{
		fill: #FFF5F5;
	}

	.fill-red-200-h-xs:hover{
		fill: #FED7D7;
	}

	.fill-red-300-h-xs:hover{
		fill: #FEB2B2;
	}

	.fill-red-400-h-xs:hover{
		fill: #FC8181;
	}

	.fill-red-500-h-xs:hover{
		fill: #F56565;
	}

	.fill-red-600-h-xs:hover{
		fill: #E53E3E;
	}

	.fill-red-700-h-xs:hover{
		fill: #C53030;
	}

	.fill-red-800-h-xs:hover{
		fill: #9B2C2C;
	}

	.fill-red-900-h-xs:hover{
		fill: #742A2A;
	}



	.fill-gray-100-h-xs:hover{
		fill: #F7FAFC;
	}

	.fill-gray-200-h-xs:hover{
		fill: #EDF2F7;
	}

	.fill-gray-300-h-xs:hover{
		fill: #E2E8F0;
	}

	.fill-gray-400-h-xs:hover{
		fill: #CBD5E0;
	}

	.fill-gray-500-h-xs:hover{
		fill: #A0AEC0;
	}

	.fill-gray-600-h-xs:hover{
		fill: #718096;
	}

	.fill-gray-700-h-xs:hover{
		fill: #4A5568;
	}

	.fill-gray-800-h-xs:hover{
		fill: #2D3748;
	}

	.fill-gray-900-h-xs:hover{
		fill: #1A202C;
	}

	.fill-transparent-h-xs:hover{
		fill: transparent;
	}

	.fill-black-h-xs:hover{
		fill: #000000;
	}

	.fill-white-h-xs:hover{
		fill: #FFFFFF;
	}

	/* ======================================= FILL ==================================== */



	/* COLORS  */
	/* =============================== COLORS =================================================== */

	.bg-purple-100-xs{
		background-color: #FAF5FF;
	}

	.bg-purple-200-xs{
		background-color: #E9D8FD;
	}

	.bg-purple-300-xs{
		background-color: #D6BCFA;
	}

	.bg-purple-400-xs{
		background-color: #B794F4;
	}

	.bg-purple-500-xs{
		background-color: #9F7AEA;
	}

	.bg-purple-600-xs{
		background-color: #805AD5;
	}

	.bg-purple-700-xs{
		background-color: #6B46C1;
	}

	.bg-purple-800-xs{
		background-color: #553C9A;
	}

	.bg-purple-900-xs{
		background-color: #44337A;
	}




	.bg-blue-100-xs{
		background-color: #EBF8FF;
	}

	.bg-blue-200-xs{
		background-color: #BEE3F8;
	}

	.bg-blue-300-xs{
		background-color: #90CDF4;
	}

	.bg-blue-400-xs{
		background-color: #63B3ED;
	}

	.bg-blue-500-xs{
		background-color: #4299E1;
	}

	.bg-blue-600-xs{
		background-color: #3182CE;
	}

	.bg-blue-700-xs{
		background-color: #2B6CB0;
	}

	.bg-blue-800-xs{
		background-color: #2C5282;
	}

	.bg-blue-900-xs{
		background-color: #2A4365;
	}


	.bg-teal-100-xs{
		background-color: #E6FFFA;
	}

	.bg-teal-200-xs{
		background-color: #B2F5EA;
	}

	.bg-teal-300-xs{
		background-color: #81E6D9;
	}

	.bg-teal-400-xs{
		background-color: #4FD1C5;
	}

	.bg-teal-500-xs{
		background-color: #38B2AC;
	}

	.bg-teal-600-xs{
		background-color: #319795;
	}

	.bg-teal-700-xs{
		background-color: #2C7A7B;
	}

	.bg-teal-800-xs{
		background-color: #285E61;
	}

	.bg-teal-900-xs{
		background-color: #234E52;
	}

	.bg-teal-1000-xs{
		background-color: #004d40;
	}


	.bg-pink-100-xs{
		background-color: #FFF5F7;
	}
	.bg-pink-200-xs{
		background-color: #FED7E2;
	}

	.bg-pink-300-xs{
		background-color: #FBB6CE;
	}

	.bg-pink-400-xs{
		background-color: #F687B3;
	}

	.bg-pink-500-xs{
		background-color: #ED64A6;
	}

	.bg-pink-600-xs{
		background-color: #D53F8C;
	}

	.bg-pink-700-xs{
		background-color: #B83280;
	}

	.bg-pink-800-xs{
		background-color: #97266D;
	}

	.bg-pink-900-xs{
		background-color: #702459;
	}



	.bg-indigo-100-xs{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-xs{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-xs{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-xs{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-xs{
		background-color: #667EEA;
	}
	.bg-indigo-600-xs{
		background-color: #5A67D8;
	}
	.bg-indigo-700-xs{
		background-color: #4C51BF;
	}
	.bg-indigo-800-xs{
		background-color: #434190;
	}
	.bg-indigo-900-xs{	
		background-color: #3C366B;
	}


	.bg-green-100-xs{
		background-color: #F0FFF4;
	}

	.bg-green-200-xs{
		background-color: #C6F6D5;
	}

	.bg-green-300-xs{
		background-color: #9AE6B4;
	}

	.bg-green-400-xs{
		background-color: #68D391;
	}

	.bg-green-500-xs{
		background-color: #48BB78;
	}

	.bg-green-600-xs{
		background-color: #38A169;
	}

	.bg-green-700-xs{
		background-color: #2F855A;
	}

	.bg-green-800-xs{
		background-color: #276749;
	}

	.bg-green-900-xs{
		background-color: #22543D;
	}

	.bg-green-1000-xs{
		background-color: #33691e;
	}


	.bg-yellow-100-xs{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-xs{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-xs{
		background-color: #FAF089;
	}

	.bg-yellow-400-xs{
		background-color: #F6E05E;
	}

	.bg-yellow-500-xs{
		background-color: #ECC94B;
	}

	.bg-yellow-600-xs{
		background-color: #D69E2E;
	}

	.bg-yellow-700-xs{
		background-color: #B7791F;
	}

	.bg-yellow-800-xs{
		background-color: #975A16;
	}

	.bg-yellow-900-xs{
		background-color: #744210;
	}



	.bg-orange-100-xs{
		background-color: #FFFAF0;
	}

	.bg-orange-200-xs{
		background-color: #FEEBC8;
	}

	.bg-orange-300-xs{
		background-color: #FBD38D;
	}

	.bg-orange-400-xs{
		background-color: #F6AD55;
	}

	.bg-orange-500-xs{
		background-color: #ED8936;
	}

	.bg-orange-600-xs{
		background-color: #DD6B20;
	}

	.bg-orange-700-xs{
		background-color: #C05621;
	}

	.bg-orange-800-xs{
		background-color: #9C4221;
	}

	.bg-orange-900-xs{
		background-color: #7B341E;
	}



	.bg-red-100-xs{
		background-color: #FFF5F5;
	}

	.bg-red-200-xs{
		background-color: #FED7D7;
	}

	.bg-red-300-xs{
		background-color: #FEB2B2;
	}

	.bg-red-400-xs{
		background-color: #FC8181;
	}

	.bg-red-500-xs{
		background-color: #F56565;
	}

	.bg-red-600-xs{
		background-color: #E53E3E;
	}

	.bg-red-700-xs{
		background-color: #C53030;
	}

	.bg-red-800-xs{
		background-color: #9B2C2C;
	}

	.bg-red-900-xs{
		background-color: #742A2A;
	}



	.bg-gray-100-xs{
		background-color: #F7FAFC;
	}

	.bg-gray-200-xs{
		background-color: #EDF2F7;
	}

	.bg-gray-300-xs{
		background-color: #E2E8F0;
	}

	.bg-gray-400-xs{
		background-color: #CBD5E0;
	}

	.bg-gray-500-xs{
		background-color: #A0AEC0;
	}

	.bg-gray-600-xs{
		background-color: #718096;
	}

	.bg-gray-700-xs{
		background-color: #4A5568;
	}

	.bg-gray-800-xs{
		background-color: #2D3748;
	}

	.bg-gray-900-xs{
		background-color: #1A202C;
	}

	.bg-transparent-xs{
		background-color: transparent;
	}

	.bg-black-xs{
		background-color: #000000;
	}

	.bg-white-xs{
		background-color: #FFFFFF;
	}

	.bg-purple-100-f-xs:focus{
		background-color: #FAF5FF;
	}

	.bg-purple-200-f-xs:focus{
		background-color: #E9D8FD;
	}

	.bg-purple-300-f-xs:focus{
		background-color: #D6BCFA;
	}

	.bg-purple-400-f-xs:focus{
		background-color: #B794F4;
	}

	.bg-purple-500-f-xs:focus{
		background-color: #9F7AEA;
	}

	.bg-purple-600-f-xs:focus{
		background-color: #805AD5;
	}

	.bg-purple-700-f-xs:focus{
		background-color: #6B46C1;
	}

	.bg-purple-800-f-xs:focus{
		background-color: #553C9A;
	}

	.bg-purple-900-f-xs:focus{
		background-color: #44337A;
	}




	.bg-blue-100-f-xs:focus{
		background-color: #EBF8FF;
	}

	.bg-blue-200-f-xs:focus{
		background-color: #BEE3F8;
	}

	.bg-blue-300-f-xs:focus{
		background-color: #90CDF4;
	}

	.bg-blue-400-f-xs:focus{
		background-color: #63B3ED;
	}

	.bg-blue-500-f-xs:focus{
		background-color: #4299E1;
	}

	.bg-blue-600-f-xs:focus{
		background-color: #3182CE;
	}

	.bg-blue-700-f-xs:focus{
		background-color: #2B6CB0;
	}

	.bg-blue-800-f-xs:focus{
		background-color: #2C5282;
	}

	.bg-blue-900-f-xs:focus{
		background-color: #2A4365;
	}


	.bg-teal-100-f-xs:focus{
		background-color: #E6FFFA;
	}

	.bg-teal-200-f-xs:focus{
		background-color: #B2F5EA;
	}

	.bg-teal-300-f-xs:focus{
		background-color: #81E6D9;
	}

	.bg-teal-400-f-xs:focus{
		background-color: #4FD1C5;
	}

	.bg-teal-500-f-xs:focus{
		background-color: #38B2AC;
	}

	.bg-teal-600-f-xs:focus{
		background-color: #319795;
	}

	.bg-teal-700-f-xs:focus{
		background-color: #2C7A7B;
	}

	.bg-teal-800-f-xs:focus{
		background-color: #285E61;
	}

	.bg-teal-900-f-xs:focus{
		background-color: #234E52;
	}

	.bg-teal-1000-f-xs:focus{
		background-color: #004d40;
	}


	.bg-pink-100-f-xs:focus{
		background-color: #FFF5F7;
	}
	.bg-pink-200-f-xs:focus{
		background-color: #FED7E2;
	}

	.bg-pink-300-f-xs:focus{
		background-color: #FBB6CE;
	}

	.bg-pink-400-f-xs:focus{
		background-color: #F687B3;
	}

	.bg-pink-500-f-xs:focus{
		background-color: #ED64A6;
	}

	.bg-pink-600-f-xs:focus{
		background-color: #D53F8C;
	}

	.bg-pink-700-f-xs:focus{
		background-color: #B83280;
	}

	.bg-pink-800-f-xs:focus{
		background-color: #97266D;
	}

	.bg-pink-900-f-xs:focus{
		background-color: #702459;
	}



	.bg-indigo-100-f-xs:focus{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-f-xs:focus{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-f-xs:focus{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-f-xs:focus{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-f-xs:focus{
		background-color: #667EEA;
	}
	.bg-indigo-600-f-xs:focus{
		background-color: #5A67D8;
	}
	.bg-indigo-700-f-xs:focus{
		background-color: #4C51BF;
	}
	.bg-indigo-800-f-xs:focus{
		background-color: #434190;
	}
	.bg-indigo-900-f-xs:focus{	
		background-color: #3C366B;
	}


	.bg-green-100-f-xs:focus{
		background-color: #F0FFF4;
	}

	.bg-green-200-f-xs:focus{
		background-color: #C6F6D5;
	}

	.bg-green-300-f-xs:focus{
		background-color: #9AE6B4;
	}

	.bg-green-400-f-xs:focus{
		background-color: #68D391;
	}

	.bg-green-500-f-xs:focus{
		background-color: #48BB78;
	}

	.bg-green-600-f-xs:focus{
		background-color: #38A169;
	}

	.bg-green-700-f-xs:focus{
		background-color: #2F855A;
	}

	.bg-green-800-f-xs:focus{
		background-color: #276749;
	}

	.bg-green-900-f-xs:focus{
		background-color: #22543D;
	}

	.bg-green-1000-f-xs:focus{
		background-color: #33691e;
	}


	.bg-yellow-100-f-xs:focus{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-f-xs:focus{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-f-xs:focus{
		background-color: #FAF089;
	}

	.bg-yellow-400-f-xs:focus{
		background-color: #F6E05E;
	}

	.bg-yellow-500-f-xs:focus{
		background-color: #ECC94B;
	}

	.bg-yellow-600-f-xs:focus{
		background-color: #D69E2E;
	}

	.bg-yellow-700-f-xs:focus{
		background-color: #B7791F;
	}

	.bg-yellow-800-f-xs:focus{
		background-color: #975A16;
	}

	.bg-yellow-900-f-xs:focus{
		background-color: #744210;
	}



	.bg-orange-100-f-xs:focus{
		background-color: #FFFAF0;
	}

	.bg-orange-200-f-xs:focus{
		background-color: #FEEBC8;
	}

	.bg-orange-300-f-xs:focus{
		background-color: #FBD38D;
	}

	.bg-orange-400-f-xs:focus{
		background-color: #F6AD55;
	}

	.bg-orange-500-f-xs:focus{
		background-color: #ED8936;
	}

	.bg-orange-600-f-xs:focus{
		background-color: #DD6B20;
	}

	.bg-orange-700-f-xs:focus{
		background-color: #C05621;
	}

	.bg-orange-800-f-xs:focus{
		background-color: #9C4221;
	}

	.bg-orange-900-f-xs:focus{
		background-color: #7B341E;
	}



	.bg-red-100-f-xs:focus{
		background-color: #FFF5F5;
	}

	.bg-red-200-f-xs:focus{
		background-color: #FED7D7;
	}

	.bg-red-300-f-xs:focus{
		background-color: #FEB2B2;
	}

	.bg-red-400-f-xs:focus{
		background-color: #FC8181;
	}

	.bg-red-500-f-xs:focus{
		background-color: #F56565;
	}

	.bg-red-600-f-xs:focus{
		background-color: #E53E3E;
	}

	.bg-red-700-f-xs:focus{
		background-color: #C53030;
	}

	.bg-red-800-f-xs:focus{
		background-color: #9B2C2C;
	}

	.bg-red-900-f-xs:focus{
		background-color: #742A2A;
	}



	.bg-gray-100-f-xs:focus{
		background-color: #F7FAFC;
	}

	.bg-gray-200-f-xs:focus{
		background-color: #EDF2F7;
	}

	.bg-gray-300-f-xs:focus{
		background-color: #E2E8F0;
	}

	.bg-gray-400-f-xs:focus{
		background-color: #CBD5E0;
	}

	.bg-gray-500-f-xs:focus{
		background-color: #A0AEC0;
	}

	.bg-gray-600-f-xs:focus{
		background-color: #718096;
	}

	.bg-gray-700-f-xs:focus{
		background-color: #4A5568;
	}

	.bg-gray-800-f-xs:focus{
		background-color: #2D3748;
	}

	.bg-gray-900-f-xs:focus{
		background-color: #1A202C;
	}

	.bg-transparent-f-xs:focus{
		background-color: transparent;
	}

	.bg-black-f-xs:focus{
		background-color: #000000;
	}

	.bg-white-f-xs:focus{
		background-color: #FFFFFF;
	}


	.bg-purple-100-a-xs:active{
		background-color: #FAF5FF;
	}

	.bg-purple-200-a-xs:active{
		background-color: #E9D8FD;
	}

	.bg-purple-300-a-xs:active{
		background-color: #D6BCFA;
	}

	.bg-purple-400-a-xs:active{
		background-color: #B794F4;
	}

	.bg-purple-500-a-xs:active{
		background-color: #9F7AEA;
	}

	.bg-purple-600-a-xs:active{
		background-color: #805AD5;
	}

	.bg-purple-700-a-xs:active{
		background-color: #6B46C1;
	}

	.bg-purple-800-a-xs:active{
		background-color: #553C9A;
	}

	.bg-purple-900-a-xs:active{
		background-color: #44337A;
	}




	.bg-blue-100-a-xs:active{
		background-color: #EBF8FF;
	}

	.bg-blue-200-a-xs:active{
		background-color: #BEE3F8;
	}

	.bg-blue-300-a-xs:active{
		background-color: #90CDF4;
	}

	.bg-blue-400-a-xs:active{
		background-color: #63B3ED;
	}

	.bg-blue-500-a-xs:active{
		background-color: #4299E1;
	}

	.bg-blue-600-a-xs:active{
		background-color: #3182CE;
	}

	.bg-blue-700-a-xs:active{
		background-color: #2B6CB0;
	}

	.bg-blue-800-a-xs:active{
		background-color: #2C5282;
	}

	.bg-blue-900-a-xs:active{
		background-color: #2A4365;
	}


	.bg-teal-100-a-xs:active{
		background-color: #E6FFFA;
	}

	.bg-teal-200-a-xs:active{
		background-color: #B2F5EA;
	}

	.bg-teal-300-a-xs:active{
		background-color: #81E6D9;
	}

	.bg-teal-400-a-xs:active{
		background-color: #4FD1C5;
	}

	.bg-teal-500-a-xs:active{
		background-color: #38B2AC;
	}

	.bg-teal-600-a-xs:active{
		background-color: #319795;
	}

	.bg-teal-700-a-xs:active{
		background-color: #2C7A7B;
	}

	.bg-teal-800-a-xs:active{
		background-color: #285E61;
	}

	.bg-teal-900-a-xs:active{
		background-color: #234E52;
	}



	.bg-pink-100-a-xs:active{
		background-color: #FFF5F7;
	}
	.bg-pink-200-a-xs:active{
		background-color: #FED7E2;
	}

	.bg-pink-300-a-xs:active{
		background-color: #FBB6CE;
	}

	.bg-pink-400-a-xs:active{
		background-color: #F687B3;
	}

	.bg-pink-500-a-xs:active{
		background-color: #ED64A6;
	}

	.bg-pink-600-a-xs:active{
		background-color: #D53F8C;
	}

	.bg-pink-700-a-xs:active{
		background-color: #B83280;
	}

	.bg-pink-800-a-xs:active{
		background-color: #97266D;
	}

	.bg-pink-900-a-xs:active{
		background-color: #702459;
	}



	.bg-indigo-100-a-xs:active{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-a-xs:active{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-a-xs:active{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-a-xs:active{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-a-xs:active{
		background-color: #667EEA;
	}
	.bg-indigo-600-a-xs:active{
		background-color: #5A67D8;
	}
	.bg-indigo-700-a-xs:active{
		background-color: #4C51BF;
	}
	.bg-indigo-800-a-xs:active{
		background-color: #434190;
	}
	.bg-indigo-900-a-xs:active{	
		background-color: #3C366B;
	}


	.bg-green-100-a-xs:active{
		background-color: #F0FFF4;
	}

	.bg-green-200-a-xs:active{
		background-color: #C6F6D5;
	}

	.bg-green-300-a-xs:active{
		background-color: #9AE6B4;
	}

	.bg-green-400-a-xs:active{
		background-color: #68D391;
	}

	.bg-green-500-a-xs:active{
		background-color: #48BB78;
	}

	.bg-green-600-a-xs:active{
		background-color: #38A169;
	}

	.bg-green-700-a-xs:active{
		background-color: #2F855A;
	}

	.bg-green-800-a-xs:active{
		background-color: #276749;
	}

	.bg-green-900-a-xs:active{
		background-color: #22543D;
	}


	.bg-yellow-100-a-xs:active{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-a-xs:active{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-a-xs:active{
		background-color: #FAF089;
	}

	.bg-yellow-400-a-xs:active{
		background-color: #F6E05E;
	}

	.bg-yellow-500-a-xs:active{
		background-color: #ECC94B;
	}

	.bg-yellow-600-a-xs:active{
		background-color: #D69E2E;
	}

	.bg-yellow-700-a-xs:active{
		background-color: #B7791F;
	}

	.bg-yellow-800-a-xs:active{
		background-color: #975A16;
	}

	.bg-yellow-900-a-xs:active{
		background-color: #744210;
	}



	.bg-orange-100-a-xs:active{
		background-color: #FFFAF0;
	}

	.bg-orange-200-a-xs:active{
		background-color: #FEEBC8;
	}

	.bg-orange-300-a-xs:active{
		background-color: #FBD38D;
	}

	.bg-orange-400-a-xs:active{
		background-color: #F6AD55;
	}

	.bg-orange-500-a-xs:active{
		background-color: #ED8936;
	}

	.bg-orange-600-a-xs:active{
		background-color: #DD6B20;
	}

	.bg-orange-700-a-xs:active{
		background-color: #C05621;
	}

	.bg-orange-800-a-xs:active{
		background-color: #9C4221;
	}

	.bg-orange-900-a-xs:active{
		background-color: #7B341E;
	}



	.bg-red-100-a-xs:active{
		background-color: #FFF5F5;
	}

	.bg-red-200-a-xs:active{
		background-color: #FED7D7;
	}

	.bg-red-300-a-xs:active{
		background-color: #FEB2B2;
	}

	.bg-red-400-a-xs:active{
		background-color: #FC8181;
	}

	.bg-red-500-a-xs:active{
		background-color: #F56565;
	}

	.bg-red-600-a-xs:active{
		background-color: #E53E3E;
	}

	.bg-red-700-a-xs:active{
		background-color: #C53030;
	}

	.bg-red-800-a-xs:active{
		background-color: #9B2C2C;
	}

	.bg-red-900-a-xs:active{
		background-color: #742A2A;
	}



	.bg-gray-100-a-xs:active{
		background-color: #F7FAFC;
	}

	.bg-gray-200-a-xs:active{
		background-color: #EDF2F7;
	}

	.bg-gray-300-a-xs:active{
		background-color: #E2E8F0;
	}

	.bg-gray-400-a-xs:active{
		background-color: #CBD5E0;
	}

	.bg-gray-500-a-xs:active{
		background-color: #A0AEC0;
	}

	.bg-gray-600-a-xs:active{
		background-color: #718096;
	}

	.bg-gray-700-a-xs:active{
		background-color: #4A5568;
	}

	.bg-gray-800-a-xs:active{
		background-color: #2D3748;
	}

	.bg-gray-900-a-xs:active{
		background-color: #1A202C;
	}

	.bg-transparent-a-xs:active{
		background-color: transparent;
	}

	.bg-black-a-xs:active{
		background-color: #000000;
	}

	.bg-white-a-xs:active{
		background-color: #FFFFFF;
	}

	.bg-purple-100-h-xs:hover{
		background-color: #FAF5FF;
	}

	.bg-purple-200-h-xs:hover{
		background-color: #E9D8FD;
	}

	.bg-purple-300-h-xs:hover{
		background-color: #D6BCFA;
	}

	.bg-purple-400-h-xs:hover{
		background-color: #B794F4;
	}

	.bg-purple-500-h-xs:hover{
		background-color: #9F7AEA;
	}

	.bg-purple-600-h-xs:hover{
		background-color: #805AD5;
	}

	.bg-purple-700-h-xs:hover{
		background-color: #6B46C1;
	}

	.bg-purple-800-h-xs:hover{
		background-color: #553C9A;
	}

	.bg-purple-900-h-xs:hover{
		background-color: #44337A;
	}




	.bg-blue-100-h-xs:hover{
		background-color: #EBF8FF;
	}

	.bg-blue-200-h-xs:hover{
		background-color: #BEE3F8;
	}

	.bg-blue-300-h-xs:hover{
		background-color: #90CDF4;
	}

	.bg-blue-400-h-xs:hover{
		background-color: #63B3ED;
	}

	.bg-blue-500-h-xs:hover{
		background-color: #4299E1;
	}

	.bg-blue-600-h-xs:hover{
		background-color: #3182CE;
	}

	.bg-blue-700-h-xs:hover{
		background-color: #2B6CB0;
	}

	.bg-blue-800-h-xs:hover{
		background-color: #2C5282;
	}

	.bg-blue-900-h-xs:hover{
		background-color: #2A4365;
	}


	.bg-teal-100-h-xs:hover{
		background-color: #E6FFFA;
	}

	.bg-teal-200-h-xs:hover{
		background-color: #B2F5EA;
	}

	.bg-teal-300-h-xs:hover{
		background-color: #81E6D9;
	}

	.bg-teal-400-h-xs:hover{
		background-color: #4FD1C5;
	}

	.bg-teal-500-h-xs:hover{
		background-color: #38B2AC;
	}

	.bg-teal-600-h-xs:hover{
		background-color: #319795;
	}

	.bg-teal-700-h-xs:hover{
		background-color: #2C7A7B;
	}

	.bg-teal-800-h-xs:hover{
		background-color: #285E61;
	}

	.bg-teal-900-h-xs:hover{
		background-color: #234E52;
	}



	.bg-pink-100-h-xs:hover{
		background-color: #FFF5F7;
	}
	.bg-pink-200-h-xs:hover{
		background-color: #FED7E2;
	}

	.bg-pink-300-h-xs:hover{
		background-color: #FBB6CE;
	}

	.bg-pink-400-h-xs:hover{
		background-color: #F687B3;
	}

	.bg-pink-500-h-xs:hover{
		background-color: #ED64A6;
	}

	.bg-pink-600-h-xs:hover{
		background-color: #D53F8C;
	}

	.bg-pink-700-h-xs:hover{
		background-color: #B83280;
	}

	.bg-pink-800-h-xs:hover{
		background-color: #97266D;
	}

	.bg-pink-900-h-xs:hover{
		background-color: #702459;
	}



	.bg-indigo-100-h-xs:hover{
		background-color: #EBF4FF;
	}
	.bg-indigo-200-h-xs:hover{
		background-color: #C3DAFE;
	}
	.bg-indigo-300-h-xs:hover{
		background-color: #A3BFFA;
	}
	.bg-indigo-400-h-xs:hover{
		background-color: #7F9CF5;
	}
	.bg-indigo-500-h-xs:hover{
		background-color: #667EEA;
	}
	.bg-indigo-600-h-xs:hover{
		background-color: #5A67D8;
	}
	.bg-indigo-700-h-xs:hover{
		background-color: #4C51BF;
	}
	.bg-indigo-800-h-xs:hover{
		background-color: #434190;
	}
	.bg-indigo-900-h-xs:hover{	
		background-color: #3C366B;
	}


	.bg-green-100-h-xs:hover{
		background-color: #F0FFF4;
	}

	.bg-green-200-h-xs:hover{
		background-color: #C6F6D5;
	}

	.bg-green-300-h-xs:hover{
		background-color: #9AE6B4;
	}

	.bg-green-400-h-xs:hover{
		background-color: #68D391;
	}

	.bg-green-500-h-xs:hover{
		background-color: #48BB78;
	}

	.bg-green-600-h-xs:hover{
		background-color: #38A169;
	}

	.bg-green-700-h-xs:hover{
		background-color: #2F855A;
	}

	.bg-green-800-h-xs:hover{
		background-color: #276749;
	}

	.bg-green-900-h-xs:hover{
		background-color: #22543D;
	}


	.bg-yellow-100-h-xs:hover{
		background-color: #FFFFF0;
	}

	.bg-yellow-200-h-xs:hover{
		background-color: #FEFCBF;
	}

	.bg-yellow-300-h-xs:hover{
		background-color: #FAF089;
	}

	.bg-yellow-400-h-xs:hover{
		background-color: #F6E05E;
	}

	.bg-yellow-500-h-xs:hover{
		background-color: #ECC94B;
	}

	.bg-yellow-600-h-xs:hover{
		background-color: #D69E2E;
	}

	.bg-yellow-700-h-xs:hover{
		background-color: #B7791F;
	}

	.bg-yellow-800-h-xs:hover{
		background-color: #975A16;
	}

	.bg-yellow-900-h-xs:hover{
		background-color: #744210;
	}



	.bg-orange-100-h-xs:hover{
		background-color: #FFFAF0;
	}

	.bg-orange-200-h-xs:hover{
		background-color: #FEEBC8;
	}

	.bg-orange-300-h-xs:hover{
		background-color: #FBD38D;
	}

	.bg-orange-400-h-xs:hover{
		background-color: #F6AD55;
	}

	.bg-orange-500-h-xs:hover{
		background-color: #ED8936;
	}

	.bg-orange-600-h-xs:hover{
		background-color: #DD6B20;
	}

	.bg-orange-700-h-xs:hover{
		background-color: #C05621;
	}

	.bg-orange-800-h-xs:hover{
		background-color: #9C4221;
	}

	.bg-orange-900-h-xs:hover{
		background-color: #7B341E;
	}



	.bg-red-100-h-xs:hover{
		background-color: #FFF5F5;
	}

	.bg-red-200-h-xs:hover{
		background-color: #FED7D7;
	}

	.bg-red-300-h-xs:hover{
		background-color: #FEB2B2;
	}

	.bg-red-400-h-xs:hover{
		background-color: #FC8181;
	}

	.bg-red-500-h-xs:hover{
		background-color: #F56565;
	}

	.bg-red-600-h-xs:hover{
		background-color: #E53E3E;
	}

	.bg-red-700-h-xs:hover{
		background-color: #C53030;
	}

	.bg-red-800-h-xs:hover{
		background-color: #9B2C2C;
	}

	.bg-red-900-h-xs:hover{
		background-color: #742A2A;
	}



	.bg-gray-100-h-xs:hover{
		background-color: #F7FAFC;
	}

	.bg-gray-200-h-xs:hover{
		background-color: #EDF2F7;
	}

	.bg-gray-300-h-xs:hover{
		background-color: #E2E8F0;
	}

	.bg-gray-400-h-xs:hover{
		background-color: #CBD5E0;
	}

	.bg-gray-500-h-xs:hover{
		background-color: #A0AEC0;
	}

	.bg-gray-600-h-xs:hover{
		background-color: #718096;
	}

	.bg-gray-700-h-xs:hover{
		background-color: #4A5568;
	}

	.bg-gray-800-h-xs:hover{
		background-color: #2D3748;
	}

	.bg-gray-900-h-xs:hover{
		background-color: #1A202C;
	}

	.bg-transparent-h-xs:hover{
		background-color: transparent;
	}

	.bg-black-h-xs:hover{
		background-color: #000000;
	}

	.bg-white-h-xs:hover{
		background-color: #FFFFFF;
	}






	.outline-none-xs{
		outline:none;
	}

	.outline-purple-100-xs{
		outline-color: #FAF5FF;
	}

	.outline-purple-200-xs{
		outline-color: #E9D8FD;
	}

	.outline-purple-300-xs{
		outline-color: #D6BCFA;
	}

	.outline-purple-400-xs{
		outline-color: #B794F4;
	}

	.outline-purple-500-xs{
		outline-color: #9F7AEA;
	}

	.outline-purple-600-xs{
		outline-color: #805AD5;
	}

	.outline-purple-700-xs{
		outline-color: #6B46C1;
	}

	.outline-purple-800-xs{
		outline-color: #553C9A;
	}

	.outline-purple-900-xs{
		outline-color: #44337A;
	}

	.outline-blue-100-xs{
		outline-color: #EBF8FF;
	}

	.outline-blue-200-xs{
		outline-color: #BEE3F8;
	}

	.outline-blue-300-xs{
		outline-color: #90CDF4;
	}

	.outline-blue-400-xs{
		outline-color: #63B3ED;
	}

	.outline-blue-500-xs{
		outline-color: #4299E1;
	}

	.outline-blue-600-xs{
		outline-color: #3182CE;
	}

	.outline-blue-700-xs{
		outline-color: #2B6CB0;
	}

	.outline-blue-800-xs{
		outline-color: #2C5282;
	}

	.outline-blue-900-xs{
		outline-color: #2A4365;
	}


	.outline-teal-100-xs{
		outline-color: #E6FFFA;
	}

	.outline-teal-200-xs{
		outline-color: #B2F5EA;
	}

	.outline-teal-300-xs{
		outline-color: #81E6D9;
	}

	.outline-teal-400-xs{
		outline-color: #4FD1C5;
	}

	.outline-teal-500-xs{
		outline-color: #38B2AC;
	}

	.outline-teal-600-xs{
		outline-color: #319795;
	}

	.outline-teal-700-xs{
		outline-color: #2C7A7B;
	}

	.outline-teal-800-xs{
		outline-color: #285E61;
	}

	.outline-teal-900-xs{
		outline-color: #234E52;
	}



	.outline-pink-100-xs{
		outline-color: #FFF5F7;
	}
	.outline-pink-200-xs{
		outline-color: #FED7E2;
	}

	.outline-pink-300-xs{
		outline-color: #FBB6CE;
	}

	.outline-pink-400-xs{
		outline-color: #F687B3;
	}

	.outline-pink-500-xs{
		outline-color: #ED64A6;
	}

	.outline-pink-600-xs{
		outline-color: #D53F8C;
	}

	.outline-pink-700-xs{
		outline-color: #B83280;
	}

	.outline-pink-800-xs{
		outline-color: #97266D;
	}

	.outline-pink-900-xs{
		outline-color: #702459;
	}



	.outline-indigo-100-xs{
		outline-color: #EBF4FF;
	}
	.outline-indigo-200-xs{
		outline-color: #C3DAFE;
	}
	.outline-indigo-300-xs{
		outline-color: #A3BFFA;
	}
	.outline-indigo-400-xs{
		outline-color: #7F9CF5;
	}
	.outline-indigo-500-xs{
		outline-color: #667EEA;
	}
	.outline-indigo-600-xs{
		outline-color: #5A67D8;
	}
	.outline-indigo-700-xs{
		outline-color: #4C51BF;
	}
	.outline-indigo-800-xs{
		outline-color: #434190;
	}
	.outline-indigo-900-xs{	
		outline-color: #3C366B;
	}


	.outline-green-100-xs{
		outline-color: #F0FFF4;
	}

	.outline-green-200-xs{
		outline-color: #C6F6D5;
	}

	.outline-green-300-xs{
		outline-color: #9AE6B4;
	}

	.outline-green-400-xs{
		outline-color: #68D391;
	}

	.outline-green-500-xs{
		outline-color: #48BB78;
	}

	.outline-green-600-xs{
		outline-color: #38A169;
	}

	.outline-green-700-xs{
		outline-color: #2F855A;
	}

	.outline-green-800-xs{
		outline-color: #276749;
	}

	.outline-green-900-xs{
		outline-color: #22543D;
	}


	.outline-yellow-100-xs{
		outline-color: #FFFFF0;
	}

	.outline-yellow-200-xs{
		outline-color: #FEFCBF;
	}

	.outline-yellow-300-xs{
		outline-color: #FAF089;
	}

	.outline-yellow-400-xs{
		outline-color: #F6E05E;
	}

	.outline-yellow-500-xs{
		outline-color: #ECC94B;
	}

	.outline-yellow-600-xs{
		outline-color: #D69E2E;
	}

	.outline-yellow-700-xs{
		outline-color: #B7791F;
	}

	.outline-yellow-800-xs{
		outline-color: #975A16;
	}

	.outline-yellow-900-xs{
		outline-color: #744210;
	}



	.outline-orange-100-xs{
		outline-color: #FFFAF0;
	}

	.outline-orange-200-xs{
		outline-color: #FEEBC8;
	}

	.outline-orange-300-xs{
		outline-color: #FBD38D;
	}

	.outline-orange-400-xs{
		outline-color: #F6AD55;
	}

	.outline-orange-500-xs{
		outline-color: #ED8936;
	}

	.outline-orange-600-xs{
		outline-color: #DD6B20;
	}

	.outline-orange-700-xs{
		outline-color: #C05621;
	}

	.outline-orange-800-xs{
		outline-color: #9C4221;
	}

	.outline-orange-900-xs{
		outline-color: #7B341E;
	}



	.outline-red-100-xs{
		outline-color: #FFF5F5;
	}

	.outline-red-200-xs{
		outline-color: #FED7D7;
	}

	.outline-red-300-xs{
		outline-color: #FEB2B2;
	}

	.outline-red-400-xs{
		outline-color: #FC8181;
	}

	.outline-red-500-xs{
		outline-color: #F56565;
	}

	.outline-red-600-xs{
		outline-color: #E53E3E;
	}

	.outline-red-700-xs{
		outline-color: #C53030;
	}

	.outline-red-800-xs{
		outline-color: #9B2C2C;
	}

	.outline-red-900-xs{
		outline-color: #742A2A;
	}



	.outline-gray-100-xs{
		outline-color: #F7FAFC;
	}

	.outline-gray-200-xs{
		outline-color: #EDF2F7;
	}

	.outline-gray-300-xs{
		outline-color: #E2E8F0;
	}

	.outline-gray-400-xs{
		outline-color: #CBD5E0;
	}

	.outline-gray-500-xs{
		outline-color: #A0AEC0;
	}

	.outline-gray-600-xs{
		outline-color: #718096;
	}

	.outline-gray-700-xs{
		outline-color: #4A5568;
	}

	.outline-gray-800-xs{
		outline-color: #2D3748;
	}

	.outline-gray-900-xs{
		outline-color: #1A202C;
	}


	.outline-black-xs{
		outline-color: #000000;
	}

	.outline-white-xs{
		outline-color: #FFFFFF;
	}


	/* RESPONSIVE DESIGN */
	.flex-xs{
		display: flex;
	}

	.justify-center-xs{
		justify-content: center;
	}

	.justify-end-xs{
		justify-content: flex-end;
	}

	.justify-evenly-xs{
		justify-content: space-evenly;
	}


	.justify-start-xs{
		justify-content:flex-start;
	}

	.justify-around-xs{
		justify-content:space-around;
	}

	.justify-between-xs{
		justify-content: space-between;
	}

	.align-items-center-xs{
		align-items: center;
	}

	.align-items-start-xs{
		align-items: flex-start;
	}

	.align-items-end-xs{
		align-items: flex-end;
	}

	.align-items-stretch-xs{
		align-items: stretch;
	}

	.align-content-center-xs{
		align-items: center;
	}

	.align-content-start-xs{
		align-items: flex-start;
	}

	.align-content-end-xs{
		align-items: flex-end;
	}

	.align-content-stretch-xs{
		align-items: stretch;
	}

	.align-self-center-xs{
		align-items: center;
	}

	.align-self-start-xs{
		align-items: flex-start;
	}

	.align-self-end-xs{
		align-items: flex-end;
	}

	.align-self-stretch-xs{
		align-items: stretch;
	}

	.text-right-xs{
		text-align: right;
	}

	.text-left-xs{
		text-align: left;
	}

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

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

	.z-10-xs{
		z-index:10;
	}

	.z-20-xs{
		z-index: 20;
	}

	.z-30-xs{
		z-index: 30;
	}

	.z-40-xs{
		z-index: 40;
	}

	.z-50-xs{
		z-index: 50;
	}

	.z-60-xs{
		z-index: 60;
	}

	.z-70-xs{
		z-index: 70;
	}

	.z-80-xs{
		z-index: 80;
	}

	.z-90-xs{
		z-index: 90;
	}

	.z-100-xs{
		z-index: 100;
	}

	.z-inherit-xs{
		z-index: inherit;
	}

	.z-intial-xs{
		z-index: initial;
	}

	.z-auto-xs{
		z-index: auto;
	}

	.flex-wrap-xs{
		flex-wrap: wrap;
	}

	.flex-nowrap-xs{
		flex-wrap: nowrap;
	}

	.flex-Rwrap-xs{
		flex-wrap: wrap-reverse;
	}

	.flex-column-xs{
		flex-direction: column;
	}

	.flex-Rcolumn-xs{
		flex-direction: column-reverse;
	}

	.flex-row-xs{
		flex-direction: row;
	}

	.flex-Rrow-xs{
		flex-direction: row-reverse;
	}

	.flex-grow-xs{
		flex-grow: 1;
	}

	.flex-grow-0-xs{
		flex-grow: 0;
	}

	.flex-shrink-xs{
		flex-shrink: 1;
	}

	.flex-shrink-0-xs{
		flex-shrink: 0;
	}

	.order-first-xs{
		order: -9999;
	}

	.order-last-xs{
		order: 9999;
	}

	.order-none-xs{
		order: 0;
	}

	.order-1-xs{
		order: 1;
	}

	.order-2-xs{
		order: 2;
	}

	.order-3-xs{
		order: 3;
	}

	.order-4-xs{
		order: 4;
	}

	.order-5-xs{
		order: 5;
	}

	.order-6-xs{
		order: 6;
	}

	.order-7-xs{
		order: 7;
	}

	.order-8-xs{
		order: 8;
	}

	.order-9-xs{
		order: 9;
	}


	/* HEIGHT */

	.max-h-0-xs{
		max-height: 0;
	}

	.h-auto-xs{
		height: auto;
	}

	.max-h-100-xs{
		max-height: 100%;
	}

	.h-content-xs{
		height: max-content;
	}

	.vh-1-xs{
		height:1vh;
	}

	.vh-10-xs{
		height:10vh;
	}

	.vh-20-xs{
		height:20vh;
	}

	.vh-30-xs{
		height:30vh;
	}

	.vh-40-xs{
		height:40vh;
	}

	.vh-50-xs{
		height:50vh;
	}

	.vh-60-xs{
		height:60vh;
	}

	.vh-70-xs{
		height:70vh;
	}

	.vh-80-xs{
		height:80vh;
	}

	.vh-90-xs{
		height:90vh;
	}

	.vh-100-xs{
		height:100vh;
	}

	/*percentage */
	.h-1-xs{
		height:1%;
	}

	.h-10-xs{
		height:10%;
	}

	.h-20-xs{
		height:20%;
	}

	.h-30-xs{
		height:30%;
	}

	.h-40-xs{
		height:40%;
	}

	.h-50-xs{
		height:50%;
	}

	.h-60-xs{
		height:60%;
	}

	.h-70-xs{
		height:70%;
	}

	.h-80-xs{
		height:80%;
	}

	.h-90-xs{
		height:90%;
	}

	.h-100-xs{
		height:100%;
	}


	/* MARGIN */


	/* =========================================================================================
	====================================================================================================== */


	.m-0-xs{
		margin: 0;
	}

	.m-1-xs{
		margin: 5px;
	}

	.m-2-xs{
		margin: 10px;
	}

	.m-3-xs{
		margin: 15px;
	}

	.m-4-xs{
		margin: 20px;
	}

	.m-5-xs{
		margin: 25px;
	}

	.m-6-xs{
		margin: 30px;
	}

	.m-7-xs{
		margin: 35px;
	}

	.m-8-xs{
		margin: 40px;
	}

	.m-9-xs{
		margin: 45px;
	}

	.m-10-xs{
		margin: 50px;
	}


	.m-11-xs{
		margin: 55px;
	}

	.m-12-xs{
		margin: 60px;
	}

	.m-13-xs{
		margin: 65px;
	}

	.m-14-xs{
		margin: 70px;
	}

	.m-15-xs{
		margin: 75px;
	}

	.m-16-xs{
		margin: 80px;
	}

	.m-17-xs{
		margin: 85px;
	}

	.m-18-xs{
		margin: 90px;
	}

	.m-19-xs{
		margin: 95px;
	}

	.m-20-xs{
		margin: 100px;
	}

	/* NORMAL MARGIN END */




	/* MARGIN TOP */
	.mt-0-xs{
		margin-top: 0;
	}

	.mt-1-xs{
		margin-top: 5px;
	}

	.mt-2-xs{
		margin-top: 10px;
	}

	.mt-3-xs{
		margin-top: 15px;
	}

	.mt-4-xs{
		margin-top: 20px;
	}

	.mt-5-xs{
		margin-top: 25px;
	}

	.mt-6-xs{
		margin-top: 30px;
	}

	.mt-7-xs{
		margin-top: 35px;
	}

	.mt-8-xs{
		margin-top: 40px;
	}

	.mt-9-xs{
		margin-top: 45px;
	}

	.mt-10-xs{
		margin-top: 50px;
	}


	.mt-11-xs{
		margin-top: 55px;
	}

	.mt-12-xs{
		margin-top: 60px;
	}

	.mt-13-xs{
		margin-top: 65px;
	}

	.mt-14-xs{
		margin-top: 70px;
	}

	.mt-15-xs{
		margin-top: 75px;
	}

	.mt-16-xs{
		margin-top: 80px;
	}

	.mt-17-xs{
		margin-top: 85px;
	}

	.mt-18-xs{
		margin-top: 90px;
	}

	.mt-19-xs{
		margin-top: 95px;
	}

	.mt-20-xs{
		margin-top: 100px;
	}


	/* MRGIN BOTTOM */

	.mb-0-xs{
		margin-bottom: 0;
	}

	.mb-1-xs{
		margin-bottom: 5px;
	}

	.mb-2-xs{
		margin-bottom: 10px;
	}

	.mb-3-xs{
		margin-bottom: 15px;
	}

	.mb-4-xs{
		margin-bottom: 20px;
	}

	.mb-5-xs{
		margin-bottom: 25px;
	}

	.mb-6-xs{
		margin-bottom: 30px;
	}

	.mb-7-xs{
		margin-bottom: 35px;
	}

	.mb-8-xs{
		margin-bottom: 40px;
	}

	.mb-9-xs{
		margin-bottom: 45px;
	}

	.mb-10-xs{
		margin-bottom: 50px;
	}


	.mb-11-xs{
		margin-bottom: 55px;
	}

	.mb-12-xs{
		margin-bottom: 60px;
	}

	.mb-13-xs{
		margin-bottom: 65px;
	}

	.mb-14-xs{
		margin-bottom: 70px;
	}

	.mb-15-xs{
		margin-bottom: 75px;
	}

	.mb-16-xs{
		margin-bottom: 80px;
	}

	.mb-17-xs{
		margin-bottom: 85px;
	}

	.mb-18-xs{
		margin-bottom: 90px;
	}

	.mb-19-xs{
		margin-bottom: 95px;
	}

	.mb-20-xs{
		margin-bottom: 100px;
	}


	/* MRGIN RIGHT */
	.mr-0-xs{
		margin-right: 0;
	}

	.mr-1-xs{
		margin-right: 5px;
	}

	.mr-2-xs{
		margin-right: 10px;
	}

	.mr-3-xs{
		margin-right: 15px;
	}

	.mr-4-xs{
		margin-right: 20px;
	}

	.mr-5-xs{
		margin-right: 25px;
	}

	.mr-6-xs{
		margin-right: 30px;
	}

	.mr-7-xs{
		margin-right: 35px;
	}

	.mr-8-xs{
		margin-right: 40px;
	}

	.mr-9-xs{
		margin-right: 45px;
	}

	.mr-10-xs{
		margin-right: 50px;
	}


	.mr-11-xs{
		margin-right: 55px;
	}

	.mr-12-xs{
		margin-right: 60px;
	}

	.mr-13-xs{
		margin-right: 65px;
	}

	.mr-14-xs{
		margin-right: 70px;
	}

	.mr-15-xs{
		margin-right: 75px;
	}

	.mr-16-xs{
		margin-right: 80px;
	}

	.mr-17-xs{
		margin-right: 85px;
	}

	.mr-18-xs{
		margin-right: 90px;
	}

	.mr-19-xs{
		margin-right: 95px;
	}

	.mr-20-xs{
		margin-right: 100px;
	}


	/* MARGIN LEFT */

	.ml-0-xs{
		margin-left: 0;
	}

	.ml-1-xs{
		margin-left: 5px;
	}

	.ml-2-xs{
		margin-left: 10px;
	}

	.ml-3-xs{
		margin-left: 15px;
	}

	.ml-4-xs{
		margin-left: 20px;
	}

	.ml-5-xs{
		margin-left: 25px;
	}

	.ml-6-xs{
		margin-left: 30px;
	}

	.ml-7-xs{
		margin-left: 35px;
	}

	.ml-8-xs{
		margin-left: 40px;
	}

	.ml-9-xs{
		margin-left: 45px;
	}

	.ml-10-xs{
		margin-left: 50px;
	}


	.ml-11-xs{
		margin-left: 55px;
	}

	.ml-12-xs{
		margin-left: 60px;
	}

	.ml-13-xs{
		margin-left: 65px;
	}

	.ml-14-xs{
		margin-left: 70px;
	}

	.ml-15-xs{
		margin-left: 75px;
	}

	.ml-16-xs{
		margin-left: 80px;
	}

	.ml-17-xs{
		margin-left: 85px;
	}

	.ml-18-xs{
		margin-left: 90px;
	}

	.ml-19-xs{
		margin-left: 95px;
	}

	.ml-20-xs{
		margin-left: 100px;
	}


	/* MARGIN Y-AXIS */

	.my-0-xs{
		margin-bottom:0;
		margin-top: 0;
	}

	.my-1-xs{
		margin-top:  5px;
		margin-bottom: 5px;
	}

	.my-2-xs{
		margin-top: 10px;
		margin-bottom:10px;
	}

	.my-3-xs{
		margin-top: 15px;
		margin-bottom:15px;
	}

	.my-4-xs{
		margin-top: 20px;
		margin-bottom:20px;
	}

	.my-5-xs{
		margin-top:  25px;
		margin-bottom: 25px;
	}

	.my-6-xs{
		margin-top: 30px;
		margin-bottom:30px;
	}

	.my-7-xs{
		margin-top:  35px;
		margin-bottom: 35px;
	}

	.my-8-xs{
		margin-top: 40px;
		margin-bottom:40px;
	}

	.my-9-xs{
		margin-top:  45px;
		margin-bottom: 45px;
	}

	.my-10-xs{
		margin-top: 50px;
		margin-bottom:50px;
	}

	.my-11-xs{
		margin-top: 55px;
		margin-bottom:55px;
	}

	.my-12-xs{
		margin-top: 60px;
		margin-bottom:60px;
	}

	.my-13-xs{
		margin-top: 65px;
		margin-bottom:65px;
	}

	.my-14-xs{
		margin-top: 70px;
		margin-bottom:70px;
	}

	.my-15-xs{
		margin-top:  75px;
		margin-bottom: 75px;
	}

	.my-16-xs{
		margin-top: 80px;
		margin-bottom:80px;
	}

	.my-17-xs{
		margin-top:  85px;
		margin-bottom: 85px;
	}

	.my-18-xs{
		margin-top: 90px;
		margin-bottom:90px;
	}

	.my-19-xs{
		margin-top:  95px;
		margin-bottom: 95px;
	}

	.my-20-xs{
		margin-top: 100px;
		margin-bottom:100px;
	}



	/* MARGIN X-AXIS */
	.mx-0-xs{
		margin-right:0;
		margin-left: 0;
	}

	.mx-1-xs{
		margin-right:  5px;
		margin-left: 5px;
	}

	.mx-2-xs{
		margin-right: 10px;
		margin-left:10px;
	}

	.mx-3-xs{
		margin-right: 15px;
		margin-left:15px;
	}

	.mx-4-xs{
		margin-right: 20px;
		margin-left:20px;
	}

	.mx-5-xs{
		margin-right:  25px;
		margin-left: 25px;
	}

	.mx-6-xs{
		margin-right: 30px;
		margin-left:30px;
	}

	.mx-7-xs{
		margin-right:  35px;
		margin-left: 35px;
	}

	.mx-8-xs{
		margin-right: 40px;
		margin-left:40px;
	}

	.mx-9-xs{
		margin-right:  45px;
		margin-left: 45px;
	}

	.mx-10-xs{
		margin-right: 50px;
		margin-left:50px;
	}

	.mx-11-xs{
		margin-right: 55px;
		margin-left:55px;
	}

	.mx-12-xs{
		margin-right: 60px;
		margin-left:60px;
	}

	.mx-13-xs{
		margin-right: 65px;
		margin-left:65px;
	}

	.mx-14-xs{
		margin-right: 70px;
		margin-left:70px;
	}

	.mx-15-xs{
		margin-right:  75px;
		margin-left: 75px;
	}

	.mx-16-xs{
		margin-right: 80px;
		margin-left:80px;
	}

	.mx-17-xs{
		margin-right:  85px;
		margin-left: 85px;
	}

	.mx-18-xs{
		margin-right: 90px;
		margin-left:90px;
	}

	.mx-19-xs{
		margin-right:  95px;
		margin-left: 95px;
	}

	.mx-20-xs{
		margin-right: 100px;
		margin-left:100px;
	}




	/* PADDING */
	/* =============================================================================================================
	======================================================================================================= */
	.p-0-xs{
		padding: 0;
	}

	.p-1-xs{
		padding: 5px;
	}

	.p-2-xs{
		padding: 10px;
	}

	.p-3-xs{
		padding: 15px;
	}

	.p-4-xs{
		padding: 20px;
	}

	.p-5-xs{
		padding: 25px;
	}

	.p-6-xs{
		padding: 30px;
	}

	.p-7-xs{
		padding: 35px;
	}

	.p-8-xs{
		padding: 40px;
	}

	.p-9-xs{
		padding: 45px;
	}

	.p-10-xs{
		padding: 50px;
	}


	.p-11-xs{
		padding: 55px;
	}

	.p-12-xs{
		padding: 60px;
	}

	.p-13-xs{
		padding: 65px;
	}

	.p-14-xs{
		padding: 70px;
	}

	.p-15-xs{
		padding: 75px;
	}

	.p-16-xs{
		padding: 80px;
	}

	.p-17-xs{
		padding: 85px;
	}

	.p-18-xs{
		padding: 90px;
	}

	.p-19-xs{
		padding: 95px;
	}

	.p-20-xs{
		padding: 100px;
	}

	/* NORMAL padding END */

	.bg-MD-dark-xs{
		background-color: #121212;
	}



	/* padding TOP */
	.pt-0-xs{
		padding-top: 0;
	}

	.pt-1-xs{
		padding-top: 5px;
	}

	.pt-2-xs{
		padding-top: 10px;
	}

	.pt-3-xs{
		padding-top: 15px;
	}

	.pt-4-xs{
		padding-top: 20px;
	}

	.pt-5-xs{
		padding-top: 25px;
	}

	.pt-6-xs{
		padding-top: 30px;
	}

	.pt-7-xs{
		padding-top: 35px;
	}

	.pt-8-xs{
		padding-top: 40px;
	}

	.pt-9-xs{
		padding-top: 45px;
	}

	.pt-10-xs{
		padding-top: 50px;
	}


	.pt-11-xs{
		padding-top: 55px;
	}

	.pt-12-xs{
		padding-top: 60px;
	}

	.pt-13-xs{
		padding-top: 65px;
	}

	.pt-14-xs{
		padding-top: 70px;
	}

	.pt-15-xs{
		padding-top: 75px;
	}

	.pt-16-xs{
		padding-top: 80px;
	}

	.pt-17-xs{
		padding-top: 85px;
	}

	.pt-18-xs{
		padding-top: 90px;
	}

	.pt-19-xs{
		padding-top: 95px;
	}

	.pt-20-xs{
		padding-top: 100px;
	}






	/* MRGIN BOTTOM */

	.pb-0-xs{
		padding-bottom: 0;
	}

	.pb-1-xs{
		padding-bottom: 5px;
	}

	.pb-2-xs{
		padding-bottom: 10px;
	}

	.pb-3-xs{
		padding-bottom: 15px;
	}

	.pb-4-xs{
		padding-bottom: 20px;
	}

	.pb-5-xs{
		padding-bottom: 25px;
	}

	.pb-6-xs{
		padding-bottom: 30px;
	}

	.pb-7-xs{
		padding-bottom: 35px;
	}

	.pb-8-xs{
		padding-bottom: 40px;
	}

	.pb-9-xs{
		padding-bottom: 45px;
	}

	.pb-10-xs{
		padding-bottom: 50px;
	}


	.pb-11-xs{
		padding-bottom: 55px;
	}

	.pb-12-xs{
		padding-bottom: 60px;
	}

	.pb-13-xs{
		padding-bottom: 65px;
	}

	.pb-14-xs{
		padding-bottom: 70px;
	}

	.pb-15-xs{
		padding-bottom: 75px;
	}

	.pb-16-xs{
		padding-bottom: 80px;
	}

	.pb-17-xs{
		padding-bottom: 85px;
	}

	.pb-18-xs{
		padding-bottom: 90px;
	}

	.pb-19-xs{
		padding-bottom: 95px;
	}

	.pb-20-xs{
		padding-bottom: 100px;
	}


	/* MRGIN RIGHT */
	.pr-0-xs{
		padding-right: 0;
	}

	.pr-1-xs{
		padding-right: 5px;
	}

	.pr-2-xs{
		padding-right: 10px;
	}

	.pr-3-xs{
		padding-right: 15px;
	}

	.pr-4-xs{
		padding-right: 20px;
	}

	.pr-5-xs{
		padding-right: 25px;
	}

	.pr-6-xs{
		padding-right: 30px;
	}

	.pr-7-xs{
		padding-right: 35px;
	}

	.pr-8-xs{
		padding-right: 40px;
	}

	.pr-9-xs{
		padding-right: 45px;
	}

	.pr-10-xs{
		padding-right: 50px;
	}


	.pr-11-xs{
		padding-right: 55px;
	}

	.pr-12-xs{
		padding-right: 60px;
	}

	.pr-13-xs{
		padding-right: 65px;
	}

	.pr-14-xs{
		padding-right: 70px;
	}

	.pr-15-xs{
		padding-right: 75px;
	}

	.pr-16-xs{
		padding-right: 80px;
	}

	.pr-17-xs{
		padding-right: 85px;
	}

	.pr-18-xs{
		padding-right: 90px;
	}

	.pr-19-xs{
		padding-right: 95px;
	}

	.pr-20-xs{
		padding-right: 100px;
	}


	/* padding LEFT */

	.pl-0-xs{
		padding-left: 0;
	}

	.pl-1-xs{
		padding-left: 5px;
	}

	.pl-2-xs{
		padding-left: 10px;
	}

	.pl-3-xs{
		padding-left: 15px;
	}

	.pl-4-xs{
		padding-left: 20px;
	}

	.pl-5-xs{
		padding-left: 25px;
	}

	.pl-6-xs{
		padding-left: 30px;
	}

	.pl-7-xs{
		padding-left: 35px;
	}

	.pl-8-xs{
		padding-left: 40px;
	}

	.pl-9-xs{
		padding-left: 45px;
	}

	.pl-10-xs{
		padding-left: 50px;
	}


	.pl-11-xs{
		padding-left: 55px;
	}

	.pl-12-xs{
		padding-left: 60px;
	}

	.pl-13-xs{
		padding-left: 65px;
	}

	.pl-14-xs{
		padding-left: 70px;
	}

	.pl-15-xs{
		padding-left: 75px;
	}

	.pl-16-xs{
		padding-left: 80px;
	}

	.pl-17-xs{
		padding-left: 85px;
	}

	.pl-18-xs{
		padding-left: 90px;
	}

	.pl-19-xs{
		padding-left: 95px;
	}

	.pl-20-xs{
		padding-left: 100px;
	}


	/* padding Y-AXIS */

	.py-0-xs{
		padding-bottom:0;
		padding-top: 0;
	}

	.py-1-xs{
		padding-top:  5px;
		padding-bottom: 5px;
	}

	.py-2-xs{
		padding-top: 10px;
		padding-bottom:10px;
	}

	.py-3-xs{
		padding-top: 15px;
		padding-bottom:15px;
	}

	.py-4-xs{
		padding-top: 20px;
		padding-bottom:20px;
	}

	.py-5-xs{
		padding-top:  25px;
		padding-bottom: 25px;
	}

	.py-6-xs{
		padding-top: 30px;
		padding-bottom:30px;
	}

	.py-7-xs{
		padding-top:  35px;
		padding-bottom: 35px;
	}

	.py-8-xs{
		padding-top: 40px;
		padding-bottom:40px;
	}

	.py-9-xs{
		padding-top:  45px;
		padding-bottom: 45px;
	}

	.py-10-xs{
		padding-top: 50px;
		padding-bottom:50px;
	}

	.py-11-xs{
		padding-top: 55px;
		padding-bottom:55px;
	}

	.py-12-xs{
		padding-top: 60px;
		padding-bottom:60px;
	}

	.py-13-xs{
		padding-top: 65px;
		padding-bottom:65px;
	}

	.py-14-xs{
		padding-top: 70px;
		padding-bottom:70px;
	}

	.py-15-xs{
		padding-top:  75px;
		padding-bottom: 75px;
	}

	.py-16-xs{
		padding-top: 80px;
		padding-bottom:80px;
	}

	.py-17-xs{
		padding-top:  85px;
		padding-bottom: 85px;
	}

	.py-18-xs{
		padding-top: 90px;
		padding-bottom:90px;
	}

	.py-19-xs{
		padding-top:  95px;
		padding-bottom: 95px;
	}

	.py-20-xs{
		padding-top: 100px;
		padding-bottom:100px;
	}



	/* padding X-AXIS */
	.px-0-xs{
		padding-right:0;
		padding-left: 0;
	}

	.px-1-xs{
		padding-right:  5px;
		padding-left: 5px;
	}

	.px-2-xs{
		padding-right: 10px;
		padding-left:10px;
	}

	.px-3-xs{
		padding-right: 15px;
		padding-left:15px;
	}

	.px-4-xs{
		padding-right: 20px;
		padding-left:20px;
	}

	.px-5-xs{
		padding-right:  25px;
		padding-left: 25px;
	}

	.px-6-xs{
		padding-right: 30px;
		padding-left:30px;
	}

	.px-7-xs{
		padding-right:  35px;
		padding-left: 35px;
	}

	.px-8-xs{
		padding-right: 40px;
		padding-left:40px;
	}

	.px-9-xs{
		padding-right:  45px;
		padding-left: 45px;
	}

	.px-10-xs{
		padding-right: 50px;
		padding-left:50px;
	}

	.px-11-xs{
		padding-right: 55px;
		padding-left:55px;
	}

	.px-12-xs{
		padding-right: 60px;
		padding-left:60px;
	}

	.px-13-xs{
		padding-right: 65px;
		padding-left:65px;
	}

	.px-14-xs{
		padding-right: 70px;
		padding-left:70px;
	}

	.px-15-xs{
		padding-right:  75px;
		padding-left: 75px;
	}

	.px-16-xs{
		padding-right: 80px;
		padding-left:80px;
	}

	.px-17-xs{
		padding-right:  85px;
		padding-left: 85px;
	}

	.px-18-xs{
		padding-right: 90px;
		padding-left:90px;
	}

	.px-19-xs{
		padding-right:  95px;
		padding-left: 95px;
	}

	.px-20-xs{
		padding-right: 100px;
		padding-left:100px;
	}


	/* END OF PADDING AND MARGIN */




	.bold-xs{
		font-weight: bold;
	}

	.bolder-xs{
		font-weight: bolder;
	}

	.font-normal-xs{
		font-weight: normal;
	}

	.font-weight-inherit-xs{
		font-weight: initial;
	}

	.bold-h-xs:hover{
		font-weight: bold;
	}

	.bolder-h-xs:hover{
		font-weight: bolder;
	}

	.font-normal-h-xs:hover{
		font-weight: normal;
	}

	/* WIDTH */

	/* ================================================================================================== */

	.max-w-100-xs{
		max-width: 100%;
	}

	.max-w-0-xs{
		max-width: 0;
	}

	.w-auto-xs{
		width: auto;
	}

	.w-max-content-xs{
		width: max-content;
	}



	/* SCREEN VIEW WIDTH */
	.vw-1-xs{
		width:1vw;
	}

	.vw-10-xs{
		width:10vw;
	}

	.vw-20-xs{
		width:20vw;
	}

	.vw-30-xs{
		width:30vw;
	}

	.vw-40-xs{
		width:40vw;
	}

	.vw-50-xs{
		width:50vw;
	}

	.vw-60-xs{
		width:60vw;
	}

	.vw-70-xs{
		width:70vw;
	}

	.vw-80-xs{
		width:80vw;
	}

	.vw-90-xs{
		width:90vw;
	}

	.vw-100-xs{
		width:100vw;
	}



	/* PERCENTAGE VIEW FOR WIDTH */
	.w-1-xs{
		width:1%;
	}

	.w-10-xs{
		width:10%;
	}

	.w-20-xs{
		width:20%;
	}

	.w-30-xs{
		width:30%;
	}

	.w-40-xs{
		width:40%;
	}

	.w-50-xs{
		width:50%;
	}

	.w-60-xs{
		width:60%;
	}

	.w-70-xs{
		width:70%;
	}

	.w-80-xs{
		width:80%;
	}

	.w-90-xs{
		width:90%;
	}

	.w-100-xs{
		width:100%;
	}

	/* ====================================== END OF WIDTH =============================================== */


	/* VISIBILITY */

	.visible-xs{
		visibility: visible;
	}

	.invisible-xs{
		visibility: hidden;
	}

	.visible-h-xs:hover{
		visibility: visible;
	}

	.invisible-h-xs:hover{
		visibility: hidden;
	}

	/* ====================================== END OF VISIBLITY =============================================== */


	/* DISPLAYS */

	.d-none-xs{
		display: none;
	}

	.d-flex-xs{
		display: flex;
	}

	.d-block-xs{
		display: block;
	}

	.d-inline-xs{
		display: inline;
	}

	.d-inline-block-xs{
		display: inline-block;
	}

	.d-inline-flex-xs{
		display: inline-flex;
	}

	.d-grid-xs{
		display: grid;
	}

	.d-inline-grid-xs{
		display: inline-grid;
		display: -ms-inline-grid;
		display: -moz-inline-grid;
	}


	/* ====================================== END OF DISPLAY =======================================



	/* POSITIONING */

	.pos-fixed-xs{
		position: fixed;
	}

	.fixed-top-xs{
		position: fixed;
		top: 0;
	}

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

	.left-0-xs{
		left: 0;
	}

	.right-xs{
		right: 0;
	}

	.pos-sticky-xs{
		position: sticky;
	}

	.sticky-top-xs{
		position: sticky;
		top: 0;
	}

	.sticky-bottom-xs{
		position: sticky;
		bottom: 0;
	}

	.pos-relative-xs{
		position: relative;
	}

	.pos-absolute-xs{
		position:absolute;
	}

	.pos-static-xs{
		position: static;
	}

	.bg-mask-xs{
		position: absolute;
		top: 0;
		bottom: 0;
		left:0;
		right:0;
	}

	/* ================================== END OF POSITIONING =============================================== */


	/* FONT-SIZE */

	.text-xs-xs{
		font-size: 11px;
	}

	.text-sm-xs{
		font-size: 13px;
	}

	.text-md-xs{
		font-size: 	15px;
	}

	.text-lg-xs{
		font-size: 17px;
	}

	.text-xl-xs{
		font-size: 1.19rem;
	}

	.text-xl-1-xs{
		font-size: 1.29rem;
	}

	.text-xl-2-xs{
		font-size: 1.39rem;
	}

	.text-xl-3-xs{
		font-size: 1.5rem;
	}

fonts/	.text-xl-4-xs{
		font-size: 1.62rem;
	}

	.text-xl-5-xs{
		font-size: 1.73rem;
	}

	.text-xl-6-xs{
		font-size: 1.86rem;
	}

	.text-xl-7-xs{
		font-size: 1.98rem;
	}

	.text-xl-8-xs{
		font-size: 2.12rem;
	}

	.text-xl-9-xs{
		font-size: 2.35rem;
	}

	.text-xl-10-xs{
		font-size: 2.75rem;
	}

	/* =============================================== END OF FONT-SIZE ===========================================*/


	/* SMOOTH FONT */
	.smooth-xs{
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
	}		

	.auto-smooth-xs{
			-webkit-font-smoothing: auto;
			-moz-osx-font-smoothing: auto;
	}

	.italic-xs{
		font-style: italic;
	}

	.oblique-xs{
		font-style: oblique;
	}

	.text-normal-xs{
		font-style: normal;
	}

	.underlined-xs{
		text-decoration: underline;
	}

	.crossed-xs{
		text-decoration: line-through;
	}

	.overlined-xs{
		text-decoration: overline;
	}

	.wavy-xs{
		text-decoration: wavy;
	}

	.text-decoration-none-xs{
		text-decoration: none;
	}


	/*  LETTER SPACING   */
	.letters-tighter-xs{
		letter-spacing: -0.09rem;
	}

	.letters-tight-xs{
		letter-spacing: -0.03rem;
	}

	.letters-normal-xs{
		letter-spacing: 0rem;
	}

	.letters-wide-xs{
		letter-spacing: 0.09rem;
	}

	.letters-wider-xs{
		letter-spacing: 0.15rem;;
	}

	.line-0-xs{
		line-height: normal;
	}

	.line-1-xs{
		line-height: 1rem;
	}

	.line-2-xs{
		line-height: 1.5rem;
	}

	.line-3-xs{
		line-height: 2rem;
	}

	.line-4-xs{
		line-height: 2.5rem;
	}


	.uppercase-xs{
		text-transform: uppercase;
	}

	.lowercase-xs{
		text-transform: lowercase;
	}

	.capitalize-xs{
		text-transform: capitalize;
	}

	.normal-case-xs{
		text-transform: none;
	}

	.whitespace-normal-xs{
		white-space: normal;
	}

	.whitespace-nowrap-xs{
		white-space: nowrap;
	}

	.whitespace-pre-xs{
		white-space: pre;
	}

	.whitespace-pre-line-xs{
		white-space: pre-line;
	}
		
	.whitespace-pre-wrap-xs{
		white-space: pre-wrap;
	}

	.word-break-normal-xs{
		word-break: normal;
		overflow-wrap: normal
	}

	.break-words-xs{
		overflow-wrap: break-word;
	}

	.break-all-xs{
		word-break: break-all;
	}

	.truncate-text-xs{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	/* BAGKGROUND*/
	.no-repeat-xs{
		background-repeat: no-repeat;
	}

	.bg-attachment-fixed-xs{
		background-attachment: fixed;
	}

	.bg-attachment-scroll-xs{
		background-attachment: scroll;
	}

	.bg-attachment-local-xs{
		background-attachment: local;
	}

	.bg-center-xs{
		background-position: center;
	}

	.bg-left-xs{
		background-position: left;
	}

	.bg-right-xs{
		background-position: right;
	}

	.bg-left-bottom-xs{
		background-position: left bottom;
	}

	.bg-right-bottom-xs{
		-webkit-background-composite: left top;
	}

	.bg-left-top-xs{
		background-position: right bottom;
	}

	.bg-right-top-xs{
		-webkit-background-composite: right top;
	}


	.bg-auto-xs{
		background-size: auto;
	}

	.bg-cover-xs{
		background-size: cover;
	}

	.bg-contain-xs{
		background-size: contain;
	}


	/* shadow */
	.shadow-normal-xs{
		box-shadow: 0 5px 5px rgb(0,0,0,.2);
	}

	.shadow-around-xs{
		box-shadow: 0 0 3px rgb(0,0,0,.08);
	}

	.shadow-1-xs{
		box-shadow: 0 1px 1px rgb(0,0,0,.08);
	}


	.shadow-2-xs{
		box-shadow: 0 2px 2px rgb(0,0,0,.3);
	}


	.shadow-3-xs{
		box-shadow: 0 3px 3px rgb(0,0,0,.3);
	}


	.shadow-4-xs{
		box-shadow: 0 4px 4px rgb(0,0,0,.3);
	}


	.shadow-5-xs{
		box-shadow: 0 5px 5px rgb(0,0,0,.08);
	}

	.shadow-xs-xs{
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	.shadow-sm-xs{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}

	.shadow-xs{
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	}

	.shadow-md-xs{
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}

	.shadow-lg-xs{
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}

	.shadow-xl-xs{
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}

	.shadow-2xl-xs{
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}

	.shadow-inner-xs{
		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
	}

	.shadow-outline-xs{
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.shadow-none-xs{
		box-shadow: none;
	}

	.opacity-100-xs{
		opacity: 100%;
	}

	.opacity-10-xs{
		opacity: 10%;
	}

	.opacity-20-xs{
		opacity: 20%;
	}

	.opacity-30-xs{
		opacity: 30%;
	}

	.opacity-40-xs{
		opacity: 40%;
	}

	.opacity-50-xs{
		opacity: 50%;
	}

	.opacity-60-xs{
		opacity: 60%;
	}

	.opacity-70-xs{
		opacity: 70%;
	}

	.opacity-80-xs{
		opacity: 80%;
	}

	.opacity-90-xs{
		opacity: 90%;
	}

	.opacity-0-xs{
		opacity: 0%;
	}

	.shadow-normal-h-xs:hover{
		box-shadow: 0 5px 5px rgb(0,0,0,.2);
	}

	.shadow-around-h-xs:hover{
		box-shadow: 0 0 3px rgb(0,0,0,.08);
	}

	.shadow-1-h-xs:hover{
		box-shadow: 0 1px 1px rgb(0,0,0,.08);
	}


	.shadow-2-h-xs:hover{
		box-shadow: 0 2px 2px rgb(0,0,0,.08);
	}


	.shadow-3-h-xs:hover{
		box-shadow: 0 3px 3px rgb(0,0,0,.08);
	}


	.shadow-4-h-xs:hover{
		box-shadow: 0 4px 4px rgb(0,0,0,.08);
	}


	.shadow-5-h-xs:hover{
		box-shadow: 0 5px 5px rgb(0,0,0,.08);
	}

	.shadow-xs-h-xs:hover{
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	.shadow-sm-h-xs:hover{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}

	.shadow-h-xs:hover{
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	}

	.shadow-md-h-xs:hover{
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}

	.shadow-lg-h-xs:hover{
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}

	.shadow-xl-h-xs:hover{
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}

	.shadow-2xl-h-xs:hover{
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}

	.shadow-inner-h-xs:hover{
		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
	}

	.shadow-outline-h-xs:hover{
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.shadow-none-h-xs:hover{
		box-shadow: none;
	}

	.opacity-100-h-xs:hover{
		opacity: 100%;
	}

	.opacity-10-h-xs:hover{
		opacity: 10%;
	}

	.opacity-20-h-xs:hover{
		opacity: 20%;
	}

	.opacity-30-h-xs:hover{
		opacity: 30%;
	}

	.opacity-40-h-xs:hover{
		opacity: 40%;
	}

	.opacity-50-h-xs:hover{
		opacity: 50%;
	}

	.opacity-60-h-xs:hover{
		opacity: 60%;
	}

	.opacity-70-h-xs:hover{
		opacity: 70%;
	}

	.opacity-80-h-xs:hover{
		opacity: 80%;
	}

	.opacity-90-h-xs:hover{
		opacity: 90%;
	}

	.opacity-0-h-xs:hover{
		opacity: 0%;
	}


	.shadow-normal-a-xs:active{
		box-shadow: 0 5px 5px rgb(0,0,0,.2);
	}

	.shadow-around-a-xs:active{
		box-shadow: 0 0 3px rgb(0,0,0,.08);
	}

	.shadow-1-a-xs:active{
		box-shadow: 0 1px 1px rgb(0,0,0,.08);
	}


	.shadow-2-a-xs:active{
		box-shadow: 0 2px 2px rgb(0,0,0,.08);
	}


	.shadow-3-a-xs:active{
		box-shadow: 0 3px 3px rgb(0,0,0,.08);
	}


	.shadow-4-a-xs:active{
		box-shadow: 0 4px 4px rgb(0,0,0,.08);
	}


	.shadow-5-a-xs:active{
		box-shadow: 0 5px 5px rgb(0,0,0,.08);
	}

	.shadow-xs-a-xs:active{
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	.shadow-sm-a-xs:active{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}

	.shadow-a-xs:active{
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	}

	.shadow-md-a-xs:active{
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	}

	.shadow-lg-a-xs:active{
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}

	.shadow-xl-a-xs:active{
		box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}

	.shadow-2xl-a-xs:active{
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	}

	.shadow-inner-a-xs:active{
		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.07);
	}

	.shadow-outline-a-xs:active{
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.shadow-none-a-xs:active{
		box-shadow: none;
	}

	.opacity-100-a-xs:active{
		opacity: 100%;
	}

	.opacity-10-a-xs:active{
		opacity: 10%;
	}

	.opacity-20-a-xs:active{
		opacity: 20%;
	}

	.opacity-30-a-xs:active{
		opacity: 30%;
	}

	.opacity-40-a-xs:active{
		opacity: 40%;
	}

	.opacity-50-a-xs:active{
		opacity: 50%;
	}

	.opacity-60-a-xs:active{
		opacity: 60%;
	}

	.opacity-70-a-xs:active{
		opacity: 70%;
	}

	.opacity-80-a-xs:active{
		opacity: 80%;
	}

	.opacity-90-a-xs:active{
		opacity: 90%;
	}

	.opacity-0-a-xs:active{
		opacity: 0%;
	}



	/* LISTS */

	.list-none-xs{
		list-style-type: none;
	}

	.list-disc-xs{
		list-style-type: disc;
	}

	.list-number-xs{
		list-style-type:decimal;
	}

	.list-roman-xs{
		list-style-type:lower-roman;
	}

	.list-alpha-xs{
		list-style-type: lower-alpha;
	}

	.list-in-xs{
		list-style-position: inside;
	}

	.list-out-xs{
		list-style-position: outside;
	}

	/* ==================================== END OF LIST ========================================================= */

	.cursor-auto-xs{
		cursor: auto;
	}

	.cursor-default-xs{
		cursor: default;
	}

	.cursor-pointer-xs{
		cursor: pointer;
	}

	.cursor-wait-xs{
		cursor: wait;
	}

	.cursor-text-xs{
		cursor: text;
	}

	.cursor-move-xs{
		cursor: move;
	}

	.cursor-not-allowed-xs{
		cursor: not-allowed;
	}

	.pointer-events-none-xs{
		pointer-events: none;
	}

	.pointer-events-auto-xs{
		pointer-events: auto;
	}


	.select-none-xs{
		user-select: none;
	}

	.select-text-xs{
		user-select: text;
	}

	.select-all-xs{
		user-select: all;
	}

	.select-auto-xs{
		user-select: auto;
	}

	/* OVERFLOW */
	.overflow-hidden-xs{
		overflow: hidden;
	}

	.overflow-scroll-xs{
		overflow: scroll;
	}

	.overflow-auto-xs{
		overflow: auto;
	}

	.oveflow-visible-xs{
		overflow: visible;
	}

	.overflow-inherit-xs{
		overflow: inherit;
	}

	.overflow-y-hidden-xs{
		overflow-y: hidden;
	}

	.overflow-y-scroll-xs{
		overflow-y: scroll;
	}

	.overflow-y-auto-xs{
		overflow-y: auto;
	}

	.oveflow-y-visible-xs{
		overflow-y: visible;
	}

	.overflow-y-inherit-xs{
		overflow-y: inherit;
	}

	.overflow-x-hidden-xs{
		overflow-x: hidden;
	}

	.overflow-x-scroll-xs{
		overflow-x: scroll;
	}

	.overflow-x-auto-xs{
		overflow-x: auto;
	}

	.oveflow-x-visible-xs{
		overflow-x: visible;
	}

	.overflow-x-inherit-xs{
		overflow-x: inherit;
	}

	.overflow-hidden-h-xs:hover{
		overflow: hidden;
	}

	.overflow-scroll-h-xs:hover{
		overflow: scroll;
	}

	.overflow-auto-h-xs:hover{
		overflow: auto;
	}

	.oveflow-visible-h-xs:hover{
		overflow: visible;
	}

	.overflow-inherit-h-xs:hover{
		overflow: inherit;
	}

	.overflow-y-hidden-h-xs:hover{
		overflow-y: hidden;
	}

	.overflow-y-scroll-h-xs:hover{
		overflow-y: scroll;
	}

	.bg-light-MD-xs{
		color: #e6e6e6;
	}

	.overflow-y-auto-h-xs:hover{
		overflow-y: auto;
	}

	.oveflow-y-visible-h-xs:hover{
		overflow-y: visible;
	}

	.overflow-y-inherit-h-xs:hover{
		overflow-y: inherit;
	}

	.overflow-x-hidden-h-xs:hover{
		overflow-x: hidden;
	}

	.overflow-x-scroll-h-xs:hover{
		overflow-x: scroll;
	}

	.overflow-x-auto-h-xs:hover{
		overflow-x: auto;
	}

	.oveflow-x-visible-h-xs:hover{
		overflow-x: visible;
	}

	.overflow-x-inherit-h-xs:hover{
		overflow-x: inherit;
	}





	/* ============================================= END =================================================== */

	/* GRID */
	.grid-container-xs{
		display: flex;
		flex-wrap: wrap;
	}



	/* =========================================== GRID COLUMNS */

	.g-1-xs{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 1px;
	}

	.g-2-xs{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 2px;
	}

	.g-3-xs{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 3px;
	}

	.g-4-xs{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 4px;
	}

	.g-5-xs{
		margin: 0;
		padding: 0;
		overflow: 0;
		margin: 5px;
	}

	.g-0-xs{
		margin: 0;
		padding: 0;
		overflow: 0;
	}

	.gx-1-xs{
		padding: 0;
		margin-left: 1px;
		margin-right: 1px;
		overflow: hidden;
	}

	.gx-2-xs{
		padding: 0;
		margin-left: 2px;
		margin-right: 2px;
		overflow: hidden;
	}

	.gx-3-xs{
		padding: 0;
		margin-left: 3px;
		margin-right: 3px;
		overflow: hidden;
	}

	.gx-4-xs{
		padding: 0;
		margin-left: 4px;
		margin-right: 4px;
		overflow: hidden;
	}

	.gx-5-xs{
		padding: 0;
		margin-left: 5px;
		margin-right: 5px;
		overflow: hidden;
	}

	.gx-0-xs{
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		overflow: hidden;
	}


	.gy-1-xs{
		padding: 0;
		margin-top: 1px;
		margin-bottom: 1px;
		overflow: hidden;
	}

	.gy-2-xs{
		padding: 0;
		margin-top: 2px;
		margin-bottom: 2px;
		overflow: hidden;
	}

	.gy-3-xs{
		padding: 0;
		margin-top: 3px;
		margin-bottom: 3px;
		overflow: hidden;
	}

	.gy-4-xs{
		padding: 0;
		margin-top: 4px;
		margin-bottom: 4px;
		overflow: hidden;
	}

	.gy-5-xs{
		padding: 0;
		margin-top: 5px;
		margin-bottom: 5px;
		overflow: hidden;
	}


	.gy-0-xs{
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		overflow: hidden;
	}

	/* ======================================== END GRIG ================================================== */


	/*  IN FLEX RESPONSIBILITY  */

	.col-10-xs{
		width: 100%;
	}

	.col-9-xs{
		width: 90%;
	}

	.col-8-xs{
		width: 80%;
	}

	.col-7-xs{
		width: 70%;
	}

	.col-6-xs{
		width: 60%;
	}

	.col-5-xs{
		width: 50%;
	}

	.col-4-xs{
		width: 40%;
	}

	.col-3-xs{
		width: 30%;
	}

	.col-2-xs{
		width: 20%;
	}

	.col-1-xs{
		width: 10%;
	}

	/* ROTATE TEXT */

	.rotate-20-xs{
		transform: rotate(20deg);
	}

	.rotate-45-xs{
		transform: rotate(45deg);
	}

	.rotate-90-xs{
		transform: rotate(90deg);
	}

	.rotate-135-xs{
		transform: rotate(135deg);
	}

	.rotate-180-xs{
		transform: rotate(180deg);
	}

	.rotate-225-xs{
		transform: rotate(225deg);
	}

	.rotate-270-xs{
		transform: rotate(270deg);
	}

	.rotate-315-xs{
		transform: rotate(315deg);
	}

	.rotate-360-xs{
		transform: rotate(360deg);
	}

	/* ====================================== END OF ROTATE =============================================== */

	/*  TRANSLATE  */
	.translate-x-1-xs{
		transform: translate(1rem);
	}

	.translate-x-2-xs{
		transform: translate(2rem);
	}

	/* TRANSFORM ORIGIN */
	.origin-center-xs{
			transform-origin: center;
	}

	.origin-top-xs{
			transform-origin: top;
	}

	.origin-top-right-xs{
			transform-origin: top right;
	}

	.origin-right-xs{
			transform-origin: right;
	}

	.origin-bottom-right-xs{
			transform-origin: bottom right;
	}

	.origin-bottom-xs{
			transform-origin: bottom;
	}

	.origin-bottom-left-xs{
			transform-origin: bottom left;
	}

	.origin-left-xs{
			transform-origin: left;
	}

	.origin-top-left-xs{
			transform-origin: top left;
	}






	.grid-1-xs .col{
		width:100%;
		margin:0;
		padding: 0;
	}

	.grid-2-xs .col{
		width:50%;
		margin:0;
		padding: 0;
	}

	.grid-3-xs .col{
		width: 33.333333333333%;
		margin:0;
		padding: 0;
	}

	.grid-4-xs .col{
		width: 25%;
		margin:0;
		padding: 0;
	}

	.grid-5-xs .col{
		width: 20%;
		margin:0;
		padding: 0;
	}

	.grid-6-xs .col{
		width: 16.65555555555%;
		margin:0;
		padding: 0;
	}

	.grid-7-xs .col{
		width: 14.285714285714%;
		margin:0;
		padding: 0;
	}

	.grid-8-xs .col{
		width: 12.5%;
		margin:0;
		padding: 0;
	}

	.grid-9-xs .col{
		width: 11.111111111111%;
		margin:0;
		padding: 0;
	}

	.grid-10-xs .col{
		width: 10%;
		margin:0;
		padding: 0;
	}

	.grid-11-xs .col{
		width: 9.090909091%;
		margin:0;
		padding: 0;
	}

	.grid-12-xs .col{
		width: 8.333333333%;
		margin:0;
		padding: 0;
	}


}