:root {
  --theme-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  --theme-box-shadow-heavy: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  --theme-box-shadow-medium: 0 4px 10px 0 rgba(0, 0, 0, 0.07);
  --theme-box-shadow-light: 0 4px 10px 0 rgba(0, 0, 0, 0.05);

  --theme-box-shadow-white: 0 0 5px 0 rgba(255, 255, 255, 0.2);
  --theme-box-shadow-white-heavy: 0 4px 10px 0 rgba(255, 255, 255, 0.1);
  --theme-box-shadow-white-medium: 0 4px 10px 0 rgba(255, 255, 255, 0.07);
  --theme-box-shadow-white-light: 0 4px 10px 0 rgba(255, 255, 255, 0.05);
}

/* General CSS classes */

.hidden {
  display: none!important;
}

.border-radius-8 {
	border-radius: 8px;
}

.border-radius-16 {
	border-radius: 16px;
}

.border-radius-32 {
	border-radius: 32px;
}

.border-radius-64 {
	border-radius: 64px;
}

.border-radius-transition-03, .border-radius-transition-03::before {
	transition: border-radius 0.3s!important;
}

.margin-0
{
	margin: 0!important;
}

.padding-0
{
  padding: 0!important;
}

/* Mobile Responsive Container */
@media (max-width: 500px)
{
	.mobile-responsive-container .e-con-inner
	{
		margin-right: 0!important;
		margin-left: 0!important;
		width: 100%!important;
		padding-right: 8px!important;
		padding-left: 8px!important;
	}
}