.single-option-selector {
    margin: 0 auto;
    margin-bottom: 7.5px; /* Reduced from 15px */
}

.counter-changing {
    color: rgb(255, 255, 255) !important;
    border-radius: 2.5px; /* Reduced from 5px */
    background-color: rgb(224, 72, 72);
}

.count-down-box-count {
    font-size: 17.5px; /* Reduced from 35px */
    font-weight: bolder;
    font-family: sans-serif;
}

.count-down-box-item h6 {
    font-size: 0.35em; /* Reduced from 0.7em */
    color: gray;
    font-weight: bolder;
    font-family: sans-serif;
}

.progress {
    height: 5px; /* Reduced from 10px */
    margin-top: 5px; /* Reduced from 10px */
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 2px; /* Reduced from 4px */
    -webkit-box-shadow: inset 0 0.5px 1px rgba(0, 0, 0, .1); /* Reduced shadow dimensions */
    box-shadow: inset 0 0.5px 1px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 6px; /* Reduced from 12px */
    line-height: 5px; /* Reduced from 10px */
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -0.5px 0 rgba(0, 0, 0, .15); /* Reduced shadow */
    box-shadow: inset 0 -0.5px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-danger {
    background-color: rgb(255, 0, 0);
}

/*
 Alert Message Box
*/
#AlertBoxContainer {
    position: fixed;
    left: 2px; /* Reduced from -30px */
    bottom: 3px; /* Reduced from -50px */
    z-index: 99;
    transform: scale(1.3); /* Scale down to 50% */
    transform-origin: bottom left; /* Anchor scaling to bottom-left */
}

.alertImg {
    width: 300px; /* Reduced from 500px */
}

@media (min-width: 320px) and (max-width: 767px) {
    #AlertBoxContainer {
        left: 2px; /* Reduced from -20px */
        bottom: 3px; /* Reduced from -50px */
        transform: scale(1.3); /* Maintain 50% scaling */
        transform-origin: bottom left;
    }

    .alertImg {
        width: 300px; /* Reduced from 400px */
    }
}

@media (max-width: 992px) {
    .alertImg {
        width: 147.5px; /* Reduced from 295px */
    }
}

@media (min-width: 680px) {
    #AlertBoxContainer {
        left: 2px; /* Reduced from -30px */
        bottom: 3px; /* Reduced from -50px */
        transform: scale(1.3); /* Maintain 50% scaling */
        transform-origin: bottom left;
    }
}

.alert {
    padding: 2.5px; /* Reduced from 5px */
    margin-bottom: 5px; /* Reduced from 10px */
    border: 1px solid transparent;
    width: 150px; /* Reduced from 300px */
    font-size: 6px; /* Reduced from 12px */
}

.alert img {
    float: left;
}

.alert-white {
    color: #000000;
    background-color: #ffffff;
    border-color: #43609c;
    border-width: 1px; /* Reduced from 2px */
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 17.5px; /* Reduced from 35px */
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -0.5px; /* Reduced from -1px */
    right: -12.5px; /* Reduced from -25px */
    color: inherit;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 7.5px; /* Reduced from 15px */
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 0.5px 0 #fff; /* Reduced shadow */
    font-family: sans-serif;
}

.grid,
.grid--rev,
.grid--full,
.grid-uniform {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -15px; /* Reduced from -30px */
}

.grid-item {
    float: left;
    padding-left: 15px; /* Reduced from -30px */
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.count-down-box-item {
    width: 16.666%;
}

.count-down-dollar-item {
    width: 66.66%;
    text-align: center;
    color: #63A716;
}

.clear-left {
    clear: left;
}
.footer-image-container {
  display: inline-block; /* Makes the container fit the image width */
  background-color: rgba(225, 180, 64, 0.3); /* Light transparent gold-brown */
  padding: 10px; /* Space around the image for the background */
  border-radius: 8px; /* Rounded corners for aesthetics */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(246, 215, 136, 0.3); /* 3D effect */
}

/* Ensure the image inside the container takes its natural width */
.footer-image-container img {
  display: block; /* Removes any extra space below the image */
  width: 100%; /* Ensures the image takes the full width of the container */
  height: auto; /* Maintains aspect ratio */
}

/* Responsive for smaller screens */
@media (max-width: 768px) {
  .footer-image-container {
    padding: 5px; /* Reduce padding on mobile */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 3px 10px rgba(212, 160, 23, 0.2); /* Smaller 3D effect */
  }
}