.w-60{
	width: 60%;
}
.w-70{
	width: 70%;
}
.fs-7{
	font-size: 0.8rem;
}
.fs-xl{
	font-size: 44px;
}
.fs-xxl{
	font-size: 60px;
}
.w-img-100 > img{
	width: 100%!important;
}
.h-100{
	height: 100%;
}
.h-100px{
	height: 100px;
}
.h-img-100 > img{
	height: 100%!important;
}
.br-sm{
	border-radius: 8px;
}
.img-cover > img{
	object-fit: cover;
}
.img-contain > img{
	object-fit: contain;
}
.gtb-btn-style a{
	background: var(--main-color);
	border-radius: 8px;
	width: 70%;
	color: white;
}
.c-black{
	color: black;
}
.box-shadow-grey{
	box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}
figure.rounded > img{
	border-radius: var(--bs-border-radius);
}
figure.rounded-15 > img{
	border-radius: 15px;
}
.border-bottom-grey{
	border-bottom: 1px solid #e5e7eb;
}
.border-top-grey{
	border-top: 1px solid #e5e7eb;
}
.border-left-grey{
	border-left: 1px solid #e5e7eb;
}
.border-right-grey{
	border-right: 1px solid #e5e7eb;
}
.border-grey{
	border: 1px solid #e5e7eb;
}
.link-fullsize > a{
	display: block;
	width: 100%;
}
.link-color-black a{
	color: black;
}
.link-color-main a{
	color: var(--main-color);
}
/* Extra small (xs): điện thoại nhỏ */
@media (max-width: 575.98px) {
  /* CSS cho màn hình nhỏ hơn 576px */
  .w-xs-50{
		width: 50%;
	}
  .w-xs-60{
		width: 60%;
	}
	.w-xs-70{
		width: 70%;
	}
	.fs-xs-7{
		font-size: 0.8rem;
	}
}

/* Small (sm): điện thoại lớn */
@media (min-width: 576px){
  /* CSS cho màn hình từ 576px đến 767.98px */
  .w-sm-50{
		width: 50%;
	}
  .w-sm-60{
		width: 60%;
	}
	.w-sm-70{
		width: 70%;
	}
	.fs-sm-7{
		font-size: 0.8rem;
	}
}

/* Medium (md): tablet */
@media (min-width: 768px){
  /* CSS cho màn hình từ 768px đến 991.98px */
  .w-md-50{
		width: 50%;
	}
  .w-md-60{
		width: 60%;
	}
	.w-md-70{
		width: 70%;
	}
	.fs-md-7{
		font-size: 0.8rem;
	}
}

/* Large (lg): máy tính */
@media (min-width: 992px){
  /* CSS cho màn hình từ 992px đến 1199.98px */
  .w-lg-50{
		width: 50%;
	}
  .w-lg-60{
		width: 60%;
	}
	.w-lg-70{
		width: 70%;
	}
	.fs-lg-7{
		font-size: 0.8rem;
	}
}

/* Extra large (xl): máy tính lớn */
@media (min-width: 1200px) {
  /* CSS cho màn hình từ 1200px đến 1399.98px */
 	.w-xl-50{
		width: 50%;
	}
  .w-xl-60{
		width: 60%;
	}
	.w-xl-70{
		width: 70%;
	}
	.fs-xl-7{
		font-size: 0.8rem;
	}
}

/* Extra extra large (xxl): màn hình rất lớn */
@media (min-width: 1400px) {
  /* CSS cho màn hình từ 1400px trở lên */
 	.w-xxl-50{
		width: 50%;
	}
  .w-xxl-60{
		width: 60%;
	}
	.w-xxl-70{
		width: 70%;
	}
	.fs-xxl-7{
		font-size: 0.8rem;
	}
}

.top-default{
	top: 90px;
}

.wp-block-image.alignright{
	float: right;
}
.wp-block-image.alignleft{
	float: left;
}

.width-max-content{
	width: max-content;
	max-width: 600px;
}