.form-select {
    background-color: #f5f8fa;
}
.form-control {
    background-color: #f5f8fa;
}
.sl1{
    height: 40px;
    max-width: 200px;
    float: right;
}
.text-darks{
    color:#353534;
}
.btn-black{
    background-color:#353534 !important;
}
.btn-light{
    background: transparent !important;
    color: #000 !important;
    border: solid 1px #000 !important;
}

.points_area{
    background-color: #353534;
}

.btn-primary2 {
    background-color: #353534 !important;
}

.btn-light:hover,.btn-dark:hover{
    background-color: #004673 !important;
    color: #FFF !important;
}
.light-dark{
    background-color: #353534;
}
.text-bblue{
    color: #000 !important;
    border-bottom: solid 2px #000 !important;
}
.product:hover{
    border:solid 2px #353534 !important;
    border-radius: 8px !important;
}
/* .qty {
    display: flex;
    flex-wrap: wrap;
    border: solid thin #000 !important;
    width: 130px !important;
    line-height: 0;
}
.qty input{
    width: 1.2rem !important;
    color:#000 !important;
}
.qty button.qtyplus , .qty button.qtyminus{
    color:#000 !important;
}
.qty input {
    width: 2rem !important;
    height: 3rem;
    color: #000 !important;
    font-size: 1.5rem;
    border: unset;
    background: unset;
    font-weight: bold;
    text-align: center;
} */
.xzoom-thumbs {
    display: grid !important;
    position: absolute !important;
    left: -15% !important;
    top: 0%;
}

.btn-width-custom{
    /* width: 280px; */
    /*height: 45px;*/
    font-size: 20px;
    line-height: 1.5;
    border: 0!important;
    border-radius: 0!important;
}
.container .product-item .title {
    font-size: 0.9rem;
    line-height: 1.4;
    min-height: 4.5rem;
}
.control-label{
    font-weight: 600;
    margin-top: 10px;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* Force product cards to be the same height */
.product-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Keep images in a fixed square */
.square-image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%; /* square ratio */
  overflow: hidden;
}

.square-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* crop/zoom image to fit */
  border-radius: 8px; /* optional rounded corners */
}