.resize-edit { display: inline-block; padding: 6px 15px; margin-bottom: 5px; background: #1E1D30; font-size: 13px; border-radius: 5px; color: #fff !important; cursor: pointer; transition: 0.3s; font-weight: 400 !important; }
.resize-edit:hover { background: #e60000; }
.resize-delete { display: inline-block; padding: 6px 15px; background: #B50000; font-size: 13px; border-radius: 5px; color: #fff !important; cursor: pointer; transition: 0.3s; font-weight: 400 !important; }
.resize-delete:hover { background: #B50000; }
.dev-item-name a label { font-size: 10px; color: red; }
.bg-black-over { background: #00000080; font-size: 13px; border-radius: 5px; opacity: 0; transition: 0.5s; }
.item-design:hover .bg-black-over { opacity: 1; }
.pagination { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.pagination li { background: #fff; margin: 2px; color: black; border-radius: 5px; }
.pagination li.active { color: #fff; background: red; }
.pagination li a, .pagination li span { display: block; padding: 5px 13px; }
.color-gray { color: #333; background: #ddd; }
.z-9999 { z-index: 9999; }
.text-primary { color: red !important; justify-content: start !important; }
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; visibility: hidden; display: none; }
.inputfile + label { font-size: 14px; color: white; background-color: black; display: inline-block; cursor: pointer; padding: 9px 24px; transition: 0.3s; border-radius: 7px; }
.inputfile:focus + label, .inputfile + label:hover { background-color: red; }
.icon-search { width: 40px; height: 40px; background: url(../img/lk.png)center no-repeat; border-radius: 50%; }
.search-menu { position: absolute; right: 0px; top: 100%; background: #fff; border: 1px solid #f2f2f2 !important; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; opacity: 1; }
.btn-lk { width: 20%; }
.input-text { width: 80%; border: none; }
.input-text:focus { border: none; outline: none; box-shadow: none; font-size: 13px; }
.user-info { width: 40px; height: 40px; background: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 15px rgb(0 0 0 / 5%); }
.cart-header { margin-left: 10px !important }
.caution { font-size: 13px; }

/*===LOADER SEND MAIL===*/
#loading_order { position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); z-index: 999999999; width: 100%; height: 100vh; display: none; justify-content: center; align-items: center; }
.loading_container { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); }
.d-none { display: none; }
.loading_form { margin: 50px auto; font-size: 13px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
@media screen and (max-width:600px) {
	.grid-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
.d-block { display: block !important; }
.slogan-event { background: red;color:#fff;padding: 12px 0px; font-size: 15px;text-transform: capitalize}
.slogan-event marquee{height: 18px;}
.event-fixed{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;padding: 14px 0px;transition: 0.5s;transform: translateY(20px);opacity: 0;visibility:hidden;}
.event-fixed.open{transform: translateY(0px);opacity: 1;visibility:visible;}
.gap-4{grid-gap: 10px}
.box-product-discount{background-color: red; color: #fff;padding: 4px 8px;border-radius: 5px}