/* Theme defined background start */
.theme-inquiry .theme-inquiry-pil-phone {
    border-radius: 40px;
    background: linear-gradient(to bottom, #FEFEFE 0%, #AFBFE3 100%);
    /* round, soft shadow all around */
    box-shadow: 0 2px 3px 0 rgb(35 60 120 / 20%), 0 0 40px 12px rgb(35 60 120 / 13%);
}

.theme-bg-blue-linear-gradient {
    background: linear-gradient(var(--theme-color-blue-medium), var(--theme-color-blue-dark)) !important;
}

.theme-bg-nav-slider-linear-gradient {
    background: linear-gradient(#15427D, #00295E) !important;
}

.theme-bg-linear-blue-light {
    background: linear-gradient(#002C5F, #FFFFFF) !important;
}

.theme-bg-linear-gray {
    background: linear-gradient(to right, #D9D9D9 0%, #FFFFFF 50%, #D9D9D9 100%);
}

.theme-stock-banner-bg {
    background: #E2E8F0 !important;
}

.theme-custom-banner-bg {
    background: #F0F4F7 !important;
}

.theme-banner-stock-coupon-bg {
    background: linear-gradient(to right, #E6D8A8 0%, #E6D8A8 100%);
}

.theme-banner-custom-coupon-bg {
    background: linear-gradient(to right, #EFDDC3 0%, #EED7B7 100%);
}

.theme-bg-blue-medium {
    background-color: var(--theme-color-blue-medium) !important;
}

.theme-bg-pink-light {
    background-color: var(--theme-color-pink-light) !important;
}

.theme-bg-pink-medium {
    background-color: var(--theme-color-pink-medium) !important;
}

/* Theme defined background end */


.theme-bg-blue-dark {
    background-color: var(--theme-blue) !important;
}

.theme-bg-blue-darkest {
    background-color: #0a1d44 !important;
}

.theme-bg-blue-gray {
    background-color: var(--theme-blue-gray) !important;
}

.theme-bg-blue-gray-light {
    background-color: var(--theme-blue-gray-light) !important;
}

.theme-bg-green-gray {
    background-color: var(--theme-green-gray) !important;
}

.theme-bg-pink-dark {
    background-color: var(--theme-color-pink-dark) !important;
}

.theme-bg-pink-darkest {
    background-color: var(--theme-color-pink-darkest) !important;
}

.theme-bg-info {
    background-color: var(--theme-info) !important;
}

.theme-bg-info-light {
    background-color: var(--theme-info-light) !important;
}

.theme-bg-light-blue {
    background: #FAFAFA !important;
}

.theme-bg-yellow {
    background-color: var(--theme-yellow) !important;
}

.theme-bg-yellow-medium {
    background-color: var(--theme-yellow-medium) !important;
}

.theme-bg-yellow-dark {
    background-color: var(--theme-yellow-dark) !important;
}

.theme-bg-yellow-light {
    background-color: var(--theme-yellow-light) !important;
}

.theme-bg-yellow-green {
    background-color: #e8df4a !important;
}

.theme-bg-teal, .theme-bg-teal-light.active {
    background: var(--theme-teal);
    color: var(--theme-light);
}

.theme-bg-teal.theme-transparent {
    background-color: #0e696acc /* Black with 50% transparency */
}

.theme-bg-teal-light {
    background: var(--theme-teal-light);
    color: var(--theme-teal);
}

.theme-bg-teal-light:hover {
    background: var(--theme-teal);
    color: var(--theme-light);
}

.theme-bg-linear-se-cyan-blue-light {
    background-image: linear-gradient(to right, #7cbbfe, #e6eff8);
}

.theme-bg-linear-teal {
    background-image: linear-gradient(#2a6363, #2b8384);
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.15); /* Top shadow */

}

.theme-bg-linear-se-yellow-light {
    background-image: linear-gradient(to right, #f2de78, #eeebdd);
}

.theme-bg-gray {
    background-color: var(--theme-gray) !important;
}

.theme-bg-gray-light {
    background-color: var(--theme-gray-light) !important;
}

.theme-bg-gray-dark {
    background-color: var(--theme-gray-dark) !important;
}

.theme-bg-sky {
    background-color: var(--theme-sky) !important;
}

.theme-bg-sky-light {
    background-color: var(--theme-sky-light) !important;
}

.theme-bg-sky-lighter {
    background-color: var(--theme-sky-lighter) !important;
}

.theme-bg-sky-dark {
    background: var(--theme-sky-dark);
}

.theme-bg-sky-lightgray {
    background: #e3efff !important;
}

.theme-bg-sky-light-dark-gradient {
    background-image: linear-gradient(#84f7fe, #a9d6fe) !important;
}

.bg-dotted-rectangle {
    background: url(/images/update-24/common/bg-images/dotted-light-yellow-rectangle.jpg) top center;
    background-size: contain;
}

.bg-dotted-md {
    background: url(/images/update-24/common/bg-images/dotted-light-yellowish-md.jpg) top center;
    background-size: contain;
}

.theme-bg-dotted-gray-md {
    background: url(/images/update-24/common/bg-images/dotted-gray-md.jpg) top center;
    background-size: contain;
}

.bg-dotted-m-lg {
    background: url(/images/update-24/common/bg-images/dotted-light-yellowish-m-lg.jpg) top center;
    background-size: cover;
}

.bg-dotted-d-lg {
    background: url(/images/update-24/common/bg-images/dotted-light-yellowish-d-lg.jpg) top center;
    background-size: contain;
}

.bg-light-lightblue {
    background: url(/images/update-24/common/bg-images/ligt-lightblue.jpg) no-repeat top center;
    background-size: cover;
}

.bg-lightblue-wave {
    background: url(/images/update-24/common/bg-images/designed-lightblue-sm.jpg) top center;
    background-size: contain;
}

.theme-bg-yellow-wave {
    background: url(/images/update-24/common/bg-images/wave-yellowish-md.jpg) top center;
    background-size: contain;
}

.bg-circle-white {
    background: url(/images/update-24/common/bg-images/circle-white.png) no-repeat top center;
    background-size: 100px 100px;
}

/* Product info styles */
.theme-bg-danger, .theme-bg-danger-pi-off {
    background: #c62828;
}

.theme-bg-product-reverse-gray {
    background-image: url('/images/update-24/common/bg-images/arrow-reverse-gray.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.theme-customer-login-bg {
    background: #002759e6;
}