.outer_box {padding: 60px 0; }

.bg_grey {
    background-color: #eee;
}

/* Container Fluid  */
.container-fluid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

@media (min-width: 576px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 1400px) {
    .container-fluid {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        max-width: 1320px;
    }
}

@media only screen and (min-width: 1700px) {
    .container-fluid {
        max-width: 1650px;
    }
}

/* Container Fluid End  */

._buttom_shade {
    position: relative;
}

.text-white {
    color: #fff !important;
}

.text-left {
    text-align: left;
}

._buttom_shade::after {
    background-image:linear-gradient(45deg, #f15710, #ffffff00);
    height: 3px;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 33%;
}

.shadewhite::after {
    background-image: linear-gradient(45deg, #fff, #ffffff00);
}

.mt-5{ margin-top:5px !important; }
.mt-10{ margin-top:10px !important; }
.mt-15{ margin-top:15px !important; }
.mt-20{ margin-top:20px !important; }
.mt-25{ margin-top:25px !important; }
.mt-30{ margin-top:30px !important; }
.mt-35{ margin-top:35px !important; }
.mt-40{ margin-top:40px !important; }
.mt-45{ margin-top:45px !important; }
.mt-50{ margin-top:50px !important; }
.mt-60{ margin-top:60px !important; }
.mt-70{ margin-top:70px !important; }
.mt-80{ margin-top:80px !important; }
.mt-90{ margin-top:90px !important; }
.mt-100{ margin-top:100px !important; }


.mb-5{ margin-bottom:5px !important; }
.mb-10{ margin-bottom:10px !important; }
.mb-15{ margin-bottom:15px !important; }
.mb-20{ margin-bottom:20px !important; }
.mb-25{ margin-bottom:25px !important; }
.mb-30{ margin-bottom:30px !important; }
.mb-35{ margin-bottom:35px !important; }
.mb-40{ margin-bottom:40px !important; }
.mb-45{ margin-bottom:45px !important; }
.mb-50{ margin-bottom:50px !important; }
.mb-60{ margin-bottom:60px !important; }
.mb-70{ margin-bottom:70px !important; }
.mb-80{ margin-bottom:80px !important; }
.mb-90{ margin-bottom:90px !important; }
.mb-100{ margin-bottom:100px !important; }

.pt-5{ padding-top:5px !important; }
.pt-10{ padding-top:10px !important; }
.pt-15{ padding-top:15px !important; }
.pt-20{ padding-top:20px !important; }
.pt-25{ padding-top:25px !important; }
.pt-30{ padding-top:30px !important; }
.pt-35{ padding-top:35px !important; }
.pt-40{ padding-top:40px !important; }
.pt-45{ padding-top:45px !important; }
.pt-50{ padding-top:50px !important; }
.pt-60{ padding-top:60px !important; }
.pt-70{ padding-top:70px !important; }
.pt-80{ padding-top:80px !important; }
.pt-90{ padding-top:90px !important; }
.pt-100{ padding-top:100px !important; }


.pb-5{ padding-bottom:5px !important; }
.pb-10{ padding-bottom:10px !important; }
.pb-15{ padding-bottom:15px !important; }
.pb-20{ padding-bottom:20px !important; }
.pb-25{ padding-bottom:25px !important; }
.pb-30{ padding-bottom:30px !important; }
.pb-35{ padding-bottom:35px !important; }
.pb-40{ padding-bottom:40px !important; }
.pb-45{ padding-bottom:45px !important; }
.pb-50{ padding-bottom:50px !important; }
.pb-60{ padding-bottom:60px !important; }
.pb-70{ padding-bottom:70px !important; }
.pb-80{ padding-bottom:80px !important; }
.pb-90{ padding-bottom:90px !important; }
.pb-100{ padding-bottom:100px !important; }

[border-radius] {
    border-radius: attr(border-radius px) !important;
}

[column-gap] {
    column-gap: attr(column-gap px) !important;
}

[row-gap] {
    row-gap: attr(row-gap px) !important;
}

[gap] {
    gap: attr(gap px) !important;
}

[margin-top]{
  margin-top: attr(margin-top px) !important;
}

[margin-bottom]{
  margin-bottom: attr(margin-bottom px) !important;
}

[opacity]{
  opacity: attr(opacity px) !important;
}

.d-grid {
    display: grid;
}

.text-grey {
    color: #eee;
}

.title {
    font-size: 32px;
    margin: 0;
}

.titleLine {
    position: relative;
    padding-bottom: 18px;
}

.titleLine:before {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background: var(--primary-color);
    bottom: 0;
    margin: 0 auto;
    display: table;
    left: 0;
    right: 0;
    border-radius: 7px;
}

.titleLine.left::before {
    margin: 0;
}

.sub_title {
    font-size: 16px;
    font-weight: 500;
    color: #444;
}

ul.mylist.text-white li {
    color: #fff;
}

.text-grey-50 {
    color: #ddd !important;
}

.pattern_image {
    background-image: url(../img/pattern1.png);
    background-blend-mode: soft-light;
}

.bg-dark-70 {
    background-color: #202020 !important;
}



/* CTA Buttons  */
.cta_buttons {}

.cta_buttons a {
    color: #fff;
    border: 1px solid #ddd;
    padding: 12px 15px;
    border-radius: 15px;
    transition: 0.3s ease-in-out all;
    font-weight: 500;
}

.cta_buttons a.primary_button {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.cta_buttons a:hover {
    box-shadow: 3px 6px 7px #0000006b;
    transform: translateY(-3px);
    transition: 0.3s ease-in-out all;
}

a.primary_button {}

.cta_buttons a.white_button:hover {
    background: #fff;
    color: var(--primary-color);
}
/* CTA Buttons End  */
/* Cart / Checkout: old price + save % */
.cart-save-line { margin-top: 4px; }
.cart-save-line .cart-old-price { text-decoration: line-through; color: #777; font-size: 13px; margin-right: 6px; }
.cart-save-line .save-percent { font-size: 12px; padding: 2px 8px; }

/* Checkout: coupon code box */
.coupon-box { margin: 20px 0 10px; padding: 14px; border: 1px dashed #c9c9c9; border-radius: 8px; }
.coupon-box .ip-discount-code { display: flex; gap: 8px; }
.coupon-box .ip-discount-code input { flex: 1; min-width: 0; text-transform: uppercase; }
.coupon-box .ip-discount-code input[readonly] { background: #f3f3f3; }
.coupon-box .coupon-msg { margin-top: 8px; font-size: 13px; min-height: 0; }
.coupon-box .coupon-msg.ok { color: #1a8a3a; }
.coupon-box .coupon-msg.err { color: #c00; }
.coupon-discount-row { color: #1a8a3a; }



/* No Product  */
.nopr_container {
    text-align: center;
    animation: nopr_fade_in 0.7s ease;
}

.nopr_icon_wrapper {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff1f2;
    animation: nopr_float 3s ease-in-out infinite;
}

.nopr_empty_icon {
    width: 50px;
    height: 50px;
    color: #334155;
}

.nopr_title {
    font-size: 30px;
    margin-bottom: 13px;
    color: #172033;
    line-height: 1.3;
}

.nopr_title span {
    color: #ef4444;
}

.nopr_divider {
    width: 45px;
    height: 4px;
    border-radius: 10px;
    background: #ef4444;
    margin: 15px auto;
}

.nopr_description {
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.8;
    color: #8490a2;
}

@keyframes nopr_fade_in {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes nopr_float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@media (max-width: 480px) {
    .nopr_title {
        font-size: 25px;
    }

    .nopr_icon_wrapper {
        width: 110px;
        height: 110px;
    }
}
/* No Product End */