/********************************************HAMZA**************************************************/
/***************************************************************************************************/

.text-checked {
  color: #3B9BE9 !important;
}

.hoverUnderline:hover {
  text-decoration: underline !important;
}

.view__fr_Description p {
  line-height: 25px !important;
  font-size: 17px !important;
  color: #6c757d !important;
}

.imgColor {
  filter: brightness(0) saturate(100%) invert(37%) sepia(10%) saturate(1226%) hue-rotate(181deg) brightness(92%) contrast(87%);
}

.fa-toggle-on {
  color: #54d270 !important;
  transform: scale(1.4) !important;
}

.fa-toggle-off {
  color: #940000 !important;
  transform: scale(1.2) !important;
}

.rounded-full {
  border-radius: 50% !important;
  border: 1px solid #2d2d2d2d;
}

.rounded-lg {
  border-radius: 12px !important;
}

.bg-light-gray,
#bg-light-gray {
  background: #e4eeff !important;
}

#bg-white {
  background: white !important;
}

.text-light-gray {
  color: #e4eeff !important;
}

.borderBottomLight {
  border-bottom: 2px solid #e6edff !important;
}

.dir-ltr {
  direction: ltr !important;
}

.m-05 {
  margin: 2px !important;
}

.p-1_5 {
  padding: 5px !important;
}

.radius-4 {
  border-radius: 4px !important
}

/*dont change the location of this class let it here*/
.font-10 {
  font-size: 10px !important;
}

.px-2_5 {
  padding-right: .7rem !important;
  padding-left: .7rem !important;
}

.py-2_5 {
  padding-top: .6rem !important;
  padding-bottom: .6rem !important;
}

.btn-outline-success {
  border: 1px solid #0acd74 !important;
  color: #0acd74 !important;
}

.btn-outline-danger {
  border: 1px solid #ff4b5c !important;
  color: #ff4b5c !important;
}

.btn-outline-danger:hover {
  background-image: radial-gradient(100% 100% at 100% 0, #ff8787 0, #ff4b5c 100%) !important;
  color: white !important;
}

body.direction-rtl .paginate_button.next {
  transform: none !important;
}

body.direction-rtl .paginate_button.previous {
  transform: none !important;
}

table.dataTable {
  table-layout: fixed !important;
}

.justify-between {
  justify-content: space-between !important
}

.btn-outline-primary {
  color: #1a5098 !important;
  border: 1px solid #1a5098 !important;
}

.btn-outline-primary:hover {
  background: #1a5098 !important;
  color: white !important;
}

.p-2_5 {
  padding: 10px !important;
}

.closeBTN {
  padding: 0px 9px !important;
  height: 28px;
  border-radius: 50% !important;
  font-size: 14px;
}

#OrdersTable_filter input[type="search"] {
  padding: 0.9rem 1rem;
  border: 1px solid #ccc;
  border-radius: 7px;
  width: 442px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.w-space-20 {
  word-spacing: 3px;
}

.normal {
  font-weight: normal !important
}

.bg-pink {
  background: #e91e63 !important;
}

.animated-bg-green {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(236, 255, 244, 0.5) 100%);
}

.animated-bg-warning {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 227, 192, 0.27) 100%);
}

.animated-bg-primary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(211, 230, 255, 0.51) 100%);
}

.animated-bg-info {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(234, 247, 255) 100%);
}

.animated-bg-secondary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(169, 169, 169, 0.15) 100%);
}

.animated-bg-pink {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 187, 210, 0.20) 100%);
}

.animated-bg-purple {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(77, 104, 255, 0.1) 100%);
}

.animated-bg {
  background-size: 232%;
  background-position: right bottom;
  transition: all 0.4s ease-in-out;
}

.animated-bg:hover {
  transform: scale(1.03);
}

.bg-purple {
  background: #4d68ff !important;
}

.bg-light-warning {
  background: #ff9800 !important;
}

.w-80 {
  width: 80% !important;
}

.cancelBtn.btn.btn-sm.btn-default {
  background: #ff6b6b !important;
}

#viewOrderDetailsTable tr td {
  color: #3d3d3d;
}

.text-muted3 {
  color: #5966809c !important;
}

.sidebar__brand a {
  height: 80px;
}

.sidebar__brand a img {
  width: 100% !important;
  height: 100%;
  object-fit: scale-down;
}

.unSelectedFilter {
  color: #605d5d !important;
}

.unSelectedFilter > span:nth-child(2) {
  color: #2b2b2b !important;
  background: #2d2d2d2d !important;
  width: 30px;
  height: 26px;
  border-radius: 50%;
  place-content: center;
  display: grid;
}

.selectedFilter {
  background: #1a5098 !important;
  color: white !important;
  font-size: 12px;
}

.selectedFilter > span:nth-child(2) {
  background: white !important;
  color: #1a5098 !important;
  font-size: 14px;
  width: 27px;
  height: 23px;
  border-radius: 50%;
  place-content: center;
  display: grid;
}

.direction-ltr {
  direction: ltr !important;
}

.p-2_8 {
  padding: 12px !important;
}

.filterUl {
  transform: translateY(54px) !important;
  width: 323px !important;
  border-radius: 13px !important;
  padding: 13px !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

@keyframes fadeScaleIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.dropdown-menu.show {
  animation: fadeScaleIn 0.35s ease-in-out;
}

.filterTextInput:focus {
  outline: none !important;
  box-shadow: none !important;
}

.bg-vlight {
  background: rgba(245, 246, 250, 0.81) !important;
}

#viewAllRows {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.w-14 {
  width: 14% !important;
}

.py-1_8 {
  padding-top: 6px;
  padding-bottom: 8px;
}

.min-137 {
  min-height: 137px !important;
}

.py-2_8 {
  padding-top: 10px !important;
  padding-bottom: 14px !important;
}

.btn-outline-light {
  border: 1px solid rgba(89, 102, 128, 0.49) !important;
  color: #596680 !important;
}

.w-60 {
  width: 60% !important;
}

.scale2 {
  transform: scale(1.3) !important;
}

.custom-checkbox {
  appearance: none;
  width: 1.3em;
  height: 1.3em;
  border: 2px solid #4F46E5; /* Indigo-600 */
  border-radius: 4px;
  margin-inline-end: 10px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}

.custom-checkbox:checked {
  background-image: radial-gradient(100% 100% at 100% 0, #24ff9b 0, #00d474 100%) !important;
  border-color: #24ff9b !important;
}

.custom-checkbox:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 12px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.borderRadiusRight {
  border-radius: 0 10px 10px 0 !important;
}

.zIndexBiggest {
  z-index: 9999999999999999999 !important;
}

.ltr {
  direction: ltr !important;
}

.borderDashedPrimary {
  border: 1px dashed #1a5098 !important;
}

.hr {
  background: #b1b1b1 !important;
}

.text-dark-site {
  color: #333 !important;
}

.w-fit {
  width: fit-content !important;
}

.badge-dark-site {
  background: white !important;
  border: 1px solid #707070 !important;
  color: #707070 !important;
}

.badge-primary {
  background: rgba(255, 238, 239, 0.59) !important;
  border: 1px solid #9c1c24 !important;
  color: #9c1c24 !important;
}

.badge-outline-primary {
  background: #9c1c24 !important;
  color: white !important;
}

.text-danger {
  color: #9c1c24 !important;
}

.pb-4_5 {
  padding-bottom: 20px !important;
}

.px-4_5 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.mx-4_5 {
  margin-right: 22px !important;
  margin-left: 22px !important;
}

.w-15 {
  width: 15%;
  max-width: 15%;
}

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

.rounded-lg {
  border-radius: 18px !important;
}

.rounded-md {
  border-radius: 10px !important;
}

.border {
  border: 1px solid rgba(45, 45, 45, 0.1) !important;
}

.ItemImgNode img {
  width: 85%;
  max-height: 175px !important;
  object-fit: cover !important;
}

.swal2-show {
  border-radius: 5px !important;
}

.swal2-popup.swal2-toast .swal2-title {
  font-size: 15px !important;
  font-weight: bold;
}

.line-through {
  text-decoration: line-through !important;
}

.imgColorR {
  filter: brightness(0) saturate(100%) invert(12%) sepia(86%) saturate(3750%) hue-rotate(345deg) brightness(90%) contrast(100%);
}

.lbold {
  font-weight: 600 !important;
}

.text-success {
  color: #18b757 !important;
}

.bgray {
  border-color: #c4c4c4 !important;
}

.bdanger {
  border-color: #9c1c24 !important;
}

.border-right {
  border-right: 1px solid #c4c4c4 !important;
}

.minwidth-max {
  min-width: max-content !important;
}

.underline {
  text-decoration: underline;
  text-underline-offset: 12px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-11 {
  font-size: 11px !important;
}


.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-29 {
  font-size: 29px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-31 {
  font-size: 31px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-33 {
  font-size: 33px !important;
}

.font-34 {
  font-size: 34px !important;
}

.font-35 {
  font-size: 35px !important;
}

.flex {
  display: flex !important;
}

.just-center {
  justify-content: center !important;
}

.items-center {
  align-items: center !important;
}

.just-between {
  justify-content: space-between !important;
}

.bold {
  font-weight: bold !important;
}

.border-dashed {
  border: 2px dashed #2d2d2d2d;
}

/* for swiper */
/* Replace JS hover with CSS */
.single-grid-product {
  transition: transform .2s ease, box-shadow .2s ease;
}

.single-grid-product:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.product-variations {
  margin-top: 20px;
}

.product-variable-color label {
  display: inline-block;
  margin-inline-end: .25rem;
}

.productColor {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .1);
}

.size-container {
  display: inline-flex;
  align-items: center;
  padding: .125rem .25rem;
}

.border-dashed {
  border: 1px dashed rgba(0, 0, 0, .18);
}

.product-price .regular-price {
  text-decoration: line-through;
  opacity: .7;
  margin-inline-end: .5rem;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.site-lite-bg {
  background: linear-gradient(270deg, #fbfbfb 0%, #faeded 100%);
}

.pr-4, .px-4 {
  padding-left: 1.5rem !important;
}

.pr-5, .px-5 {
  padding-left: 3rem !important;
}

.pointer {
  cursor: pointer !important;
}

.mr-3, .mx-3 {
  margin-left: 1rem !important;
}

.mr-4,
.mx-4 {
  margin-left: 1.5rem !important
}
@media (max-width: 768px){
  .font-30{
    font-size: 24px !important;
  }
  .font-19 {
    font-size: 14px !important;
}.font-28 {
    font-size: 16px !important;
}
.font-18 {
    font-size: 14px !important;
}
.mb-0.text-dark-site img {
  width: 14px !important;
  height: 14px; /* Keep aspect ratio */
}
.font-20 {
    font-size: 14px !important;
}
.CartItemActions{
  margin-right: auto;
}
.main-title-checkout-box h2{
  font-size: 16px !important;
}
.cart-page-area .cart-page-bottom-box .form-control
{
  font-size: 14px !important;
}
.cart-page-area .cart-page-bottom-box .form-btn{
  font-size: 12px !important;
}
.font-17
{
  font-size: 14px !important;
}
.cart-page-area .sub-total-inner-box h2 {
  font-size: 14px !important;
}
.font-26{
  font-size: 18px !important;
}
.checkout .checkout-form .form-group .form-control
{
  font-size: 12px !important;
}
.input-icon span {
  font-size: 12px !important;
}
.font-23 {
font-size: 16px !important;
}
.checkout .cart-summary .cart-product-list .single-cart-product h3 {
font-size: 12px !important;
}
.font-15{
  font-size: 12px !important;
  margin-top: 0px !important;
}
.checkout .cart-summary .cart-product-list .single-cart-product p {
font-size: 14px !important;
}
.font-22 {
font-size: 16px !important  ;
}
}