/*=======================*/
/*-- RESPONSIVE IMG --*/
/*=======================*/
.img-fluid {
	max-width: 100%;
	height: auto;
}

/*================*/
/*-- WIDTH --*/
/*================*/
.w-100 {
	width: 100%;
}

/*=====================*/
/*-- TYPOGRAPHY --*/
/*=====================*/
.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.lowercase {
	text-transform: lowercase;
}

.italic {
	font-style: italic;
}

/*=======================*/
/*-- TEXT ALIGNMENT --*/
/*=======================*/
.text-start {
	text-align: left;
}

.text-end {
	text-align: right;
}

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

@media (min-width: 576px) {
	.text-sm-start {
		text-align: left;
	}

	.text-sm-end {
		text-align: right;
	}

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

@media (min-width: 768px) {
	.text-md-start {
		text-align: left;
	}

	.text-md-end {
		text-align: right;
	}

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

@media (min-width: 992px) {
	.text-lg-start {
		text-align: left;
	}

	.text-lg-end {
		text-align: right;
	}

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

@media (min-width: 1200px) {
	.text-xl-start {
		text-align: left;
	}

	.text-xl-end {
		text-align: right;
	}

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

@media (min-width: 1400px) {
	.text-xxl-start {
		text-align: left;
	}

	.text-xxl-end {
		text-align: right;
	}

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

/*=======================*/
/*-- BORDER RADIUS --*/
/*=======================*/
.circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.rounded-pill {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.rounded {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

/*=================*/
/*-- SHADOW --*/
/*=================*/

.shadow-sm {
	-webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.shadow-md {
	-webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.shadow-lg {
	-webkit-box-shadow: 0 7px 20px 0 rgb(28 30 35 / 20%);
	box-shadow: 0 7px 20px 0 rgb(28 30 35 / 20%);
}

/*=============================*/
/*-- POSITION & TRANSFORM --*/
/*=============================*/

.position-relative {
	position: relative;
}

.vh-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

/*====================*/
/*-- TRANSITION --*/
/*====================*/

.transition-1 {
	-webkit-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

.transition-2 {
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.transition-3 {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}