:root{

    --websitecolor: #7150fa

}

.wpx-60 {

    width: 60px;

}



.wpx-70 {

    width: 70px;

}



.wpx-80 {

    width: 80px;

}



.wpx-90 {

    width: 90px;

}



.wpx-100 {

    width: 100px;

}



.wpx-110 {

    width: 110px;

}

.wpx-200{

    width: 200px;

}



/* width class */





/* font */



.fs-14 {

    font-size: 14px;

}





/* font end*/



.ps-cart--mini .ps-cart__content.min__menu {

    min-width: 270px;

}



.cs_button {

    font-size: 12px;

    padding: 6px;

}



.btn_warning {

    background-color: #ff6a00;

    color: #ffffff;

}



.btn_warning:hover {

    background-color: #000000;

    color: #ffffff;

}



.menu_li i.fa-user {

    font-family: 'FontAwesome';

}



.menu_li li {

    padding: 5px 0px;

    color: #605c5c;

    cursor: pointer;

    transition: all 0.3s;

}



.menu_li li:hover {

    color: #ff6a00;

}



.menu_li {

    margin-top: 10px !important;

}



.ps-cart--mini .ps-cart__items {

    border-bottom: 1px solid #e1e1e1;

}



.ps-cart--mini .ps-cart__items .ps-product--cart-mobile {

    margin-bottom: 0;

}



.ps-form--account .ps-tab-list li a {

    font-size: 22px;

}



.ps-my-account {

    min-height: auto;

}





/* .modal .modal-dialog{

    display: grid;

    height: 100%;

    align-items: center;

} */



.ps-form--account .ps-form__content h5 {

    margin: 0 0 10px;

}



.fw-600 {

    font-weight: 600;

}



button.close {

    position: absolute;

    background-color: transparent;

    border: 0;

    right: -2px;

    top: -2px;

    appearance: none;

    background-color: red;

    border-radius: 50%;

    padding: 6px 9px !important;

}



.modal-header {

    border-bottom: none;

}



.otp_ul {

    list-style: none;

    display: inline-flex;

    padding: 0;

    justify-content: center;

}



.otp_ul li {

    width: 10%;

    margin: 10px;

}



.otp_ul li input {

    border: none;

    text-align: center;

    width: 50px;

    height: 50px;

    font-size: 16px;

    color: rgb(33, 33, 33);

    border-width: 1px;

    border-style: solid;

    border-color: rgb(231, 231, 231);

    border-image: initial;

    border-radius: 4px;

    outline: none;

    padding: 15px;

}



.otp_screen {

    display: none;

}



#homepage-1 .ps-home-banner .ps-banner {

    /* min-height: 330px;

    object-fit: cover;

    object-position: center center;

    background-position: 100% 0% !important; */

}



.ps-carousel--nav .owl-nav .owl-prev {

    margin-left: 0;

    height: 80px;

    background-color: white !important;

    border-radius: 0;

    box-shadow: 1px 1px 1px 1px silver;

}



.ps-carousel--nav .owl-nav .owl-next {

    margin-right: 0;

    height: 80px;

    background-color: white !important;

    border-radius: 0;

    box-shadow: 1px 1px 1px 1px silver;

}



.modal_heading {

    color: #232323;

    font-size: 30px;

    font-weight: 600;

    margin: 0px 0px 0px;

    text-align: center;

    line-height: normal;

}



.text-theme {

    color: #ff6a00;

    font-weight: 600;

}



.fa-envelope:before {

    content: "\f0e0";

    font-family: 'Font Awesome 6 Free';

}



.btn-large {

    font-size: 12px;

    padding: 4px 8px;

    font-family: sans-serif;

    letter-spacing: 0.8px;

}





/* .ps-logo img {

    filter: brightness(0.3);

} */



.success_otp {

    display: none;

}



.header .header__top {

    background-color: #ffffff;

    border-bottom: 1px solid #ffffff;

}



.navigation {

    background-color: #1c1c1c;

}



.ps-form--quick-search button {

    background-color: var(--websitecolor);

}



.header .header__extra>i,

.menu--product-categories .menu__toggle i,

.menu--product-categories .menu__toggle span,

.menu>li>a,

.navigation__extra>li a {

    color: #7150fa;

}



.navigation__extra>li:after {

    content: '';

    background-color: #ffffff;

}



.mega-menu .mega-menu__list li a:hover {

    color: #ff6a00;

}



.menu--dropdown>li:hover {

    background-color: #ff6a00;

    color: #ffffff;

}



.ps-footer {

    background-color: #172337;

}



.widget_footer .widget-title {

    color: #878787;

}



.ps-list--link li a {

    color: #fff;

}



.ps-footer__links p strong {

    color: #878787;

}



.ps-footer__links p a,

#back2top i,

.ps-footer__copyright p {

    color: #fff;

}



#back2top:hover {

    background-color: #ec472a;

    border-color: #ec472a;

}



.sub-menu>li>a:hover {

    color: #ff6a00;

}



.ps-block--countdown-deal figure,

.ps-product .ps-product__badge {

    background-color: #ff6a00;

}



.btn-warning {

    color: #ffffff;

    background-color: #ff6a00;

    border-color: #ff6a00;

}



.header .header__extra span {

    background-color: #ff0505;

}



.ps-btn,

button.ps-btn {

    background-color: #ff6a00;

    color: #ffffff;

}



.menu>li>a:hover {

    color: #ff6a00;

}



.ps-form--quick-search {

    border: 2px solid var(--websitecolor);

    border-radius: 25px;

    background: var(--websitecolor);

    margin-top: 15px;

}



.ps-form--quick-search .form-control {

    color: #ff6a00;

}



.ps-product .ps-product__badge.hot,

.ps-product--detail .ps-tab-list li a:before {

    background-color: #ff6a00;

}



.ps-breadcrumb .breadcrumb a:hover {

    color: #ff6a00;

}



.menu--product-categories .menu--dropdown>li:hover {

    background-color: #ffffff;

    color: #ffffff;

    box-shadow: 0px 0px 3px 0px silver;

}



.menu--product-categories .menu--dropdown>li:hover .left_menu {

    color: #ff6a00;

}



.box_shadow_item {

    box-shadow: 0px 0px 3px 0px #c0c0c042;

    padding: 10px;

    border-radius: 5px;

    cursor: pointer;

    transition: all 0.3s ease;

}



.box_shadow_item:hover {

    box-shadow: 0px 0px 8px 1px silver;

}



.cs-heading {

    font-size: 20px;

    margin-bottom: 14px !important;

    font-weight: 600;

    line-height: 25px;

    font-family: sans-serif;

}



.bg_img {

    display: block;

    width: 180px;

    height: 180px;

    border-radius: 50%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;
    margin: 0 auto;
    margin-bottom: 10px;
}



.tata_imgbox {

    margin-bottom: 0px;

    cursor: pointer;

}



.item_parentbox {

    background-color: #f6f6f6;

    padding: 5px;

    border-radius: 3px;

}



.card-slider {

    box-shadow: 0px 0px 5px 1px silver;

    padding-top: 19px;

    padding-bottom: 19px;

    width: 98.2%;

}



.ps-widget--account-dashboard .ps-widget__content ul li a:hover {

    background-color: #ff6a00;

    color: #fff;

}



.ps-widget--account-dashboard .ps-widget__content ul li.active {

    background-color: #ff6a00;

}



.btn-orange {

    background-color: #ff6a00;

    color: #ffffff;

}



.btn-orange:hover {

    background-color: #232323;

    color: #ffffff;

}



.btn-orange:focus {

    box-shadow: none;

}



.custom_translater .goog-te-combo {

    width: 133px;

    border-radius: 3px;

    padding: 3px 2px;

    border-color: #eef0ef;

}



.ps-btn,

button.ps-btn {

    padding: 10px 18px;

}



.table_img {

    display: block;

    width: 45px;

    height: 45px;

    background-repeat: no-repeat;

    background-size: cover;

    box-shadow: 1px 1px 1px 1px silver;

    border-radius: 5px;

}



.ps-table--notification tbody tr td:first-child {

    max-width: auto;

    width: auto;

}



.text-link {

    color: blue;

}



.cs_card {

    padding-bottom: 2px !important;

    box-shadow: 0px 0px 2px 0px silver;

    border-radius: 5px;

    margin-top: 16px;

    margin-bottom: 16px;

    padding: 15px;

}



.c-pointer {

    cursor: pointer;

}



.ps-form__total {

    background-color: #c0c0c01c;

    padding: 10px;

    box-shadow: 0px 0px 4px 0px #c0c0c078;

    border-radius: 3px;

}



.ps-shopping-cart .ps-section__footer .ps-btn--outline {

    border: none;

    color: #fff;

    border-radius: 0;

    border-radius: 3px;

}



.ps-shopping-cart .ps-section__footer .ps-btn--outline:hover {

    background-color: #232323;

    border-color: #232323;

    color: #ffffff;

}



.ps-shopping-cart .ps-section__cart-actions .ps-btn--outline {

    border: none;

    color: #fff;

    padding: 12px 20px;

    vertical-align: middle;

}



.ps-shopping-cart .ps-section__cart-actions .ps-btn--outline:hover {

    background-color: #232323;

    border-color: #232323;

}



.user_cart .card {

    box-shadow: 0px 0px 2px 0px #f2f2f2;

    padding: 5px;

}



.cs_img {

    display: block;

    width: 70px;

    height: 70px;

    background-repeat: no-repeat;

    box-shadow: 1px 1px 1px 1px silver;

    border-radius: 50%;

    background-size: cover;

    background-position: center;

}



.fs-12 {

    font-size: 12px;

}



.purchase_item {

    font-size: 15px;

}



.original_product {

    color: #ee682c;

    font-weight: 500;

}



.order_success {

    color: #3b7e63;

    margin-bottom: 0;

}



.order_success span {

    font-size: 12px;

    font-weight: 500;

}



.user_subtotal {

    font-size: 16px;

    font-weight: 500;

    color: #232323cf;

    padding-top: 8px;

}



.user_subtotal span {

    color: #000000;

    font-weight: 600;

}



.gift_order {

    position: relative;

}



.gift_order span {

    position: absolute;

    top: 3px;

    display: block;

    width: 15px;

    height: 15px;

    background-color: silver;

}



.gift_order span::before {

    content: '';

    width: 0px;

    height: 7px;

    background-color: transparent;

    position: absolute;

    border-left: 2px solid #ffffff;

    border-bottom: 1px solid #ffffff;

    transform: rotate(-45deg);

    left: 2px;

    transition: all 0.1s;

    opacity: 0;

}



.gift_order input:checked~span {

    background-color: #3b7e63;

}



.gift_order input:checked~span::before {

    opacity: 1;

    width: 11px;

    height: 7px;

    top: 1px;

}



.gift_order input {

    opacity: 0;

}



.btn-theme {

    background-color: #ee682c;

    padding: 7px;

    font-size: 13px;

    color: #ffffff;

    font-weight: 600;

    border-radius: 39px;

}



.btn-theme:hover {

    background-color: #232323cf;

    color: #ffffff;

}



.sticky {

    position: fixed;

    top: 0;

    width: 100%;

}



.sticky+.content {

    padding-top: 102px;

}



.ps-block--countdown-deal .ps-block__left h3 {

    font-weight: 500;

    font-size: 22px;

}





.ps-footer__links {

    border-top: none;

    padding-top: 0px;

    border-bottom: 1px solid #e1e1e1;

    padding-bottom: 40px;

}



.ps-footer__widgets {

    padding-top: 40px;

}



.ps-list--social i {

    font-family: 'FontAwesome';

    color: #fff !important;

}



.br-3 {

    border-radius: 3px;

}



.cs-modal-body {

    padding-left: 40px;

    padding-right: 40px;

}



.justify-content-space-between {

    justify-content: space-between;

}



.accordion_cs h5 button {

    font-size: 16px;

    /*font-weight: 600;

    letter-spacing: 1px;*/

}



.accordion_cs .card {

    margin-bottom: 10px;

}



.accordion_cs .btn-link:hover {

    color: #0056b3;

    text-decoration: none;

}



.card-header {

    padding: .75rem 1.25rem;

    margin-bottom: 0;

    background-color: rgb(255 255 255);

    border-bottom: none;

}



.tab-primary {

    background-color: #ff6a00;

}



.tab-primary .btn-link {

    color: #ffffff;

}



.tab-primary .btn-link:hover {

    color: #ffffff;

}



.link {

    color: #2ba4ec;

}



.btn-big {

    padding: 7px 20px;

    font-size: 14px;

}



.ps-block--payment-success {

    text-align: center;

}



.ps-block--payment-success img {

    width: 80px;

}



.ps-block--payment-success h3 {

    font-size: 40px;

}

.user_item{

    box-shadow: 0px 0px 0px 1px #c0c0c0e0;

    padding: 4px 6px;

    border-radius: 0;

    margin-top: 12px;

    margin-bottom: 20px;

}

.more_item{

    box-shadow: 0px 0px 2px 1px #c0c0c059;

    padding: 0px 6px;

    background-color: #ffffff;

    font-weight: 600;

    display: block;

    margin: 0 auto;

    color: #ee682c;

    text-align: center;

    border-radius: 3px;

}

.grocerydetails{

    padding-left: 20px;

    align-self: center;

}

.grocerydetails h5{

    font-weight: 500;

}

.grocerydetails p{

    margin-bottom: 0;

}

.delivery_expected{

    padding-left: 30px;

}

.delivery_expected h5{

    font-weight: 500;

}

.orderStatus{

    width: 10px;

    height: 10px;

    background-color: transparent;

    display: inline-block;

    border-radius: 50%;

    border: 2px solid green;

}

.orderStatus.active{

    width: 10px;

    height: 10px;

    background-color: green;

    display: inline-block;

    border-radius: 50%;

    border: 2px solid green;

}

.ps-form--quick-search .form-group--icon {

    border-top-left-radius: 24px;

    border-bottom-left-radius: 25px;

}

.ps-form--quick-search button{

    border-top-right-radius: 24px;

    border-bottom-right-radius: 24px;

}

.cs_bg{

    display: block;

    width: 60px;

    height: 60px;

    /*box-shadow: 0px 0px 3px 0px silver;*/

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    border-radius: 3px;

}

.checkout_item{

    color: #232323;

    font-weight: 500;

}

.border-none{

    border: none;

}

.old_orderstatus .order_menu{

    list-style: none;

    display: inline-flex;

    padding-left: 0;

}

.old_orderstatus .order_menu li{

    margin-right: 20px;

    font-weight: 600;

    cursor: pointer;

    border-bottom: 2px solid transparent;

}

.old_orderstatus .order_menu li.active{

    color: #ff6a00;

    border-bottom: 2px solid #ff6a00;

}

.order_place{

    font-weight: 500;

    font-size: 16px;

}

.order_select{

    margin-left: 9px;

    background-color: #c0c0c059;

    border-color: #c0c0c059;

    border-radius: 4px;

    width: 150px;

    text-align: center;

}



.wishlist-search, .wishlist-select {

padding: 5px 10px;

    border-radius: 5px;

    border: 1px solid lightgray;

    margin-right: 20px;

}





.wishlist-select{

    margin-right: 0px;

}



.wishlist-search-select{

        justify-content: end;

    display: flex;

    margin: 20px 0px;

}







.custom-switch .custom-control-label::before {

    left: -2.25rem;

    width: 25px;

    pointer-events: all;

    border-radius: 8px;

}



.custom-control-label::before {

    position: absolute;

    top: 0.25rem;

    left: -1.5rem;

    display: block;

    width: 1rem;

    height: 16px;

    pointer-events: none;

    content: "";

    background-color: #fff;

    border: #adb5bd solid 1px;

}







.custom-switch .custom-control-label::after {

    top: calc(0.25rem + 3px);

    left: calc(-25px + 5px);

    width: calc(1rem - 0px);

    height: calc(1rem - -1px);

    background-color: #adb5bd;

    border-radius: 0.5rem;

    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;

    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;

}



.custom-control-input:checked~.custom-control-label::before {

    color: #fff;

    border-color: #ff6a00;

    background-color: #ff6a00;

}

.bb{

    border-bottom: 1px solid #c0c0c03d;

}



.thankyou-img{

    width: 100px;

}

.cs-card{

    background-color: #f1f1f166;

}

.cs-card input,.cs-card textarea,.cs-card select{

    background-color: #ffffff;

}

.header .header__actions>* {

    margin: 0 10px;

}

.ps-product.ps-product--inner {

    padding: 4px;

    box-shadow: 0px 0px 1px 0px #c0c0c0;

    margin: 2px;

    min-height: 270px;

}

.product_attribute_valueGreen{

    background-color: green;

}



.product_attribute_valueGreen .ps-variant__size, .product_attribute_valueWhite .ps-variant__size{

    opacity: 0 !important;

}

.product_attribute_valueS input, .product_attribute_valueM input{

    opacity: 0;

    position: absolute;

}

.ps-form--quick-search select.form-control{

    width: 142px;

    white-space: nowrap;

    padding-right: 25px;

    text-overflow: ellipsis;

}

.navigation{

    background-color: var(--websitecolor);

}

.ps-product .ps-product__thumbnail {

    min-height: 240px;

    height: 240px;

}

.ps-product.ps-product--inner {

    min-height: 240px;

    height: 350px;

}

.ps-product .ps-product__thumbnail img{

    height: 100%;

}

.ps-btn.ps-btn--black, button.ps-btn.ps-btn--black {

    background-color: #7150fa;

}

.ps-btn:hover.ps-btn--black, .ps-btn:active.ps-btn--black, button.ps-btn:hover.ps-btn--black, button.ps-btn:active.ps-btn--black {

    background-color: #cb11f1;

}

