:root {
    --primary-color: #f7c697;
    --secondary-color: #b68060;
}

.feature-item__icon {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.badge {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.BackGroundColor {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.sub-nav .main-menu li.sub-menu-header.categories-holder {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.circle-action {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

a.sub-nav__menu.ml-2 {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.product-footer {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

a.btn.btn-primary.btn-rounded {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.cart-nav-solid {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

    .cart-nav-solid:hover {
        background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
    }

.footer-title {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

/*Model Success*/
.modal-confirm {
    color: #636363;
    width: 325px;
    font-size: 14px;
}

    .modal-confirm .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
    }

    .modal-confirm .modal-header {
        border-bottom: none;
        position: relative;
    }

    .modal-confirm h4 {
        text-align: center;
        font-size: 26px;
        margin: 30px 0 -15px;
    }

    .modal-confirm .form-control, .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px;
    }

    .modal-confirm .close {
        position: absolute;
        top: -5px;
        right: -5px;
    }

    .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
    }

    .modal-confirm .icon-box {
        color: #fff;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -70px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        z-index: 9;
        background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
        padding: 15px;
        text-align: center;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }

        .modal-confirm .icon-box i {
            font-size: 58px;
            position: relative;
            top: 3px;
        }

    .modal-confirm.modal-dialog {
        margin-top: 80px;
    }

    .modal-confirm .btn {
        color: #fff;
        border-radius: 4px;
        background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        border: none;
    }

        .modal-confirm .btn:hover, .modal-confirm .btn:focus {
            background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
            outline: none;
        }

.shipping-button:active, .shipping-button:focus, .shipping-button:hover {
    color: #fff;
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.login-option, .btn-resend-option {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

    .login-option:hover, .btn-resend-option:hover {
        color: #fff;
        border-color: var(--primary-color);
        background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
    }

.login-container .border-yellow-dark {
    border-color: var(--primary-color);
}

.login-container .text-yellow-dark {
    color: var(--primary-color);
}

.btn-primary {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
    border-color: var(--primary-color);
}

    .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active {
        background: var(--secondary-color);
        border-color: var(--secondary-color) !important;
    }

.btn-primary {
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
    border-color: var(--secondary-color);
}

a.btn.btn-primary.btn-rounded {
    border-color: var(--secondary-color);
    color: white !important;
}