/*-------------------------------------------------------*/
/* General
/*-------------------------------------------------------*/

::-moz-selection, ::-webkit-selection { /* Code for Firefox */
    color: #FFFFFF;
    background: #000000;
}

::selection {
    color: #FFFFFF;
    background: #000000;
}

img {
    max-width: 100%;
}

:focus {
    outline: none;
}

button:focus {
    outline: 0;
}

body {
    font-family: 'Archivo', sans-serif;
    color: #000000;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    font-family: 'Archivo', sans-serif;
}

p {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 25px;
    margin: 0px 0px 20px 0px;
}

a, a:hover, .nav-link:hover {
    outline: none !important;
    color: #7CBF21;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

    a:link, a:visited, .nav-link {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        text-decoration: none;
    }

body {
    overflow-x: hidden;
}

.btn {
    padding: 10px;
    text-align: center;
    display: inline-block;
    background: #006AD7;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
}

    .btn:hover {
        color: #FFFFFF;
    }

.btn-border {
    background: transparent;
    color: #636363;
    border: 1px solid #000000;
}

    .btn-border:hover {
        color: #636363;
    }
/*-----------------------------*/

.confirm-age.btn-success {
    background-color: #198754;
}

.confirm-age.btn-danger {
    background-color: #dc3545;
}

.admin-header-links {
    background-color: #333;
    text-align: center;
    color: #eee;
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
    }

    .admin-header-links .impersonate {
        display: inline-block;
    }

        .admin-header-links .impersonate a {
            background-color: #555;
            padding: 0 15px;
        }

            .admin-header-links .impersonate a:hover {
                background-color: #666;
            }

/*custom*/
#site-wrapper {
    position: relative;
    padding-top: 80px;
    /*overflow: hidden;*/
    width: 100%;
    height: 100%;
    float: left;
}

header {
    float: left;
    width: 100vw;
    height: 80px;
    padding: 0px 0px 0px 0px;
    background: #FFF;
    position: fixed !important;
    top: 0 !important;
    z-index: 9;
    display: flex;
    align-items: center;
    /* border-bottom:1px solid #f2f2f2; */
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.27);
}

.topheadersect {
    display: flex;
    align-items: center;
}

.MainLogo {
    margin-right: 25px;
    /*margin-top: 5px;
    width: 100%;*/
    max-width: 250px;
}

    .MainLogo a {
        display: flex;
        align-items: center;
    }

.logo_main {
    max-width: 100px;
}

    .logo_main + .monogram, .logo_main + .logotext {
        padding-left: 10px;
        max-width: calc(100% - 80px);
    }

        .logo_main + .monogram img {
            max-width: 100%;
        }

.MainLogo img {
    max-width: 250px;
    max-height: 70px;
}

.MainLogo .logo_main img {
    max-width: 100%;
    max-height: 85px;
}

.MainLogo .mobilelogo {
    display: none;
}

.logotext {
    font-size: 22px;
    font-weight: 500;
    line-height: 100%;
    position: relative;
    top: 0;
    max-width: 250px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    height: 70px;
    display: flex;
    align-items: center;
    background: #efefef;
    padding: 10px;
    border-radius: 10px;
}

.logo_main + .logotext {
    white-space: normal;
}

.monogram + .logotext {
    display: none;
}

.HeaderMenu {
    display: flex;
    /* position: relative; */
    align-items: center;
    justify-content: flex-end;
    width: 100% !important;
    /*: calc(100% - 210px);*/
}

.header_mid_sec {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.burger_menu {
    display: flex;
    align-items: center;
}

#frmmobilelogin .iti {
    width: 100%;
}


.TopMenuCategoriesWrap {
    margin-right: 25px;
    position: relative;
}

.TopMenuCategoriesTogel {
    display: flex;
    align-items: center;
    color: #515151;
    font-size: 15px;
    line-height: 21px;
    cursor: pointer;
}

i.CategoriesIcons {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: url(../images/icons/categories_icons.svg) center no-repeat;
    /*background: url(../images/icons/categories_icon_mobile.svg) center no-repeat;*/
    background-repeat: no-repeat;
    background-size: 100%;
}

.TopMenuCategories {
    display: none;
    width: 200px;
    position: absolute;
    top: 50px;
    padding: 0;
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 0px 0px 10px 10px;
    right: -10px;
}

.TopMenuCategoriesTogel.active::after {
    content: '';
    position: absolute;
    width: 118px;
    height: 4px;
    bottom: -30px;
    background: #FF304F;
}

.mainmenulistwrap {
    display: flex;
    width: 100%;
}

.MegamenuList {
    margin: 0;
    padding: 0;
    width: 100%;
    /*max-width: 33.33%;*/
    border-left: 1px solid #E6E6E6;
}

    .MegamenuList:first-child {
        border-left: 0;
    }

    .MegamenuList > li {
        list-style: none;
    }

        .MegamenuList > li a {
            width: 100%;
            display: inline-block;
            padding: 8px 20px;
            font-weight: 400;
            font-size: 12px;
            line-height: 20px;
            letter-spacing: -0.02em;
            color: #000000;
            transition: all 0.3s ease;
            background: #FFFFFF;
        }

        .MegamenuList > li:last-child a {
            border-bottom: 0;
        }

        .MegamenuList > li.active a,
        .MegamenuList > li a:hover {
            background: #E6E6E6;
        }


.menu-visible::after, .profile-visible::after, .Cart-visible::after, .BookaSlot-visible::after,
.delivery_adress_visible::after {
    content: '';
    width: 100vw;
    min-height: calc(100vh - 80px);
    position: absolute;
    z-index: 1;
    background: rgba(65, 65, 65, 0.4);
    left: 0;
    top: 0;
    /*height:calc(100% - 80px);*/
    height: 100%;
}

/*.seclecWrap i.fa-location-dot {
  font-size: 19px;
  color: #FFFFFF;
}*/
.LocationSeclecWrap {
    margin-right: 30px;
}

.delivery_adress_triger {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    width: 236px;
    padding-left: 25px;
}

    .delivery_adress_triger.active::after {
        content: '';
        position: absolute;
        width: 136px;
        height: 4px;
        bottom: -30px;
        background: #FF304F;
    }

.curentlocation, .locationaddrees {
    font-weight: 300;
    font-size: 12px;
    line-height: 100%;
    padding: 0px;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: inline-block;
}

.delivery_adress_triger .curentlocation {
    padding-right: 0px;
    margin-top: 0px;
    width: 100%;
    line-height: 100%;
}

.locationaddrees {
    padding-left: 0;
    position: relative;
    color: #000;
    line-height: 100%;
    padding-right: 0;
}

.curentlocation span {
    font-weight: 600;
    margin-right: 0px;
    text-transform: capitalize;
}

.header_mid .delivery_adress_triger::before {
    float: left;
    content: "\f3c5";
    font-size: 22px;
    color: #7cbf21;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -4px;
}

.delivery_adress_triger .locationaddrees::after {
    display: none;
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 3px;
    background: url(../images/icons/BlackDownArrow.svg) no-repeat center;
    background-size: 12px;
    opacity: 0.4;
}

.delivery_adress_togle {
    display: none;
    width: 100%;
    max-width: 600px;
    position: absolute;
    top: 75px;
    padding: 0;
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 0px 0px 10px 10px;
}

.adresstitle {
    display: flex;
    width: 100%;
    position: relative;
    background: #F2F2F2;
    align-items: center;
    justify-content: space-between;
    padding: 12px 70px 12px 18px;
}

.btn.add_new_delvadress {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 5px 20px;
}

.adressScroll_button {
    position: absolute;
    background: white;
    border: 1px solid #d0d0d0;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: -50%;
    right: -50%;
    margin: auto;
    box-shadow: 0px 4px 11px -2px rgba(0, 0, 0, 0.27);
}

    .adressScroll_button.Scrollup {
        top: -15px;
    }

    .adressScroll_button.Scrolldown {
        bottom: 5px;
    }

    .adressScroll_button i {
        pointer-events: none;
    }

.adresstitle h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 0;
}

.close_adress_togle, .close_togle {
    /*background: #FFFFFF;
  border: 1px solid #C4C4C4;*/
    border-radius: 5px;
    width: 20px;
    height: 20px;
    right: 18px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close_togle {
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
}

.infotoclient {
    width: 100%;
    margin: 0;
    padding: 25px 35px 0px 35px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

header .infotoclient {
    margin-bottom: 20px;
}

.delivery_adress_wap {
    width: 100%;
    margin: 0;
    padding: 0px 35px 35px 35px;
}

header .delivery_adress_wap, .modal .delivery_adress_wap {
    display: flex;
    flex-wrap: wrap;
    max-height: 330px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0px 30px 30px 30px;
}

.delivery_adress_wap > li {
    list-style: none;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

header .delivery_adress_wap > li, .modal .delivery_adress_wap > li {
    width: calc(100% - 10px);
    margin: 5px;
}

header .delivery_adress_wap.moreadress > li, .modal .delivery_adress_wap.moreadress > li {
    width: calc(50% - 10px);
}


/* .delivery_adress_wap > li:last-child {
    margin-bottom: 0px;
} */



.adress_cat {
    width: 100%;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #A5A5A5;
    margin-bottom: 2px;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.delivery_adresslist {
    display: flex;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    align-items: center;
    position: relative;
    border-radius: 5px;
    justify-content: space-between;
    height: calc(100% - 25px);
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
}

    .delivery_adresslist:hover {
        background: #FFF9EB;
        border-color: #FFC63B;
    }

.active > div.delivery_adresslist {
    cursor: auto;
    background: #F7FFEB;
    border-color: #C8E49E;
}

.delivery_adress::after {
    display: none;
    content: "\f00c";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 1.25em;
    line-height: 100%;
    color: #7cbf21;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 23px;
    top: -50%;
    bottom: -50%;
    margin: auto;
}

header .delivery_adress::after {
    right: 15px;
}

.delivery_adress.active::after {
    display: block;
}

.delivery_adress.active + .remove_adress {
    display: none;
}

.delivery_adress {
    display: flex;
    transition: all 0.3s ease;
    border-radius: 5px;
    /*width:calc(100% - 50px);*/
    width: 100%;
    flex-wrap: wrap;
    padding: 10px 70px 10px 23px;
    height: 100%;
    align-content: flex-start;
}

header .delivery_adress {
    padding: 10px 45px 10px 10px;
}

.delivery_adress span {
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    display: inline-block;
}

.remove_adress {
    padding: 5px;
    line-height: 100%;
    cursor: pointer;
    position: absolute;
    right: 20px;
    z-index: 2;
}

    .remove_adress i {
        font-size: 18px;
        color: #636363;
        line-height: 100%;
    }

header .remove_adress {
    right: 15px;
}

/*.LocationSeclecWrap .selectWrap{
  margin-top: -4px;
  display: flex;
}
.LocationSeclecWrap .selectWrap::before {
  float: left;
  margin-right: 7px;
  content: "\f3c5";
  font-size: 19px;
  color: #FFFFFF;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}
.LocationSeclecWrap .selectWrap select{
  float: left;
  width: 140px;
  background-color: transparent;
  border: 0;
  padding: 0px 30px 0px 0px;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 21px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}*/
.selectWrap .form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.selectWrap select option {
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.MainSearchWrap {
    width: 100%;
    /* max-width: 450px; */
    margin-right: 30px;
}

    .MainSearchWrap .search {
        display: flex;
        border-radius: 10px;
        height: 30px;
        padding: 5px;
        background: #EFEFEF;
        /* max-width: 485px; */
        /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.27);*/
    }

        .MainSearchWrap .search form {
            display: flex;
            width: 100%;
            flex-direction: row-reverse;
        }

        .MainSearchWrap .search input[type="text"] {
            border: 0;
            padding: 4px 20px;
            height: auto;
            line-height: 100%;
            font-size: 12px;
            line-height: 14px;
            color: #848484;
            font-weight: 300;
            border-radius: 0;
            width: calc(100% - 25px);
            background: transparent;
        }

        .MainSearchWrap .search button {
            width: 23px;
            height: 23px;
            background: none;
            border-radius: 8px;
            padding: 0;
            border: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            right: -3px;
            top: -1px;
        }

            .MainSearchWrap .search button i {
                font-size: 13px;
                line-height: 100%;
                color: rgb(162, 162, 162);
            }

.form-control:focus {
    box-shadow: none;
}

.toplogincartsec {
    display: flex;
    width: 111px;
    justify-content: space-between;
}

    .toplogincartsec > div {
        display: flex;
        position: relative;
    }

.profilemwnu, .wishlistMenu, .CartMenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    /*.profilemwnu > i, .wishlistMenu > i, .CartMenu > i{
  color: #FFFFFF;
  font-size: 24px;
  margin-bottom: 4px;
}*/
    .profilemwnu > span, .wishlistMenu > span, .CartMenu > span {
        width: 100%;
        text-align: center;
        display: inline-block;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        color: #000;
    }

    .profilemwnu > i, .wishlistMenu > i, .CartMenu > i {
        margin-bottom: 4px;
    }

.Profiletogle, .Carttoggelwrap {
    width: 215px;
    display: none;
    position: absolute;
    padding: 25px;
    top: 60px;
    left: -60px;
    background: #FFFFFF;
    border-radius: 0px 0px 20px 20px;
}

.profilemwnu.active::after, .CartMenu.active::after {
    content: '';
    position: absolute;
    width: 56px;
    height: 4px;
    bottom: -20px;
    background: #FF304F;
}

.CartMenu.active::after {
    right: 0;
    width: 47px;
}

.toglelogininfo {
    width: 100%;
    float: left;
    padding-bottom: 18px;
    margin-bottom: 5px;
    border-bottom: 0.5px solid #A3A1A1;
}

.loginwecomeNote {
    width: 100%;
    float: left;
}

    .loginwecomeNote h6 {
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 4px;
        letter-spacing: -0.02em;
        color: #000000;
    }

    .loginwecomeNote p {
        font-weight: 300;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -0.02em;
        color: #000000;
        margin: 0;
    }

.loginfont {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
}


.loginBTNwrap {
    width: 100%;
    float: left;
}

.loginwecomeNote + .loginBTNwrap {
    margin-top: 10px;
}

.loginBTNwrap .loginBTN {
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.02em;
    color: #000000;
    background: none;
    width: 100%;
    border-radius: 5px;
    padding: 5px 20px;
    border: 0.5px solid #000000;
    background: none;
}

    .loginBTNwrap .loginBTN:hover {
        color: #000000;
        background: none;
        border: 0.5px solid #000000;
    }

.loginmenulistWrap {
    width: 100%;
    float: left;
    padding: 0px 10px 0px 10px;
}

    .loginmenulistWrap > ul {
        padding: 0;
        margin: 0;
        float: left;
        width: 100%;
        margin-top: 8px;
    }

    .loginmenulistWrap ul.loginmenulist {
        padding-bottom: 25px;
        border-bottom: 0.5px solid #A3A1A1;
    }

    .loginmenulistWrap ul > li {
        list-style: none;
        float: left;
        width: 100%;
        margin-bottom: 14px;
    }

        .loginmenulistWrap ul > li:last-child {
            margin-bottom: 0;
        }

        .loginmenulistWrap ul > li a {
            font-weight: 400;
            font-size: 11px;
            line-height: 13px;
            letter-spacing: -0.02em;
            color: #646464;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
        }

            .loginmenulistWrap ul > li a:hover, .loginmenulistWrap ul > li.active a {
                color: #000000;
            }

            .loginmenulistWrap ul > li a i {
                margin-right: 10px;
                opacity: 0.5;
                transition: all 0.3s ease;
            }

            .loginmenulistWrap ul > li a:hover i {
                opacity: 1;
            }

    .loginmenulistWrap ul.excluciveOffertop {
        margin-top: 20px;
    }

        .loginmenulistWrap ul.excluciveOffertop > li a {
            font-weight: 500;
            font-size: 11px;
            line-height: 13px;
            letter-spacing: -0.02em;
            color: #000000;
        }

            .loginmenulistWrap ul.excluciveOffertop > li a i {
                opacity: 1;
            }

.CartSec .cartnubr {
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FF304F;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: -0.12em;
    color: #FFFFFF;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: -3px;
    pointer-events: none;
}

header .HeaderMenu .CartSec {
    min-width: 42px;
    position: relative;
}

.Carttoggelwrap {
    right: 0;
    left: auto;
}

    .Carttoggelwrap h3 {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.02em;
        color: #646464;
        padding-bottom: 10px;
        margin-bottom: 0;
        border-bottom: 0.5px solid #A3A1A1;
    }

        .Carttoggelwrap h3.text-align-center {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 0;
            padding-bottom: 0;
            color: #bbb;
        }

            .Carttoggelwrap h3.text-align-center::before {
                content: '';
                position: relative;
                width: 30px;
                height: 30px;
                display: inline-block;
                margin-right: 10px;
                background: url(../images/empty_cart.svg) center no-repeat;
                background-size: 28px;
            }

.odersumarywrap {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 0.5px solid #A3A1A1;
}

.odersumaryList {
    margin: 0;
    padding: 10px;
    width: 100%;
}

    .odersumaryList li {
        list-style: none;
        margin-bottom: 10px;
        width: 100%;
    }

        .odersumaryList li:last-child {
            margin-bottom: 0;
        }

.orderItensWrap {
    display: flex;
    width: 100%;
    align-items: center;
}

.orderItensIMG {
    width: 40px;
    height: 40px;
    display: flex;
    border: 1px solid #8A8A8A;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 12px;
    justify-content: center;
}

    .orderItensIMG a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .orderItensIMG img {
        max-width: 40px;
        max-height: 40px;
    }

.orderItensTitle, .orderItensTitle a {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.02em;
    color: #646464;
}

.orderItensTitle {
    width: calc(100% - 40px);
}

    .orderItensTitle a {
    }


.moreItems {
    width: 100%;
    text-align: right;
}

    .moreItems a {
        font-weight: 400;
        font-size: 9px;
        line-height: 11px;
        letter-spacing: -0.02em;
        color: #646464;
    }

.TotalWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    border-bottom: 0.5px solid #A3A1A1;
}

.Subtotal, .TotalDiscount {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
}

    .Subtotal span, .TotalDiscount span, .TotalOrderValu span {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -0.02em;
        color: #646464;
    }

        .Subtotal span.subamout {
            font-weight: 500;
        }

        .TotalDiscount span.Discamout {
            font-weight: 500;
            color: #7CBF21;
        }

.TotalOrderValu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
}

    .TotalOrderValu span.totlamout {
        font-weight: 500;
        font-size: 19px;
        line-height: 22px;
        letter-spacing: -0.08em;
        color: #646464;
    }

.checkoutBTNWrap {
    margin-top: 30px;
}

    .checkoutBTNWrap .checkoutBTN {
        background: #006AD7;
        border-radius: 5px;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        border: 0;
        width: 100%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
        padding: 5px 10px;
    }

        .checkoutBTNWrap .checkoutBTN:hover {
            color: #FFFFFF;
            background: #006AD7;
        }

.ContinueShoping {
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

    .ContinueShoping a {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.02em;
        color: #646464
    }

/*-catogery tab-*/

.business_cat_nav_wrap {
    width: 100%;
    display: flex;
    /* position: relative; */
}

.profile-visible .business_cat_nav_wrap,
.menu-visible .business_cat_nav_wrap,
.Cart-visible .business_cat_nav_wrap,
.delivery_adress_visible .business_cat_nav_wrap {
    opacity: 0.4;
    pointer-events: none;
}

.business_cat_nav {
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 15px 0px 0px 0px;
    padding: 0;
}

    .business_cat_nav > li {
        list-style: none;
    }

        .business_cat_nav > li > a {
            font-weight: 300;
            font-size: 13px;
            line-height: 14px;
            color: #333333;
            min-width: 140px;
            background: #F2F2F2;
            margin: 0px 2px;
            padding: 11px 10px 4px 10px;
            position: relative;
            display: flex;
            justify-content: center;
            height: 32px;
            border-radius: 10px 10px 0px 0px;
        }

.store_hdr_tab .business_cat_nav > li > a {
    padding: 11px 25px 4px 25px;
}

.business_cat_nav > li.home_btn > a {
    min-width: 40px;
    padding: 0px;
}

    .business_cat_nav > li.home_btn > a img {
        max-width: 16px;
        opacity: 0.7;
    }

.business_cat_nav > li.more_btn > a {
    min-width: auto;
    max-width: 40px;
    padding: 3px;
}

.business_cat_nav > li.active > a {
    font-weight: 500;
    background: #FFFFFF;
    box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.15);
}

    .business_cat_nav > li.active > a::after {
        content: '';
        width: 100%;
        position: absolute;
        height: 10px;
        bottom: -10px;
        left: 0;
        z-index: 1;
        background: white;
        opacity: 0;
    }

.strip_padding .business_cat_nav > li.active > a::after {
    display: none;
}

.sit_scrolled_top .business_cat_nav > li.active > a::after,
.menutab_reld .business_cat_nav > li.active > a::after {
    opacity: 1;
}

.business_cat_nav > li.home_btn.active > a {
    box-shadow: none;
}

    .business_cat_nav > li.home_btn.active > a::after {
        display: none;
    }

/* .store_hdr_tab > .business_cat_nav > li.active > a::before{
    content: '';
    width:12px;
    height: 12px;
    position: absolute;
    top: 14px;
    left: 10px;
    border-radius: 50px;
    animation: blink 2s linear infinite;
    background: #ff0000;
    border: 2px solid black;
} */
.store_hdr_tab > .business_cat_nav > li.active span.blinking::before,
.store_hdr_tab > .business_cat_nav > li.active > a::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 14px;
    left: 10px;
    border-radius: 50px;
    animation: blink 2s linear infinite;
    /* background: #ff0000; */
}

.store_hdr_tab > .business_cat_nav > li.active span.blinking::after {
    display: none;
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 14px;
    left: 10px;
    border-radius: 50px;
    background: #FFF;
}

@keyframes blink {
    0% {
        background-color: #ff0000;
    }

    50% {
        background-color: #f87b7b;
    }

    100% {
        background-color: #ff0000;
    }
    /* 0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.6; } */
}


.affix .business_cat_nav > li.active > a::after {
    display: none;
}

.sectiontabnav {
    float: left;
    width: 100vw;
}

.navsublist {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin-bottom: 0px;
    justify-content: center;
}

    .navsublist li {
        margin: 0px 5px;
    }

        .navsublist li a {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            border-radius: 10px;
            color: #5b5b5b;
            padding: 3px 8px;
            background: #F2F2F2;
        }

.business_cat_megamenu {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 20px 10px;
    top: 95px;
    background: #FFF;
    border-top: 1px solid #e9e9e9;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
    box-shadow: 0 23px 24px 0 rgba(0,0,0,0.2);
}

    .business_cat_megamenu .navsublist {
        margin-top: 0;
    }

.inner_pg_menu > li > a::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 5px;
    bottom: -3px;
    left: 0;
    z-index: 1;
    background: white;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.inner_pg_menu > li:hover > a {
    background: #FFFFFF;
    box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.15);
}

.inner_pg_menu > li.home_btn:hover > a,
.inner_pg_menu > li.more_btn:hover > a {
    background: #F2F2F2;
    box-shadow: none;
}

.inner_pg_menu > li.home_btn > a::after,
.inner_pg_menu > li.more_btn-- > a::after {
    display: none;
}

.inner_pg_menu li.active > a::after {
    opacity: 0;
}

.inner_pg_menu li:hover > a::after {
    opacity: 1;
}

.inner_pg_menu > li.more_btn > a::after {
    opacity: 0;
    background: rgb(249,249,249);
    background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }

    80% {
        transform: scaleY(1.1)
    }

    100% {
        transform: scaleY(1)
    }
}


/*-catogery tab-*/


/**-**/

section {
    width: 100vw;
    float: left;
    padding: 45px 0px;
    position: relative;
}

    section.articlepage {
        padding-top: 0;
    }

.HomeCatogerySliderSec {
    /* padding: 45px 0px; */
    padding: 25px 0px 25px 0;
}

.HomeCatogerySlider .swiper-slide {
    width: 83px;
    /* margin-right: 30px; */
    /*-webkit-transition: all 0.6s ease 0s;
    transition: all 5.0s ease 0s;*/
}

.HomeCatogerySliderwrap {
    width: 100%;
    padding: 0 45px;
    position: relative;
}

.SliderItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.CatogerySliderIMG {
    overflow: hidden;
    box-shadow: 0px 4px 11px -2px rgba(0, 0, 0, 0.27);
    /* border-radius: 20px; */
    border-radius: 10px;
}

.CatogerySliderTitle {
    margin-top: 10px;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    /* letter-spacing: -0.02em; */
    color: #000000;
    width: 100%;
    text-align: center;
}

.swiper-button-next, .swiper-button-prev {
    width: 27px;
    height: 27px;
    z-index: 2;
    top: -50%;
    bottom: -50%;
    margin: auto;
    background: url(../images/icons/Slider_NextBtn.svg) no-repeat center;
}

.swiper-button-prev {
    width: 27px;
    height: 27px;
    background: url(../images/icons/Slider_Previous_Btn.svg) no-repeat center;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 5px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 5px;
}

    .swiper-button-next::after, .swiper-button-prev::after {
        display: none;
    }

.HomeCatogerySliderwrap .swiper-button-next, .HomeCatogerySliderwrap .swiper-button-prev {
    top: calc(-50% - 20px);
}

/*-Select Nearest Branches-*/
.Nearest_Branches {
    display: none;
    padding: 17px 0px;
    background: #F2F2F2;
}

.Nearest_Branches_Wrap {
    display: flex;
    width: 100%;
    align-items: center;
}

.Selecttitle {
    width: 160px;
    margin-right: 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #006AD7;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .Selecttitle select {
        border: 1px solid #b5b5b5;
    }

        .Selecttitle select:focus {
            border-color: #b5b5b5;
        }

.ItemsFiltering button:hover {
    color: #000000;
}

.Branches_Slider_wrap {
    padding: 0 45px;
    position: relative;
    width: 100%;
}

.Selecttitle + .Branches_Slider_wrap {
    width: calc(100% - 180px);
}

.Branches_Slider .swiper-slide {
    display: flex;
    width: auto;
    justify-content: center;
    line-height: 100%;
    /* margin-right: 10px; */
}

    .Branches_Slider .swiper-slide a {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -0.02em;
        color: #000000;
        border: 1px solid #B5B5B5;
        border-radius: 3px;
        background: #FFFFFF;
        padding: 5px 15px;
        color: #797979;
        position: relative;
        transition: all 0.3s ease;
    }

    .Branches_Slider .swiper-slide > a.select {
        border: 1px solid #7CBF21;
    }

        .Branches_Slider .swiper-slide > a.select::before {
            content: '';
            width: 0;
            height: 0;
            left: 0;
            top: -2px;
            position: absolute;
            border-top: 25px solid #7cbf21;
            border-right: 25px solid transparent;
        }

        .Branches_Slider .swiper-slide > a.select::after {
            content: "\f00c";
            font-size: 10px;
            color: #ffffff;
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 2px;
            top: 0px;
        }

    .Branches_Slider .swiper-slide a > span {
        width: 100%;
        position: relative;
        float: left;
        clear: both;
        color: #797979;
    }

        .Branches_Slider .swiper-slide a > span.branchid {
            margin-bottom: 3px;
            font-weight: 500;
            font-size: 11px;
            color: #666;
        }

            .Branches_Slider .swiper-slide a > span.branchid::before {
                display: none;
                float: left;
                content: "\f3c5";
                font-size: 13px;
                color: #000000;
                font-family: 'Font Awesome 6 Free';
                font-weight: 900;
                position: absolute;
                left: 0;
                top: -2px;
            }




/*-MainBanner-*/

.MainBanner {
    float: left;
    width: 100vw;
    height: 250px;
    margin: 0;
    position: relative;
    /*background: #7A7A7A;*/
}

.MainBanner_Slider {
    width: 100%;
    height: 100%;
}

.MainBanner .swiper-pagination {
    /*  opacity: 0;
    pointer-events: none;
    z-index: 1;*/
}

.MainBanner .swiper-slide a {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.MainBanner .swiper-slide img {
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    /* position: absolute;
    height: 320px;
    min-width: 1680px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); */
}

/* .MainBanner .swiper-slide img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0;
} */

.MainBanner h1 {
    height: 100%;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 108.333px;
    line-height: 127px;
    letter-spacing: -0.02em;
}

.MainBanner_Slider .swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
    opacity: 1;
    pointer-events: auto;
}
/*-Main_Content_Sec-*/
.Main_Content_Sec .container > .row {
    padding-bottom: 45px;
}

.DealoftheDayWrap, .EveryDayOfferWrap, .PopularProductWrap,
.shop_by_group_sec {
    padding-bottom: 15px;
    border-bottom: 0.5px solid #DDDDDD;
    ;
}

.titlewrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

    .titlewrap h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 23px;
        color: #000000;
        margin-bottom: 0;
        text-transform: uppercase;
    }

.seeall_slidercontro {
    display: flex;
    align-items: center;
}

.seeall {
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #878787;
    margin-right: 15px;
}

.slidercontro {
    display: inline-block;
    line-height: 100%;
}

    .slidercontro .swiper-button-next, .slidercontro .swiper-button-prev {
        position: static;
        width: 19px;
        height: 19px;
        margin: 0;
        display: inline-block;
        background-size: 100% !important;
    }

.prodectslider {
    position: relative;
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-top: -10px;
}

    .prodectslider .swiper {
        padding: 10px 0px;
    }

    .prodectslider .swiper-slide {
        width: 226px;
        padding: 8px;
        height: 100%;
    }

/*-productItem-*/
.productItemWrap {
    width: 100%;
    min-height: 345px;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 2px rgba(73, 73, 73, 0.07);
    border-radius: 10px;
    padding: 5px 14px 60px 14px;
    transition: all 0.5s ease;
}

    .productItemWrap:hover {
        box-shadow: 0px 2px 13px 2px rgba(73, 73, 73, 0.3);
    }


.offer_wishlist {
    display: flex;
    width: calc(100% + 18px);
    justify-content: space-between;
    margin-top: -5px;
    margin-left: -15px;
}

.offerperctg {
    /*z-index: 1;
  position: relative;*/
    padding: 4px 15px 4px 15px;
    background: #FFC63B;
    border-radius: 10px 0px;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
}

.addtowishicon {
    cursor: pointer;
    z-index: 1;
    position: relative;
}

.offer_wishlist .My_Wishlist_icons {
    width: 15px;
    height: 12px;
    display: inline-block;
}

.addtowishicon:hover i::before, .addtowishicon.active i::before,
.addtowishlist.active i::before {
    content: "\f004";
    font-weight: 900;
    color: #FF265A;
}

.addtowishlist.active .addtowishlistBtn {
    background: #FF304F;
    color: #FFF;
}

.addtowishlist.active i::before {
    color: #FFF;
}

.productImgWrap {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    justify-content: center;
}

.productImg {
    height: 154px;
    width: 154px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .productImg a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .productImg img {
        max-width: 120px;
        max-height: 100%;
    }


.productItemInfo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.productTitle {
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    height: 50px;
    overflow: hidden;
    margin-bottom: 8px;
}


.product_group .pricerang {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.08em;
    color: #B5B5B5;
    margin-top: 12px;
}

    .product_group .pricerang span {
        padding: 0px 5px;
    }

.productTitle a {
    color: #000000;
}

    .productTitle a::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: red;
        opacity: 0;
        top: 0;
        left: 0;
    }

.productPrice {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .productPrice i {
        right: 0px;
        color: #7cbf21;
        position: absolute;
        bottom: 0;
    }

        .productPrice i.normal_delivery {
            width: 30px;
            bottom: 0;
            text-align: right;
            top: auto !important;
        }

            .productPrice i.normal_delivery img {
                width: 22px;
            }

        .productPrice i.expres_delivery {
            width: 30px;
            bottom: 0;
            top: auto !important;
        }


.productItemWrap .productPrice {
    position: relative;
}

.actulPrice {
    color: #2E2D2D;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.08em;
    text-decoration: line-through !important;
}

.productItemWrap .actulPrice {
    width: 100%;
    /*display: flex;
    justify-content: space-between;*/
}

.actulPrice span.badge {
    float: right;
    background: none !important;
    margin-right: -4px;
    padding: 0;
    width: 70px;
    height: 23px;
    margin-top: -5px;
    position: relative;
}

    .actulPrice span.badge img {
        max-width: 70px;
        left: 0;
        position: absolute;
    }

.actulPrice span {
    color: #B5B5B5;
}

.DisPrice_unitprice {
    width: 100%;
    display: flex;
    align-items: baseline;
}

.productItemWrap .DisPrice_unitprice {
    padding-right: 26px;
}

.productDisPrice {
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: -0.08em;
    color: #2E2D2D;
    padding-right: 15px;
}

.productunitprice {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.08em;
    color: #B5B5B5;
}

.addunit_infowrap {
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
    justify-content: space-between;
}

.viewgroup_btn_wrap {
    width: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: -50%;
    right: -50%;
    margin: auto;
}

.viewgroup_btn {
    min-width: 90px;
    border: 1px solid #FF265A;
    border-radius: 6px;
    background: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FF265A;
    padding: 4px 10px;
}

    .viewgroup_btn:hover {
        color: #FF265A;
    }

.shop_by_group_slider .swiper-slide {
    width: 173px;
}

.shop_by_group_slider .swiper-wrapper.slider_item_center,
.HomeCatogerySlider .swiper-wrapper.slider_item_center {
    justify-content: center;
}

.group_items {
    display: flex;
    padding: 10px;
    background: #FFF4CF;
    border-radius: 13px;
    transition: all 0.5s ease;
}

    .group_items .group_img {
        width: 70px;
        height: 60px;
        overflow: hidden;
        margin-right: 10px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .group_items .group_img img {
            max-width: 70px;
            max-height: 60px;
        }

    .group_items .group_cont {
        padding-top: 5px;
        width: calc(100% - 70px);
    }

    .group_items h3 {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        color: #000000;
        margin: 0;
        min-height: 24px;
        margin-bottom: 5px;
    }

        .group_items h3 a {
            color: #000000;
        }

    .group_items .viewmore {
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        line-height: 13px;
        color: #FF265A;
        border: 1px solid #FF265A;
        border-radius: 5px;
        padding: 2px 10px;
        min-width: 67px;
        display: inline-block;
        text-align: center;
    }

.form-qty-block {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #006AD7;
    border-radius: 6px;
}

.productItemWrap .form-qty-block, .cartListing_itemQnty .form-qty-block {
    position: relative;
    z-index: 1;
}

.form-qty-block .btn-plus,
.form-qty-block .btn-plus-no-action,
.form-qty-block .btn-minus {
    float: left;
    background-color: #006AD7;
    color: #fff;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.4;
    border-radius: 0;
    width: 30px;
    height: 25px;
}

    .form-qty-block .btn-plus:hover,
    .form-qty-block .btn-plus-no-action:hover,
    .form-qty-block .btn-minus:hover {
        background-color: #006AD7;
        color: #fff;
    }

    .form-qty-block .btn-plus.btn-add,
    .form-qty-block .btn-plus-no-action.btn-add {
        width: 95px;
        text-align: left;
        padding-left: 75px;
    }

        .form-qty-block .btn-plus.btn-add span, 
        .form-qty-block .btn-plus-no-action.btn-add span {
            background-color: #ffffff;
            padding-left: 10px;
            padding-right: 10px;
            color: #000000;
            position: absolute;
            top: -1px;
            bottom: -1px;
            left: -2px;
            width: 67px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
        }

.form-qty-block .form-qty {
    width: 35px !important;
    border-radius: 0 !important;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    padding: 0;
    text-align: center;
    border: none;
    background-color: transparent;
    font-weight: 600;
    height: 25px !important;
    min-height: auto;
    color: #000000;
}

    .form-qty-block .form-qty::-webkit-outer-spin-button, .form-qty-block .form-qty::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.form-qty-full .form-qty {
    width: 35px !important;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none
}

.qtyinputwrap {
    display: none;
    overflow: hidden;
    border: 1px solid #006AD7;
    border-radius: 6px;
}

    .qtyinputwrap.active {
        display: block;
    }

.add-qty-triger {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #006AD7;
    border-radius: 6px;
    line-height: 100%;
    cursor: pointer;
}

    .add-qty-triger span {
        width: 62px;
        display: inline-block;
        text-align: center;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        color: #000000;
    }

    .add-qty-triger i {
        width: 30px;
        height: 25px;
        display: inline-block;
        background-color: #006AD7;
        color: #fff;
        line-height: 1.4;
        text-align: center;
    }

/*-productItem end-*/


/*-EveryDayOfferSlider-*/

.EveryDayOfferWrap {
    padding-bottom: 20px;
}

.EveryDayOfferSlider {
    width: calc(100% + 12px);
    margin-left: -6px;
}

.gridsliderWrap {
    width: 100%;
    display: flex;
}

.adds_Vertical {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.adds_image {
    display: inline-block;
    padding: 6px;
}

    .adds_image img {
        border-radius: 10px;
    }

.mobileEveryDayOfferWrap .swiper-slide {
    width: auto !important;
    box-sizing: border-box;
}

    .mobileEveryDayOfferWrap .swiper-slide .adds_image {
        padding: 0;
    }


/*-EveryDayOfferSlider end-*/

/*-PopularSearchSec-*/
.PopularSearchSec {
    background: #FAFAFA;
}

.PopularSearchWrap {
    padding: 0;
    margin: 0;
    margin-left: -5px;
    width: calc(100% + 10px);
    display: flex;
    flex-wrap: wrap;
}

    .PopularSearchWrap li {
        list-style: none;
        margin: 3px 5px;
        position: relative;
    }

        .PopularSearchWrap li a {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            border-radius: 10px;
            color: #5b5b5b;
            padding: 3px 9px;
            border: 1px solid #c6c6c6;
        }



/*-footer-*/
footer {
    width: 100vw;
    float: left;
    padding: 25px;
    background: #F2F2F2;
}

    footer h2 {
        color: #000000;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0px;
    }

.footermenu {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .footermenu li {
        float: left;
        width: 100%;
        list-style: none;
        line-height: 100%;
        margin-bottom: 5px;
    }

        .footermenu li a {
            font-style: normal;
            font-weight: 500;
            font-size: 11px;
            line-height: 13px;
            color: #5b5b5b;
        }

            .footermenu li a:hover {
                text-decoration: underline;
            }

.socialiconswrap {
    width: 100%;
    margin-bottom: 15px;
}

    .socialiconswrap p {
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        color: #000000;
    }

.socialicons {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
}

    .socialicons li {
        list-style: none;
        margin-left: 10px;
    }

        .socialicons li:first-child {
            margin-left: 0;
        }

.appwrap {
    width: 100%;
}

    .appwrap a {
        float: left;
        margin-bottom: 10px;
    }

        .appwrap a:last-child {
            margin-bottom: 0;
        }

.footerlogo {
    width: 100%;
    margin-bottom: 15px;
}

    .footerlogo img {
        max-width: 190px;
        max-height: 50px;
    }

.footer_abt {
    width: 100%;
    max-width: 140px;
    margin-bottom: 15px;
}

    .footer_abt p {
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        color: #9E9E9E;
        margin-bottom: 0;
    }

.Find_Grozeo_App {
    width: 100%;
}

    .Find_Grozeo_App p {
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        color: #000000;
    }

.poweredby {
    width: 100%;
    display: flex;
    padding-top: 10px;
}

    .poweredby a {
        width: 100%;
        max-width: 150px;
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.30);
        display: flex;
        padding: 10px;
        border-radius: 50px;
        border: 1px solid #dfdfdf;
        transition: all 0.5s ease;
    }

        .poweredby a:hover {
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
        }

.pl-5 {
    padding-left: 2.8rem;
}

footer .copyrit {
    width: 100%;
    padding: 5px 0px;
    position: relative;
}

    footer .copyrit::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        top: 0px;
        right: 0;
        background: #A0A0A0;
    }

    footer .copyrit span {
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        color: #000000;
    }

        footer .copyrit span + span {
            margin-left: 10px;
        }

        footer .copyrit span a {
            margin-left: 5px;
            color: #000000;
        }


/*--*/
.Showing_all_title {
    font-family: 'Archivo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #B5B5B5;
    margin: 0;
}

    .Showing_all_title span {
        color: #878787;
    }

.category_list_wrapSec {
    width: 100%;
    margin-bottom: 20px;
}

.catogeryAllIn_list {
    display: flex;
    width: calc(100% + 14px);
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: -7px;
    flex-wrap: wrap;
}

    .catogeryAllIn_list > li {
        width: 90px;
        list-style: none;
        margin: 7px;
    }

.subcategory_menu_sliderwrap {
    padding: 0 45px;
    position: relative;
    margin-top: 20px;
}


.catogeryAllIn_ListItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.catogeryAllIn_ListItemsIMG {
    width: 90px;
    height: 90px;
    overflow: hidden;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catogeryAllIn_ListItemsTitle {
    margin-top: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #6B6A6A;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.catogeryAllIn_ListItems.active .catogeryAllIn_ListItemsTitle {
    font-weight: 500;
    color: #006AD7;
}

.itemsMenuSlidingwrap {
    padding: 0px 55px;
    position: relative;
    background: #FFFFFF;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

    .itemsMenuSlidingwrap .itemsMenuSlider {
        padding: 8px 0px;
    }

.itemsMenuSlider .swiper-wrapper {
    align-items: center;
}

.itemsMenuSlider .swiper-slide {
    width: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 100%;
}

    .itemsMenuSlider .swiper-slide a {
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #6B6A6A;
        position: relative;
    }

        .itemsMenuSlider .swiper-slide a.active::after {
            content: '';
            width: 100%;
            height: 4px;
            bottom: -8px;
            left: 0px;
            position: absolute;
            background: #006AD7;
        }

        .itemsMenuSlider .swiper-slide a:hover,
        .itemsMenuSlider .swiper-slide a.active {
            font-weight: 500;
        }

.itemsMenuSlidingwrap .swiper-button-next, .itemsMenuSlidingwrap .swiper-button-prev {
    background-size: 19px;
}

.ItemsFilteringWrap {
    display: flex;
    width: 100%;
    background: #F8F8F8;
    padding: 10px 10px;
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between;
}

.ItemsFiltering {
    display: flex;
    align-items: center;
}

.tigersortby {
    display: none;
}

.ItemsFiltering button {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #000000;
    background: #FFFFFF;
    padding: 6px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0px 8px;
    transition: all 0.4s ease;
}

    .ItemsFiltering button:last-child {
        margin-right: 0;
    }

    .ItemsFiltering button.active, .ItemsFiltering button:hover {
        border: 1px solid #006AD7;
    }

.ItemsFiltering label {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #000000;
}


.itemsListingWrap {
    width: 100%;
}

.itemsListing {
    display: flex;
    width: calc(100% + 16px);
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-bottom: 30px;
}

    .itemsListing li {
        list-style: none;
        width: calc(20% - 16px);
        margin: 8px;
        display: flex;
    }

.offerlistwrap .itemsListingWrap {
    width: calc(100% + 3px);
}

.offerlistwrap .itemsListing li {
    width: calc(20% - 43px - 16px);
}

.LoadMoreBTN {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.LoadMore {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 8px 115px;
}

.Subcategory_menu_ItemsWrap {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    /* box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); */
    border-radius: 0px;
    margin-bottom: 30px;
}

    .Subcategory_menu_ItemsWrap h3 {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        text-align: left;
        letter-spacing: -0.02em;
        color: #000000;
        padding: 10px 15px;
        margin: 0px;
        border-radius: 0px;
        background: #E6E6E6;
    }

.Subcategory_menu_Items {
    width: 100%;
}

.Subcategory_menu_Items_triger {
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
}

    .Subcategory_menu_Items_triger h4 {
        padding: 10px 15px;
        margin: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        cursor: pointer;
        letter-spacing: -0.02em;
        color: #000000;
        position: relative;
    }

        .Subcategory_menu_Items_triger h4::after {
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            top: -50%;
            bottom: -50%;
            margin: auto;
            right: 10px;
            background: url(../images/icons/SubMenu_arrow.svg) no-repeat center;
            transition: all 0.4s ease 0s;
        }

    .Subcategory_menu_Items_triger.active h4::after {
        transform: rotate(90deg);
    }

.Subcategory_menu_Items_toggel {
    display: none;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
}


/*.Subcategory_menu_Items_toggel.SubMenuExpand{
  height: auto;
}*/
/*.Subcategory_menu_Items_toggel:last-child{
  border-bottom:0;
}*/
.Subcategory_menu_Items_list {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 10px;
}

    .Subcategory_menu_Items_list li {
        list-style: none;
        width: 100%;
        padding: 0 25px;
        line-height: 100%;
        margin-bottom: 2px;
    }

    .Subcategory_menu_Items_list a {
        font-style: normal;
        font-weight: 300;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -0.02em;
        color: #000000;
        transition: all 0.4s ease;
    }

        .Subcategory_menu_Items_list a:hover,
        .Subcategory_menu_Items_list > li.active a {
            color: #006ad7;
        }



/*-slick-slide-*/
.productdeilslidRow {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
}

.gallery {
    width: 54%;
    display: flex;
    border: 1px solid rgb(0, 68, 255);
}

.gallery-slider {
    width: 340px;
    height: auto;
    margin: 0 0 10px 0;
}

    .gallery-slider .swiper-slide {
        width: auto;
        height: 340px;
    }

        .gallery-slider .swiper-slide img {
            display: block;
            width: auto;
            height: 100%;
            margin: 0 auto;
        }

.testslider {
    height: 300px;
    width: 60px;
    overflow: hidden;
    margin-right: 40px;
    border: 1px solid red;
}

.gallery-thumbs {
    height: auto;
    width: 60px;
    padding: 0;
    height: auto;
    overflow: hidden;
}

    .gallery-thumbs .swiper-slide {
        width: auto;
        height: 60px;
        text-align: center;
        overflow: hidden;
        opacity: 0.1;
    }

    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }

    .gallery-thumbs .swiper-slide img {
        width: auto;
        height: 100%;
    }

/*.cartListinWrapCol{
  width: 70.4%;
}*/
.cartpgtitlewrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

h5.titlemode {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FF0000;
    margin-bottom: 15px;
}

.cartpgtitlewrap .EmptyBasketWrap {
    width: 100px;
}

.mt34 {
    margin-top: 34px;
}

.cartListiwrap {
    width: 100%;
}

.cartListinWrapCol .cartListiwrap {
    margin-top: 20px;
}

.cartListinWrapCol .cartpgtitlewrap + .cartListiwrap,
.cartListinWrapCol .EmptyBasketWrap + .cartListiwrap {
    margin-top: 0px;
}

.cartListing {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}

    .cartListing > li {
        width: 100%;
        display: flex;
        padding: 20px;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        border-radius: 5px;
        align-items: flex-end;
        /* align-items: flex-start; */
    }

        .cartListing > li + li {
            border-top: 0px;
        }

.cartitmscard {
    display: flex;
    width: 50%;
    padding-right: 20px;
}

.cartinforight {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    justify-content: right;
}

.prodiemsinfowrap {
    display: flex;
    width: 44%;
    /*padding-right: 10px;*/
}

.outofstockinfo {
    width: 55%;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.cartListing_itemIMG, .prodiemsinfoimgg {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 15px;
}

.cartListing_itemIMG {
    border-radius: 0;
}

    .cartListing_itemIMG img {
        max-width: 60px;
        max-height: 60px;
    }

.cartListing li.disabled, .not-deliverable-order {
    background-color: #f6f6f6;
}

    .cartListing li.disabled .cartListing_itemIMG img, .not-deliverable-order img {
        filter: grayscale(100%);
    }

.cartListing_itemIMG a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.cartListing_itemInfo {
    /*width: 37%;*/
    width: calc(100% - 85px);
    margin-bottom: 0;
}

    .cartListing_itemInfo h3, .cartListing_itemInfo h3 a, .prodiemsinfo h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #000000;
        max-width: 95%;
        margin-bottom: 15px;
    }

    .cartListing_itemInfo h3 {
        margin-top: 3px;
        margin-bottom: 12px;
    }

        .cartListing_itemInfo h3 a {
            margin-bottom: 0;
        }

.prodiemsinfo h3 {
    margin: 0;
}

.SaveRemove {
    display: flex;
    width: 100%;
}

    .SaveRemove a {
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        color: #2E2D2D;
        margin-right: 30px;
    }

        .SaveRemove a i {
            font-size: 12px;
            margin-right: 5px;
            color: rgba(255, 0, 0, 1);
        }

.cartListing_itemDevOptin {
    /* width: 48%; */
    width: 100%;
    padding-right: 0px;
    padding-bottom: 6px;
}

    .cartListing_itemDevOptin .radioBtn {
        display: flex;
        width: 100%;
    }

        .cartListing_itemDevOptin .radioBtn > div + div {
            margin-left: 20px;
        }

        .cartListing_itemDevOptin .radioBtn label {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #000000;
            cursor: pointer;
        }

.cartiemsqnty_priccard {
    width: 52%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.form-check-input:focus {
    box-shadow: none;
}

.radioBtn .form-check-input {
    width: 12px;
    height: 12px;
    opacity: 0.5;
    margin: 3px 5px 0px 0px !important;
    border: 1px solid #C4C4C4;
}

.radioBtn .form-check {
    padding: 0;
    min-height: auto;
    line-height: 100%;
}

.radioBtn .form-check-input:checked {
    background-color: #fff;
    border-color: #c4c4c4;
    opacity: 1;
}

.cartListing_itemDevOptin .form-check-input + label {
    opacity: 0.5;
}

.cartListing_itemDevOptin .form-check-input:checked + label {
    opacity: 1;
}

.form-check-input:checked[type="radio"] {
    background-image: url(../images/icons/checkboxDot.png);
    background-size: 6px;
}


.cartListing_itemQnty {
    width: 110px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 0;
}

.cartinforight .cartListing_itemQnty button {
    background-color: #DBDBDB;
    color: #8c8c8c;
    line-height: 100%;
    height: 20px;
}

.cartinforight .cartListing_itemQnty .form-qty-block {
    border: 1px solid #DBDBDB;
}

    .cartinforight .cartListing_itemQnty .form-qty-block .form-qty {
        font-size: 12px;
        color: #393939;
        height: 20px !important;
    }

.cartListing_itemPrice {
    display: flex;
    flex-wrap: wrap;
    width: 75px;
    justify-content: flex-end;
}

    .cartListing_itemPrice .actulPrice {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08em;
        color: #B5B5B5;
    }

    .cartListing_itemPrice .productDisPrice {
        width: 100%;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.08em;
        color: #2E2D2D;
        padding-right: 0;
        text-align: right;
    }

.DeliveryinfoTitle {
    padding: 0px 0px 20px;
    box-sizing: border-box;
    border-radius: 5px;
}

    .DeliveryinfoTitle h4 {
        margin: 0;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #000000;
    }

.hintwrap {
    position: relative;
    margin-left: 5px;
    filter: drop-shadow(0px 3px 9px rgba(0, 0, 0, 0.07));
}

.hinttogele {
    opacity: 0;
    top: 20px;
    left: -20px;
    position: absolute;
    width: 275px;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    color: #000000;
    background: #FFFFFF;
    padding: 5px 10px;
    transition: all 0.3s ease 0s;
    border: 0.2px solid #2E2D2D;
    pointer-events: none;
}

.hintwrap:hover .hinttogele {
    opacity: 1;
    pointer-events: auto;
}

.checkBox .hinttogele {
    right: -20px;
    left: auto;
}

.cartListiwrap + .cartListiwrap .DeliveryinfoTitle {
    border-top: 0;
}

.DeliveryinfoTitle + .cartListing li:nth-child(1) {
    /*border-top: 0;*/
}

.Quick_Delivery_infoTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Quick_Delivery_mode {
    display: flex;
    align-items: center;
    margin-left: 0;
    justify-content: flex-end;
}

    .Quick_Delivery_mode a {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
        padding: 5px;
        border: 0.5px solid #000000;
        box-sizing: border-box;
        border-radius: 6px;
        text-align: center;
    }

.BookaSlotWrap {
    /*background: #FF9900;*/
    border: 1px solid;
    border-radius: 6px;
    position: relative;
    margin-left: 15px;
}

.BookaSlotTriger {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    /*color: #FFFFFF;*/
    cursor: pointer;
    padding: 6px 10px 6px 10px;
}
    /*.BookaSlotTriger::after{
  content: '';
  width:12px;
  height: 12px;
  position: absolute;
  bottom: -50%;
  margin: auto;
  top: -50%;
  right: 6px;
  background: url(../images/icons/whitDownArrow.svg) no-repeat center;
  background-size: 100%;
}*/
    .BookaSlotTriger i {
        width: 12px;
        height: 12px;
        display: inline-block;
        margin: auto;
        position: relative;
        top: 2px;
        margin-left: 5px;
        background: url(../images/icons/BlackDownArrow.svg) no-repeat center;
        background-size: 100%;
    }

.BookaSlotToggle {
    display: none;
    width: 325px;
    position: absolute;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
    z-index: 2;
}

.daylist {
    width: 100%;
    padding: 6px;
    text-align: center;
    background: #006AD7;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.TileList {
    width: 100%;
    padding: 13px 0;
}

    .TileList ul {
        width: calc(100% + 10px);
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        margin-left: -5px;
    }

        .TileList ul > li {
            width: calc(33.33% - 10px);
            list-style: none;
            line-height: 100%;
            border: 1px solid #C4C4C4;
            box-sizing: border-box;
            border-radius: 10px;
            background: #FFFFFF;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 10px 5px;
            min-height: 45px;
            margin: 5px;
            cursor: pointer;
            align-items: center;
        }

            .TileList ul > li.active {
                background: #FF9900;
                border: 1px solid #FF9900;
            }

            .TileList ul > li span {
                font-style: normal;
                font-weight: 400;
                font-size: 11px;
                line-height: 10px;
                color: #000000;
            }

                .TileList ul > li span + span {
                    margin-top: 3px;
                }

            .TileList ul > li.active span {
                color: #FFFFFF;
            }

            .TileList ul > li.disabled {
                opacity: 0.5;
                pointer-events: none;
            }

.cartListing li.OutOfStock_Desibe {
    position: relative;
    align-items: center;
    background: rgba(255, 141, 141, 0.2);
}

.OutOfStock {
    width: 100%;
    max-width: 205px;
    background: #FFFFFF;
    border: 1px solid #FF0000;
    border-radius: 6px;
    padding: 5px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FF0000;
    text-align: center;
    margin-right: 10px;
}

.prodiemsinfo {
    width: calc(100% - 80px);
}

.removelistitems {
    width: 100%;
    max-width: 98px;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    border-radius: 6px;
    background: #FF0000;
    text-align: center;
    cursor: pointer;
}

a.removelistitems:hover {
    color: #FFFFFF;
}

.removelistitems i {
    margin-left: 5px;
}

.OutOfStock_Desibe .prodiemsinfoimgg,
.OutOfStock_Desibe .cartListing_itemDevOptin,
.OutOfStock_Desibe .cartListing_itemPrice {
    filter: grayscale(1);
    opacity: 0.3;
    pointer-events: none;
}

.OutOfStock_Desibe .actulPrice, .OutOfStock_Desibe .actulPrice span {
    color: #2E2D2D;
}

.OutOfStock_Desibe .prodiemsinfo h3, .OutOfStock_Desibe .prodiemsinfo h3 a {
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.OutOfStock_Desibe .cartListing_itemPrice span {
    pointer-events: none;
}



/*.orderSummoryWrapCol*/

.EmptyBasketWrap {
    width: 100%;
    text-align: right;
    margin-bottom: 15px;
    line-height: 100%;
}

.EmptyBasket {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #636363;
}

    .EmptyBasket:hover {
        color: #ff304f;
    }

    .EmptyBasket i {
        margin-left: 0;
        font-size: 12px;
        margin-right: 5px;
    }

.orderSummoryTable {
    display: flex;
    flex-wrap: wrap;
}

.ordertitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    padding: 12px;
    width: 100%;
    border: 1px solid #DDDDDD;
    border-bottom: 0;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}

.orderSummoryTableItems {
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 0px 0px 5px 5px;
}

    .orderSummoryTableItems ul {
        margin: 0;
        padding: 0;
        width: 100%;
        padding: 14px 10px;
    }

        .orderSummoryTableItems ul > li {
            list-style: none;
            width: 100%;
            display: flex;
            margin-bottom: 14px;
            justify-content: space-between;
        }

            .orderSummoryTableItems ul > li:last-child {
                margin-bottom: 0;
            }

            .orderSummoryTableItems ul > li > span {
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                line-height: 15px;
                color: #636363;
            }

                .orderSummoryTableItems ul > li > span + span {
                    padding-left: 15px;
                }

.orderSummoryTotal {
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    border-top: 0px;
}

    .orderSummoryTotal span {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: #2E2D2D;
    }

        .orderSummoryTotal span + span {
            padding-left: 15px;
        }

.review_btn_btn_wrap {
    width: 100%;
    margin-top: 13px;
}

.review_btn {
    width: 100%;
    padding: 11px 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
}

.checkouttitle {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 15px;
}

.DeliveryAdress {
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 15px;
    line-height: 100%;
}

    .DeliveryAdress span {
        width: 100%;
        display: inline-block;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
        color: #000000;
    }

        .DeliveryAdress span label {
            opacity: 0.8;
            font-weight: 400;
            margin-right: 5px;
        }

.numberOfIteninCart {
    width: 100%;
    line-height: 100%;
    padding: 15px 15px 15px 0px;
}

    .numberOfIteninCart span {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #b4b4b4;
    }

    .numberOfIteninCart label {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
        margin-right: 5px;
    }

.checkoutpage_Delivery_wrap .cartListing_itemIMG {
    margin-right: 25px;
}

.checkoutpage_Delivery_wrap .cartListing > li {
    flex-wrap: wrap;
}

    .checkoutpage_Delivery_wrap .cartListing > li > div {
        width: 100%;
    }

.cartListingslider {
    z-index: 0;
    padding-bottom: 16px;
}

.cartListing_itemIMG .swiper-wrapper {
    display: flex;
    height: 100%;
    align-items: center;
}

.cartListingslider .swiper-pagination {
    bottom: 3px;
    line-height: 100%;
}

    .cartListingslider .swiper-pagination .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2px);
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,5px));
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,5px));
    }

.cartListing_itemIMG .itemscount {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 5px;
}

    .cartListing_itemIMG .itemscount > span {
        width: 100%;
        line-height: 100%;
        text-align: center;
        font-weight: 500;
        font-size: 12px;
        color: #b4b4b4;
    }

        .cartListing_itemIMG .itemscount > span.number {
            font-size: 14px;
        }

.cartcheckoutitmswrap .cartListing_itemIMG {
    height: auto;
}

.cartcheckoutitmswrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.checkout_time_date {
    margin-top: 15px;
}

.checkoutpage_Delivery_iteminfo {
    display: flex;
    width: calc(100% - 235px);
}

.orderingting_itemInfoWrap {
    max-width: calc(100% - 60px);
}

@media (max-width: 762px) {
    .checkoutpage_Delivery_iteminfo {
        width: 100%;
    }
}

.checkoutpage_Delivery_wrap .orderingting_itemInfoWrap h3, .checkoutpage_Delivery_wrap .orderingting_itemInfoWrap h3 a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

.orderingitems_itemInfo {
    width: 100%;
    padding: 0;
    margin: 0;
}

    .orderingitems_itemInfo li {
        width: 100%;
        display: flex;
    }

        .orderingitems_itemInfo li span {
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 18px;
            color: #000000;
            width: calc(100% - 70px);
        }

    .orderingitems_itemInfo.orderingPriceDate li span {
        text-align: right;
        width: 75px;
    }

        .orderingitems_itemInfo.orderingPriceDate li span:first-child {
            width: 130px;
        }

    .orderingitems_itemInfo li span:first-child {
        color: #636363;
        font-weight: 400;
        margin-right: 3px;
        width: 70px;
    }



.haveAcouponWrap {
    width: 100%;
    margin-top: 5px;
}

    .haveAcouponWrap label {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.04em;
        color: #636363;
    }

    .haveAcouponWrap .btn {
        z-index: 1;
    }

    .haveAcouponWrap input {
        /*border: 0;*/
        border-color: #DDDDDD;
    }

    .haveAcouponWrap .form-control {
        padding: 2px 10px;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.04em;
        color: #000000;
    }

    .haveAcouponWrap button {
        padding: 6px 10px;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        width: 74px;
        letter-spacing: -0.04em;
        color: #FFFFFF;
        text-transform: uppercase;
        background: #7CBF21;
        border-color: #7CBF21;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

::placeholder {
    color: #B5B5B5;
}

:-ms-input-placeholder {
    color: #B5B5B5;
}

::-ms-input-placeholder {
    color: #B5B5B5;
}

.paymentOptionWrap {
    width: 100%;
    margin-top: 15px;
}

    .paymentOptionWrap .radioBtn {
        display: flex;
        margin-bottom: 15px;
    }

        .paymentOptionWrap .radioBtn label {
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            letter-spacing: -0.03em;
            color: #636363;
            cursor: pointer;
        }

        .paymentOptionWrap .radioBtn .form-check {
            margin-right: 10px;
        }

.contunuPay_btn_wrap {
    width: 100%;
}


.contunuPay_btn {
    width: 100%;
    padding: 12px;
    text-align: center;
    display: inline-block;
    background: #006AD7;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #FFFFFF;
}

    .contunuPay_btn:hover {
        color: #FFFFFF;
    }

.Payntitlemode {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 15px;
}

.PaymentTabeWrap {
    width: 100%;
    min-height: 540px;
    background: #F8F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.PaymentTabe {
    width: 100%;
}

    .PaymentTabe > div {
        height: 100%;
        border-right: 1px solid #DDD;
    }

        .PaymentTabe > div + div {
            border: 0;
        }

    .PaymentTabe .nav-link {
        padding: 20px 20px;
        height: 100px;
        border-radius: 0;
        background: #F8F8F8;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        line-height: 100%;
        position: relative;
        border-bottom: 1px solid #DDDDDD;
    }

        .PaymentTabe .nav-link.active {
            background: #FFFFFF;
        }

            .PaymentTabe .nav-link.active::after {
                content: '';
                width: 5px;
                height: 100%;
                top: 0;
                right: -2px;
                position: absolute;
                background-color: white;
            }

        .PaymentTabe .nav-link span {
            width: 100%;
            color: #000000;
            display: flex;
            justify-content: center;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
        }

.PayntitlemodeContent {
    padding: 20px 30px;
    background: #FFFFFF;
}

.paymentlistwrap {
    width: 100%;
    padding: 0;
    margin: 0;
    ;
    display: flex;
    justify-content: center;
}

    .paymentlistwrap li {
        padding: 10px;
        /* border-bottom: 1px solid #ddd; */
        list-style: none;
    }

        .paymentlistwrap li h4 {
            font-size: 16px;
            font-weight: 300;
            margin: 0;
        }

        .paymentlistwrap li p {
            margin: 0;
            color: #606060;
            font-size: 13px;
            line-height: 22px;
        }

.gifanim_payondvry img {
    max-width: 175px;
}

.payondeliverymsg p {
    font-size: 13px;
    line-height: 18px;
    border-radius: 3px;
    border: .5px solid #e4cda5;
    background: #f9f6ef;
    padding: 8px 12px 8px 8px;
    color: #535353;
}

.modeico {
    width: 75px;
}

.input-field {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .input-field p {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        color: red;
    }

.lable-selectfilde {
    margin-bottom: 10px;
}

.input-field label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #636363;
    margin-bottom: 3px;
}

.input-field input, .input-field textarea {
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    height: 35px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 16px;
}

input[type="tel"] {
    font-size: 18px;
    letter-spacing: 8px;
}

.input-field textarea {
    height: auto;
}

.form-Required {
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 9px;
    color: #FF265A;
    margin-top: 3px;
}

.field-two-colum {
    display: flex;
}

    .field-two-colum > .input-field {
        width: calc(100% - 146px);
    }

    .field-two-colum .ExpiryDate {
        width: 83px
    }

    .field-two-colum .security_Wrap {
        width: 146px;
        display: flex;
    }

.security_Wrap .input-field {
    margin-right: 7px;
}

.security_Wrap .whatisthis label {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #006AD7;
}

.security_Wrap .whatisthis img {
    max-width: 38px;
}

.security_Wrap input::-webkit-input-placeholder {
    text-align: center;
}

.security_Wrap input:-moz-placeholder { /* Firefox 18- */
    text-align: center;
}

.security_Wrap input::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
}

.security_Wrap input:-ms-input-placeholder {
    text-align: center;
}

.checkBox {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    color: #636363;
}

    .checkBox .form-check-input {
        border: 1px solid #888888;
        border-radius: 2px;
        margin-top: 1px;
    }

.tab-pane .field-two-colum {
    margin-bottom: 15px;
}

.cardsavehint {
    background: #EFEEEE;
    border-radius: 5px;
    padding: 15px 20px;
}

    .cardsavehint p {
        font-style: normal;
        font-weight: 300;
        font-size: 11px;
        line-height: 14px;
        color: #000000;
        margin: 0;
    }

.payNowBtnsec {
    margin-top: 12px;
}

    .payNowBtnsec .payNowBTM {
        border: 0;
    }

.paymentsecurinfo {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #000000;
    margin-top: 15px;
}

    .paymentsecurinfo i {
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

.PaymentsuccessBox {
    width: 100%;
}

.succesfullMassage {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 45px;
}

    .succesfullMassage img {
        margin-bottom: 20px;
    }

    .succesfullMassage h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 22.3699px;
        line-height: 26px;
        color: #636363;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .succesfullMassage p {
        font-style: normal;
        font-weight: 400;
        font-size: 11.9306px;
        line-height: 14px;
        color: #636363;
        margin: 0;
    }

.succesfullOrderDtlsWrap {
    width: 100%;
}

    .succesfullOrderDtlsWrap .titlewrapsus {
        width: 100%;
        display: flex;
        align-items: baseline;
        margin-bottom: 10px;
        justify-content: space-between;
    }

.titlewrapsus span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #636363;
}

.titlewrapsus .CancelOrder {
    font-style: normal;
    font-weight: 400;
    font-size: 11.9306px;
    line-height: 14px;
    color: #006AD7;
    margin-right: 8px;
}

.CancelOrder_wrap {
    display: flex;
    align-items: center;
}

#cancel-counter {
    width: 35px;
    font-weight: 400;
    font-size: 11.9306px;
    line-height: 14px;
    color: #FF304F;
    padding: 3px 9px;
    text-align: center;
    background: #ff000026;
    border: 1px solid red;
}

.orderDtlsTable {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
}

.orderDtlsTableList {
    width: 100%;
    margin: 0;
    padding: 15px 15px;
    border-bottom: 1px solid #DDDDDD;
    ;
}

    .orderDtlsTableList + .orderDtlsTableList {
        border-bottom: 0;
    }

    .orderDtlsTableList li {
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 5px;
    }

        .orderDtlsTableList li:last-child {
            margin-bottom: 0;
        }

        .orderDtlsTableList li span {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #636363;
            padding-right: 15px;
            width: 70%;
        }

            .orderDtlsTableList li span + span {
                padding-right: 0;
                width: 30%;
                text-align: right;
            }

            .orderDtlsTableList li span i {
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 16px;
                color: #B5B5B5;
                margin-left: 5px;
            }

.btnSection {
    width: 100%;
    display: flex;
    margin-top: 30px;
}

    .btnSection .btn {
        width: 100%;
        margin-right: 7px;
        font-weight: 400 !important;
    }

        .btnSection .btn + .btn {
            margin-right: 0;
            margin-left: 7px;
        }

.failedMassg {
    margin-top: 10%;
    margin-bottom: 10%;
}

    .failedMassg p a {
        color: #006ad7;
    }


/*product detailes pages*/

/*product detailes slider*/
.ItemGallerySlider {
    width: 500px;
    display: flex;
    height: 360px;
    /*height: 340px;*/
    overflow: hidden;
    /*border: black 1px solid;*/
}


.product-slider {
    width: 360px;
    /*border: 1px solid red;*/
}

.slick-list {
    padding: 0 !important;
}

.slider-items .thumimg {
    width: 62px;
    height: 62px;
    /*margin: 8px 0px;*/
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0.8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-slide .thumimg img {
    max-height: 62px;
}

.slider-items .thumimg {
    opacity: 0.4;
}

.product-thumb .slider-items.slick-current.slick-active .thumimg, .slider-items.slick-current.slick-active .thumimg img,
.product-thumb .slick-current .thumimg, .product-thumb .slick-current .thumimg img {
    opacity: 1;
}

.product-slider .slick-slide img {
    max-width: 100%;
    max-height: 360px;
}

.product-slider .slider-items {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.zoomContainer .zoomWindow {
    cursor: zoom-in !important;
}

.product-thumb .slick-prev {
    top: 7px;
    border: 1px solid #DDDDDD;
    width: 60px;
    height: 15px;
    left: -50%;
    right: -50%;
    margin: auto;
}

    .product-thumb .slick-prev::after {
        content: '';
        width: 10px;
        height: 15px;
        top: -50%;
        left: -50%;
        bottom: -50%;
        right: -50%;
        margin: auto;
        position: absolute;
        background: url(../images/icons/thamb_slider_up_arrow.svg) no-repeat center;
        background-size: 100%;
    }

.product-thumb .slick-next {
    top: auto;
    border: 1px solid #DDDDDD;
    width: 60px;
    height: 15px;
    left: -50%;
    right: -50%;
    margin: auto;
    bottom: -7px;
}

    .product-thumb .slick-next::before,
    .product-thumb .slick-prev::before {
        display: none;
    }

    .product-thumb .slick-next::after {
        content: '';
        position: absolute;
        width: 10px;
        height: 15px;
        top: -50%;
        left: -50%;
        bottom: -50%;
        right: -50%;
        margin: auto;
        background: url(../images/icons/thamb_slider_down_arrow.svg) no-repeat center;
        background-size: 100%;
    }

.thambwrapsec {
    display: flex;
    align-items: center;
    margin-right: 35px;
    padding: 15px 0px;
    position: relative;
}

    .thambwrapsec .slick-slide {
        margin: 5px 0px;
    }


/*product detailes slider enf*/


.product_detailesWrap {
    /*width: 46%;*/
    width: calc(100% - 500px);
}

    .product_detailesWrap .actulPrice span.badge {
        float: left;
        width: 100%;
        margin: 0px 0px 3px;
    }

.veg_novgsymple_ShareWrap {
    width: 100%;
    display: flex;
    margin-bottom: 8px;
    justify-content: space-between;
}

.ShareWrap {
    margin-left: 20px;
    position: relative;
    margin-top: 5px;
}

    .ShareWrap .ShareTriger {
        padding-left: 20px;
        font-weight: 400;
        font-size: 10px;
        float: right;
        position: relative;
        cursor: pointer;
        line-height: 12px;
        color: #2E2D2D;
    }

        .ShareWrap .ShareTriger::before {
            content: '';
            width: 14px;
            height: 14px;
            position: absolute;
            left: 0;
            background: url(../images/icons/share.svg);
            background-repeat: no-repeat;
            background-position: left top;
        }

.Sharetogle {
    display: none;
    /*width: 110px;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0px 2px 13px 2px rgba(73, 73, 73, 0.3);*/
    position: absolute;
    top: 22px;
    right: -7px;
    z-index: 1;
}

.ShareList {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .ShareList li {
        margin: 5px 0;
        list-style: none;
    }

        .ShareList li a {
            padding: 5px;
            border-radius: 50%;
            box-shadow: 0px 4px 16px 2px rgba(73, 73, 73, 0.07);
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #7CBF21;
            color: #FFFFFF;
        }

.product_detailesWrap .productTitle, .mob_prodt_viw.productTitle {
    width: 100%;
    margin-bottom: 12px;
    padding-right: 50px;
    height: auto;
}
.mob_prodt_viw.productTitle {
    padding-right: 70px;
}
    .product_detailesWrap .productTitle h2, .mob_prodt_viw.productTitle h2 {
        font-style: normal;
        font-size: 20px;
        line-height: 23px;
        color: #000000;
        margin: 0;
        font-weight: 500;
    }

    .product_detailesWrap .productTitle h5, .mob_prodt_viw.productTitle h5 {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #000000;
        margin: 5px 0 0;
    }
.mob_prodt_viw.productTitle {
    overflow: visible;
    position: relative;
    margin-bottom: 20px;
}

.mob_prodt_viw .ShareWrap {
    width: auto;
    top: 0;
    right: 0;
    position: absolute;
}

.mob_prodt_viw .ShareList li a {
    width: 30px;
    height: 30px;
}

.mob_prodt_viw .productPrice {
    margin-bottom: 15px;
}

.product_detailesWrap .actulPrice {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.08em;
    color: #A3A3A3;
}

.product_detailesWrap .productDisPrice {
    font-size: 26.7727px;
    line-height: 31px;
    letter-spacing: -0.08em;
    color: #2E2D2D;
}

.product_detailesWrap .productunitprice {
    font-size: 18.3182px;
    line-height: 21px;
    letter-spacing: -0.08em;
    color: #B5B5B5;
}

.product_detailesWrap .radioBtn {
    display: flex;
    margin-bottom: 20px;
}

    .product_detailesWrap .radioBtn label {
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        color: #2E2D2D;
        cursor: pointer;
    }

.product_detailesWrap .form-check {
    margin-right: 10px;
}

.product_detailesWrap .form-check-input + label {
    opacity: 0.5;
}

.product_detailesWrap .form-check-input:checked + label {
    opacity: 1;
}

.product_detailesWrap .form-check-input {
    width: 14px;
    height: 14px;
}

.itemQnty_addwishlistwrap {
    display: flex;
    margin-bottom: 20px;
}

.addtowishlistBtn {
    border: 1px solid #FF304F;
    border-radius: 6px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #2E2D2D;
    padding: 5px 18px;
    display: flex;
    align-items: center;
}

    .addtowishlistBtn:hover {
        color: #FF304F;
    }

    .addtowishlistBtn i {
        color: #FF304F;
        font-size: 15px;
        margin-right: 5px;
    }

.shortDiscrp {
    width: 100%;
    margin-bottom: 0;
}

    .shortDiscrp h4 {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #000000;
        margin-bottom: 8px;
        margin-top: 0;
    }

    .shortDiscrp p {
        font-weight: 300;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
    }

.procectBacicInfo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
}

.procectBacicInfoList {
    width: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    /*justify-content:space-between;*/
}

    .procectBacicInfoList li {
        line-height: 100%;
        list-style: none;
        margin-right: 4%;
    }

        .procectBacicInfoList li span {
            font-style: normal;
            font-weight: 400;
            font-size: 11px;
            line-height: 13px;
            color: #636363;
        }

/*-ProducDtlsTab-*/
.ProducDtlsTabWrap {
    width: 100%;
}

.ProducDtlsTab {
    width: calc(100% + 2px);
    margin-left: -1px;
    /*border-bottom: 0;*/
}

    .ProducDtlsTab > li {
        width: calc(33.33% - 2px);
        margin: 0px 1px;
        margin-bottom: -1px;
    }

        .ProducDtlsTab > li button {
            width: 100%;
            margin: 0 !important;
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            text-align: center;
            letter-spacing: -0.01em;
            color: #000000;
            background: #F2F0F0 !important;
            border: 1px solid #DDDDDD !important;
            padding: 7px 10px !important;
            border-radius: 0 !important;
        }

            .ProducDtlsTab > li button.nav-link.active {
                background: #FFFFFF !important;
                border-bottom: 1px solid #FFFFFF !important;
            }

.ProducDtlsTabContent {
    border: 1px solid #DDDDDD;
    border-top: 0;
}

.tabdiscList {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .tabdiscList > li {
        list-style: none;
        width: 100%;
        padding: 20px;
        border-bottom: 1px solid #DDDDDD;
    }

        .tabdiscList > li:last-child {
            border-bottom: 0;
        }

.tabcont {
    padding: 20px;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
}

    .tabcont p:last-child, .tabcont ul:last-child, .tabcont ol:last-child {
        margin-bottom: 0;
    }

    .tabcont:last-child {
        border-bottom: 0;
    }

    .ProducDtlsTabContent p, .tabcont ul li, .tabcont ol li {
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 16px;
        color: #000000;
    }

        .ProducDtlsTabContent p strong {
            font-weight: 500;
        }

.ProducDtlsTabContent h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.ProducDtlsTabContent span {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.tabdiscList > li p:last-child {
    margin-bottom: 0;
}

.tabdiscList > li .itemDiv + .itemDiv {
    margin: 20px 0px 0 0px;
}





/*--SimilarProducts--*/
.SimilarProducts_wrap {
    width: 100%;
    margin-bottom: 32px;
    border: 1px solid #DDDDDD;
}

    .SimilarProducts_wrap:last-child {
        margin-bottom: 0;
    }

    .SimilarProducts_wrap .noitems_found {
        margin-bottom: 20px;
    }

        .SimilarProducts_wrap .noitems_found .noitens_icons {
            width: 60px;
            height: 60px;
            background: url(../images/empty_cart.svg) center no-repeat;
            background-size: 90%;
            opacity: 0.75;
        }

.SimilarProductsTitle {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    background: #F2F0F0;
    border: 1px solid #DDDDDD;
}

.SimilarProducts_List {
    width: 100%;
    margin: 0;
    padding: 0;
    max-height: 480px;
    overflow: hidden;
    overflow-y: auto;
}

    .SimilarProducts_List li {
        list-style: none;
        display: flex;
        padding: 12px 20px 12px 20px;
        border-bottom: 1px solid #DDDDDD;
        ;
    }

        .SimilarProducts_List li:last-child {
            border: 0;
        }

        .SimilarProducts_List li .prctImg {
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .SimilarProducts_List li .prctImg img {
                max-width: 70px;
                max-height: 70px;
            }

        .SimilarProducts_List li .prctDisc {
            width: calc(100% - 70px);
            padding-left: 15px;
        }

    .SimilarProducts_List .DiscTitle {
        width: 100%;
        line-height: 100%;
        margin-bottom: 10px;
    }

        .SimilarProducts_List .DiscTitle h3, .SimilarProducts_List .DiscTitle h3 a,
        .SimilarProducts_List .DiscTitle h4, .SimilarProducts_List .DiscTitle h4 a,
        .SimilarProducts_List .DiscTitle .Prodctbrand, .SimilarProducts_List .DiscTitle .Prodctbrand a {
            font-weight: 500;
            font-size: 10px;
            line-height: 12px;
            color: #000000;
            margin: 0;
        }

        .SimilarProducts_List .DiscTitle h3 {
            margin-bottom: 3px;
        }

            .SimilarProducts_List .DiscTitle h3, .SimilarProducts_List .DiscTitle h3 a {
                font-size: 12px;
            }

        .SimilarProducts_List .DiscTitle h4 {
            font-size: 12px;
        }

        .SimilarProducts_List .DiscTitle h4,
        .SimilarProducts_List .DiscTitle .Prodctbrand {
            font-weight: 400;
            line-height: 100%;
        }

    .SimilarProducts_List .actulPrice {
        width: auto;
        font-size: 11px;
        line-height: 10px;
        padding-right: 10px;
    }

    .SimilarProducts_List .productDisPrice {
        font-size: 12px;
        line-height: 13px;
        color: #2E2D2D;
        padding-right: 0;
    }

.ProdtViewmoreBtn a {
    background: #006AD7;
    border-radius: 3px;
    padding: 3px 20px;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 12px;
}

.priceProdtViewmor {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    .priceProdtViewmor .productPrice {
        width: auto;
        padding-right: 10px;
    }

.SimilarProducts_List .priceProdtViewmor .productPrice {
    width: 100%;
    padding-right: 0;
    flex-wrap: wrap;
}

.SimilarProducts_List .priceProdtViewmor .DisPrice_unitprice {
    width: auto;
}

.sitemap {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .sitemap > li {
        list-style: none;
    }

/*-admin-*/

.backtohome-btn {
    margin-left: 50px;
    display: inline-block;
    line-height: 100%;
    margin-top: 3px;
}

    .backtohome-btn a {
        border: 1px solid #FFFFFF;
        border-radius: 10px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #FFFFFF;
        padding: 10px 28px;
    }

.top_baseinfo_btnwrap {
    width: 100%;
    padding-bottom: 10px;
    align-items: flex-end;
}

    .top_baseinfo_btnwrap .baseinfo {
        width: 25%;
        display: flex;
        flex-wrap: wrap;
        align-items: end;
    }

        .top_baseinfo_btnwrap .baseinfo > span {
            width: auto;
            float: left;
            line-height: 100%;
        }

.baseinfo .name {
    width: 100% !important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 0;
}

.baseinfo .phone_number, .baseinfo .emailid_editprofie a {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
}

.baseinfo .emailid_editprofie {
    margin-left: 8px;
}

    .baseinfo .emailid_editprofie::before {
        content: '/';
        top: 2px;
        position: relative;
        margin-right: 4px;
    }

    .baseinfo .emailid_editprofie a.editprofile {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #006AD7;
        margin-left: 10px;
    }

.btntopmyacont a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 4px 20px;
}


.pt-25 {
    padding-top: 25px;
}

.profile_menuwrap {
    width: 210px;
    border-top: 0.5px solid #A3A1A1;
}

    .profile_menuwrap .loginmenulistWrap {
        padding: 0;
    }

    .profile_menuwrap ul.loginmenulist {
        margin-top: 0;
    }

.profile_contwrapsec {
    width: calc(100% - 210px);
    border: 0.5px solid #A3A1A1;
}

.profile_menuwrap .loginmenulistWrap {
    padding-top: 30px;
}

.profile_menuwrap ul.excluciveOffertop {
    margin-top: 0;
    padding: 7px 0;
    border-bottom: 0.5px solid #A3A1A1;
}

.profile_menuwrap .loginmenulistWrap ul > li > a {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.02em;
    padding: 6px 12px 6px;
    background: #FFFFFF;
}

.profile_menuwrap .loginmenulistWrap ul > li {
    margin-bottom: 10px;
}

    .profile_menuwrap .loginmenulistWrap ul > li:last-child {
        margin-bottom: 0;
    }

    .profile_menuwrap .loginmenulistWrap ul > li.active > a {
        background: #EBEBEB;
    }

    .profile_menuwrap .loginmenulistWrap ul > li i {
        margin-right: 25px;
    }

        .profile_menuwrap .loginmenulistWrap ul > li i img {
            width: 17px;
        }

.profile_menuwrap .loginmenulistWrap .excluciveOffertop > li i img {
    width: 19px;
}

.profile_menuwrap .loginmenulistWrap .excluciveOffertop > li a {
    color: #646464;
}

.profileaddres_listwrp {
    /* max-width: 605px; */
    width: 100%;
    max-width: 90%;
    /* margin-left: 62px; */
    margin: auto;
    margin-bottom: 50px;
}


/*-popup-*/


.profilepage_sec {
    position: relative;
}
/*.editaddresspopupwrap{
  pointer-events: none;
  width: 600px;
  left:calc(-50% - 37px);
  right: -50%;
  margin: auto;
  top: 82px;
  position:absolute;
  padding: 0;
  z-index:9;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.2);
}*/
header .editaddresspopupwrap {
    top: 62px;
}

.editaddresspopupwrap.popupactive {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.popup-visible::after, .editprofileactive-visible::after, .creatnewaccount-visible::after {
    content: '';
    width: 100vw;
    min-height: calc(100vh - 80px);
    position: absolute;
    z-index: 1;
    background: rgba(65, 65, 65, 0.4);
    left: 0;
    top: 0;
    /*height: calc(100% - 80px);*/
    height: 100%;
}

.popup-visible header, .editprofileactive-visible header, .creatnewaccount-visible header {
    pointer-events: none;
}
/*.editaddresspopupwrap::after {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.popupactive .mfp-bg {
  opacity: 0.8;
}*/
/*.editaddresswrapcard{
  background: #FFFFFF;
  border-radius: 0px 0px 10px 10px;
  padding: 20px 35px 35px 35px;
}*/
.editaddresswrapcard .titlewrap {
    position: relative;
    margin-bottom: 10px;
}

    .editaddresswrapcard .titlewrap h4 {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding-right: 50px;
        color: #C4C4C4;
    }

.editaddresswrapcard .closepopup {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    cursor: pointer;
}

    .editaddresswrapcard .closepopup img {
        width: 20px;
    }

.editaddresswrapcard h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 5px;
}

    .editaddresswrapcard h3 span, .editaddresswrapcard h3 a {
        color: #006ad7;
        font-weight: 400;
    }

.editaddresswrapcard label {
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 2px;
}

.editaddresswrapcard .input-field {
    margin-bottom: 3px;
}

.editaddresswrapcard select, .homestreetfieldwrap select {
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    color: #000000;
    height: 35px;
    line-height: 100%;
    border: 1px solid #C4C4C4;
}
/*.findaddres-selectfilde select option[selected=""]{
  background-color: #E1F0FF;
}*/
.form-select:focus {
    border-color: #C4C4C4;
    outline: 0;
    box-shadow: none;
}

.editaddresswrapcard .addressmap {
    margin-top: 15px;
    margin-bottom: 6px;
}

.adresssearchwrap .lable-selectfilde {
    margin-bottom: 5px;
}

.addressmap iframe {
    width: 100%;
    height: 140px;
}

.addressmap #map {
    height: 140px !important;
}

.adresssearchwrap .input-btn {
    margin-bottom: 10px;
}

    .adresssearchwrap .input-btn .btn {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF;
        padding: 7px 30px;
    }

.searchaddressfilde .input-field, .homestreetfieldwrap .input-field {
    margin-right: 15px;
}

.adresssearchwrap .input-field-small {
    width: 155px;
}

.adresssearchwrap .input-field-midium {
    width: 210px;
}

.adresssearchbtn {
    width: 140px;
}

.homestreetfieldwrap .input-field + .input-field {
    width: calc(100% - 155px);
}

.homestreetfieldwrap .input-field + .input-field {
    margin-right: 0;
}

.adresssearchwrap .SaveForDelivery {
    margin-top: 10px;
}

.adress_two_field {
    display: flex;
}

    .adress_two_field > div {
        width: 100%;
    }

        .adress_two_field > div + div {
            margin-left: 15px;
        }

.input-field-w180 {
    max-width: 180px;
}

.delivery_adress_wap > li.active .adress_cat {
    color: #000;
}

/*-popup end-*/

.getsupportbtnsec a {
    width: 180px;
}

.top_baseinfo_btnwrap .btntopmyacont {
    position: relative;
    z-index: 1;
}

/*-tab-*/
.profiletabwrap {
    width: 100%;
    max-width: 830px;
    margin: auto;
}

.myordertab-nav {
    /*top:-27px;*/
    margin-top: 40px;
    position: relative;
}

    .myordertab-nav .nav-tabs {
        border: 0;
    }

        .myordertab-nav .nav-tabs .nav-link {
            padding: 0;
            border: 0;
            margin: 0 25px;
            padding-bottom: 10px;
            position: relative;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: -0.02em;
            color: #878787;
        }

            .myordertab-nav .nav-tabs .nav-link.active {
                font-weight: 500;
                color: #000000;
            }

            .myordertab-nav .nav-tabs .nav-link:nth-child(1) {
                margin-left: 0;
            }

            .myordertab-nav .nav-tabs .nav-link::after {
                content: '';
                width: 95%;
                height: 4px;
                left: -50%;
                right: -50%;
                margin: auto;
                bottom: 0;
                background: #FF304F;
                position: absolute;
                opacity: 0;
                transition: all 0.3s ease;
            }

            .myordertab-nav .nav-tabs .nav-link.active::after {
                opacity: 1;
            }

.myorder-tabContent {
    /*margin-top: 50px;*/
    margin-bottom: 50px;
    margin-top: 30px;
}

.orderlistwrap {
    width: 100%;
}

.orderlistitemswrap {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

    .orderlistitemswrap > li {
        background: #FFFFFF;
        border: 1px solid #DFDEDE;
        box-sizing: border-box;
        border-radius: 10px;
        list-style: none;
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 25px 35px;
    }

.orderlistitems {
    width: calc(100% - 130px);
    display: flex;
    align-items: center;
}

.orderlistitems-img {
    width: 105px;
    height: 105px;
    margin-right: 55px;
    border-radius: 15px;
    overflow: hidden;
}

.orderlistitems-info {
    width: calc(100% - 165px);
    padding-right: 30px;
}

.ordertemsinfowrap {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

    .ordertemsinfowrap li {
        list-style: none;
        width: 100%;
        display: flex;
        margin-bottom: 9px;
    }

        .ordertemsinfowrap li:last-child {
            margin-bottom: 0;
        }

        .ordertemsinfowrap li span.ordertemslabel {
            width: 95px;
            margin-right: 20px;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #878787;
        }

        .ordertemsinfowrap li span.ordertemsinfo {
            width: calc(100% - 100px);
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #000000;
        }

            .ordertemsinfowrap li span.ordertemsinfo > span {
                margin-right: 10px;
                display: inline-block;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 16px;
                color: #000000;
            }

                .ordertemsinfowrap li span.ordertemsinfo > span + span {
                    margin-right: 0;
                }

.orderlistitems-btn {
    width: 130px;
}

    .orderlistitems-btn a {
        /* opacity: 0;
    pointer-events: none; */
        width: 130px;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
        background: #FFFFFF;
        border: 1px solid #878787;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.13);
        border-radius: 5px;
        padding: 5px 10px;
        transition: all 0.4s ease;
    }

        .orderlistitems-btn a.trackorder {
            display: none;
        }

        .orderlistitems-btn a:hover {
            background: #EAF4FF;
            color: #000000;
        }

.cancel-order {
    overflow: hidden;
    position: relative;
}

    .cancel-order span {
        position: relative;
        z-index: 1;
    }

/* .orderlistitemswrap > li:hover .cancel-order::after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    z-index: 0;
    animation: progress 10.5s;
} */

@keyframes progress {
    0% {
        width: 0%;
        background-color: #ffd000;
    }

    100% {
        width: 100%;
        background-color: #ffa600;
    }
}

.orderlistitemswrap > li:hover .orderlistitems-btn a {
    opacity: 1;
    pointer-events: auto;
}

.orderlistitems-btn a + a {
    margin-top: 22px;
}

.failed_orders_wrap .orderlistitems {
    width: 100%;
}

.color-red {
    color: #FF304F !important;
}

/*-new cancel btn animation-*/

.btncancelorder {
    --duration: 60;
    --fromwidth: 100%;
    position: relative;
    z-index: 2;
    background-color: white;
    margin: 10px 0px;
    width: 130px;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.13);
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #878787;
    color: #000000;
}

.cnl-btnprocessingbar {
    position: absolute;
    width: 100%;
    display: block;
    overflow: hidden;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1
}

.round-time-bar div {
    height: 100%;
    width: var(--fromwidth);
    animation: roundtime calc(var(--duration) * 1s) steps(var(--duration)) forwards;
    transform-origin: left center;
    background-color: #ffa500;
}

.round-time-bar[data-style="smooth"] div {
    animation: roundtime calc(var(--duration) * 1s) linear forwards;
}

@keyframes roundtime {

    to {
        /* More performant than `width` */
        transform: scaleX(0);
    }
}

.orderlistitems-btn .btnhelp {
    margin: 10px 0px;
    background: #EAF4FF;
}


/*-.addralert-*/
.LocationSeclecWrap .addralert {
    position: relative;
    width: 100%;
}

.location-alert {
    padding: 0px;
    width: 336px;
    background: #fff;
    border: 1px solid #9f9f9f;
    left: 0;
    top: 15px;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.27);
}

.dropdown ul.dropdown-menu::before {
    content: '';
    border: 8px solid transparent;
    border-bottom-color: #737373;
    position: absolute;
    top: -17px;
    left: 20px;
    z-index: 5;
}

.dropdown ul.dropdown-menu::after {
    content: '';
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -16px;
    left: 20px;
    z-index: 10;
}

.location-alert > li {
    padding: 15px;
}

    .location-alert > li > div {
        padding: 0px;
        text-align: left;
    }

    .location-alert > li div::before {
        display: none;
    }

    .location-alert > li .alerttitle {
        font-size: 12px;
        width: 100%;
        margin-bottom: 10px;
        letter-spacing: normal;
        font-weight: 400;
        color: #373737;
    }

        .location-alert > li .alerttitle span {
            font-size: 12px;
        }

            .location-alert > li .alerttitle span strong {
                font-size: 12px;
                color: #373737;
                font-weight: 800;
            }

            .location-alert > li .alerttitle span.crnt-location-adrs {
                font-size: 12px;
                font-weight: normal;
            }

.alertbtnsec {
    display: flex;
    margin-left: -2px;
    width: calc(100% + 4px);
}

    .alertbtnsec a {
        cursor: pointer;
        font-size: 11px;
        text-align: center;
        display: inline-block;
        background-color: rgb(219, 218, 218);
        padding: 5px 15px;
        color: #373737;
        margin: 0px 2px;
        letter-spacing: normal;
        width: 100px;
        line-height: 100%;
        text-transform: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .alertbtnsec a:hover {
            color: #373737;
        }

@media only screen and (max-width: 340px) {
    .location-alert {
        width: 300px;
    }
}

/*-Order Details-*/

.btntopmyacont .backtomyorder {
    width: 180px;
    border: 1px solid #006AD7;
    background: #FFFFFF;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #006AD7;
}


.processingsect {
    width: 100%;
    max-width: 405px;
    margin: auto;
    margin-top: 30px;
}

.processingwrap {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .processingwrap li {
        list-style: none;
        width: 25%;
        margin: 0px 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .processingwrap li .processing-icon::after {
            content: '';
            width: 60px;
            height: 2px;
            background: #878787;
            top: -50%;
            bottom: -50%;
            left: 30px;
            margin: auto;
            position: absolute;
            z-index: -1;
        }

        .processingwrap li:last-child .processing-icon::after {
            display: none;
        }

        .processingwrap li:first-child {
            margin-left: 0;
        }

        .processingwrap li .processing-icon {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px solid #878787;
            margin-bottom: 10px;
            background: #FFFFFF;
            position: relative;
        }

        .processingwrap li.completed .processing-icon {
            border-color: #006AD7;
        }

            .processingwrap li.completed .processing-icon::after {
                background: #006AD7;
            }

        .processingwrap li.processing .processing-icon {
            border-color: #006AD7;
            background: #006AD7;
        }

        .processingwrap li .processing-icon span {
            width: calc(100% - 10px);
            height: calc(100% - 10px);
            display: flex;
            background: url(../images/icons/icon_order_b.svg);
            background-position: center !important;
            background-size: 18px;
            background-repeat: no-repeat !important;
        }

        .processingwrap li.order-confirmed .processing-icon span {
            background-position: 1px !important;
        }

        .processingwrap li.order-processing .processing-icon span {
            background: url(../images/icons/icon_processing_b.svg);
            background-position: center 1px !important;
        }

        .processingwrap li.routeto-deliver .processing-icon span {
            background: url(../images/icons/icon_outof_delivery_b.svg);
        }

        .processingwrap li.readyto-pickup .processing-icon span {
            background: url(../images/icons/icon_pickup_b.svg);
        }

        .processingwrap li.delivery-completed .processing-icon span {
            background: url(../images/icons/icon_delivery_comp_b.svg);
        }

        .processingwrap li.order-confirmed.processing .processing-icon span {
            background: url(../images/icons/icon_outof_delivery_w.svg);
            background-position: center 1px !important;
        }

        .processingwrap li.order-processing.processing .processing-icon span {
            background: url(../images/icons/icon_processing_w.svg);
        }

        .processingwrap li.routeto-deliver.processing .processing-icon span {
            background: url(../images/icons/icon_outof_delivery_w.svg);
        }

        .processingwrap li.readyto-pickup.processing .processing-icon span {
            background: url(../images/icons/icon_pickup_w.svg);
        }

        .processingwrap li.delivery-completed.processing .processing-icon span {
            background: url(../images/icons/icon_delivery_comp_w.svg);
        }

        .processingwrap li .processing-title {
            font-weight: 400;
            font-size: 10px;
            line-height: 14px;
            text-align: center;
            color: #878787;
            width: 52px;
        }


.orderdetileswrap {
    width: 100%;
    /*max-width: 865px;*/
    max-width: calc(83% + 3px);
    margin: auto;
    margin-top: 30px;
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
}

.itemscontleft {
    width: 100%;
    /*max-width:calc(100% - 245px);*/
    max-width: calc(72% - 5px);
}

.itemscontright {
    width: 100%;
    /*max-width:234px;*/
    max-width: 27%;
}

.itemscontwrap {
    background: #FFFFFF;
    border: 1px solid #DFDEDE;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.itemsconttitle {
    background: #EBEBEB;
    border: 1px solid #DFDEDE;
    padding: 10px 20px;
    border-radius: 10px 10px 0px 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.itemscont {
    padding: 15px 20px;
    background: #FFFFFF;
}

    .itemscont .ordertemsinfowrap li span.ordertemsinfo {
        max-width: 270px;
    }

        .itemscont .ordertemsinfowrap li span.ordertemsinfo p {
            margin: 0px;
        }

.itemsummarywrap {
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
    max-height: 404px;
}

.itemsummaryhead, .itemsummarylist {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

    .itemsummaryhead li, .itemsummarylist li {
        width: 100%;
        list-style: none;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        color: #878787;
        padding: 15px 20px;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(223, 222, 222, 0.5);
    }

        .itemsummarylist li:last-child {
            border-bottom: 0px;
        }

        .itemsummaryhead li span, .itemsummarylist li span {
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            color: #878787;
            text-align: center;
        }

            .itemsummarylist li span, .itemsummarylist li span a {
                font-size: 14px;
                line-height: 14px;
                color: #000000;
            }

span.sumadiscrip {
    width: 55%;
    text-align: left !important;
}

span.sumaitemqty {
    width: 10%;
}

span.sumaitemprc {
    width: 17.5%;
}

span.sumaitmtotl {
    width: 17.5%;
}

.itemsummarylistwrap {
    width: 100%;
}

.itemscont p {
    margin: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.ordersummerycunt {
    padding: 0;
}

.ordersummery {
    width: 100%;
    padding: 15px 20px;
    margin: 0;
}

    .ordersummery li {
        width: 100%;
        display: flex;
        list-style: none;
        margin: 8px 0px;
        justify-content: space-between;
    }

        .ordersummery li:first-child {
            margin-top: 0;
        }

        .ordersummery li span {
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #878787;
            width: 110px;
            padding-right: 20px;
        }

            .ordersummery li span.amoutnifo {
                font-weight: 500;
                font-size: 14px;
                line-height: 16px;
                color: #000000;
                padding-right: 0;
                text-align: right;
                width: calc(100% - 110px);
            }

.ordersummery-total {
    border-top: 1px solid rgba(223, 222, 222, 0.5);
}

    .ordersummery-total li {
        margin-bottom: 0;
    }

        .ordersummery-total li .amountlabel {
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            color: #000000;
            padding-right: 20px;
        }


/*-Order Details end-*/


/*-Wallet Activity -*/

.Wallet_activity_wrap {
    margin: 50px auto;
    width: 100%;
    max-width: 95%;
    /*max-width:80%;*/
}

.walletbalenshilight {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 12px 30px;
    font-weight: 300;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: #595959;
    margin-bottom: 25px;
}

    .walletbalenshilight span {
        font-weight: 500;
        margin-left: 5px;
    }

.walletcalendrwrap {
}

    .walletcalendrwrap h4 {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.02em;
        color: #878787;
    }


.walletcalendr {
    /* padding: 35px 35px; */
    padding: 35px 20px;
    background: #F8F8F8;
    border-radius: 5px;
}

.datepickerform {
    display: flex;
}

.date-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #000000;
    width: 40px;
    margin-right: 15px;
}

.datepicinputwrap {
    display: flex;
    align-items: center;
    margin-right: 25px;
}

    .datepicinputwrap.todatewrap {
        margin-right: 0;
    }

.datesumbitbtnwrap {
    margin-left: 15px;
}

.walletcalendr .datinput {
    background: #FFFFFF;
    width: 100%;
    max-width: 175px;
    height: 30px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #000000;
    border-radius: 0;
    border: 0;
}

.calndricons {
    border: 0;
    padding: 0px 0px 0px 15px;
}

.datesumbitbtnwrap .btn {
    background: #FFFFFF;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.26), inset 1px 0px 8px 2px rgba(0, 0, 0, 0.11);
    border-radius: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #006AD7;
    border: 0;
    padding: 5px 20px;
}

    .datesumbitbtnwrap .btn + .btn {
        margin-left: 15px;
    }

.datesumbitbtnwrap .cleardatbtn {
    color: #9B9B9B;
}

/*-datepicker-*/
.datepicker {
    padding: 3px !important;
}

    .datepicker thead {
        border-bottom: 3px solid white;
    }

        .datepicker thead tr {
            background: #eaeaea !important;
            border-radius: 0 !important;
        }

            .datepicker thead tr th {
                font-weight: 400 !important;
            }

                .datepicker thead tr th.disabled {
                    visibility: visible !important;
                }

    .datepicker td, .datepicker th {
        width: 40px !important;
        height: 40px !important;
        border-radius: 0px !important;
        border: none !important;
        text-shadow: none !important;
    }

    .datepicker table tr td.active, .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
        background-image: none !important;
    }

        .datepicker table tr td.active.active, .datepicker table tr td.active.disabled,
        .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled,
        .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled,
        .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover,
        .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled],
        .datepicker table tr td.active:active, .datepicker table tr td.active:hover,
        .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled,
        .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover,
        .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
            background-color: #95cb4b !important;
        }
/*-datepicker end-*/


/*-wallet tab-*/

.wallettabwrapsec {
    width: 100%;
    max-width: 95%;
    margin: auto;
}

    .wallettabwrapsec h4 {
        font-size: 15px;
    }

        .wallettabwrapsec h4 span {
            font-weight: 400;
        }

.wallettab-nav {
    position: relative;
    width: 100%;
    max-width: 95%;
    margin: -27px auto auto;
    margin-bottom: 40px;
}

    .wallettab-nav .nav-tabs {
        border: 0;
    }

        .wallettab-nav .nav-tabs .nav-link {
            padding: 0;
            border: 0;
            margin: 0 25px;
            padding-bottom: 10px;
            position: relative;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: -0.02em;
            color: #878787;
        }

            .wallettab-nav .nav-tabs .nav-link:nth-child(1) {
                margin-left: 0;
            }

            .wallettab-nav .nav-tabs .nav-link.active {
                color: #000000;
                font-weight: 500;
            }

            .wallettab-nav .nav-tabs .nav-link::after {
                content: '';
                width: 95%;
                height: 4px;
                left: -50%;
                right: -50%;
                margin: auto;
                bottom: 0;
                background: #FF304F;
                position: absolute;
                opacity: 0;
                transition: all 0.3s ease;
            }

            .wallettab-nav .nav-tabs .nav-link.active::after {
                opacity: 1;
            }

.wallettab-content {
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
    max-height: 650px;
}

.walletlistsrollwrap {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

.walletlistwrap, .walletlis_head {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    border-bottom: 0px;
}

.walletlis_head {
    position: sticky;
    top: 0;
    left: 0;
}

    .walletlistwrap li, .walletlis_head li {
        width: 100%;
        list-style: none;
        display: flex;
        box-sizing: border-box;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #000000;
        border-bottom: 1px solid #C4C4C4;
    }

        .walletlistwrap li:last-child {
            border-bottom: 0px;
        }

        .walletlistwrap li > div, .walletlis_head li > div {
            padding: 15px 15px;
            border-right: 1px solid #C4C4C4;
        }

            .walletlistwrap li > div:last-child, .walletlis_head li > div:last-child {
                border-right: 0;
            }

.walletlis-date {
    width: 22%;
}

.walletlis-title {
    width: 35%;
    border-left: 0 !important;
    text-align: left !important;
}

.walletlis-orderno {
    width: 17%;
}

    .walletlis-orderno span {
        font-weight: 500;
        color: #000000;
        padding-left: 10px;
    }

.walletlis-amount {
    width: 13%;
}

.walletlis-balance {
    width: 13%;
}

.walletlis_head li {
    background: #f8f8f8;
    font-weight: 800;
}

.walletlistsrollwrap .table-responsive {
    max-height: 500px;
    overflow: hidden;
    overflow-y: scroll;
    border-bottom: 1px solid #dee2e6;
}

.walletlistsrollwrap table th, table td {
    font-size: 14px;
}

.walletlistsrollwrap .table > :not(:first-child) {
    border-top: 0px !important;
}

.walletlistsrollwrap .table.table-head-fixed thead tr {
    border-top: 0px;
}

    .walletlistsrollwrap .table.table-head-fixed thead tr:nth-child(1) th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
    }

@media (max-width: 990px) {
    .walletlistsrollwrap .table-responsive thead {
        display: none;
    }

    .walletlistsrollwrap table tr {
        display: grid;
        width: 100%;
        align-content: center;
        align-items: baseline;
        line-height: 100%;
    }

    .walletlistsrollwrap table td[align="right"] {
        text-align: left;
    }
}

/*-Wallet Activity end-*/


/*-wishlistwrap-*/

.wishlistwrap {
    width: 100%;
    max-width: 830px;
    margin: 50px auto;
}

.wishlist {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

    .wishlist li {
        width: 100%;
        padding: 15px;
        display: flex;
        list-style: none;
        border: 1px solid #DDDDDD;
        border-radius: 5px;
        margin-bottom: 10px;
    }

.wishlistcontwrap {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 25px;
}

.wishlistimg {
    width: 82px;
    height: 70px;
    overflow: hidden;
    margin-right: 17px;
    border-radius: 15px;
}

    .wishlistimg a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .wishlistimg a img {
            max-width: 80px;
            max-height: 70px;
        }

.wishlistcont {
    width: calc(100% - 100px);
}

    .wishlistcont h4, .wishlistcont p, .wishlistcont h4 a, .wishlistcont p a {
        margin: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #000000;
    }

.wishlist_price {
    margin-top: 8px;
}

    .wishlist_price .actulPrice span {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08em;
        color: #B5B5B5;
    }

    .wishlist_price .productDisPrice {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.08em;
        color: #2E2D2D;
        padding-right: 0;
        padding-left: 10px;
    }

.wishlistbtn a {
    float: left;
    clear: both;
    width: 115px;
    text-align: center;
}

.wishlistbtn .addcart-wishlist {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding: 5px 15px;
}

.wishlistbtn .remove-wishlist {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #000000;
}

    .wishlistbtn .remove-wishlist:hover {
        color: #006AD7;
    }

.wishlistbtn .addcart-wishlist + .remove-wishlist {
    margin-top: 12px;
}

.wishlistwrap .itemsListing li {
    width: calc(25% - 16px);
}
@media (max-width: 1199px) {
    .wishlistwrap .itemsListing li {
        width: calc(33.33% - 16px);
    }
}
@media (max-width: 767px) {
    .wishlistwrap .itemsListing li {
        width: calc(50% - 16px);
    }
}
/*--*/
/*-editprofile-popup-*/
.modal-content {
    border: 0;
    border-radius: 0px 0px 10px 10px;
}

.login-modal-popup .modal-body, .editprofile-modal-popup .modal-body, .address-modal-popup .modal-body {
    padding: 25px 55px 45px;
    position: relative;
}

.address-modal-popup .modal-body {
    padding: 20px 25px 25px 25px;
}

.login-modal-popup .modal-dialog, .editprofile-modal-popup .modal-dialog, .address-modal-popup .modal-dialog, .delivery_adress_popup .modal-dialog {
    max-width: 440px;
    margin-top: calc(5rem + 2px);
}

.address-modal-popup .modal-dialog, .delivery_adress_popup .modal-dialog {
    max-width: 600px;
}

.modal-backdrop {
    /* top: 5rem;*/
}

    .modal-backdrop.show {
        opacity: .4;
    }


/*.editprofile-popup-toggle, .profilepopuwrap{
  width: 440px;
  padding: 25px 55px 45px;
  background: #FFFFFF;
  border-radius: 0px 0px 10px 10px;
  left: calc(-50% - 37px);
  right: -50%;
  margin: auto;
  top: 82px;
  position: absolute;
  z-index: 3;
  
  opacity:0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
  pointer-events: none;
}*/
/*.profilepopuwrap{
  z-index: 9;
}*/
.editprofile-popup-toggle.editprofileactive, .creatnewaccount-popup-toggle.creatnewaccountactive {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.creatnewaccount-popup-toggle.creatnewaccountactive {
    top: 82px;
}

.titlewrapprofile {
    position: relative;
    margin-bottom: 30px;
}

    .titlewrapprofile h4 {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        color: #C4C4C4;
        margin: 0;
    }

.closepopup {
    position: absolute;
    right: 25px;
    z-index: 1;
    top: 20px;
    cursor: pointer;
}

    .closepopup img {
        width: 20px;
    }

.creatnewaccount-popup-toggle {
    height: 100%;
}

.editprofile-popup-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 80%;
}

    .editprofile-popup-wrap label {
        color: #000000;
        width: 100%;
    }

.number_change_triger {
    color: #006AD7;
    margin-left: 7px;
    cursor: pointer;
}

.profilepopuwrap .btn, .getotp, .mobilevalidationbtn {
    padding: 5px 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    margin-bottom: 15px;
}

.infootp {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: center;
}

    .infootp > span {
        width: 100%;
        justify-content: center;
        display: inline-block;
    }

    .infootp > span {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: #000000;
    }


        .infootp > span.subtitleotp {
            color: #9B9B9B;
        }

.modal-body div.Error {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: red;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.validate, .emailupdate {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 30px;
}

.emailupdate {
    margin-top: 20px;
}

.resentlink {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    color: #9B9B9B;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}

    .resentlink span {
        font-weight: 400;
        font-size: 12px;
        line-height: 26px;
        color: #9B9B9B;
        text-align: center;
    }

    .resentlink > span {
        width: 100%;
        float: left;
        clear: both;
    }

        .resentlink a, .resentlink > span .resent, .infootp a {
            cursor: pointer;
            color: #000000;
            text-decoration: underline;
        }

    .resentlink .number_dnd {
        left: 0;
        top: -8px;
        color: red;
        font-size: 10px;
        position: absolute;
    }

.otp-field .otpinput input {
    width: 60px;
    height: 60px;
    font-size: 22px;
}

.resentlink > span.otp_countdown {
    color: red;
}

.otp-field .otpinput input:nth-child(1) {
    margin-left: 0 !important;
}

.otp-field .otpinput input:last-child {
    margin-right: 0 !important;
}

.emaiverifi-info {
    width: 100%;
    margin: 20px auto auto;
    max-width: 255px;
}

    .emaiverifi-info p {
        margin: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        color: #9B9B9B;
    }

/* new login popup */

#login-modal .modal-content {
    border-radius: 0;
    background-color: #FFF;
}

#login-modal .modal-dialog {
    max-width: 760px;
    margin: 1.75rem auto !important;
}

#login-modal .modal-body {
    padding: 0px;
}

#login-modal .logincontent {
    max-width: 375px;
    border-radius: 10px;
    margin: 15px -15px 15px 0px;
    padding-left: 2.0rem !important;
}

#login-modal .loginformsec {
    max-width: 400px;
    border-radius: 10px;
    padding-bottom: 130px !important;
    position: relative;
    padding-left: 2.0rem !important;
    padding-right: 2.0rem !important;
}

h4.Welcome_title {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #606060;
    margin: 0px 0px 5px 0px;
    text-align: center;
}

    h4.Welcome_title span {
        width: 100%;
        color: #7cbf21;
        font-size: 18px;
        display: inline-block;
    }

#login-modal .logindisc ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

    #login-modal .logindisc ul li {
        list-style: none;
        font-size: 13px;
        line-height: 120%;
        position: relative;
        padding-left: 15px;
        margin-bottom: 5px;
    }

        #login-modal .logindisc ul li::before {
            content: '';
            width: 12px;
            height: 12px;
            left: 0;
            top: 1px;
            position: absolute;
            background: url(../images/tick_icon_login.svg) no-repeat center;
        }

#login-modal .logindisc p {
    font-size: 13px;
    line-height: 150%;
    margin-bottom: 10px;
}

    #login-modal .logindisc p:last-child {
        margin-bottom: 0px;
    }

#login-modal .logininfogra {
    padding-top: 10px;
    display: inline-block;
}

h4.storename_dinamic {
    color: #7cbf21;
    font-size: 21px;
}

#login-modal .titlewrapprofile {
    margin-bottom: 35px;
}

/* #login-modal #txt-mobile {
    padding-left: 70px !important;
} */

#login-modal .iti--separate-dial-code .iti__selected-dial-code {
    color: #606060;
    font-size: 18px;
    font-weight: 400;
}

.login_terms {
    position: absolute;
    bottom: 25px;
    margin: auto;
    left: -50%;
    right: -50%;
    width: 90%;
}

.grozeo_static_logo {
    max-width: 200px;
    max-height: 20px;
    margin-bottom: 8px;
}

.login_terms p {
    color: #000000;
    line-height: 20px;
    font-size: 12px;
}

#login-modal .closepopup {
    right: 16px;
    top: 13px;
}

.logincontent > p strong {
    color: #7cbf21;
    margin: 0;
    line-height: 150%;
}

#lbl-change-mobile {
    cursor: pointer;
    color: #000000;
    text-decoration: underline;
}

.social-links .socialLinkIcon {
    margin: 0 4px;
}

    .social-links .socialLinkIcon img {
        width: 35px;
        height: 35px;
    }

.editprofile-popup-wrap p, .sociallogin {
    font-size: 12px;
}

.otp-control .otp-field .input-field {
    position: relative;
}

.otp-control .divOuter {
    width: 330px;
    overflow: hidden;
}

.otp-control .divInner {
    left: 0;
    position: sticky;
}

#login-modal .partitioned {
    padding-left: 22px;
    letter-spacing: 75px;
    border: 0;
    background-image: linear-gradient(to left, #8a8a8a 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 90px 1px;
    background-repeat: repeat-x;
    background-position-x: 62px;
    width: 420px;
    min-width: 420px;
    font-size: 25px;
    background-color: transparent;
}

.error, .Error {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: red;
}

.create_account h6 {
    font-size: 0.9rem;
}

@media (max-width: 767px) {
    #login-modal .modal-dialog.modal-dialog-centered {
        min-height: auto;
        position: fixed;
        max-width: 100%;
        bottom: 0;
        width: 100%;
        margin: 0 !important;
        transform: none !important;
    }

    #login-modal .loginformsec, #login-modal .logincontent {
        max-width: 100%;
    }

    #login-modal .modal-dialog {
        max-width: 95%;
    }

    .loginpopupcontent {
        flex-direction: column-reverse;
    }

    #login-modal .logincontent {
        margin: -15px auto auto auto;
        padding: 25px 20px 25px 20px !important;
        max-width: 95%;
    }

    #login-modal .loginformsec {
        padding: 10px !important;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    #login-modal .closepopup {
        right: 10px;
        top: 4px;
    }

    .login_terms {
        position: static;
        margin-top: 40px;
        width: 100%;
        display: inline-block;
    }

    .logincontent {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .otp-control .divOuter {
        width: 265px;
    }

    #login-modal .partitioned {
        padding-left: 15px;
        letter-spacing: 58px;
        background-size: 70px 1px;
        background-position-x: 50px;
    }
}

/* new login popup wnd */


/*-editprofile-popup- end-*/


.ordertracking {
    width: 100%;
    max-width: 70%;
    background: #FFFFFF;
    /*border: 1px solid #DFDEDE;
  border-radius: 10px;
  overflow: hidden;*/
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}

.trackininfowrap, .trackingmap {
    width: 100%;
    border: 1px solid #DFDEDE;
    border-radius: 10px;
    overflow: hidden;
}

.ordertracking h4 {
    background: #EBEBEB;
    border: 1px solid #DFDEDE;
    padding: 10px 20px;
    border-radius: 10px 10px 0px 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    color: #000000;
}

.trackininflist {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}

    .trackininflist li {
        list-style: none;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .trackininflist li:last-child {
            margin-bottom: 0;
        }

        .trackininflist li span {
            display: inline-block;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #878787;
        }

        .trackininflist li > span {
            width: 25%;
        }

        .trackininflist li .trackinintime {
            width: 16.66%;
        }

        .trackininflist li .facility {
            width: 33.33%;
        }

        .trackininflist li .orderdisc {
            width: 50%;
        }

.trackinintine-disc {
    width: 75%;
    display: flex;
}

.trackingitemscont {
    width: 100%;
}

.itemstrackinglist {
    padding: 10px 20px;
    border-bottom: 1px solid #DFDEDE;
}

    .itemstrackinglist + .itemstrackinglist {
    }

    .itemstrackinglist:last-child {
        border: 0;
    }

.trackingmap {
    width: 100%;
    margin-top: 15px;
}

    .trackingmap iframe {
        width: 100%;
        height: 190px;
        float: left;
    }

    .trackingmap h4 {
        border: 0;
        text-transform: capitalize;
    }

        .trackingmap h4 span {
            font-size: 12px;
            text-transform: none;
        }

.currentposition {
    background: #006ad712;
}

figure.banner {
    padding: 50px 0px;
    width: 100vw;
    margin-bottom: 40px;
    background: #f9f9f9;
}

.banner h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
}

article h1 {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

article h2 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 15px;
}

article h3 {
    font-size: 1.75rem;
}

article h4 {
    font-size: 1.5rem;
}

article h5 {
    font-size: 1.25rem;
}

article h6 {
    font-size: 1rem;
}

.text-two-col {
    column-count: 2;
    column-gap: 4%;
    margin: 0px 0px 30px 0;
    color: #212529;
    width: 100%;
}

article p img {
    margin-right: 30px;
    margin-bottom: 30px;
}

    article p img.float-end {
        margin-right: 0;
        margin-left: 30px;
    }

    article p img.float-none {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

.intro {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #DDDDDD;
}

    .intro p {
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 130%;
        font-size: 26px;
    }

        .intro p:last-child {
            margin-bottom: 0;
        }

article li {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 25px;
}

.faqwrapsec {
    width: 100%;
    margin-top: 10px;
}

.faq-accordion-wrap {
    width: 100%;
}

.accordion-flush .accordion-item {
    margin-bottom: 2px;
}

.accordion-button:not(.collapsed), .accordion-button:focus {
    box-shadow: none
}

.accordion-button, .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f2f2f2;
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

.accordion-flush .accordion-collapse {
    border: 1px solid #DDDDDD;
}

.accordion-item {
    border: 0;
}

.accordion-button {
    font-size: 16px;
}

.contact-content h2 {
    font-size: 1.65rem;
}

.btn-red {
    background: #CE0000;
}

.canselsubmit.btn-red {
    background: #a6a6a6;
}

.submitbtnsec {
    display: flex;
    justify-content: flex-end;
}

    .submitbtnsec .btn {
        min-width: 150px;
    }

        .submitbtnsec .btn + .btn {
            margin-left: 15px;
        }

.contact-content p {
    margin-bottom: 10px;
}

.contctinfowrap {
    width: 100%;
    /*text-align: center;*/
}

    .contctinfowrap + .contctinfowrap {
        margin-top: 30px;
    }

    .contctinfowrap .contctinfo {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .contctinfowrap .contctinfo span {
            width: 100%;
        }

    .contctinfowrap h4 {
        font-size: 18px;
        font-weight: 400;
        line-height: 100%;
        margin-bottom: 10px;
        color: #000;
        text-transform: capitalize;
    }

    .contctinfowrap p {
        line-height: 140%;
        font-size: 14px;
        margin: 0px 0px 10px 0px;
    }

    .contctinfowrap h5 {
        font-size: 14px;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.contctinfo span {
    line-height: 150%;
    font-size: 14px;
}

    .contctinfo span a {
        font-size: 16px;
        color: #000000;
    }

.hide {
    display: none !important;
}

.pac-container, .pac-item {
    z-index: 2147483647 !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.line-height-4px {
    line-height: 4px !important;
}

.ellipsis {
    text-overflow: ellipsis !important;
}

.contactinfosec {
    margin: auto;
}

    .contactinfosec .two-col {
        display: flex;
        justify-content: space-between;
    }

.two-col .form-control-wrap {
    max-width: calc(50% - 10px);
    width: 100%;
}

.contactformsec .contadresssec {
    padding: 50px 0px;
    background: url(../images/contactusen.jpg);
    background-size: 100%;
    margin-top: 50px;
    position: relative;
    background: #f9f9f9;
}

    .contactformsec .contadresssec::before {
        display: none;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #000;
        opacity: 0.65;
    }

    .contactformsec .contadresssec > div {
        z-index: 1;
        position: relative;
    }
/* .contactformsec .contadresssec > div *{
    color: #FFF!important;
} */
.contactformsec {
    margin-bottom: -45px;
}

/*-2106-*/
.MainBanner {
    height: auto;
}

/* .MainBanner .swiper-slide img {
        position: static;
        height: auto;
        width: auto;
    } */

.Branches_Slider .swiper-slide a > span.branchid {
    margin: 0;
}

.Branches_Slider .swiper-slide a > span + span {
    margin-top: 3px;
}

.productItemWrap .addunit_infowrap {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 15px;
    margin: 0;
}

.productItemWrap .offer_wishlist {
    position: relative;
    height: 23px;
}

    .productItemWrap .offer_wishlist .addtowishicon {
        position: absolute;
        top: 4px;
        right: 0;
    }

.MainBanner_Slider .swiper-button-prev,
.MainBanner_Slider .swiper-button-next,
.EveryDayOfferWrap .swiper-button-prev,
.EveryDayOfferWrap .swiper-button-next {
    border: 1px solid #FFF;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
}

.MainBanner_Slider .swiper-button-prev,
.EveryDayOfferWrap .swiper-button-prev {
    left: -200px;
}

    .MainBanner_Slider .swiper-button-prev::before,
    .MainBanner_Slider .swiper-button-next::before,
    .EveryDayOfferWrap .swiper-button-prev::before,
    .EveryDayOfferWrap .swiper-button-next::before {
        content: "\f053";
        color: #ffffff;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
    }

.MainBanner_Slider:hover .swiper-button-prev,
.EveryDayOfferWrap:hover .swiper-button-prev {
    left: 10px;
}

.MainBanner_Slider .swiper-button-next,
.EveryDayOfferWrap .swiper-button-next {
    right: -200px;
}

    .MainBanner_Slider .swiper-button-next::before,
    .EveryDayOfferWrap .swiper-button-next::before {
        content: "\f054";
    }

.MainBanner_Slider:hover .swiper-button-next,
.EveryDayOfferWrap:hover .swiper-button-next {
    right: 10px;
}

.EveryDayOfferWrap .swiper-button-disabled {
    pointer-events: none;
}

.HomeCatogerySliderwrap {
    padding: 0;
}

    .HomeCatogerySliderwrap .swiper-button-next {
        right: -25px;
    }

    .HomeCatogerySliderwrap .swiper-button-prev {
        left: -25px;
    }
/* .Nearest_Branches{
    display: none;
} */
.CatogerySliderTitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


@media (min-width: 1400px) {
    .HomeCatogerySlider .swiper-slide {
        width: 126px;
    }
}

@media (min-width: 1370px) {
    .CatogerySliderIMG {
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .CatogerySliderTitle {
        font-size: 11px;
    }
}

@media (max-width: 1366px) {
    .CatogerySliderTitle {
        font-size: 11px;
    }

    .CatogerySliderIMG {
        width: 80px;
        height: 80px;
        /* width: 71px;
        height: 71px; */
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }

    .catogeryAllIn_ListItemsIMG {
        width: 76px;
        height: 76px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .HomeCatogerySlider .swiper-slide {
        width: 112px;
    }
}

@media (min-width: 992px) {
    .verify_strip_wrap {
        top: 80px;
    }

    .businesscat_menu.strip_padding .verify_strip_wrap {
        top: 87px;
    }

    .strip_padding #site-wrapper {
        padding-top: 114px;
    }

    .businesscat_menu.strip_padding #site-wrapper {
        padding-top: 120px;
    }

    .businesscat_menu header {
        height: 87px;
        align-items: flex-start;
    }

    .businesscat_menu .header_mid_sec {
        padding: 10px 0px 0px 0px;
    }

    .businesscat_menu .HomeCatogerySliderSec {
        padding: 20px 0px 25px 0;
    }

    .businesscat_menu .TopMenuCategories {
        top: 72px;
    }

    .businesscat_menu .profilemwnu.active::after, .businesscat_menu .CartMenu.active::after {
        bottom: -7px;
        opacity: 0;
    }

    .businesscat_menu .TopMenuCategoriesTogel.active::after {
        bottom: -17px;
        opacity: 0;
    }

    .businesscat_menu .delivery_adress_triger.active::after {
        bottom: -6px;
        opacity: 0;
    }

    .businesscat_menu .Profiletogle, .businesscat_menu .Carttoggelwrap {
        top: 63px;
    }

    .businesscat_menu .delivery_adress_togle {
        top: 87px;
        z-index: 2;
    }

    .menu-visible .business_cat_nav > li.active > a::after,
    .profile-visible .business_cat_nav > li.active > a::after,
    .Cart-visible .business_cat_nav > li.active > a::after,
    .delivery_adress_visible .business_cat_nav > li.active > a::after {
        opacity: 0;
    }
}

@media (max-width: 1199px) {
    .CatogerySliderIMG {
        width: 65px;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }
}

@media (max-width: 1199px) {
    figure.MainBanner {
        height: auto;
    }
}

.cartListinWrapCol {
    position: relative;
}

    .cartListinWrapCol .EmptyBasketWrap {
        width: auto;
        position: absolute;
        right: 15px;
    }

    .cartListinWrapCol .cartitmscard {
        /* width: 56%; */
        width: 53%;
    }

    .cartListinWrapCol .cartinforight {
        justify-content: left;
        /* width: 44%; */
        width: 47%;
    }

    .cartListinWrapCol .cartiemsqnty_priccard {
        width: 100%;
    }

    .cartListinWrapCol .cartListing_itemPrice {
        width: calc(100% - 110px);
        flex-wrap: nowrap;
        justify-content: left;
        /* margin-top: 10px; */
    }

        .cartListinWrapCol .cartListing_itemPrice span > strong {
            font-size: 16px;
            font-weight: 500;
            color: #313131;
        }

.form-check .ursaved {
    padding: 3px 6px;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    background: #7cbf21;
    margin-left: 10px;
}

.cartListinWrapCol .cartListing_itemPrice .productDisPrice {
    text-align: left;
    font-size: 13px;
    line-height: 100%;
    width: auto;
    color: #b5b5b5;
}

.cartListinWrapCol .cartListing_itemPrice .actulPrice {
    max-width: 110px;
    padding-right: 10px;
}

    .cartListinWrapCol .cartListing_itemPrice .actulPrice span {
        line-height: 100%;
    }

@media (max-width: 767px) {
    .cartListinWrapCol .cartListing > li > div {
        width: 100%;
    }
}

/*-processing-*/
.processing {
    position: relative;
}

    .processing::after,
    .checkoutBTNWrap.processing::after,
    .addunitWrap.processing::after,
    .sortlstwrap.processing::after,
    .RemoveItem.processing::after,
    .review_btn_btn_wrap.processing::after,
    .EmptyBasketWrap.processing::after {
        content: '';
        width: 20px;
        height: 20px;
        z-index: 9;
        bottom: -50%;
        left: -50%;
        right: -50%;
        top: -50%;
        margin: auto;
        position: absolute;
        background: url(../images/processing.gif) no-repeat center;
        background-size: 100%;
    }

.RemoveItem.processing::after {
    left: auto;
    right: -25px;
}

.processing .checkoutBTN,
.addunitWrap.processing,
.sortlstwrap.processing button,
.review_btn_btn_wrap.processing .btn,
.processing .EmptyBasket,
.processing .contunuPay_btn,
.processing input.coupon,
.processing .btn-apply.coupon,
.processing .payNowBTM, .processing .SaveForDelivery {
    opacity: 0.5;
    pointer-events: none;
}

.btn-plus.processing, .btn-minus.processing {
    pointer-events: none;
}

.RemoveItem.processing {
    pointer-events: none;
    color: #979797;
}

    .RemoveItem.processing i {
        opacity: 0.5;
    }

.processingsect li.processing::after {
    display: none;
}

/*-end processing-*/

.text-align-center {
    text-align: center !important;
}

/*sticky header*/

header.off-canvas {
    left: -50%;
    right: -50%;
    margin: auto;
    top: -800px;
    box-sizing: border-box;
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    transition: top 0.5s;
}

    header.off-canvas.fixed {
        position: fixed;
        top: 0px;
        z-index: 99;
    }
/* syicky header end */

/*--*/
.orderdtils_tracking {
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .orderdtils_tracking .processingwrap {
        max-width: 425px;
    }

.needhelp {
    width: 100%;
    border: 1px solid #006AD7;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 4px 20px;
    text-align: center;
}

/*--*/

.OutOfStock_Desibe .outofstockinfo .cartListing_itemPrice {
    display: none;
}

.OutOfStock_Desibe .outofstockinfo {
    justify-content: flex-end;
}

/*-alert message box style-*/
.grozeo-alert {
    top: 90px;
    margin: 0;
    max-width: 350px;
    position: fixed;
    box-shadow: 0px 2px 5px 2px rgba(73, 73, 73, 0.3);
    z-index: 99;
    right: 10px;
    font-size: 14px;
}

    .grozeo-alert i {
        margin-right: 5px;
        font-size: 20px;
        line-height: 100%;
        top: 1px;
        position: relative;
    }

    .grozeo-alert.alert-warning i::before {
        content: "\f071";
    }

    .grozeo-alert.alert-danger i::before {
        content: "\f071";
    }

    .grozeo-alert.alert-success i::before {
        content: "\f058";
    }

    .grozeo-alert .btn-close:focus {
        box-shadow: none;
    }
/*-alert message box style end-*/

/*-conform message box-*/

.jconfirm .container .row {
    justify-content: center !important;
}

    .jconfirm .container .row > .col-md-4 {
        width: 100%;
        max-width: 400px;
    }

.jconfirm .jconfirm-box {
    padding: 15px;
}

    .jconfirm .jconfirm-box div.jconfirm-title-c {
        padding-bottom: 10px;
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
            font-size: 14px;
            font-family: 'Archivo', sans-serif;
            font-weight: 500;
        }

    .jconfirm .jconfirm-box div.jconfirm-content-pane {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
        max-height: none !important;
    }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
            overflow: hidden;
        }

    .jconfirm .jconfirm-box .jconfirm-buttons {
        padding-bottom: 0;
    }

        .jconfirm .jconfirm-box .jconfirm-buttons button {
            padding: 5px 20px;
            text-align: center;
            display: inline-block;
            background: #006AD7;
            border-radius: 5px;
            font-style: normal;
            font-weight: 500 !important;
            font-size: 16px;
            line-height: 17px;
            color: #FFFFFF;
            border: 0;
            margin-bottom: 0;
            font-family: 'Archivo', sans-serif;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-cancel {
                background: #ddd;
                color: #333;
            }


.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    transform: none !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: default !important;
}

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #000;
    opacity: .4;
}
/*-conform message box end-*/

.errorpagesec #content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .errorpagesec #content > div {
        width: 100%;
        text-align: center;
    }

        .errorpagesec #content > div + div {
            margin-top: 20px;
        }

    .errorpagesec #content .errorpgcontwrap p {
        margin-bottom: 0px;
        font-size: 18px;
        font-weight: 300;
    }

        .errorpagesec #content .errorpgcontwrap p a {
            font-weight: 400;
        }

.noitems_found {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.wallettab-content .noitems_found {
    margin-top: 0px;
    margin-bottom: 20px;
}

.noitens_icons {
    width: 300px;
    height: 300px;
    display: inline-block;
    background: url(../images/noresult_found.svg) center top no-repeat;
}

.noitems_found h5 {
    width: 100%;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.50rem;
    color: #c4c4c4;
    margin: 5px 0;
    text-align: center;
}

.noitems_found p {
    color: #c4c4c4;
    font-size: 13px;
    line-height: 100%;
    width: 100%;
    text-align: center;
}

#address-change-confirmation .modal-content {
    border-radius: 10px;
}

    #address-change-confirmation .modal-content .modal-body {
        padding: 25px 25px 8px;
    }

#address-change-confirmation .titlewrapprofile {
    margin-bottom: 20px;
}

#address-change-confirmation .modal-footer {
    border: 0;
    padding: 10px 25px 25px;
}

#address-change-confirmation .editprofile-popup-wrap {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

#address-change-confirmation .modal-footer button {
    padding: 5px 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    width: auto;
    min-width: 100px;
    margin: 0;
    border: 0;
}

    #address-change-confirmation .modal-footer button.btn.btn-secondary,
    #address-change-confirmation .modal-footer button.btn.btn-secondary:hover {
        background: #006AD7;
    }

    #address-change-confirmation .modal-footer button + button {
        margin-left: 15px;
    }

#address-change-confirmation #btn-confirm-address-change {
    background: #ddd;
    color: #333;
}

/*-coming soon page-*/
.comingsoon-page {
    min-height: calc(100vh - 200px);
    padding: 0px 0px 5% 0px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

    .comingsoon-page > div {
        width: 100%;
    }

    .comingsoon-page > .logosect {
        text-align: center;
        margin-bottom: 15px;
    }

        .comingsoon-page > .logosect .mobilelogo {
            display: none;
        }

        .comingsoon-page > .logosect .desktoplogo {
            width: 100%;
            max-width: 620px;
            display: inline-block;
        }

    .comingsoon-page h1 {
        font-size: 86px;
        margin: 0px;
        font-weight: 600;
        line-height: 100%;
        color: #b9b9b9;
        text-align: center;
        margin-bottom: 25px;
    }

    .comingsoon-page h3 {
        color: #757575;
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
    }

    .comingsoon-page .subscribe-form {
        max-width: 400px;
        margin: auto;
    }

        .comingsoon-page .subscribe-form p {
            text-align: center;
            margin-bottom: 10px;
        }



.allbusinecat-title {
    font-size: 18px;
    color: #515151;
    font-weight: 400;
}

.all_categorylist {
    width: 100%;
    max-width: 25%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

    .all_categorylist.column-unset {
        column-count: unset;
    }

    .all_categorylist > .allcat_listitems,
    .all_categorylist > li {
        width: 100%;
        margin: 5px;
        display: flex;
        overflow: hidden;
    }

.categorylist_items_wrap {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.all_categorylist_wrap_sec {
    width: 100%;
    display: flex;
}

.all_categorylist_sec + .all_categorylist_sec {
    margin-top: 20px;
}

.all_categorylist_wrap {
    width: 100%;
    margin-bottom: 20px;
}

.all_categorylist .listitems_img {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    max-width: 30px;
}

.all_categorylist .listitems_title {
    padding: 8px;
    display: flex;
    align-items: center;
    line-height: 100%;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
}

    .all_categorylist .listitems_title a {
        line-height: 16px;
        color: #000;
        font-size: 13px;
        font-weight: 500;
    }

.more_sub_category .listitems_title {
    padding-left: 0;
}

.business_department-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #c6c6c6;
}

.business_cat-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 5px;
}

.all_categorylist > .allcat_listitems.more_sub_category {
    border: 0;
}

.category_count {
    margin-left: 5px;
    background: #dfdfdf;
    padding: 4px;
    border-radius: 50px;
    font-size: 10px;
    color: #737373;
    line-height: 100%;
}

.multy_div .multy_ul .all_categorylist {
    max-width: 100%;
}

.multy_div {
    flex-wrap: wrap;
}

    .multy_div .all_categorylist_wrap {
        max-width: 50%;
    }

.single_ul {
    width: 50%;
}

.multy_div .all_categorylist_wrap.single_ul {
    max-width: 25%;
}

    .multy_div .all_categorylist_wrap.single_ul .all_categorylist {
        max-width: 100%;
    }

.business_cat_nav > li.more_btn > a {
    width: 40px;
    display: flex;
    align-items: center;
}

.inner_pg_menu > li.more_btn:hover > a {
    box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.15);
}

.dot-typing {
    position: relative;
    left: -9999px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #b3aeae;
    color: #b3aeae;
    box-shadow: 9993px 0 0 0 #b3aeae, 10000px 0 0 0 #b3aeae, 10007px 0 0 0 #b3aeae;
}

@keyframes dotTyping {
    0% {
        box-shadow: 9993px -10 0 0 #b3aeae, 10000px 0 0 0 #b3aeae, 10007px 0 0 0 #b3aeae;
    }

    16.667% {
        box-shadow: 9993px -10px 0 0 #b3aeae, 10000px 0 0 0 #b3aeae, 10007px 0 0 0 #b3aeae;
    }

    33.333% {
        box-shadow: 9993px -10 0 0 #b3aeae, 10000px 0 0 0 #b3aeae, 10007px 0 0 0 #b3aeae;
    }

    50% {
        box-shadow: 9993px 0 0 0 #b3aeae, 10000px -10px 0 0 #b3aeae, 10007px 0 0 0 #b3aeae;
    }

    66.667% {
        box-shadow: 9993px -10 0 0 #b3aeae, 10000px 0 0 0 #b3aeae, 10007px 0 0 0 #b3aeae;
    }

    83.333% {
        box-shadow: 9993px 0 0 0 #b3aeae, 10000px 0 0 0 #b3aeae, 10007px -10px 0 0 #b3aeae;
    }

    100% {
        box-shadow: 9993px 0 0 0 #b3aeae, 10000px 0 0 0 #b3aeae, 10007px 0 0 0 #b3aeae;
    }
}

.business_cat_nav > li.more_btn:hover > a .dot-typing {
    animation: dotTyping 1.5s linear;
}

.business_cat_nav > li.more_btn.active > a {
    pointer-events: none;
}

.business_cat_nav > li.more_btn.active:hover > a .dot-typing {
    pointer-events: none;
    animation: none;
}

/*====================*/

.header_mid {
    display: flex;
    align-items: center;
    width: 100%;
}

.loginset_header {
    display: flex;
}

.dealoftheday_list .itemsListing li {
    width: calc(16.66% - 16px);
}

    .dealoftheday_list .itemsListing li.btnloadmore {
        margin: auto;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
    }

.shop_by_group_sec {
    border-bottom: 0;
    padding-bottom: 0;
    position: relative;
}

    .shop_by_group_sec .swiper-button-next {
        right: -40px;
    }

    .shop_by_group_sec .swiper-button-prev {
        left: -40px;
    }

.navsublist li a {
    background: #FFF;
    border: 1px solid #c6c6c6;
}

.business_cat_nav > li > a {
    background: #FFF;
    border: 1px solid #cecece;
    border-bottom: 0;
}

.inner_pg_menu > li:hover > a {
    box-shadow: none;
    color: #7cbf21;
}

.inner_pg_menu > li:first-child:hover > a, .inner_pg_menu > li:last-child:hover > a {
    background: #FFF;
}

.MainBanner + .Main_Content_Sec {
    padding-top: 30px;
}

.productItemWrap .veg_novgsymple {
    display: flex;
    flex-wrap: wrap;
}

    .productItemWrap .veg_novgsymple img + img {
        margin-left: 2px;
    }

.store_list_wrap .card {
    height: 122px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 4px 16px 2px rgba(73, 73, 73, 0.07);
}

    .store_list_wrap .card:hover {
        box-shadow: 0px 2px 13px 2px rgba(73, 73, 73, 0.3);
    }

.store_logo {
    height: 35px;
}

    .store_logo img {
        max-width: 140px;
        max-height: 35px;
    }

.store_location, .store_awayfrom {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #373737;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.store_location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.store_awayfrom {
    text-transform: capitalize;
    top: 0;
    right: 0;
    position: absolute;
    padding: 4px 15px 4px 15px;
    background: #EEE;
    color: #626262;
    border-radius: 0px 0px 0 10px;
}

    .store_awayfrom span {
        text-transform: uppercase;
    }

.store_category {
    font-size: 12px;
    line-height: 16px;
    color: #373737;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.6em;
}

.store_visite {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 0;
    align-items: flex-start;
    pointer-events: none;
    background: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.store_list_wrap .card:hover .store_visite {
    opacity: 1;
}

.store_visite .hover_store_logo, .store_visite .store_logo {
    width: 100%;
    height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.store_visite .visite_store {
    opacity: 0;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border: 1px solid #333;
    border-radius: 50px;
    padding: 5px 15px;
    margin-top: 15px;
    pointer-events: none;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.store_list_wrap .card:hover .visite_store {
    opacity: 1;
}

.titlewrap label.change_store {
    font-size: 16px;
    margin-left: 10px;
    text-transform: capitalize;
    text-decoration: underline;
    cursor: pointer;
    color: #7cbf21;
}

.store_logo h4 {
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7CBF21;
    margin-bottom: 0;
}

.store_logo img + h4 {
    margin-left: 10px;
}

.preferredstoreslider .store_logo h4 {
    font-size: 16px;
}

.preferredstoreslider .slider_item_center {
    justify-content: center;
}

.preferredstoreslider .swiper-slide {
    width: 252px;
}

.preferredstoreslider .store_list_wrap {
    padding: 10px 5px;
}

.preferredstoreslider .swiper-button-prev,
.preferredstoreslider .swiper-button-next {
    transition: all 0.3s ease 0s;
}

.preferredstoreslider .swiper-button-prev {
    left: -200px;
}

.preferredstoreslider .swiper-button-next {
    right: -200px;
}

.preferredstoreslider:hover .swiper-button-prev {
    left: 10px;
}

.preferredstoreslider:hover .swiper-button-next {
    right: 10px;
}

.preferredstoreslider .store_list_wrap .card {
    border: 1px solid rgb(255, 198, 59);
}

    .preferredstoreslider .store_list_wrap .card.most_visited {
        border: 1px solid rgba(255, 0, 0, 0.55);
    }

.highlight_store {
    position: absolute;
    top: 1px;
    left: 4px;
    color: #FFC63B;
}

.most_visited .highlight_store {
    color: #FF7373;
}

.highlight_store * {
    pointer-events: none;
}

/*-flag and mobile code-*/
.iti__flag-container {
    pointer-events: auto;
    max-height: 36px;
}

.iti__flag-box, .iti__country-name {
    font-size: 14px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 2px;
    margin-right: 3px;
}

.iti__arrow {
    display: none;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti__selected-flag .iti__flag {
    margin-right: 5px;
}

.iti__flag {
    background-image: url("../images/flags.png");
    background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../images/flags@2x.png");
    }
}

.iti__selected-flag {
    position: relative;
    padding: 0 15px 0 8px;
}

    .iti__selected-flag::after {
        content: '';
        width: 1px;
        height: 32px;
        position: absolute;
        right: 7px;
        top: -50%;
        bottom: -50%;
        margin: auto;
        background: #ced4da;
    }

/*-flag and mobile code end-*/

/*==ribbon==*/

.ribbon-corner {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

@-moz-document url-prefix() {
    .ribbon-corner {
        outline: 1px solid transparent;
    }
}

.ribbon-corner {
    opacity: 0.75;
    pointer-events: none;
    background-color: #7cbf21;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: -5px;
    right: 12px;
    -webkit-clip-path: var(--tor-ribbon-polygon);
    clip-path: var(--tor-ribbon-polygon);
    transform: rotate(var(--tor-ribbon-rotate)) translateY(var(--tor-ribbon-translateY)) translateX(var(--tor-ribbon-translateX)) !important;
    transform-origin: var(--tor-ribbon-origin) !important;
    width: calc( (var(--tor-ribbon-size) + 1em) * 2);
    height: 3em;
}

.businesscat_menu .ribbon-corner {
    top: 3px;
}

.ribbon-corner {
    --tor-ribbon-size: 15em;
    --tor-ribbon-rotate: 45deg;
    --tor-ribbon-translateX: 50%;
    --tor-ribbon-translateY: calc((var(--tor-ribbon-size) + 1em) - 100%);
    --tor-ribbon-origin: 100% 0%;
    --tor-ribbon-polygon: polygon(0% 100%, 50% calc(100% - (var(--tor-ribbon-size) + 1em)), 100% 100%);
}

    .ribbon-corner.ribbon-fold {
        --tor-ribbon-polygon: polygon(0% 100%, 50% calc(100% - (var(--tor-ribbon-size) + 1em)), 100% 100%, 100% calc(100% + 0.5em), 0% calc(100% + 0.5em));
        margin: -0.34em;
    }

        .ribbon-corner.ribbon-fold:before {
            --tor-ribbon-fold-polygon: polygon(0% -10px, 100% -10px, 100% 100%, calc(100% - 0.5em - 10px) -10px, calc(0.5em + 10px) -10px, 0% 100%);
            background-color: inherit;
            filter: brightness(50%);
            -webkit-clip-path: var(--tor-ribbon-fold-polygon);
            clip-path: var(--tor-ribbon-fold-polygon);
            content: "";
            position: absolute;
            bottom: calc(-0.5em + 1px);
            left: 0;
            width: 100%;
            height: 0.5em;
            z-index: -1;
        }

.bg-danger {
    background-color: #dc3545;
}

.bg-warning {
    background-color: #F49917;
}

.bg-info {
    background-color: #5B93D3;
}

.ribbon_version header .container {
    position: relative;
}

.demoversion_icon {
    position: absolute;
    width: 85px;
    z-index: 10;
    left: -50px;
    opacity: 1;
    pointer-events: none;
    top: 35px;
}

.social-links > div {
    cursor: pointer;
}

.facebookLogin {
    width: 35px !important;
    height: 35px;
    overflow: hidden;
    position: relative;
    background-image: url(../images/icons/facebook_icons.svg);
}

    .facebookLogin > div > span,
    .facebookLogin iframe {
        height: 35px !important;
        width: 35px !important;
    }

    .facebookLogin > div {
        position: absolute;
        top: 0px;
    }

    .facebookLogin > p, .facebookLogin > div {
        opacity: 0;
    }

/* verify_dropdown_popover */

.head_verifysec,
.head_verifysec a {
    color: #FFFFFF;
}

    .head_verifysec a {
        text-decoration: underline;
    }

        .head_verifysec a:hover {
            text-decoration: none;
        }

.verify_strip_wrap {
    width: 100%;
    position: fixed;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    background: #202428;
}

.verify_dropdown_popover {
    background: #202428;
    height: auto;
    min-height: 160px;
    left: -50%;
    right: -50%;
    margin: auto;
    opacity: 0;
    position: absolute;
    z-index: 3;
    transition: all .5s ease;
    top: auto;
    width: 100%;
    max-width: 350px;
    padding: 20px 20px 20px 20px;
    pointer-events: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .verify_dropdown_popover p {
        color: #FFF;
    }

    .verify_dropdown_popover.active {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .verify_dropdown_popover .divInner {
        left: 0;
        position: sticky;
        background-image: url(../../images/otp_bg_box.svg);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 100%;
    }

    .verify_dropdown_popover .divOuter {
        width: 200px;
        height: 40px;
        text-align: left;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

        .verify_dropdown_popover .divOuter input {
            padding: 0;
            width: 230px;
            height: 40px;
            font-size: 20px;
            font-weight: 600;
            color: #6C757D;
            background-color: transparent;
            border: 0;
            margin-left: 17px;
            letter-spacing: 41px;
            line-height: 100%;
            font-family: sans-serif !important;
        }

            .verify_dropdown_popover .divOuter input:focus {
                outline: 0px !important;
                box-shadow: none !important;
                outline: none !important;
            }

    .verify_dropdown_popover .formtbtn .btn {
        font-size: 14px;
        padding: 5px 10px;
    }

    .verify_dropdown_popover .btn-outline-primary {
        background: transparent;
    }

    .verify_dropdown_popover .iti__flag {
        display: none;
    }

    .verify_dropdown_popover .txt-mobile {
        padding-left: 70px !important;
    }

.error_tx {
    color: #9DA1B8;
    font-size: 106px;
    line-height: 100%;
}

.filterby_btn {
    padding: 10px 15px;
}

.tx-13 {
    font-size: 13px;
}

.tx-12 {
    font-size: 12px;
}

.tx-11 {
    font-size: 11px;
}

.filter_search {
    left: 0;
    height: 100%;
    min-height: 100vh;
    width: 450px;
    top: -25px;
    opacity: 0;
    position: absolute;
    background-color: #ffffff;
    z-index: 5;
    pointer-events: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 15px 0px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 15px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 15px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

    .filter_search::after {
        content: '';
        width: 100%;
        height: 50px;
        background: #FFF;
        position: absolute;
        left: 0;
        bottom: -25px;
    }

.open-filter {
    opacity: 1;
    pointer-events: auto;
}

.apply_filterbtn {
    padding: 2px 3px;
    border-radius: 4px;
}

.fltr_selct .badge {
    background-color: #E6E6E6;
}

    .fltr_selct .badge .close, .fltr_selct .badge .close i {
        color: #006ad7;
    }

.fltr_checkwrap .form-check {
    padding-left: 1.5em;
    margin-right: 5px;
}

.fltr_checkwrap input[type="checkbox"] {
    margin-left: -1.2em;
    margin-top: 6px;
}

.filter_search .row-sm {
    margin-left: -10px;
    margin-right: -10px;
}

    .filter_search .row-sm > div {
        padding-left: 10px;
        padding-right: 10px;
    }

.fltr_menu {
    border-top: 1px solid #dee2e6;
}

    .fltr_menu > li {
        cursor: pointer;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        border-top-width: 0 !important;
    }

.list-group-item + .list-group-item.active {
    margin-top: 0px;
}

.fltr_menu > li:hover {
    color: #006AD7;
    background-color: #f0f0f0;
}

.fltr_menu > li.active {
    color: #006AD7;
    border-color: rgba(0,0,0,.125);
    background-color: #f0f0f0;
}

.fltr_checkwrap {
    display: none;
}

    .fltr_checkwrap.active {
        display: inline-block;
    }

.sortbyfilter {
    height: 24px;
    line-height: 100%;
    font-size: 12px;
    max-width: 160px;
}

.sortbyfilter_wrap {
    max-width: 200px;
}

.fltr_btnsec {
    border: 1px solid #dee2e6 !important;
}

.fltr_bodywrap {
    overflow-y: auto;
    max-height: calc(100% - 50px);
}

.addr-not-listed {
    font-size: 10px;
    bottom: -14px;
    color: #006ad7;
    cursor: pointer;
}

.your_location {
    background-color: #e8eaed;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    height: 35px;
}

#map .your_location {
    background: url(/images/icons/location-crosshairs-solid.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
}

.locationcross {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: url(/images/icons/location-crosshairs-solid.svg);
    display: block;
    background-repeat: no-repeat;
}


@media (max-width: 1199px) {
    .ribbon_version header .container {
        position: static;
    }

    .ribbon-corner {
        right: 0;
    }

    .ribbon-corner {
        --tor-ribbon-size: 10em;
        font-size: 14px;
    }
}

/*==ribbon End==*/

@media (max-width: 1260px) {
    .business_cat_nav > li > a {
        min-width: auto;
    }
}

@media (max-width: 1200px) {
    .dealoftheday_list .itemsListing li {
        width: calc(20% - 16px);
    }

    .filterby_btn {
        padding: 10px 9px;
    }
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .verify_strip_wrap {
        top: 95px
    }

    header .wishlistSec {
        display: none;
    }

    .loginsec {
        margin-right: 0 !important;
    }

    .loginset_header {
        position: absolute;
        right: 0px;
    }

    .Profiletogle {
        z-index: 1;
    }

    .profile-visible header::before,
    .menu-visible header::before,
    .delivery_adress_visible header::before,
    .BookaSlot-visible header::before,
    .popup-visible header::before,
    .Cart-visible header::before,
    .creatnewaccount-visible header::before,
    .editprofileactive-visible header::before {
        height: 40px !important;
        top: 51px !important;
    }

    .menu-visible header::before {
        top: 51px !important;
    }

    .TopMenuCategories {
        width: calc(100% + 50px) !important;
        left: -25px !important;
        top: 39px !important;
    }

    .dealoftheday_list .itemsListing li {
        width: calc(25% - 16px);
    }

    .modal .delivery_adress_wap.moreadress > li {
        width: calc(100% - 10px);
    }
}

@media (min-width: 768px) {
    .delivery_adress_triger {
        max-width: 225px;
        width: 100%;
        flex-wrap: wrap;
    }

    .header_mid .locationaddrees {
        width: 100%;
        max-width: 100%;
    }

    .delivery_adress_triger .curentlocation {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .MainLogo {
        width: 40px !important;
        margin-right: 10px !important;
    }

    .LocationSeclecWrap {
        max-width: calc(100% - 90px) !important;
    }

    .dealoftheday_list .itemsListing li {
        width: calc(33.33% - 16px);
    }
}

@media (max-width: 584px) {
    .dealoftheday_list .itemsListing li {
        width: calc(50% - 16px);
    }
}

.MainSearchWrap {
    position: relative;
}

#mainsitsearch {
    border: 0px !important;
    border-radius: 0px 0px 5px 5px;
    max-height: 550px;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.26) 0 6px 12px 0;
    top: 34px;
    left: 0;
    width: 100%;
    max-width: 500px;
    display: block;
    position: absolute;
    background: #FFF;
    z-index: 9;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.26) 0 6px 12px 0;
    ;
    padding: 0;
}

    #mainsitsearch ul {
        padding: 0;
    }

        #mainsitsearch ul > li {
            padding-left: 13px;
            padding-right: 13px;
            padding-top: 5px;
            padding-bottom: 5px;
            list-style: none;
            border-bottom: 1px solid #eaeaea;
        }

            #mainsitsearch ul > li:hover {
                background: #eee;
            }

.search_info_items {
    cursor: pointer;
}

.search_info_wrap {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.search_info_left {
    width: 65%;
    float: left;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 12px;
    word-break: break-word;
}

    .search_info_left .prod_name {
        float: left;
        border-radius: 0;
        margin-right: 0;
        margin-bottom: 2px;
        width: 100%;
        line-height: 100%;
    }

.prod_name b {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.catogory_info .brand_name {
    color: #8A6B59;
    padding-left: 0;
    background: #ffdad1;
    float: left;
    border-radius: 4px;
    margin-right: 6px;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 500;
    padding: 1px 5px 1px;
    margin-top: 5px;
    display: inline-block;
}

.subcate_name {
    color: #787878;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
}

.search_info_right {
    width: 35%;
    float: left;
    text-align: left;
    padding-top: 2px;
    padding-right: 0;
    padding-left: 12px;
    border-left: 1px solid #dfe0df;
}

    .search_info_right .productPrice {
        padding-top: 5px;
    }

.offerprice_sc {
    display: inline-block;
    float: left;
    color: #057203;
    background: #cce6ca;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    padding: 2px 3px 2px;
    line-height: 1.5;
    margin-top: 2px;
}

.dicprice_sc {
    display: inline-block;
    float: left;
    color: #FB5455;
    font-weight: 700;
    font-size: 16px;
}

.mainprice_sc {
    display: flex;
    align-items: center;
    float: left;
    color: #AAAAAA;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 500;
    padding-top: 1px;
}

@media (max-width: 567px) {
    .postcode_lookup_wrap #postcode_lookup {
        flex-wrap: wrap;
    }
    .postcode_lookup_wrap #getaddress_dropdown {
        margin-top: 0.5rem;
        width: 100%;
    }

    .postcode_lookup_wrap #getaddress_input {
        width: calc(100% - 76px);
    }

    .postcode_lookup_wrap .postcode-button {
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .curt_locationwrap {
        width: 35px !important;
    }

        .curt_locationwrap .your_location {
            width: 35px !important;
        }

    .locationcross {
        margin-right: 0;
    }

    .curt_locationwrap label span, .curt_locationwrap .your_location span {
        display: none;
    }

    .curt_locationwrap label {
        margin-bottom: 19px;
    }
}

@media only screen and (max-width: 380px) {
    .search_info_wrap {
        flex-wrap: wrap;
    }

    .search_info_left {
        width: 100%;
    }

    .search_info_right {
        width: 100%;
        text-align: left;
        border-left: 0;
        padding-left: 5px;
        padding-top: 9px;
    }
}

.PaymentsuccessBox + .orderlistwrap .orderlistitemswrap .orderlistitems-img {
    width: 70px;
    height: 85px;
    margin-right: 20px;
}

.PaymentsuccessBox + .orderlistwrap .orderlistitems-info {
    width: calc(100% - 80px);
    padding-right: 15px;
}

.PaymentsuccessBox + .orderlistwrap .ordertemsinfowrap li span.ordertemslabel {
    margin-right: 10px;
}

.InnerPAgeSection {
    min-height: calc(100vh - 393px);
    padding-top: 25px;
}

.mobileEveryDayOfferWrap .swiper-slide .adds_image img {
    max-height: 120px;
    border-radius: 10px;
}

.EveryDayOfferWrap .mobileEveryDayOfferWrap {
    display: none !important;
}

.EveryDayOfferWrap .EveryDayOfferSlider {
    display: block !important;
}

@media only screen and (max-width: 991px) {
    .EveryDayOfferSlider .adds_image {
        padding: 2px;
    }

        .EveryDayOfferSlider .adds_image img {
            border-radius: 5px;
        }
}

.inst_applist {
    max-width: 500px;
    border: 1px solid #cdcdcd;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: auto;
    box-shadow: 0px 4px 16px 2px rgba(73, 73, 73, 0.25);
    border-radius: 5px;
    min-height: 300px;
    align-content: center;
}

    .inst_applist h5 {
        font-weight: 400;
        font-size: 18px;
    }

    .inst_applist img {
        max-height: 130px;
        max-width: 130px;
    }

#resultsModal .modal-content {
    border-radius: 10px;
    padding: 1rem !important;
}

#resultsModal h3.resulthead {
    font-size: 20px;
    font-weight: 400;
    display: block;
    color: red;
    border: 0px;
    padding: 0px;
}

#resultsModal .modal-dialog {
    margin-top: 45vh;
}

.codinfopay {
    max-width: none !important;
}

.codpaynow {
    font-size: 12px !important;
    padding: 3px 8px;
    border-radius: 5px;
    background: #ececec;
}

    .codpaynow a {
        padding: 3px 10px;
        background: #7cbf21;
        color: #FFF;
        margin: .25rem;
        margin-right: 0;
        border-radius: 10px;
        font-size: 10px;
        font-weight: bold;
    }

.not_deliverale .offerperctg {
    background: #d0d0d0;
}

.not_deliverale img {
    filter: grayscale(1);
}

.productItemWrap .not_deliverale_msg_wrap {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 15px;
    margin: 0;
}

.not_deliverale_msg_icon {
    width: 30px;
    height: 30px;
    padding: 4px;
    border-radius: 50%;
    border: 1px solid #FF304F;
    position: relative;
}

    .not_deliverale_msg_icon::after {
        content: '';
        width: 100%;
        height: 1px;
        background: #FF304F;
        top: 15px;
        left: 0;
        position: absolute;
        transform: rotate(40deg);
    }

.not_deliverale_msg {
    font-size: 12px;
    line-height: 100%;
    color: #FF304F;
}

@media (max-width: 450px) {
    .productItemWrap .not_deliverale_msg {
        font-size: 10px;
    }
}

#txt-mobile-acc-create {
    font-size: 12px;
    letter-spacing: normal
}

.eu-cookie-bar-notification {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #fff;
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.27);
}

    .eu-cookie-bar-notification .buttons-more .btn {
        font-size: 12px;
        padding: 5px 15px;
    }

    .eu-cookie-bar-notification .buttons-more .ok-button {
        background: #7cbf21;
    }

    .eu-cookie-bar-notification .buttons-more a {
        border: 1px solid #7cbf21;
        background: transparent;
        color: #7cbf21;
    }

/* varientslist */
.varientslist {
    width: 100%;
}

.varientslist_wrap .titlewrap h2 {
    text-transform: none;
    font-size: 18px;
}

.varientslist_items {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px;
    width: calc(8.333% - 4px);
}

    .varientslist_items img {
        max-height: 100%;
    }

.varientIMG {
    padding: 1px;
    border: 1px solid #dee2e6;
}

@media (max-width: 767px) {
    .varientslist_items {
        width: calc(12.5% - 4px);
    }
}

@media (max-width: 576px) {
    .varientslist_items {
        width: calc(16.66% - 4px);
        /* height: 50px; */
    }
}
/* varientslist end*/

/*out of stock sold out  */
.pro_soldout .actulPrice, .pro_outofstock .actulPrice {
    text-decoration: none;
}

.pro_soldout img, .pro_outofstock img {
    filter: grayscale(1);
    opacity: 0.5;
}

.pro_soldout .productImg, .pro_outofstock .productImg,
.pro_outofstock .product-slider, .pro_soldout .product-slider {
    position: relative;
}

    .pro_soldout .productImg::after, .pro_outofstock .productImg::after,
    .pro_outofstock .product-slider::after, .pro_soldout .product-slider::after {
        content: '';
        position: absolute;
        width: 126px;
        height: 35px;
        top: -50%;
        left: -50%;
        right: -50%;
        bottom: -50%;
        margin: auto;
        z-index: 0;
        background-image: url(../images/prod_outofstock.svg);
        background-position: center;
        background-repeat: no-repeat;
        transform: rotate(-30deg);
    }

    .pro_soldout .productImg::after, .pro_soldout .product-slider::after {
        height: 55px;
        background-image: url(../images/prod_soldout.svg);
        background-position: center;
        background-repeat: no-repeat;
        transform: rotate(0deg);
    }
/*out of stock sold out End */
.form-qty-block i {
    font-size: 13px;
    margin-left: 3px;
}

.form-qty-block.disabled {
    border-color: #7cbf21;
}

    .form-qty-block.disabled .skip-addcart {
        background-color: #7cbf21;
    }


.input-field .iti--separate-dial-code {
    width: 100%;
}



#address-modal-confirm .modal-content {
    border-radius: 20px;
}

.delvadress_btn {
    background: #006AD7;
    border-color: #006AD7;
    color: #FFF !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-weight: bold !important;
}

    .delvadress_btn:hover, .delvadress_btn:focus {
        background: #006AD7;
        border-color: #006AD7;
    }

.address-tile-icons {
    width: 30px;
    height: 30px;
    border: 1px solid #dee2e6
}

    .address-tile-icons::after {
        width: 10px;
        height: 10px;
        content: "\f00c";
        position: absolute;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        right: 0px;
        padding: 2px;
        top: -4px;
        font-size: 6px;
        background: #dee2e6;
        line-height: 100%;
        border-radius: 50%;
        color: #FFF;
    }

.myhome_address .address-tile-icons, .myoffice_address .address-tile-icons, .myother_address .address-tile-icons {
    background-image: url(../images/home-icon.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.myoffice_address .address-tile-icons {
    background-image: url(../images/office-icon.png);
}

.myother_address .address-tile-icons {
    background-image: url(../images/other_location.png);
}

.nw_delvadress_list.active .address-tile-icons::after {
    background: #7CBF21;
}

.address_tile_name {
    color: #000;
    font-weight: 600;
}

.nw_delvadress_list {
    border: 1px solid #dee2e6;
    border-radius: 10px;
}

    .nw_delvadress_list.active, .nw_delvadress_list.active .address-tile-icons {
        border-color: #7CBF21;
    }

    .nw_delvadress_list .delivery_adresslist {
        padding: .75rem !important;
    }

    .nw_delvadress_list .delivery_adress::after {
        display: none;
    }

.mapicons {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    filter: grayscale(100%);
}

.nw_delvadress_list.active .mapicons {
    filter: grayscale(0);
}

.nw_delvadress_list .delivery_adress {
    width: calc(100% - 50px);
    font-size: 12px;
}

#address-modal-confirm .address-list {
    max-height: 390px;
    overflow-y: auto;
}

.nw_delvadress_list .ribbon {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
}

    .nw_delvadress_list .ribbon span {
        position: absolute;
        display: block;
        width: 80px;
        padding: 3px 0;
        background-color: #7CBF21;
        color: #fff;
        font-size: 9px;
        font-weight: 600;
        text-align: center;
        left: 8px;
        top: 12px;
        transform: rotate(45deg);
        letter-spacing: 1px;
    }

.search_in_other_store {
    position: absolute;
    font-size: 12px;
    bottom: -15px;
    color: #000;
}

@media (min-width: 576px) {
    #address-modal-confirm .modal-dialog {
        max-width: 350px;
    }
}

.Subcategory_menu_ItemsWrap .navbar-toggler {
    background-color: #e6e6e6;
}

    .Subcategory_menu_ItemsWrap .navbar-toggler:focus {
        box-shadow: none;
    }

.navbar-collapse.Subcategory_menu_ItemsWrap {
    flex-wrap: wrap;
}








.cartListing_itemdsc_sec {
    max-width: calc(100% - 86px);
}

    .cartListing_itemdsc_sec .orderingting_itemInfoWrap {
        max-width: calc(100% - 152px);
    }

    .cartListing_itemdsc_sec .orderingPriceDate li {
        flex-wrap: nowrap;
    }

    .cartListing_itemdsc_sec .ItemdeliveryInfoWrap {
        width: 152px;
    }

    .cartListing_itemdsc_sec .orderingitems_itemInfo.orderingPriceDate li span {
        text-align: left;
    }

        .cartListing_itemdsc_sec .orderingitems_itemInfo.orderingPriceDate li span:first-child {
            width: 72px;
        }

    .cartListing_itemdsc_sec .Quick_Delivery_mode a.active {
        background-color: #fff2d9;
    }
/*Category datalist page sortby and grid*/

.filter_wrapsec .gridview .three-grid-container, .filter_wrapsec .gridview .five-grid-container {
    border: 1px solid #c4c4c4;
    padding: 3px;
    width: 36px;
    background-color: #fff;
}

.filter_wrapsec .gridview .three-grid, .filter_wrapsec .gridview .five-grid {
    height: 15px;
    width: 27px;
    background-image: linear-gradient(90deg,#c4c4c4 7px,#c4c4c4 0,#fff 0,#fff 0);
    cursor: pointer;
    background-size: 10px 10px;
}

.three-grid-container.active .three-grid, .five-grid-container.active .five-grid {
    background-image: linear-gradient(90deg,#939393 7px,#939393 0,#fff 0,#fff 0);
    cursor: default;
}

.filter_wrapsec .gridview .five-grid-container {
    width: 55px;
}

.filter_wrapsec .gridview .five-grid {
    width: 47px;
}

#payment-request {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

    #payment-request > div{
        width: 100%;
    }

    #payment-request iframe {
        height: 63px; /*calc(56px) !important;*/
    }

@media (min-width: 1199px) {
    .itemsListing.three-gridview li {
        width: calc(33.33% - 16px);
    }
}

.payment_processing_msg {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #DFDEDE;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 2rem;
}

.mrch_logo {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

.Welcome_title .mrch_logo {
    margin-top: 8px;
}

.mrch_logo img {
    max-height: 45px;
    max-width: 160px;
}

.mrch_logo .mobilelogo, .inst_applist .mobilelogo {
    display: none;
}

.mrch_logo .logotext, .inst_applist .logotext {
    padding: 0;
    height: auto;
    border-radius: 0;
    background: transparent;
    font-size: 18px;
    width: 100%;
    color: #7cbf21;
    white-space: unset;
    display: inline-block;
    text-align: center;
}

    .mrch_logo .logotext i, .inst_applist .logotext i {
        display: none;
    }

.swiper-wrapper {
    list-style: none;
}

.paginationwrap {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

    .paginationwrap .swiper-pagination {
        position: relative;
        bottom: 0px;
        width: auto;
        pointer-events: auto;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 50px;
        padding: 5px 10px;
        line-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .paginationwrap .swiper-pagination-bullet {
        width: 15px;
        height: 6px;
        border-radius: 20px;
        opacity: 0.4;
        background: #FFFFFF;
        transition: all 0.5s ease 0s;
    }

        .paginationwrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 26px;
            opacity: 1;
        }
/*lightbox*/
.lg-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.verificationStripError {
    font-size: 10px;
    color: red;
    position: absolute;
    bottom: -15px;
}