@font-face {
    font-family: 'poppins-400';
    src: url('../fonts/poppins-woff/Poppins-Regular.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins-500';
    src: url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins-normal';
    src: url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Medium.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins-bold-700';
    src: url('../fonts/poppins-woff/Poppins-Bold.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Bold.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins-bold-800';
    src: url('../fonts/poppins-woff/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-ExtraBold.woff2') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins-bold-900';
    src: url('../fonts/poppins-woff/Poppins-Black.woff2') format('woff2'), url('../fonts/poppins-woff/Poppins-Black.woff2') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter-bold-700';
    src: url('../fonts/inter/Inter-Bold.woff2') format('woff2'), url('../fonts/inter/Inter-Bold.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter-400';
    src: url('../fonts/inter/Inter-Regular.woff2') format('woff2'), url('../fonts/inter/Inter-Regular.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inter-500';
    src: url('../fonts/inter/Inter-Medium.woff2') format('woff2'), url('../fonts/inter/Inter-Medium.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'comic-700';
    src: url('../fonts/comic/ComicNeue-Bold.woff2') format('woff2'), url('../fonts/comic/ComicNeue-Bold.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --99-yellow: #FACC15;
    --99-orange: #F97C16;
    --99-green: #064D3B;
    --99-dark-grey: #44403C;
}

body {
    font-family: 'poppins-normal', sans-serif;
}

p {
    font-family: 'poppins-normal', sans-serif;
}

a {
    color: var(--99-orange);
    text-decoration: none;
    cursor: pointer;
}

* {
    box-sizing: border-box;
}

.gap-2 {
    gap: 8px;
}

.primary-99-btn {
    border-radius: 16px;
    background: var(--99-orange);
    color: #FFF7ED;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    padding: 10px 24px;
    transition: all ease-in-out 0.3s;
}

.primary-99-btn:hover {
    border: 1px solid var(--99-orange);
    background: transparent;
    color: #FFF;
}

.primary-transparent-99-btn {
    border-radius: 16px;
    border: 1px solid var(--99-orange);
    background: transparent;
    color: var(--99-orange);
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    padding: 10px 24px;
    transition: all ease-in-out 0.3s;
}

.primary-transparent-99-btn:hover {
    border: 1px solid var(--99-orange);
    background: var(--99-orange);
    color: #FFF;
}

.primary-transparent-99-btn {
    color: var(--99-orange);
    text-align: center;
    font-family: poppins-normal;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    border-radius: 16px;
    border: 1px solid var(--99-orange);
    background: transparent;
    padding: 10px 24px;
    transition: 0.3s ease-in-out;
}

.primary-transparent-99-btn:focus {
    background: #df6e11;
    outline: 2px solid var(--99-yellow) !important;
    color: #FFF;
}

.primary-transparent-99-btn:hover {
    background: #df6e11;
    outline: 2px solid var(--99-yellow) !important;
    color: #FFF;
}

.primary-transparent-99-a {
    color: var(--99-orange);
    text-align: center;
    font-family: poppins-normal;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    border-radius: 16px;
    border: 1px solid transparent;
    background: transparent;
    padding: 10px 24px;
    transition: 0.3s ease-in-out;
}

.primary-transparent-99-a:hover {
    border: 1px solid var(--99-orange);
    background: transparent;
    color: var(--99-orange);
}

.primary-transparent-99-a:focus {
    border: 1px solid var(--99-orange);
    background: var(--99-orange);
    color: #FFF;
}

a.primary-transparent-99-a:hover {
    text-decoration: none;
    border: 1px solid var(--99-orange);
    background: transparent;
    color: var(--99-orange);
}

a.primary-transparent-99-a:focus {
    border: 1px solid var(--99-orange);
    background: var(--99-orange);
    color: #FFF;
}

.country-selector a {
    font-family: 'poppins-bold-700';
    color: #121416;
}

.wg-drop.country-selector .wgcurrent {
    border: none;
}

.country-selector a:hover {
    color: #f37613 !important;
}

.wg-drop.country-selector .wgcurrent {
    border-radius: 8px;
    border: none;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.wg-drop.country-selector ul {
    border-radius: 8px;
}

.wg-drop.country-selector li:first-child {
    border-bottom: solid 1px rgb(208 208 208);
}

.mw-600 {
    max-width: 600px;
}

/** Header part **/
header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11111111111111;
    animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.header-form {}

.header {
    padding: 5px 0px;
    gap: 6px;
    background: #FAFAF9;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.navbar-nav .nav-link {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding-right: 16px !important;
}

.navbar-nav .nav-link:hover {
    color: var(--99-orange) !important;
    transition: 0.3s ease-in-out !important;
}

.header .container {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.header-01 {
    display: none;
}

.header-001 {
    display: none;
}

.header {
    background: #FAFAF9;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.dropdown-toggle::after {
    display: none;
}

.fa-chevron-down:before {
    color: rgba(120, 113, 108, 1) !important;
}

.badge-light {
    position: absolute;
    z-index: 1;
    top: 0px;
    transform: translate(28px, 18px);
    background: #A855F7 !important;
    border-radius: 12px;
    padding: 3px 7px;
    color: #ffffff;
    font-size: 11px;
    font-family: 'poppins-normal';
}

/** headder alert **/
.alert-box-01 {
    position: absolute;
    z-index: 1111;
    right: 0;
    max-width: 455px !important;
}

.alert-box-01 p {
    color: #5F6368;
    font-family: 'poppins-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.09px;
}

.alert-box-01 .top-con {
    background: #FFF;
    border-bottom: solid 2px #efefef;
}

.alert-box-01 .btm-cont {
    padding: 10px 0px;
}

.alert-box-01 .alert {
    padding: 0.75rem 1rem !important;
}

.alxn {
    border-radius: 50%;
}

.gap-12 {
    gap: 10px;
}

.alert-dismissible .close {
    position: absolute;
    top: 24px;
    right: 16px;
    padding: 0 !important;
    color: #000;
    font-size: 33px;
}

.btm-cont h5 {
    color: #3C4043;
    font-family: 'poppins-normal';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.09px;
}

.btm-cont a {
    font-family: 'poppins-bold-700';
}

.ngf:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.bg-white-01 {
    background-color: white;
    border-color: #fff;
    border-radius: 15px;
}

/* category */
.category-items {
    padding: 5px 0px 0px 0px !important;
    position: absolute;
    top: 65px;
    left: 11%;
    background: #fff;
    /**  height: 220px; **/
    z-index: 999;
    width: 83%;
    border-radius: 15px;
    display: none;
    padding: 20px 10px;
    box-shadow: 0px 4px 6px -2px rgba(41, 37, 36, 0.08), 0px 10px 15px -3px rgba(41, 37, 36, 0.16);
}

.p-nav-12 {
    font-size: 12px;
}

.category-active {
    display: block;
}

.dd-item {
    border-bottom: solid 1px rgb(208 208 208);
}

.sub-nav:hover {
    background: none !important;
}

.sub-nav {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding: 7px 12px !important;
    border-bottom: solid 1px rgb(208 208 208);
}

.sub-nav:last-child {
    border-bottom: 0px;
    padding: 7px 12px 0px 12px !important;
}

.dd-box {
    border-radius: 8px;
    background: var(--base-white, #FFF);
    box-shadow: 0px 4px 6px -2px rgba(41, 37, 36, 0.08), 0px 10px 15px -3px rgba(41, 37, 36, 0.16);
    width: 220px;
    border: none !important;
}

.btn-promo {
    background: #FEF9C2;
    border-radius: 15px;
    height: max-content;
    padding: 3px 20px 0px 0px;
    width: 20%;
}

.btn-promo:hover {
    text-decoration: none;
}

.btn-promo p {
    margin-bottom: 0 !important;
    color: rgba(113, 63, 18, 1) !important;
}

.btn-promo a:hover {
    text-decoration: none !important;
}

.btn-promo:hover {
    background: #f9f194;
}

.btn-promo-01:hover {
    background: #e1e1e1;
}

.btn-promo-01 {
    background: #F5F5F3;
    border-radius: 15px;
    height: max-content;
    padding: 3px 20px 0px 0px;
    width: 20%;
}

.btn-promo-01 img {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.btn-promo-01 a:hover {
    text-decoration: none !important;
}

.btn-promo-01:hover {
    text-decoration: none;
}

.btn-promo-01 p {
    margin-bottom: 0 !important;
    color: var(--99-dark-grey) !important;
}

.gap-category {
    gap: 20px;
}

.gap-category p {
    font-size: 12px;
}

/* category ends */
/** Header part end **/
/** Bottom header **/
.bottom-header {
    background: #FFF;
    padding: 10px 8px !important;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.header-location {
    border: solid #E7E5E4 1px !important;
    padding: 4px;
    border-radius: 50%;
    width: 33px;
}

.enter-address-div {
    border-radius: 16px;
    border: 2.5px solid;
    /* border-color: #059669; */
    border-color: var(--99-orange);
    padding: 3px;
    width: auto;
}

.w-66{
    width: 66%;
}

.enter-address-div {
    /* border-color:  #059669; */
    border-color: var(--99-orange);
    /* min-width: 420px; */
    width: 34%;
}

.enter-address-div .header-form {
    flex: 1;
    min-width: 0;
}

.enter-address-div.typing {
    border-color: #059669;
}

.enter-address-div.error {
    border-color: #E11D48;
}

.enter-address-div label.error {
    position: absolute;
    display: inline;
    margin-left: 4px;
}

.enter-address-div .form-control:disabled {
    background: transparent;
}

.enter-address-div .bottom-header .form-control:focus-visible {
    box-shadow: none;
}

.enter-address-div .bottom-header .form-control:focus-within {
    box-shadow: none;
}

.enter-address-div .form-control:focus,
.enter-address-div .form-control {
    background: transparent !important;
}

.enter-address-div .header-form-ph {
    font-size: 12px !important;
}

.header-form {
    margin: 0px !important;
    flex: 1 1 0;
    min-width: 0;
}

.mltpl-hdr .hdr-cont {
    gap: 5px;
    width: 40%;
    /* flex: 1 1 0; */
    min-width: 0;
    /* width: 310px; */
}

.mltpl-hdr .trk-img {
    height: 32px;
    width: 32px;
}

.mltpl-hdr .progress {
    /* width: 230px; */
    width: 100%;
    height: 10px;
    border-radius: 50px;
    background: #FED7AA;
}

.mltpl-hdr .progress-bar {
    background: var(--99-orange);
}

.mltpl-hdr .header-form-ph {
    color: #1C1917 !important;
}

.mltpl-hdr .fs-self {
    font-size: 14px;
    color: #44403C;
    font-family: 'poppins-400';
}

.mltpl-hdr .fs-self1 {
    font-family: 'poppins-normal';
    font-size: 14px;
    font-weight: 500;
}

.header-form-ph {
    padding-left: 7px !important;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    color: #393736;
    border: none !important;
    font-family: 'poppins-400';
    font-size: 14px !important;
    box-shadow: none !important;
    margin: 0 !important;
    height: 32px !important;
}

.pac-container {
    min-width: 380px !important;
    z-index: 2147483647 !important;
}

.pac-item {
    white-space: normal !important;
    line-height: 1.4 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.pac-item-query {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

/* .header-form-ph:focus {
  background-color: #fff !important;
  border: none !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
}

.header-form-ph:active {
  background-color: #fff !important;
  border: none !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
}

.header-form-ph:hover {
  background: #fdfdfd !important;
  box-shadow: 0px 1px 8px 0px rgba(41, 37, 36, 0.08), 0px 1px 4px 0px rgba(41, 37, 36, 0.20) !important;
} */

header .anch-text-1 {
    font-family: 'poppins-normal' !important;
    font-weight: 500 !important;
}

.anch-text-1 {
    font-family: 'poppins-400' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: var(--99-orange) !important;
}

.anc-txt-hdr a {
    text-decoration: none;
    padding: 0px 0px;
}

.anc-txt-hdr:hover {
    background: rgba(249, 124, 22, 0.23);
    padding: 0px 0px;
    border-radius: 10px;
    transition: 0.3s ease-in-out !important;
}

.gap-80 {
    gap: 65px;
    flex-wrap: wrap;
}

.gap-6 {
    gap: 8px;
    flex-wrap: wrap;
}

.trk-img {
    width: 31px;
    height: 31px;
}

.bottom-header .hdr-cont .progress-01 {
    width: 225px;
    height: 13px;
    background: #FED7AA;
    border-radius: 50px;
}

.bottom-header .hdr-cont .orng-prog {
    display: -ms-flexbox;
    display: flex;
    height: 12px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #fed7aa !important;
    border-radius: 2.25rem;
}

.bottom-nav {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

/** Off canvas sidnav Mobile **/
/* side-bar */
.sidebar {
    background: #fff;
    backdrop-filter: blur(15px);
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -100%;
    overflow-y: auto;
    transition: 0.6s ease;
    transition-property: left;
    z-index: 1111111;
    overscroll-behavior: none;
}

.sidebar.sidebar-active {
    left: 0;
}

.sidebar::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.sidebar::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.sidebar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.sidebar .mbl-nav h4 {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    /* 133.333% */
}

.sidebar .menu {
    width: 100%;
    margin-top: 0px;
    overscroll-behavior: none;
}

.sidebar .menu .item {
    position: relative;
    cursor: pointer;
}

.sidebar .menu .item a {
    align-items: center;
    gap: 10px;
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding: 18px 25px;
    text-decoration: none;
    display: flex;
    /* box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05); */
}

.sidebar .menu .item i {
    margin-right: 15px;
}

.sidebar .menu .item a .dropdown {
    position: absolute;
    right: 0;
    margin: 5px 15px;
    transition: .3s ease;
}

.sidebar .menu .item .sub-menu {
    background: rgba(255, 255, 255, 0.1);
    display: none;
}

.sidebar .menu .item .sub-menu a {
    /* padding-left: 80px; */
    padding: 10px 10px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.rotate {
    transform: rotate(90deg);
}

.close-btn {
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
    cursor: pointer;
}

.menu-btn {
    position: absolute;
    color: #000;
    font-size: 22px;
    margin: 25px;
    cursor: pointer;
}

/* side-bar */

.sub-btn-01 {
    position: sticky;
    top: 0px;
    background: #FFF;
    z-index: 99;
}

.sub-menu-inner-card {
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.sub-menu-inner-card .cat-card {
    background: #F5F5F4;
    border-radius: 12px;
    padding: 12px;
    height: 100px;
    width: 100px;
}

.sub-menu-inner-card .cat-card .cat-title {
    font-size: 9px;
    color: #713F12;
    line-height: 110%;
    font-weight: 400;
    text-align: center;
    max-width: auto;
}

.sub-menu-inner-card .cat-title {
    font-size: 10px;
    line-height: 110%;
    text-align: left;
    width: 70px;
}

.sub-menu-inner-card .cat-count {
    font-size: 8px;
    line-height: 110%;
    text-align: left;
    color: #7d7b7b;
}

.sub-menu-inner-card .cat-img img {
    max-height: 48px;
}

/** Off canvas mobile sidenav **/
/** Bottom header **/
/** Generic for Tags **/
.t-grey {
    background: #F5F5F4 !important;
    border: 1px solid #D6D3D1 !important;
    color: #78716C !important;
}

.t-green {
    background: #ECFCCB !important;
    border: 1px solid #BEF264 !important;
    color: #365314 !important;
}

.t-blue {
    background: #DBEAFE !important;
    border: 1px solid #93C5FD !important;
    color: #1E3A8A !important;
}

.t-yellow {
    background: #FEF9C3 !important;
    border: 1px solid #FDE047 !important;
    color: #713F12 !important;
}

.t-red {
    background: #FFE4E6 !important;
    border: 1px solid #FDA4AF !important;
    color: #881337 !important;
}

.t-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #881337 !important;
}

/** Generic fotr Tags ended**/
/** Homepage CSS **/
.my-hm-sec {
    /* background: url(../image/new-99-banner.png) right center / cover no-repeat !important; */
    background-color: var(--99-green);
    border-bottom: 8px solid var(--99-yellow);
    display: flex;
    align-items: center;
    background-size: cover;
}

.main-wrapper-home {
    border-bottom: 8px solid var(--99-yellow);
    display: flex;
    align-items: center;
    background-size: cover;
}

.cnt-hm {
    background-position: right center;
}

.main-wrapper-home .cnt-hm .row {
    align-items: center;
}

.my-hm-sec .cnt-hm .mw-600 {
    max-width: unset;
}

.ban-top-img {
    width: 450px;
}

.cnt-hm .col-md-5 img {
    width: 450px;
}

.search-icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.home-form {
    padding-left: 35px !important;
    border-radius: 8px !important;
    border: 1px solid #E7E5E4 !important;
    background: #FFF !important;
    color: #A8A29E;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.cnt-hm .frm-grp-80 {
    width: 80%;
}

.frm-grp-75 {
    width: 80%;
}

.home-form {
    color: var(--99-dark-grey)
}

.btn-search {
    background: var(--99-orange);
    color: #FFF7ED;
    font-family: 'inter-400';
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    border-radius: 16px;
    padding: 14px 32px;
    margin-left: 5px;
}

/**home categories start **/
/** Updated FR Categories fixed **/
.product-section .container {
    width: 100%;
    overflow: scroll;
    padding: 0 15px 0px;
    overflow-y: unset !important;
}

.cat-container::-webkit-scrollbar {
    /** set the height of scrollbar for desktop**/
    height: 8px !important;
    color: #727272 !important;
    background: #e5e5e5 !important;
}

.cat-container ::-webkit-scrollbar {
    width: 04px !important;
}

.cat-container ::-webkit-scrollbar {
    width: 04px !important;
}

.cat-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #727272 !important;
}

.col-bnfts-box::-webkit-scrollbar {
    width: 3px !important;
}

.col-bnfts-box ::-webkit-scrollbar {
    width: 3px !important;
}

section .nav-cat-section {
    padding: 0px !important;
}

section.product-section {
    /**  padding: 30px 0 15px; **/
    padding: 12px 0px 0px 0px !important;
}

ul.product-listing {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    width: 225%;
    grid-gap: 15px;
}

.nav-cat-section ul.product-listing li a {
    width: 200px;
}

ul.product-listing li a {
    padding: 0px 10px 0 0;
    width: 216px;
    background: #F5F5F4;
    border: solid 2px #f5f5f4;
    font-family: 'poppins-normal' !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.30px;
    text-align: left;
    display: flex;
    align-items: center;
    color: #1C1917;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    word-break: break-word;
}

ul.product-listing li a:hover {
    background: #e1e1e1;
}

ul.product-listing li a img {
    width: 50px;
    margin: 0 9px 0 0;
}

ul.product-listing li {
    width: 8.5%;
}

ul.product-listing li a.active img {
    transform: rotate(39deg);
}

ul.product-listing li a.active {
    background: #FEF9C3;
    color: #713F12;
    margin-right: -10px;
    font-size: 16px;
}

ul.product-listing li a.active:hover {
    background: #f9f194;
}

/** Updated FR Categories fixed  ends**/
/** Updated CSS and Radio fixes by FR  **/
.radio-style {
    position: relative;
    padding: 0;
}

.radio-style [type="radio"] {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.radio-style .form-check-input[type="radio"]+label {
    width: 100%;
    background-color: transparent;
    font-family: 'poppins-normal';
    padding: 10px;
    color: #F97C16;
    margin: 0 0 10px;
    border: 1px solid #E7E5E4;
    border-radius: 8px;
    box-shadow: 2px 2px 3px #E7E5E4;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
}

.spec-white {
    color: #ffffff !important;
}

/**
  .myerroralert{
    padding-top:0;
    padding-bottom:0;
    margin-bottom: 0;
  }
  **/
#myerroralert {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

#mysuccssalert {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

/** Updated CSS and Radio fixes FR  end**/
.category-items-list {
    list-style: none;
    flex-wrap: wrap;
    row-gap: 0px;
    column-gap: 22px;
}

.category-items-list .category-list-active {
    margin-top: 15px;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
    background: #FEF9C2;
    border-radius: 15px;
    font-size: 12px;
    text-decoration: none;
    color: rgba(113, 63, 18, 1) !important;
    width: 195px;
}

.category-items-list .category-img {
    border-bottom-left-radius: 15px;
    width: 48px;
    height: 48px;
}

.category-items-list .list-01 {
    margin-top: 15px;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
    background: #F5F5F3;
    border-radius: 15px;
    font-size: 12px;
    text-decoration: none;
    color: #44403C !important;
    width: 195px;
}

.list-01:hover {
    background: #e1e1e1;
}

.see {
    font-family: 'poppins-normal';
    color: var(--99-orange);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    cursor: pointer;
}

/**home categories ends **/
.section-3 {
    background: #ffe6e6;
    padding-bottom: 40px;
}

.pymnt-imgs {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
}

.cta-box {
    padding: 40px 0px 20px 0px;
}

.prod-listing h3 img {
    display: none;
}

.cta-box .home-prom {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}

.prom-img-bnr .desk-ban-img {
    width: 100%;
    border-radius: 12px;
    margin: 20px 0px 10px 0px;
}

.prom-img-bnr .d-none-lg {
    display: none;
}

.hero-heading-2 {
    font-family: 'poppins-bold-800';
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px;
    /* 116.667% */
    background: linear-gradient(92deg, #FEF08A 1.03%, #FACC15 86.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prom-btn {
    display: none;
    color: var(--base-primary-600, #EA610C);
    text-align: center;
    font-family: 'inter-500';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    border-radius: 16px;
    background: #FFF;
    padding: 14px 32px;
    position: absolute;
    transform: translate(0px, 99px);
}

.prom-btn-sa {
    background: #ea610b;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1px;
    border-radius: 16px;
    padding: 14px 32px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.prom-btn-sa:hover {
    color: #065133;
    text-decoration: none;
}

.w-25 {
    width: 25% !important;
}

.small-flex {
    flex-wrap: wrap;
}

.prod-img-hm {
    background-color: #fff;
    margin: 0px 6px;
    border-radius: 4px;
}

.home-prod-img img {
    width: 262px;
    height: auto;
    padding: 0px 8px;
    cursor: pointer;
}

.prod-img-hm {
    width: 262px;
    height: auto;
    padding: 0px 8px;
    cursor: pointer;
}

.prod-price {
    color: #EA610C;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    cursor: pointer;
    /* 127.273% */
}

.prod-nm {
    color: #44403C;
    text-overflow: ellipsis;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    cursor: pointer;
    /* 127.273% */
}

/** How it works section start **/
.how-itw p {
    color: #78716C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

/** updated hiw**/
.internal-row .content h5 {
    color: #44403C;
    text-align: center;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding-top: 8px;
}

.internal-row .main-content {
    display: flex;
    gap: 1.2rem;
    margin-top: 2rem;
    padding-left: 0.5rem;
    justify-content: center;
}

.internal-row .inner-box {
    display: block;
    width: 100%;
}

.internal-row .inner-box .icon {
    /** width: 30%; **/
    position: relative;
    width: 100%;
    height: 80px;
    vertical-align: middle !important;
    line-height: 80px;
    margin-bottom: 20px;
}

.internal-row .inner-box .icon::after {
    content: "";
    position: absolute;
    top: 33px;
    bottom: 0;
    left: 200px;
    width: 160px;
    border-top: 2px solid var(--99-orange);
    box-sizing: border-box;
}

.main-content .inner-box .content {
    padding-top: 10px;
}

.internal-row .inner-box:last-child .icon::after {
    display: none;
}

/** updated hiw**/
.prod-lst {
    padding: 0px 0px 20px 0px;
}

.internal-row {
    text-align: center;
}

.internal-row img {
    width: 80px;
    height: auto;
}

.internal-row .col-box h3 {
    color: #44403C;
    text-align: center;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
}

.bnfts .col-12 p {
    color: #78716C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.mw-600 .hdng-nd-con {
    max-height: max-content !important;
    height: max-content !important;
}

.bnfts {
    margin-top: -5px;
}

.col-bnfts-box {
    height: 610px;
    max-height: 620px;
    border-radius: 24px;
    background: #FFEDD5;
    padding: 35px 40px 40px 40px;
    margin: 12px 0px;
}

.col-bnfts-box .hdng-nd-con {
    max-height: max-content;
    height: 150px;
    overflow-y: scroll;
}

.col-bnfts-box ::-webkit-scrollbar {
    width: 02px;
}

.col-bnfts-box h3 {
    color: #44403C;
    text-align: left;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
}

.col-bnfts-box p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.col-bnfts-box img {
    width: 100%;
    max-width: 270px;
    height: 391px;
    padding-top: 5px;
}

/** FAq Sec home **/
.faq-sub {
    padding-top: 15px;
}

.faqs-sec .faq-sub h3 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.faqs-sec .faq-sub p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 16px;
    padding-top: 7px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.accordion {
    display: flex;
    flex-direction: column;
    max-width: 1010px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 25px;
    /* padding: 45px 90px 45px 60px; */
}

.accordion {
    overflow-anchor: none;
}

.accordion .accordion-text {
    width: 100%;
}

.accordion .accordion-text .faq-text {
    margin-top: 8px;
    /* height: 263px; */
    overflow-y: auto;
}

.accordion .accordion-text li {
    list-style: none !important;
    cursor: pointer;
}

.accordion-text li .question-arrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faqs-sec ul {
    list-style-type: none;
}

.faqs-sec .accordion-text li .question-arrow .question {
    color: #44403C !important;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    transition: all 0.3s ease;
    padding: 10px 0px;
    cursor: pointer;
}

.faqs-sec .faq-mn {
    padding-top: 0px !important;
    margin-top: -35px;
}

.faq-part .faq-text p {
    font-family: 'poppins-400';
    color: #78716C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.accordion-text li .question-arrow .arrow {
    font-size: 20px;
    color: #595959;
    transition: all 0.3s ease;
    cursor: pointer;
}

/** Homepage CSS ends **/
/** Faqs page start **/
.main-wrapper-faq {
    background: #F5F5F4;
    border-bottom: 8px solid var(--99-yellow);
    display: flex;
    align-items: center;
    padding-top: 3.5rem;
    padding-bottom: 3rem;
}

.main-wrapper-faq p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.main-wrapper-faq h1 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.faqs-sec .faq-part h2 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}

.faq-page .faqs-sec .accordion-text li .question-arrow .question {
    color: #44403C !important;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.3s ease;
    padding: 7px 0px;
    cursor: pointer;
}

/** Faqs page end **/
/** TOS page **/
.tos h2 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.tos p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.tos h3 {
    color: #44403C;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}

.tos .row a {
    color: var(--99-orange);
    text-decoration: none;
}

.tos li {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

/** tos page ends **/
/** System Direct **/
.sys-dir h2 {
    color: #000;
    text-align: center;
    font-family: 'comic-700';
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 100px 5px 50px 0px;
}

.sys-dir p {
    color: var(--99-orange);
    text-decoration: none;
    text-align: center;
    font-family: 'comic-700';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px 5px;
}

.sys-dir a {
    color: var(--99-orange);
    text-decoration: none;
}

.sys-dir h5 {
    color: #78716C;
    text-align: center;
    font-family: 'comic-700';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10rem 0.5rem 1rem 0.5rem;
}

/** System Direct **/
/** privacy policy **/
.prvcy-pp h2 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.prvcy-pp p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.prvcy-pp h3 {
    color: #44403C;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}

.prvcy-pp .row a {
    color: var(--99-orange);
    text-decoration: none;
}

.prvcy-pp a {
    color: var(--99-orange);
    font-size: 14px;
}

.prvcy-pp h5 {
    color: var #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.prvcy-pp li {
    color: #78716C;
}

/** privacy policy ends **/
/** Error 404 **/
.main-errr-wrapper {
    background: #FEF9C3;
    height: 300px;
    border-bottom: 8px solid var(--99-yellow);
    display: flex;
    align-items: center;
}

.main-errr-wrapper p {
    color: #CA8B04;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(41, 37, 36, 0.08), 0px 1px 3px rgba(41, 37, 36, 0.16);
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
    margin-bottom: 0;
}

.main-errr-wrapper h1 {
    color: #CA8B04;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(41, 37, 36, 0.08), 0px 1px 3px rgba(41, 37, 36, 0.16);
    font-family: 'inter-bold-700';
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 80px */
}

.err-pg-rw h3 {
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.err-pg-rw p {
    color: #44403C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.brdr-lss-btn {
    color: var(--99-orange);
    text-align: center;
    height: 48px;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    border-radius: 16px;
    text-align: center;
    margin-top: 10px;
}

.bottom-grn-footer {
    margin-top: 220px;
    border-top: 8px solid var(--99-yellow);
    padding: 15px 10px;
    background: var(--99-green);
}

.footer-logo {
    height: auto;
    width: 250px;
    padding-top: 2rem;
    margin-left: 3rem;

}

.cta-form img {
    width: 20px;
}

.cta-form .ftr-fld {
    width: 20px;
}

.bottom-grn-footer p {
    color: #FFF;
    font-family: 'poppins-normal';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
    margin: 0px;
}

.bottom-grn-footer .lst-chld p {
    text-align: right;
}

.bottom-grn-footer a {
    color: #FFF;
    font-family: 'poppins-normal';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
    text-decoration: none;
}

/** Product listing page **/
.plp-sec {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.hero-heading-plp {
    color: #FFF;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.d-none-large {
    display: none;
}

.d-none-inl-lg {
    display: none !important;
}

.w-33 {
    width: 33.3% !important;
}

.plp-cntnr .plp-rw .nav-tabs a.nav-link {
    transition: all 0.3 ease-in-out;
}

.plp-cntnr .plp-rw .nav-tabs a:hover {
    text-decoration: none !important;
    color: var(--99-orange) !important;
    border: none !important;
}

.plp-cntnr .plp-rw .nav-tabs .nav-link:hover {
    color: var(--99-orange) !important;
}

.sticky1 {
    position: sticky;
    margin-left: 10px;
    top: 62px;
}

/** product action on product card **/
.product-action {
    width: 92%;
    display: block;
    margin: 10px auto;
}

.btn-add {
    background: var(--99-orange);
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-add:hover {
    background: #e96f00;
    color: #fff;
}

/* QUANTITY WRAPPER (for animation) */
.quantity-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: all 0.35s ease;
}

.quantity-wrapper.active {
    min-height: 38px;
}

/* SEGMENTED BOX */
.quantity-box {
    display: flex;
    justify-content: space-between;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    min-height: 37px;
}

.qty-segment {
    border: none;
    background: #f8f9fa;
    width: 33%;
    font-size: 16px;
    transition: 0.2s;
}

.qty-segment:focus {
    outline: 1px dotted;
    outline: none !important;
    border: none !important;
}

.qty-segment:hover {
    background: #e9ecef;
}

.qty-number {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/* Delete icon style */
.delete {
    color: #78716C;
}

/** product action on product card **/

.nav-tabs {
    border-bottom: 0px solid transparent !important;
}

.nav-tabs .nav-item {
    margin-bottom: -2px;
}

.filter-link {
    list-style: none;
}

.filter-link li a {
    line-height: 50px;
    color: #6C849B;
}

/** New latest pagination starts **/
.pagination {
    border-radius: 16px;
    gap: 16px;
    background: var(--base-neutral-100, #F5F5F4);
}

.page-item.active .page-link {
    border-radius: 16px !important;
    background: var(--base-neutral-200, #E7E5E4);
    padding: 10px 24px !important;
    z-index: 1;
    color: #292524 !important;
    background-color: #E7E5E4 !important;
    border-color: #f97c16 !important;
    border: none;
}

.page-link {
    position: relative;
    display: block !important;
    padding: 0.6rem 0.5rem !important;
    margin-left: -1px;
    line-height: 1.25 !important;
    color: #f97c16 !important;
    background-color: transparent !important;
    border: 0px solid #dee2e6 !important;
}

/** New latest pagination ends **/
.filter-link a li:hover {
    border-left: solid yellow 1px !important;
    counter-reset: red;
}

/**pagination part **/
.d-flex-001 {
    display: flex;
}

.plp-sec {
    background: #064D3B !important;
}

/* tabs start */
/** New Tab CSS **/
/* tabs css start */
.plp-cntnr .plp-rw .nav-tabs {
    flex-direction: column;
    gap: 15px !important;
    padding-left: 30px;
}

.main-cat-text {
    font-size: 17px;
    font-family: 'poppins-bold-700';
    font-weight: 600;
}

.plp-cntnr .plp-rw .nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    text-transform: uppercase !important;
    border-bottom: 0px solid !important;
    color: var(--99-orange) !important;
    border-top: 0px solid !important;
    border-left: 3px solid var(--99-orange) !important;
    border-right: 0px solid !important;
    color: var(--base-primary-600, #EA610C);
    text-align: left;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    text-align: left !important;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    border-radius: 0px !important;
    outline: none !important;
}

.plp-cntnr .plp-rw .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    text-transform: uppercase !important;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    background: transparent;
    outline: none !important;
    text-align: left !important;
}

.plp-cntnr .plp-rw .nav-tabs {
    border-bottom: none !important;
}

/** product listing page ends**/
/** Payment gateway **/
.pmnt-gtwy h2 {
    color: #1E3A8A;
    text-align: center;
    font-family: 'comic-700';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pmnt-gtwy img {
    width: 400px;
}

.pmnt-gtwy p {
    color: #78716C;
    text-align: center;
    font-family: 'comic-700';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/** Payment gateway ends **/
/** login page **/
.main-wrapper-01 {
    background: #064D3B;
    height: 300px;
    border-bottom: 8px solid var(--99-yellow);
    display: flex;
    align-items: center;
}

.less-lp-lg {
    padding-left: 0px !important;
}

.country-code-ph {
    position: absolute;
    left: 0;
    transform: translate(66px, -34px);
    font-size: 14px;
}

.country-ph {
    padding-left: 2.5rem !important;
}

.hero-heading {
    color: var(--99-yellow);
    text-align: center;
    font-family: 'poppins-bold-900';
    font-size: 33px;
    font-style: normal;
    font-weight: 900;
    line-height: 38px;
    /* 122.222% */
}

.ph-login .p-12 {
    margin-top: 8px;
}

.ph-login .p-12 a {
    color: var(--99-orange);
}

.desc {
    font-family: 'poppins-400';
}

.hero-anker {
    color: var(--99-orange);
    text-decoration: none;
}

.hero-anker:hover {
    color: #df6e11;
    text-decoration: none;
}

.box-border {
    border-radius: 16px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    padding: 40px;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.box-border h3 {
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
}

.loc-small-column {
    cursor: pointer;
    position: relative;
}

.slots-label {
    cursor: pointer;
}

.loc-small-column.w-ffty:hover {
    border: 1px solid #FDBA74;
    background: #FFEDD5;
}

.loc-small-column.selected-store-div {
    border: 1px solid #FDBA74;
    background: #FED7AA;
    position: relative;
    cursor: pointer;
}

.loc-small-column.selected-store-div::after {
    content: "✔";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--99-orange);
    font-weight: bold;
}

.payment-method-label {
    cursor: pointer;
}

.payment-method-label:hover {
    border: 1px solid #FDBA74 !important;
    background: #FFEDD5 !important;
}

.payment-method-label.selected-payment-mehtod {
    border: 1px solid #FDBA74 !important;
    background: #FED7AA !important;
    position: relative !important;
    cursor: pointer;
}

.payment-method-label.selected-payment-mehtod::after {
    content: "✔";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--99-orange);
    font-weight: bold;
}

.slots-label:hover {
    border: 1px solid #FDBA74 !important;
    background: #FFEDD5 !important;
}

.slots-label.selected-slot {
    border: 1px solid #FDBA74 !important;
    background: #FED7AA !important;
    position: relative !important;
}

.selected-slot:after {
    content: "✔";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--99-orange);
    font-weight: bold;
}

.payment-method-label .payment-method-icon {
    height: 40px !important;
    height: auto;
    object-fit: contain;
    margin-left: 10px;
    margin-right: 10px;
}

.pymnt-imgs img {
    height: 40px !important;
    margin-left: 10px;
    margin-right: 10px;
}

.payment-method-label:hover {
    border: 1px solid #FDBA74 !important;
    background: #FFEDD5 !important;
}

.payment-method-label.selected-payment-method-label {
    border: 1px solid #FDBA74 !important;
    background: #FED7AA !important;
    position: relative;
    cursor: pointer;
}

.selected-payment-method-label:after {
    content: "✔";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--99-orange);
    font-weight: bold;
}

.box-border p {
    color: var(--99-dark-grey);
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.btn-email {
    display: flex;
    padding: 14px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #E7E5E4;
    background: #FFF;
}

.or-txt-btn:hover {
    background: #f97c163b;
}

.or-txt {
    color: var(--99-orange);
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.nor-txt {
    color: var(--99-dark-grey);
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.img-google {
    width: 20px;
    position: absolute;
    left: 0px;
    transform: translate(15px, 0px);
}

/** for number placeholder **/
.input-phone {
    position: relative
}

.input-phone input {
    padding-left: 42px;
}

.input-phone:after,
.input-phone:before {
    color: var(--fc-gray-600);
    position: absolute;
    top: 78%;
    transform: translateY(-78%)
}

.input-phone:after {
    content: "+60 ";
    font-family: 'poppins-400' !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    color: #1C1917;
    padding-left: 10px;
    z-index: 999999;
}

#resendbtn {
    background: none;
    border: none;
    color: #df6e11;
}

/** For Phone number place holder ends **/
/** login page ends **/
/** login-email **/
.text-left {
    text-align: left;
}

.txt-lgt {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.txt4 {
    font-family: 'poppins-500';
    color: #44403C;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    padding-left: 3px;
    vertical-align: sub;
}

.form-control {
    /** color: #A8A29E; **/
    font-family: 'poppins-400';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
    display: flex;
    padding: 8px 6px 8px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    /* box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16); */
    /* margin-bottom: 8px; */
}

.form-group textarea {
    min-height: 100px;
}

select {
    font-family: 'poppins-400';
    width: 100%;
    color: #1C1917;
    background-position: right 1.75rem center !important;
    background-size: 16px 17px !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    display: flex;
    padding: 8px 6px 8px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.slct-cls select {
    background-position: right 1.75rem center !important;
}

select:focus {
    background-color: #fff;
    border: solid 1px var(--99-orange);
    outline: 0;
    /* box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%); */
}

.form-control:hover {
    background: #fdfdfd;
    border: solid 1px var(--99-orange);
}

.form-control:focus {
    background-color: #fff;
    border: 1px solid;
    border-color: var(--99-orange);
    outline: 0;
    box-shadow: none;
}

.input-group-prepend {
    width: 57px;
    /* height: 48.5px;
  position: relative;
  top: 9.8px; */
}

.col-auto.p-0 input {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.input-group>.input-group-prepend>.input-group-text {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* Remove double border between prepend and input */
.input-group .input-group-text {
    border-right: 0 !important;
}

.input-group .form-control {
    border-left: 0 !important;
}

/* Make both same height & seamless */
/* .input-group .input-group-text,
.input-group .form-control {
  box-shadow: none !important;
} */

/* Default border */
/* .input-group .input-group-text,
.input-group .form-control {
  border: 1px solid #ced4da;
} */
.error {
    color: #E11D48 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    /* line-height: 16px; */
    letter-spacing: 0.4px;
    line-height: 22px !important;
    z-index: 99;
    /* margin-top: 10px; */
}

.input-group .form-control.error {
    width: 70%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.form-control.mobile {
    width: 80%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.form-control.mobile.error {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


/* Unified focus effect */
.input-group:focus-within .input-group-text,
.input-group:focus-within .form-control {
    border-color: var(--99-orange);
}

/* Optional: smooth transition */
.input-group .input-group-text,
.input-group .form-control {
    transition: border-color 0.2s ease;
}

.form-control.error {
    border-color: #E11D48 !important;
}

/* ERROR STATE - unified red border */
.input-group .form-control.error {
    border-color: #E11D48 !important;
}

.input-group .form-control.error~.input-group-prepend .input-group-text,
.input-group .form-control.error~.input-group-text {
    border-color: #E11D48 !important;
}


/* .bottom-header .form-control:focus-within {
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
}

.bottom-header .form-control:focus-visible {
  box-shadow: 0 0 0 0.2rem rgb(149 120 237 / 27%) !important;
} */

.my-input {
    background: var(--99-orange) !important;
    height: 18px;
    width: 18px;
}

.form-check-input {
    margin-top: 0.4rem !important;
    width: 18px;
    height: 18px;
}

input[type="checkbox"]:enabled:checked {
    background-color: var(--99-orange) !important;
    color: white;
    width: 18px;
    height: 18px;
}

.anker-003 {
    padding: 14px 10px;
    color: var(--99-orange);
    text-decoration: none;
    font-size: 14px;
}

.anker-003:hover {
    background: rgba(249, 124, 22, 0.23);
    border-radius: 16px;
    padding: 14px 10px;
    color: #FA7C00;
    text-decoration: none;
}

.btn-log {
    border-radius: 16px;
    background: var(--99-orange);
    color: #FFF7ED;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    padding: 13px 24px;
}

.btn-log:hover {
    background: #df6e11;
    color: #fff;
}

.btn-log:focus-visible {
    background: #df6e11;
    outline: 2px solid var(--99-yellow) !important;
}

.btn-log:focus {
    background: #df6e11;
    outline: 2px solid var(--99-yellow) !important;
}

input.my-input {
    accent-color: var(--99-orange);
    height: 18px;
    width: 18px;
}

/** Login-email ends **/
/** login OTP **/
.fnt-bld {
    font-family: 'poppins-bold-700' !important;
    font-weight: 700 !important;
}

.otp-control {
    border-radius: 8px !important;
    border: 1px solid #E7E5E4 !important;
    background: #FFF !important;
    display: flex;
    width: 48px !important;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 4px;
    letter-spacing: 3.5px !important;
}

.otp-login .sub-btn {
    margin-top: 10px;
}

.sub-btn {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    background: #D6D3D1;
    Font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #A8A29E;
}

.sub-btn:hover {
    color: #A8A29E;
}

.sub-footer-txt {
    color: #78716C !important;
    text-align: center !important;
    font-family: 'poppins-400' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px !important;
}

/** Login OTP end **/
/** Login OTP filled start **/
.sub-footer-txt-a {
    color: var(--99-orange) !important;
    text-align: center !important;
    font-family: 'poppins-400' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px !important;
    margin: 0 !important;
}

/** Login OTP filled start ends**/
/** Account page **/
.top-hd {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.full-wdth {
    width: 100% !important;
}

.btn-need {
    color: var(--99-orange);
    font-family: 'poppins-normal';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
    border-radius: 16px;
    border: 2px solid var(--99-orange);
    padding: 8px 16px;
}

.btn-need:hover {
    text-decoration: none;
    color: var(--99-orange);
    background: rgba(249, 124, 22, 0.23);
}

.nav-tabs {
    gap: 40px !important;
    padding-left: 30px;
    border-bottom: 1px solid #dee2e6 !important;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: 3px solid var(--99-orange) !important;
    color: var(--99-orange) !important;
    border-top: 0px solid !important;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
    color: var(--base-primary-600, #EA610C);
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.nav-tabs .nav-link:hover {
    border-color: #e9ecef;
}

.nav-tabs .nav-link {
    color: #495057 !important;
}

.nav-link:hover {
    border: none;
}

.con-hd {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
}

.account-lbl {
    color: #44403C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.small-opt-btm {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.small-opt-btm {
    color: #44403C;
    font-family: 'poppins-400' !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.middle-align {
    display: block;
}

.bg-box {
    border-radius: 16px !important;
    background: #F5F5F4 !important;
    padding: 16px !important;
    align-items: center !important;
    align-self: stretch;
}

.add-loc {
    color: var(--99-orange);
    font-family: 'poppins-normal';
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
    margin-top: -22px !important;
}

.b-add {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.small-b-add {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

/** Modal CSS **/
.md-width {
    padding: 10px 10px;
    left: 30%;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    max-width: 400px;
}

.product-section .md-hd {
    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;

}

.cat-sep {
    padding: 20px 0px 0px 0px;
}

.cat-sep .cat-hdng {
    color: #44403C;
    font-family: 'poppins-bold-800';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 0px;
}

.cat-hd-mn .cat-hdng {
    color: #44403C;
    font-family: 'poppins-bold-800';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 0px;
}

.md-hd {
    color: #44403C;
    text-align: center !important;
    font-family: 'poppins-bold-800';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}

.md-hdr {
    align-items: center !important;
    -ms-flex-pack: justify !important;
    justify-content: center !important;
}

.md-footer {
    align-items: center !important;
    display: flex;
    flex-wrap: nowrap;
    width: 100% !important;
    padding: 5px 0px !important;
    justify-content: center !important;
}

.md-rd {
    border-radius: 20px !important;
    padding: 10px 5px;
}

.btn-pos {
    right: 10px !important;
    top: 18px;
    position: absolute;
}

.accnt-frm p {
    text-align: left;
}

/** Account page ends **/
/** My account filled **/
.small-anch-txt {
    color: var(--99-orange);
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    margin: 0 !important;
}

.mltpl-hdr .ff-green {
    background: rgba(190, 242, 100, 1);
}

.country-code-ph-if {
    position: absolute;
    left: 0;
    transform: translate(22px, -34px);
    z-index: 999999;
    font-size: 14px;
}

.sub-desc {
    text-align: left !important;
    color: #78716C !important;
    font-family: 'poppins-400' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    /* 133.333% */
    letter-spacing: 0.4px;
    padding-top: 5px !important;
}

input[type="checkbox"].orng-chkbx {
    accent-color: var(--99-orange);
    width: 18px;
    height: 18px;
}

input[type="checkbox"]:enabled:checked .orng-chkbx {
    background-color: #002B4E !important;
    color: #FFFFFF;
    width: 18px;
    height: 18px;
}

/** 2nd Tab History **/
.box-border-zero-padd {
    padding: 0 !important;
    border-radius: 16px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.box-header {
    background: #F5F5F4;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.box-header p {
    color: #78716C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    padding: 8px 16px;
}

.account-cell {
    border-bottom: solid 1px rgba(214, 211, 209, 1);
    padding: 10px 16px;
}

.date-content h3 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
    margin: 0;
}

.date-content p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
    margin: 0;
}

.btn-order-status {
    color: #78716C;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
    border-radius: 100px;
}

.status-green {
    border: 1px solid #BEF264;
    color: #365314 !important;
    background: #ECFCCB;
}

.status-prep {
    border: 1px solid #D6D3D1;
}

.status-comp {
    border: none;
}

.status-fail {
    color: #713F12;
    border: 1px solid #FDE047;
    background: #FEF9C3;
}

.dlv-fl .top-hd {
    font-size: 24px !important;
}

.btn-prep {
    background: #F5F5F4;
    border: 1px solid var(--base-neutral-300, #D6D3D1);
}

.btn-ready {
    background: rgba(236, 252, 203, 1);
    border: 1px solid var(--system-success-300, #BEF264);
}

.btn-df {
    background: rgba(254, 249, 195, 1);
}

.btn-oc {
    background: rgba(255, 228, 230, 1);
    border: 1px solid var(--system-danger-300, #FDA4AF);
}

.btn-comp {
    color: #78716C;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
}

.yellow-box {
    border-radius: 16px;
    border: 1px solid #FDE047;
    background: #FEF9C3;
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 32px;
    align-self: stretch;
}

.yellow-box h3 {
    color: #713F12;
    text-align: center !important;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
    margin-bottom: 0;
}

.yellow-box a {
    color: #ff0000;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
}

/** Cancel order modal **/
/* cancle order modal css starts */
.btn-oranged {
    background: var(--99-orange);
    padding: 12px;
    border-radius: 18px;
    color: #fff;
}

.btn-oranged:hover {
    color: #fff;
}

.anker {
    margin-top: 7px;
    font-weight: bold;
    text-align: center;
}

.anker a {
    color: #FA7C16;
}

.cancel-ord .modal-content {
    width: 600px;
    border-radius: 20px !important;
    margin-top: 30%;
}

.cancel-ord .modal-header {
    border-bottom: none !important;
    padding-top: 10px;
}

.cancel-ord .modal-body {
    padding: 5px 20px 25px 20px;
}

.cancel-ord .modal-body h2 {
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.cancel-ord .modal-body h4 {
    color: #44403C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

.cancel-ord .modal-body p {
    color: #78716C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
    padding-bottom: 10px;
}

.cancel-ord .anch-14 a {
    color: #EA610C;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    text-align: center;
    padding: 10px 0px;
}

/* cancle order modal css ends */
.box-border-zero-padd .account-cell:last-child {
    border-bottom: none !important;
}

/** My account filled ends**/
/** Order Empty page **/
.p-14 {
    color: #78716C !important;
    font-family: 'poppins-400' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.p-14-4 {
    color: #44403C !important;
    font-family: 'poppins-400' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    /* 142.857% */
    letter-spacing: 0.25px;
    margin-bottom: 0 !important;
}

/** Order Empty page **/
/** Checkout page **/
.selected-store-div {
    border: 3px solid var(--99-orange);
    border-radius: 10px;
    transition: all 0.2s ease;
    background: #FED7AA;
}

.mar-min {

    margin-top: -20px;

}

.p-14-7 {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.chck-pg .d-slot {
    margin-left: -50px;
}

/* Chrome, Safari, Edge, Opera */
.otp-control::-webkit-outer-spin-button,
.otp-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.otp-control[type=number] {
    -moz-appearance: textfield;
}

.form-group label {
    color: #44403C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.col-auto label {
    color: #44403C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.chck-pg .cart-md label {
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
    display: flex;
    padding: 0px 0px 14px 12px;
    gap: 8px;
    align-self: stretch;
    /* border: solid 2px green; */
    height: 40px;
    width: 100%;
    margin-top: 10px;
    color: var(--99-orange);
    line-height: 40px;
    width: 595px;
}

/** hide input **/
.cart-md input[type=checkbox] {
    display: none;
}

/** Add ✓ on checked before label  **/
.cart-md input:checked+label:before {
    content: "✓ ";
    position: absolute;
    right: 18%;
}

/** Add styling on check **/
.cart-md input:checked+label {
    background: rgba(249, 124, 22, 0.23);
}

.dark-box {
    border-radius: 16px;
    border: 1px solid #93C5FD;
    background: #DBEAFE;
}

.dark-box p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
    text-align: left;
}

.tax-warning-box {
    border-radius: 16px;
    border: 1px solid #FDBA74;
    background: #FFEDD5;
}

.tax-warning-box p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-align: left;
}

.tax-details-feedback {
    border-radius: 16px;
    padding: 12px 14px;
}

.tax-details-feedback[hidden] {
    display: none !important;
}

.tax-details-feedback-text {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-align: left;
}

.tax-details-feedback-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

.tax-details-feedback--info {
    border: 1px solid #93C5FD;
    background: #DBEAFE;
}

.tax-details-feedback--info .tax-details-feedback-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%231D4ED8' stroke-width='1.5'/%3E%3Cpath d='M12 10v6M12 7h.01' stroke='%231D4ED8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.tax-details-feedback--success {
    border: 1px solid #86EFAC;
    background: #DCFCE7;
}

.tax-details-feedback--success .tax-details-feedback-text {
    color: #166534;
}

.tax-details-feedback--success .tax-details-feedback-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%2316A34A' stroke-width='1.5'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9' stroke='%2316A34A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.tax-details-feedback--error {
    border: 1px solid #FCA5A5;
    background: #FEE2E2;
}

.tax-details-feedback--error .tax-details-feedback-text {
    color: #991B1B;
}

.tax-details-feedback--error .tax-details-feedback-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23DC2626' stroke-width='1.5'/%3E%3Cpath d='M12 8v5M12 16h.01' stroke='%23DC2626' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.tax-details-card--validated {
    border-color: #86EFAC;
}

.tax-details-fields-wrap--locked .tax-details-input {
    background-color: #F5F5F4;
    color: #57534E;
    cursor: not-allowed;
}

.tax-details-consent .form-check-input,
.tax-details-submit-new .form-check-input {
    margin-top: 0.15rem !important;
}

.tax-details-consent-label,
.tax-details-submit-new-label {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.btn-tax-validate:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.btn-tax-edit {
    font-family: 'poppins-500', sans-serif;
    font-size: 14px;
    border-color: #D6D3D1;
    color: #44403C;
}

.btn-tax-edit:hover {
    background-color: #F5F5F4;
    border-color: #A8A29E;
    color: #292524;
}

.tax-details-feedback {
  border-radius: 16px;
  padding: 12px 14px;
}

.tax-details-feedback[hidden] {
  display: none !important;
}

.tax-details-feedback-text {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-align: left;
}

.tax-details-feedback-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.tax-details-feedback--info {
  border: 1px solid #93C5FD;
  background: #DBEAFE;
}

.tax-details-feedback--info .tax-details-feedback-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%231D4ED8' stroke-width='1.5'/%3E%3Cpath d='M12 10v6M12 7h.01' stroke='%231D4ED8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.tax-details-feedback--success {
  border: 1px solid #86EFAC;
  background: #DCFCE7;
}

.tax-details-feedback--success .tax-details-feedback-text {
  color: #166534;
}

.tax-details-feedback--success .tax-details-feedback-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%2316A34A' stroke-width='1.5'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9' stroke='%2316A34A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.tax-details-feedback--error {
  border: 1px solid #FCA5A5;
  background: #FEE2E2;
}

.tax-details-feedback--error .tax-details-feedback-text {
  color: #991B1B;
}

.tax-details-feedback--error .tax-details-feedback-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23DC2626' stroke-width='1.5'/%3E%3Cpath d='M12 8v5M12 16h.01' stroke='%23DC2626' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.tax-details-card--validated {
  border-color: #86EFAC;
}

.tax-details-fields-wrap--locked .tax-details-input {
  background-color: #F5F5F4;
  color: #57534E;
  cursor: not-allowed;
}

.tax-details-consent .form-check-input,
.tax-details-submit-new .form-check-input {
  margin-top: 0.15rem !important;
}

.tax-details-consent-label,
.tax-details-submit-new-label {
  color: #44403C;
  font-family: 'poppins-400';
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.btn-tax-validate:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.accordian .card-01 {
    border-radius: 16px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.accordian .card-01 .card-header-01 {
    position: relative;
    padding-left: 30px;
}

.gap-20 {
    gap: 30px;
}

.accordian .card-01:nth-child(1) .card-body-01 {
    display: none;
}

.accordian .card-01 .card-header-01 span {
    position: absolute;
    right: 20px;
    top: 3px;
    height: 25px;
    width: 25px;
    color: #FA7C00;
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
}

/** CHECKOUT PAGE ENDS **/
/** checkout self pickup **/
.loc-row .loc-det {
    padding: 40px 5px 40px 15px;
}

.loc-row img {
    width: 305px;
}

/** Delivery pickup new carousel in form code **/
.loc-roww .sm-flex {
    /* overflow-y: scroll; */
    flex-wrap: wrap;
}

.flex-dir-main {
    /**  width: 43vw; **/
    max-width: 600px;
    /** To give fix height **/
    /* height: 380px; */
    display: flex;
    flex-direction: row;
}

.flex-dir-int {
    display: flex;
    flex-direction: row;
    padding: 10px;
    margin: 5px 0px;
    border-radius: 8px;
    border: 1px solid var(--Base-Neutral-200, #E7E5E4);
    background: var(--Base-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.flex-dir-int img {
    min-width: 150px;
    max-width: 150px;
    /* width: 150px; */
    height: 100px;
    border-radius: 12px;
    padding: 5px 0px;
}

.flex-dir-int .detail {
    /* width: 20vw; */
    padding: 5px 5px;
    align-self: center;
}

.w-ffty {
    width: 100%;
}

/** Delivery pickup new carousel in form code **/
/** Map Location page **/
.map-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/** Map Location page ends **/
/** Cart page **/
.hd-28 {
    color: #44403C !important;
    font-family: 'poppins-bold-800' !important;
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 36px !important;
    /* 128.571% */
}

.b-btm {
    border-bottom: solid 1px rgba(214, 211, 209, 1);
}

.f-22 {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
}

.anch-text {
    font-family: 'poppins-400' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: var(--99-orange) !important;
    text-align: left !important;
}

.box-bg {
    margin-top: 25px;
    border-radius: 8px;
    padding: 12px;
    background: #F5F5F4;
}

/** Accordian CSS **/
/** New Accordian **/
/* acoordian Start */
.accordion {
    display: flex;
    flex-direction: column;
    max-width: 1010px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 25px;
    padding: 40px 0px 10px 0px;
}

.accordion .image-box {
    height: 360px;
    width: 300px;
}

.accordion .image-box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.accordion .accordion-text {
    width: 100%;
}

.accordion .accordion-text .title {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    font-family: 'Fira Sans', sans-serif;
}

.accordion .accordion-text .faq-text {
    margin-top: 8px;
    /* height: 263px; */
    overflow-y: auto;
}

.faq-text::-webkit-scrollbar {
    display: none;
}

.accordion .accordion-text li {
    list-style: none;
    cursor: pointer;
}

.accordion-text li .question-arrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-text li .question-arrow .question {
    font-size: 18px;
    font-weight: 500;
    color: #595959;
    transition: all 0.3s ease;
}

.accordion-text li .question-arrow .arrow {
    font-size: 20px;
    color: #595959;
    transition: all 0.3s ease;
}

.accordion-text li.showAnswer .question-arrow .arrow {
    transform: rotate(-180deg);
}

.accordion-text li:hover .question-arrow .question,
.accordion-text li:hover .question-arrow .arrow {
    color: #F37612;
}

.accordion-text li.showAnswer .question-arrow .question,
.accordion-text li.showAnswer .question-arrow .arrow {
    color: #F37612;
}

.btn-search {
    background: #F37612;
    color: #fff;
}

.bg-light-01 {
    padding: 40px;
    background: #F5F5F3;
    border-bottom: 5px solid #F3E21F;
}

.icons-search {
    position: absolute;
    left: 0px;
    transform: translate(22px, 12px);
}

.icon-form {
    width: 80%;
    padding-left: 30px;
}

.accordion-text li .line {
    display: block;
    height: 2px;
    width: 100%;
    margin: 10px 0;
    background: rgba(0, 0, 0, 0.1);
}

.line {
    display: block;
    height: 2px;
    width: 100%;
    margin: 10px 0;
    background: rgba(0, 0, 0, 0.1);
}

.accordion-text li p {
    width: 92%;
    font-size: 15px;
    font-weight: 500;
    color: #595959;
    display: none;
}

.accordion-text li.showAnswer p {
    display: block;
}

.txt-area {
    margin-left: auto;
}

/** Order Summary **/
.shop-cart-table td.pro-img-td {
    width: 55px;
}

table.shop-cart-table .cart-pro-img {
    position: relative;
}

table.shop-cart-table img {
    width: 38px;
    margin-bottom: -22px;
}

table.shop-cart-table .cart-pro-img span {
    position: absolute;
    background: #A855F7;
    padding: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    right: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-align: center;
    top: -5px;
}

.shop-cart-table td {
    vertical-align: text-top;
    padding: 10px 0;
}

.shop-cart-table td h4.pro-heading {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.shop-cart-table td .pro-weight {
    font-family: 'poppins-400';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: left;
    color: #78716C;
    margin-bottom: 7px;
}

.shop-cart-table td.rm-td {
    text-align: right;
}

.shop-cart-table td {
    vertical-align: text-top;
    padding: 10px 0;
}

.shop-cart-table td .pro-price {
    color: #44403C;
    text-align: right;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.subtotal-tr {
    border-top: solid #D6D3D1 1px;
}

.total-tr {
    border-top: solid #D6D3D1 1px;
}

.total-heading {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.grand-ttl {
    color: #44403C;
    text-align: right;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
}

.total-heading-50 {
    width: 50% !important;
}

.ffty-prcnt {
    width: 50% !important;
}

.faq-text {
    padding-left: 5px !important;
}

.gry-box {
    display: flex;
    padding: 16px 0px 16px 16px;
    align-items: center;
    border-radius: 16px;
    background: #F5F5F4;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
}

.gry-box p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.btn-grey {
    border-radius: 16px;
    cursor: not-allowed !important;
    background: #D6D3D1;
    color: #A8A29E;
    padding: 14px 24px;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    border: none;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    pointer-events: none !important;
}

.btn-grey:hover {
    color: #A8A29E !important;
}

.p-12 {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.a-tag {
    color: var(--99-orange);
}

/** Order Summary ends **/
/** Cart page CSS ends **/
/** Product detail Page **/
.cat-sec .cat-hd-mn h2 {
    text-align: left !important;
}

.cat-sec {
    padding-top: 18px !important;
}

.cat-sec .cat-cont {
    padding-top: 15px;
    padding-bottom: 35px;
}

.prod-listing {
    display: flex;
    padding: 20px 0px 0px 0px;
}

.prod-listing h4 img {
    display: none;
}

.link-for-mbl {
    display: none !important;
}

.small-flex>div:last-child {
    display: none;
}

/** Cart related **/
.ct-empty .top-hd {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.pd-description.for-dekstop p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/** PDP Updated **/
.main-product-section .mps-all-content {
    max-width: 1200px;
    margin: auto;
    padding: 4rem 20px;
}

.pd-hd {
    color: #1C1917;
    font-family: 'poppins-bold-800';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
}

.see:hover {
    text-decoration: none;
    color: var(--99-orange);
}

.main-product-section .mps-all-content .slider-side .ss-content {
    position: relative;
    display: flex;
    gap: 1.2rem;
    /* flex-direction: row-reverse; */
    flex-direction: column;
}

.main-product-section .mps-all-content .slider-side .ss-content .main-slider {
    width: 80%;
}

.main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
    width: 435px;
    border-radius: 16px;
    background: rgba(231, 229, 228, 1);
}

.in-stock .grn-txt {
    color: #059669;
}

.main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow {
    display: none;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider {
    width: 20%;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper {
    width: 100%;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide-thumb-active img {
    border: 1px solid var(--99-orange);
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide {
    height: 100px !important;
}

.main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
    width: 100px;
    height: auto;
    border-radius: 16px;
    border: solid 2px rgb(249 124 22 / 69%);
}

.main-product-section .mps-all-content .slider-side .pd-description {
    padding-left: 7rem;
    margin-top: 2rem;
}

.main-product-section .mps-all-content .slider-side .pd-description h4 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.main-product-section .mps-all-content .slider-side .pd-description p {
    color: #78716C !important;
    font-family: 'poppins-400' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.main-product-section .mps-all-content .contect-side .cs-content {
    position: relative;
}

.main-product-section .mps-all-content .contect-side .cs-content .price h2 {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    display: inline;
    padding-left: 0px;
}

.main-product-section .mps-all-content .contect-side .cs-content .p-sale {
    border-radius: 99px;
    background: #E11D48;
    ;
    padding: 2px 10px;
    /* margin: -5px 0px 0px 6px !important; */
    transform: translate(6px, 3px) !important;
    position: absolute;
    font-size: 12px;
    font-family: 'poppins-bold-700';
    color: var(--99-yellow);
    text-transform: uppercase;
}

.main-product-section .mps-all-content .contect-side .cs-content .title h1 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.main-product-section .mps-all-content .contect-side .cs-content .title p {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.main-product-section .mps-all-content .contect-side .cs-content .title span {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.main-product-section .mps-all-content .contect-side .cs-content .in-stock {
    margin-top: 1.2rem;
}

/* .main-product-section .mps-all-content .contect-side .cs-content .quantity-container {
  margin-top: 1rem;
} */

.main-product-section .mps-all-content .contect-side .nn-hll p {
    color: #1E3A8A;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.15px;
    border-radius: 16px;
    border: 1px solid #93C5FD;
    background: #DBEAFE;
    padding: 2px 8px !important;
    display: inline;
    margin: 0;
    text-transform: uppercase;
}

.main-product-section .mps-all-content .contect-side .nn-hll {
    margin: 10px 0px 5px 0px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container label {
    color: #44403C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 0px;
    border: solid 1px #959393;
    border-radius: 8px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls .minus {
    background: none;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button {
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* border-radius: 12px; */
    background: transparent;
    cursor: pointer;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button:hover {
    opacity: 0.7;
}

.quantity-controls button:focus {
    border-color: transparent !important;
    outline-color: transparent !important;
}

.quantity-controls input:focus {
    border-color: transparent !important;
    outline-color: transparent !important;
}

.quantity-controls button:focus-visible {
    border-color: transparent !important;
    outline-color: transparent !important;
}

.quantity-controls button:hover {
    background: #efefef;
}

.quantity-controls button:focus {
    border: none !important;
    outline: none !important;
    /* border-color: var(--99-orange) !important;
  outline-color: var(--99-orange) !important; */
}

.quantity-controls input:focus {
    border: none !important;
    outline: none !important;
    /* border-color: var(--99-orange) !important;
  outline-color: var(--99-orange) !important; */
}

.quantity-controls button:focus-visible {
    border: none !important;
    outline: none !important;
    /* border-color: var(--99-orange) !important;
  outline-color: var(--99-orange) !important; */
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button img {
    width: 25px;
}

.main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls input {
    width: 42px;
    height: 40px;
    border: 0;
    border-left: 1px solid #959393;
    border-right: 1px solid #959393;
    /* border-radius: 8px; */
    /* border: 1px solid #E7E5E4; */
    background: #FFF;
    cursor: pointer;
    display: block;
    text-align: center;
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

.main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl {
    display: none;
}

.main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
    margin-top: 2.5rem;
}

/** Cancel order modal **/
/* Age modal css starts */
.btn-oranged {
    background: var(--99-orange);
    padding: 12px;
    border-radius: 18px;
    color: #fff;
}

.btn-oranged:hover {
    color: #fff;
}

.anker {
    margin-top: 7px;
    font-weight: bold;
    text-align: center;
}

.anker a {
    color: #FA7C16;
}

.ag-mdl .modal-content {
    width: 600px;
    border-radius: 20px !important;
    margin-top: 30%;
}

.ag-mdl .modal-header {
    border-bottom: none !important;
    padding-top: 10px;
}

.ag-mdl .modal-body {
    padding: 20px 32px 32px 32px !important;
}

.ag-mdl .modal-body h2 {
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
    padding-bottom: 20px;
}

.ag-mdl .modal-body h4 {
    color: #44403C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}

.ag-mdl .modal-body p {
    color: #78716C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
    padding-bottom: 10px;
}

.ag-mdl .anch-14 a {
    color: #EA610C;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    text-align: center;
    padding: 10px 0px;
}

/* Age modal css ends */

.cart-price-bar {
    display: none;
}

.popular-collections .pc-all-content {
    max-width: 1300px;
    margin: auto;
    padding: 2rem 20px;
}

.popular-collections .pc-all-content .heading-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popular-collections .pc-all-content .heading-link h3 {
    font-size: 24px;
    font-weight: bolder;
    display: flex;
}

.popular-collections .pc-all-content .heading-link h3 img {
    display: none;
}

.popular-collections .pc-all-content .heading-link .all-link a {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--99-orange);
    text-decoration: none;
    font-family: 'poppins-normal';
    color: var(--99-orange);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.popular-collections .pc-all-content .heading-link .all-link a img {
    width: 25px;
}

.popular-collections .pc-all-content .pc-collection {
    margin-top: 4rem;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box img {
    width: 70%;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content {
    margin-top: 2rem;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content h4 {
    color: #EA610C;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content p {
    color: #44403C;
    text-overflow: ellipsis;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 4px;
}

.popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content span {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: left;
}

/** tax limit modal **/
.cart-limit-modal {
    border-radius: 16px;
    border: 2px solid #FDE047;
    background: #FEFCE8;
    box-shadow: 0 20px 25px -5px rgba(41, 37, 36, 0.16), 0 10px 10px -5px rgba(41, 37, 36, 0.08);
}

.info-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--99-orange);
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-icon span {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
}

.cart-limit-modal .modal-title {
    color: var(--Base-Neutral-900, #1C1917);
    text-align: center;
    font-family: 'poppins-bold-900';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 38px;
}

.info-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--99-orange);
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.limit-modal .btn-log {
    border: none;
}


/** Tax limit modal ends **/

/** PDP Updated Ends here **/
/** Product detail Page ends **/
/** PDP pdp out of stock **/
.in-stock .oos-box {
    border-radius: 8px;
    border: 1px solid #FDA4AF;
    background: #FFE4E6;
    padding: 8px;
}

.in-stock .oos-box p {
    color: #E11D48;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
    margin-bottom: 0px !important;
}

.in-stock .oos-box p a {
    color: #57534E;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
    text-decoration-line: underline;
}

.stock-alert-bbox {
    border-radius: 16px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    padding: 24px 24px 20px 24px;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
    margin-top: 1.5rem;
}

.stock-alert-bbox .seb-header h5 {
    color: #1C1917;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.stock-alert-bbox form p {
    color: var(--base-neutral-500, #78716C);
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
    padding-left: 8px;
}

.stock-alert-bbox form .orng-chkbx {
    margin-top: 2px !important;
}

.trans-btn {
    color: var(--99-orange);
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    border-radius: 16px;
    border: 2px solid var(--99-orange);
}

.trans-btn:hover {
    color: #F97C16;
}

/** Product out of stock ends **/
/** FAQs Page **/
/* active class */
.count-01 {
    display: none;
}

.tab-active {
    display: block;
}

.change-color {
    background: var(--99-orange);
    cursor: pointer !important;
    color: #fff;
    pointer-events: visible !important;
}

.change-color:hover {
    color: #fff !important;
}

.border-active {
    background: #F37612;
}

.border-active #active-check-01 {
    display: block;
}

.border-active #active-check-02 {
    display: block;
}

.border-active #active-check-03 {
    display: block;
}

#active-check-01 {
    color: #7d2ae8;
    display: none;
}

#active-check-02 {
    color: #7d2ae8;
    display: none;
}

#active-check-03 {
    color: #7d2ae8;
    display: none;
}

/** Faqs page ends **/
/** My order delivery preparing **/
.p-16 {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.btn-fw {
    width: 100%;
    padding: 13px 24px;
}

.btn-80 {
    border: none;
    width: 80%;
    padding: 14px 24px;
}

/** Cart block page  cart block page starts**/
.cart-prod {
    height: auto;
    width: 70px;
}

.ord-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

.tot-table {
    margin-top: 20px;
    border-top: solid 1px rgba(214, 211, 209, 1);
    border-bottom: double 1px rgba(214, 211, 209, 1);
    border-bottom-style: double;
    padding: 6px 0px 8px 0px;

}

.tot-table h5 {
    color: #44403C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.tot-table h4 {
    color: #1C1917;
    font-family: 'poppins-normal';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.div1desk {
    gap: 20px;
}

/** order CSS **/

div#mydiv1desk {
    -webkit-order: 1;
}

div#mydiv2desk {
    -webkit-order: 2;
}

div#mydiv3desk {
    -webkit-order: 4;
}

div#mydiv4desk {
    -webkit-order: 6;
}

div#mydiv5desk {
    -webkit-order: 5;
}

div#mydiv6desk {
    -webkit-order: 3;
}

div#mydiv1desk {
    order: 1;
}

div#mydiv2desk {
    order: 2;
}

div#mydiv3desk {
    order: 4;
}

div#mydiv4desk {
    order: 6;
}

div#mydiv5desk {
    order: 5;
}

div#mydiv6desk {
    order: 3;
}

#mydivwarn3desk {
    order: 5;
}

/** Cart block desktop popup **/

/** Bootstrap modal **/
.modal-header {
    border-bottom: 0px !important;
}

.crt-mod .modal-content {
    border-radius: 16px !important;
    border: 0;
}

.crt-mod {
    top: 50px !important;
}


/** Bootstrap modal **/
.crt-blk-pg-pp .product-lays {
    width: 190px;
    height: 190px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.crt-blk-pg-pp .main-product-section {
    padding: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content {
    padding: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side {
    padding: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .pd-description {
    display: none;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider {
    width: 100%;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider {
    width: 20%;
    position: absolute;
    z-index: 9;
    right: 1.2rem;
    top: 1.2rem;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide {
    height: 80px !important;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper {
    width: 100%;
    height: 80px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
    border-radius: 0;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side {
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 9;
    background: white;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content {
    padding-top: 15px;
    padding-left: 2px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .price h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 2px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .title p {
    max-width: 200px !important;
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
    width: 65px;
    height: 65px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .title span {
    font-size: 12px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .in-stock {
    margin-top: 7px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .in-stock p {
    font-size: 12px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container label {
    display: none;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls {
    position: absolute;
    top: 5px;
    right: 20px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button img {
    width: 20px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls input {
    height: 42px;
    width: 42px;
    font-size: 14px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button {
    width: 35px;
    height: 35px;
    border-radius: 9px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
    display: block;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
    margin-top: 0.5rem;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl {
    display: block;
    border-top: 1px solid rgb(174, 174, 174);
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl h4 {
    font-size: 13px;
    padding-top: 1rem;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl p {
    font-size: 12px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow {
    display: block;
    position: absolute;
    top: 1.7rem;
    left: 1.2rem;
    z-index: 99;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a {
    text-decoration: none;
    background-color: rgb(225, 225, 225);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: 25px;
    border-radius: 7px;
}

.crt-blk-pg-pp .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a img {
    width: 31px;
}

/** cart block desktop popup **/
.detail h5 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.cart-hd {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.detail p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
    text-align: left;
}

#minus {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#plus {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#show {
    width: 42px;
    height: 40px;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    cursor: pointer;
    display: block;
    text-align: center;
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#minus-01 {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#plus-01 {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#show-01 {
    width: 42px;
    height: 40px;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    cursor: pointer;
    display: block;
    text-align: center;
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

.qty-container {
    display: flex;
    gap: 4px;
}

.qty-container .quantity-controls {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qty-container .quantity-controls button {
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 12px;
}

.qty-container .quantity-controls input {
    width: 42px;
    height: 40px;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    cursor: pointer;
    display: block;
    text-align: center;
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

/** For circular progress **/
.shop-circle {
    width: 100%;
}

.box-percentage span.cart-circle {
    width: 50px;
    margin: 0 10px 0 0;
}

span.cart-circle.withsolid {
    background: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    box-shadow: -2px 2px 7px #40404057;
    position: relative;
    margin: 0 auto;
    border: 4px solid #059669;
}

span.cart-circle.withsolid-hm {
    background: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    box-shadow: -2px 2px 7px #40404057;
    position: relative;
    margin: 0 auto;
    border: 4px solid #059669;
}

.border-green {
    border: 4px solid #84CC16 !important;
}

span.cart-circle.delivery-img.withsolid:after {
    content: "";
    background: url(../image/truck-lg.svg) no-repeat 0;
    position: absolute;
    width: 38px;
    height: 25px;
    left: 1px;
    top: 8px;
}

span.cart-circle.delivery-img.withsolid-hm:after {
    content: "" !important;
    background: url(../image/user2.svg) no-repeat 0 !important;
    position: absolute;
    width: 32px;
    height: 25px;
    left: 4px;
    top: 8px;
}

/** circular progress ends**/
.cart-ttl {
    color: #44403C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.cart-ttl-amnt {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.border-02 {
    border-radius: 16px;
    border: 1px solid #FDE047;
    background: #FEF9C3;
}

.count {
    color: #A16607;
    font-family: 'poppins-bold-800';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.content-001 p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.border-003 {
    border-radius: 16px;
    border: 1px solid #FEF08A;
    background: #FEFCE8;
}

.progress-01 {
    width: 100%;
    height: 13px;
    background: #FED7AA;
    border-radius: 50px;
}

.progress-bar-02 {
    background: var(--99-orange);
    height: 13px;
    width: 15%;
    border-radius: 50px;
}

.progress-bar-03 {
    background: var(--99-orange);
    height: 13px;
    width: 55%;
    border-radius: 50px;
}

.content-001 {
    margin-left: 55px;
}

.w-75 {
    width: 75% !important;
}

.img-002 {
    max-width: 100%;
    height: auto;
    background: #ffffff;
    padding: 12px;
    border-radius: 50%;
    fill: var(--base-white, #FFF);
    filter: drop-shadow(0px 3.200000047683716px 6.400000095367432px rgba(41, 37, 36, 0.08)) drop-shadow(0px 6.400000095367432px 9.600000381469727px rgba(41, 37, 36, 0.16));
}

.gap-edit {
    gap: 15px;
}

.crt-blk .progress {
    width: 300px;
    height: 12px !important;
    border-radius: 50px;
    background: #FED7AA;
}

.progress-bar {
    background: var(--99-orange);
    border-radius: 12px;
}

.crt-blk .img-001 {
    fill: #FFF;
    background: #fff !important;
    stroke-width: 1px;
    stroke: #E7E5E4;
    border: solid 1px #efefef;
    padding: 8px;
    border-radius: 50%;
    margin-right: 15px;
    width: 50px;
}

.crt-blk .prog h6 {
    color: #1C1917;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.crt-blk .prog p {
    color: #44403C;
    font-family: 'poppins-400';
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.cart-block-bottom .detail-product-lays h5 {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
    text-align: left;
}

.cart-block-bottom p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.cart-block-bottom h4 {
    color: #44403C;
    text-align: right;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.lays-img {
    width: 45px;
    margin-right: 10px;
}

.badge-light-001 {
    position: absolute;
    z-index: 1;
    /* top: 0px; */
    transform: translate(25px, -8px);
    background: #A855F7 !important;
    border-radius: 12px;
    padding: 3px 6px !important;
    padding: 3px 6px;
    color: #ffffff;
    font-size: 10px !important;
    font-size: 10px;
    font-family: 'poppins-normal';
    line-height: 10px !important;
    color: #fff !important;
}

/** for circular progress in cart **/
.circle-img {
    width: 27px;
    position: absolute;
    transform: translate(-36px, -2px);
}

.sp {
    width: 32px;
    height: 32px;
    clear: both;
    margin-right: 15px;
}

.sp-circle {
    border: 4.5px grey solid;
    border-right: 4.5px #EAB208 solid;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
    padding: 8px 19px;
}

/** CSS for popup inside cart **/
#hiw-popup-01.open-popup {
    visibility: visible;
    opacity: 1;
}

#hiw-popup-01 {
    position: fixed;
    top: 8%;
    left: 30%;
    max-width: 600px;
    width: 100%;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.2784313725);
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    transition: all 0.2s ease-in-out;
}

#hiw-popup-01 .hiw-content {
    position: relative;
    padding: 1.5rem;
}

#hiw-popup-01 .hiw-content #close-popup-01 {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    border: none;
    cursor: pointer;
}

#hiw-popup-01 .hiw-content #close-popup-01 img {
    width: 20px;
}

#hiw-popup-01 .hiw-content .top-edge {
    height: 4px;
    width: 35px;
    background-color: rgb(213, 210, 210);
    position: absolute;
    top: 15px;
    left: 46%;
    display: none;
}

#hiw-popup-01 .hiw-content .hiw-box h4 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}

#hiw-popup-01 .hiw-content .hiw-box .main-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2rem;
    padding-left: 1.2rem;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box:last-child .icon::after {
    display: none;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box {
    display: flex;
    gap: 1.5rem;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon {
    width: 15%;
    position: relative;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon img {
    width: 100%;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon::after {
    content: "";
    position: absolute;
    top: 88%;
    bottom: 0;
    left: 50%;
    height: 30px;
    border: 1px dashed var(--99-green);
    box-sizing: border-box;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content {
    width: 76%;
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content h5 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
}

#hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

/** Css for popup ends **/
/** cart block ends **/
/** Cart clear page **/
.b-border-green {
    border-radius: 16px;
    border: 1px solid #BEF264;
    background: #ECFCCB;
}

.b-border-green .count-grn {
    color: #4D7C0F;
    font-family: 'poppins-bold-800';
    font-size: 32px;
    font-style: normal;
    text-align: left;
    line-height: 42px;
}

.b-border-green .box-per-content p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.b-border-green .box-per-content {
    padding-left: 10px;
}

/** My order delivery preparing ends **/
/** order conf thank you **/
.smal-btn {
    width: 82px !important;
}

.top-cntr-img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.em-wid {
    width: 322px;
}

.eml-btn {
    color: var(--99-orange);
    border-radius: 16px;
    border: 2px solid #F97C16;
    padding: 10px 24px;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    background: transparent;
}

/** My order self pickup preparing **/
.med-box {
    max-width: 343px;
    padding: 24px 16px;
    display: block;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid #78716C;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
}

.comp-box {
    border-radius: 16px;
    border: 1px solid #E7E5E4;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(4px);
    width: 343px;
    height: 88px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.comp-box h4 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    /* 133.333% */
}

.med-box h3 {
    color: #1C1917;
    text-align: center;
    font-family: 'inter-bold-700';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 100% */
    letter-spacing: 3.2px;
    margin-bottom: 0 !important;
}

.md-p {
    color: #78716C !important;
    text-align: center !important;
    font-family: 'poppins-400' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    /* 133.333% */
    letter-spacing: 0.4px !important;
    max-width: 343px !important;
    display: block !important;
}

.blue-box {
    border-radius: 16px;
    border: 1px solid #93C5FD;
    background: #DBEAFE;
}

.green-box {
    border-radius: 16px;
    border: 1px solid #BEF264;
    background: #ECFCCB;
    padding: 24px;
}

.green-box p {
    color: #365314;
    text-align: center;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.blue-box p {
    color: #1E3A8A;
    text-align: center;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    padding: 15px 0px 0px 0px;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

/** My order self pickup preparing ends **/
/** Cart Block Page **/
/** Cart Block Page **/
.detail h5 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.cart-hd {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.15px;
}

.detail p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
    text-align: left;
}

#minus {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#plus {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#show {
    width: 42px;
    height: 40px;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    cursor: pointer;
    display: block;
    text-align: center;
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#minus-01 {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#plus-01 {
    width: 40px;
    height: 40px;
    background: #E7E6E4;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    cursor: pointer;
    border-radius: 15px;
    font-family: 'poppins-400';
    font-size: 24px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

#show-01 {
    width: 42px;
    height: 40px;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    cursor: pointer;
    display: block;
    text-align: center;
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

.qty-container {
    display: flex;
    gap: 4px;
}

.qty-container .quantity-controls {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qty-container .quantity-controls button {
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 12px;
}

.qty-container .quantity-controls input {
    width: 42px;
    height: 40px;
    border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    cursor: pointer;
    display: block;
    text-align: center;
    color: #1C1917;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    font-weight: 400;
}

.cart-ttl {
    color: #44403C;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.cart-ttl-amnt {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.border-02 {
    border-radius: 16px;
    border: 1px solid #FDE047;
    background: #FEF9C3;
}

.count {
    color: #A16607;
    font-family: 'poppins-bold-800';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    /* 125% */
}

.content-001 p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.25px;
}

.border-003 {
    border-radius: 16px;
    border: 1px solid #FEF08A;
    background: #FEFCE8;
}

.progress-01 {
    width: 100%;
    height: 13px;
    background: #FED7AA;
    border-radius: 50px;
}

.progress-bar-02 {
    background: var(--99-orange);
    height: 13px;
    width: 15%;
    border-radius: 50px;
}

.progress-bar-03 {
    background: var(--99-orange);
    height: 13px;
    width: 55%;
    border-radius: 50px;
}

.content-001 {
    margin-left: 55px;
}

.w-75 {
    width: 75% !important;
}

/** for cart page **/
#mydiv3desk .w-75 {
    width: 100% !important;
}

.img-002 {
    max-width: 100%;
    height: auto;
    background: #ffffff;
    padding: 12px;
    border-radius: 50%;
    fill: var(--base-white, #FFF);
    filter: drop-shadow(0px 3.200000047683716px 6.400000095367432px rgba(41, 37, 36, 0.08)) drop-shadow(0px 6.400000095367432px 9.600000381469727px rgba(41, 37, 36, 0.16));
}

/** Accordian CSS ends **/
/** CTA Footer **/
.CTA-footer {
    margin-bottom: -50px;
    margin-top: 8rem;
    padding: 30px 40px 40px 40px !important;
    border-radius: 24px 24px 0px 0px;
    background: #FEF9C3;
}

.CTA-footer .home-form {
    padding-left: 40px !important;
}

.CTA-footer .row {
    align-items: center;
}

.cta-form {
    display: flex;
}

.CTA-footer .row .col-md-7 {
    padding-top: 50px;
}

.CTA-footer .row .col-md-5 .btn-search {
    background-color: transparent;
    color: var(--99-orange);
    border: solid 2px var(--99-orange);
    padding: 10px 20px;
}

.CTA-footer .row .col-md-7 h2 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 38px;
    /* 125% */
}

.CTA-footer .row .col-md-7 p {
    color: #44403C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

.CTA-footer .row .col-md-5 .search-icon {
    transform: translate(25px, -35px);
}

.CTA-footer .col-md-7 .mt-33 {
    bottom: 80%;
    width: 154px;
    position: absolute;
}

/** CTA Footer ends **/
/** Top Footer **/
.top-footer {
    margin-top: 50px !important;
    border-top: 8px solid var(--99-yellow);
    padding: 30px 15px 22px 15px;
    background: var(--99-green);
    margin-top: 100px;
}

.list-style-none {
    list-style: none;
    gap: 50px;
}

.sml-gp {
    list-style: none;
    gap: 25px;
}

.less-gt {
    padding-right: 7px !important;
}

.footer-li {
    color: #fff;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.foot-desc-txt {
    color: #fff;
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    text-decoration: underline;
}

.footer-li a {
    color: var(--99-orange);
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
}

.footer-desc {
    color: #FFF;
    font-family: 'poppins-400';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.4px;
}

.footer-btn {
    color: var(--99-orange);
    text-align: center;
    float: right;
    height: 48px;
    font-family: 'poppins-normal';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.1px;
    border-radius: 16px;
    border: 2px solid var(--99-orange);
}

.footer-btm-des {
    color: #FFF;
    text-align: right;
    font-family: 'poppins-500';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
}

.less-gutter {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

/** Top Footer ends **/
/** Bottom Footer **/
.bottom-footer {
    margin-top: 150px;
    background: #E7E5E4;
    padding: 12px 16px 12px 12px;
}

.bottom-footer p {
    color: #78716C;
    text-align: center;
    font-family: 'poppins-normal';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.3px;
    margin-bottom: 0px;
}

/** Bootom Footer ends **/
/** CSS for popup **/
#popup-btn {
    margin-top: 2rem;
}

#popup-btn button {
    border: none;
    background-color: #ff4500;
    width: 150px;
    height: 42px;
    border-radius: 20px;
    font-size: 16px;
    text-transform: capitalize;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
}

/** New how it Works bootstrap popup ***/
.main-boot-mod .modal-content {
    width: 600px;
    max-width: 600px !important;
    top: 10px;
    border-radius: 16px;
    border: 0;
    overflow-y: scroll !important;
}

.boot-mod .hiw-content {
    position: relative;
    padding: 10px 1rem;
}

.main-boot-mod .modal-header {
    padding-bottom: 0;
}

.main-boot-mod .modal-body {
    padding-top: 0px;
}

.main-boot-mod .modal-header h4 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
}

.boot-mod .hiw-content button {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    border: none;
    cursor: pointer;
}

.boot-mod .hiw-content button img {
    width: 20px;
}

.boot-mod .hiw-content .top-edge {
    height: 4px;
    width: 35px;
    background-color: rgb(213, 210, 210);
    position: absolute;
    top: 15px;
    left: 46%;
    display: none;
}

.boot-mod .hiw-content .hiw-box h4 {
    color: #1C1917;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}

.boot-mod .hiw-content .hiw-box .main-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 0.5rem;
    padding-left: 1.2rem;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box:last-child .icon::after {
    display: none;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box {
    display: flex;
    gap: 1.5rem;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .icon {
    width: 15%;
    position: relative;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .icon img {
    width: 80px;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .icon::after {
    content: "";
    position: absolute;
    top: 88%;
    bottom: 0;
    left: 50%;
    height: 30px;
    border: 2px solid var(--99-orange);
    box-sizing: border-box;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .content {
    width: 76%;
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .content h5 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 127.273% */
}

.boot-mod .hiw-content .hiw-box .main-content .inner-box .content p {
    color: #78716C;
    font-family: 'poppins-400';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.5px;
}

/** New how it Works bootstrap popup ends ***/

/** alert boxes **/
/* alert-box css start */
/* sale button */
.wdp-ribbon-inner-wrap {
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.wdp-ribbon-border {
    width: 0;
    height: 0;
    border-left: 82px solid #E11D48;
    border-bottom: 82px solid transparent;
    z-index: 12;
    position: relative;
    top: -28px;
}

.wdp-ribbon-text {
    font-size: 14px;
    color: #FACC15;
    font-family: 'poppins-bold-700';
    line-height: 1.2;
    position: absolute;
    z-index: 14;
    top: 33%;
    left: 33%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: auto;
    max-width: 100px;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
    /* color: #FACC15;
  font-family: 'poppins-bold-700';
  line-height: 14px;
  position: absolute;
  z-index: 14;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: -11px;
  width: 76px;
  text-align: center; */

}

.wdp-ribbon-six {
    background: none !important;
    position: relative;
    box-sizing: border-box;
    position: absolute;
    width: 78px;
    height: 78px;
    margin-left: 5px;
    padding: 0px;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

.main-product-section #myerroralert,
.main-product-section #mysuccssalert {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* sale button */
.alert-01 {
    position: absolute;
    top: 40px;
    font-size: 14px;
    font-family: 'poppins-400';
    color: #fff !important;
}

.alert {
    padding: 10px !important;
}

.loc-alert {
    z-index: 999;
    width: 295px;
    background: #000 !important;
    border-color: #000 !important;
}

.alert-dismissible .close {
    position: absolute;
    top: 5px !important;
    right: 7px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
}

.close {
    text-shadow: none !important;
    opacity: 1 !important;
}

.alert-dismissible {
    padding: 14px 25px 14px 14px !important;
}

/* alert-boxes css end */
/** forms erroe message **/
/**
.error{
  position: absolute;
  top: 50px;
}
**/

/** new progress bar circular **/
.c-progress-bar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-image: url(../image/circular-progress-middle.svg), radial-gradient(closest-side, #fef9c3 79%, transparent 45% 100%), conic-gradient(#eab207 45%, grey 0);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.new-cpb {
    padding-top: 10px;
    display: flex;
}

/** New categories css **/
/* .cat-container {
  display: grid;
  grid-template-columns: 1fr;
  overflow-x: scroll
} */

.cat-container {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc(100% / 8.5);
    column-gap: 16px;
    padding-bottom: 10px;
    grid-template-rows: 1fr 1fr;
    /* grid-auto-columns: 1fr; */
    grid-auto-flow: column;
    overflow-x: auto;
    overflow-y: hidden;
    /* scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent; */
    padding-bottom: 10px;
}

.cat-container::-webkit-scrollbar-track {
    background: #f5f5f4b8;
}

.cat-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 20px;
    transition: background 0.3s ease;
}

.cat-container::-webkit-scrollbar {
    height: 6px !important;
}

.cat-container .cat-lnk {
    padding-bottom: 16px;
}

/* Make each card snap nicely */
.x-scroll-99>*,
.cat-container>* {
    scroll-snap-align: start;
}

.x-scroll-99 {
    overflow-x: scroll;
}

/* Hide ugly scrollbar (Chrome, Safari) */
.x-scroll-99::-webkit-scrollbar,
.cat-container::-webkit-scrollbar {
    height: 6px;
}

.x-scroll-99::-webkit-scrollbar-track,
.cat-container::-webkit-scrollbar-track {
    background: #f5f5f4b8;
}

.x-scroll-99::-webkit-scrollbar-thumb,
.cat-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    transition: background 0.3s ease;
}

.x-scroll-99::-webkit-scrollbar-thumb:hover,
.cat-container::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.35);
}

.cat-container {
    padding: 10px;
    margin: 20px auto;
    padding-top: 16px;
}

.item-active {
    background: #FEF9C3 !important;
    color: #713F12 !important;
    margin-right: -10px !important;
    font-size: 16px !important;
}

.item-active:hover {
    background: #f9f194 !important;
}

.cat-item {
    padding: 0px 10px 0 0;
    margin: 5px 5px;
    width: 216px;
    background: #F5F5F4;
    border: solid 2px #f5f5f4;
    font-family: 'poppins-normal' !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.30px;
    text-align: left;
    display: flex;
    align-items: center;
    color: #1C1917;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    word-break: break-word;
    max-height: 56px;
}

.cat-item:hover {
    background: #e1e1e1;
    transition: 0.3s ease-in-out !important;
}

.cat-lnk:hover {
    text-decoration: none;
}

.cat-item img {
    width: 50px;
    margin: 0 9px 0 0;
}

.item-active img {
    transform: rotate(39deg);
}

/** Homepage product slider **/
/** New CRO CSS **/
/** navigation css **/
/* Product Card */
/* ============================= */
/* Horizontal 4.5 Product Scroll */
/* ============================= */

.products-scroll {
    display: grid;
    grid-auto-flow: column;

    /* 4.5 cards visible */
    grid-auto-columns: calc(100% / 4.5);

    gap: 16px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    padding-bottom: 10px;
}


.nav-cat .pd-hd {
    font-family: 'poppins-500';
    font-size: 24px;
    line-height: 32px;
}

.nav-cat .product-card {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    background: #f7f7f7;
    border: 1px solid #e2e2e2;
    border-radius: 14px;

    padding: 12px 15px;
    min-width: 260px;

    transition: all 0.25s ease;
}

.nav-cat .product-card:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
    text-decoration: none;
}

/* Image */
.nav-cat .prod-img-wrap img {
    height: 70px;
    width: auto;
    object-fit: contain;
}

/* Info */
.nav-cat .prod-info {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

/* Price */
.nav-cat .products-scroll .prod-price {
    color: #f26522;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

/* Name */
.nav-cat .products-scroll .prod-nm {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

/* Weight placeholder */
.nav-cat .prod-weight {
    font-size: 12px;
    color: #888;
}

/** navigation css ends**/

/** New catefories css **/

.cat-container-new {
    padding-top: 20px;
    padding-bottom: 30px;
}

.cat-main {
    display: grid;
    /* grid-template-columns: 76% 24%; */
    grid-template-columns: 100% 0%;
    gap: 20px;
}

/* LEFT SIDE - 5 columns grid */
.cat-left {
    /* display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px; */
    display: grid;
    grid-auto-columns: calc(100% / 6.2);
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
    padding: 10px 0;
}

/* RIGHT SIDE */
.cat-right {
    /* display: flex; */
    display: none;
    padding: 10px 0;
}

/* Card styling */
/* Make all category cards equal height */
.cat-left .cat-lnk {
    display: flex;
}

.cat-left .cat-card {
    width: 100%;
    height: 140px;
    /* keep consistent height */
}

.cat-card {
    background: #F5F5F4;
    border-radius: 16px;
    padding: 15px;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.25s ease;
    position: relative;
}

.cat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    background: #FEF9C3;
}

.cat-card:hover .cat-title {
    color: #713F12;
}

/* Promotion Highlight */
.cat-card.active {
    background: #FEF9C3;
    color: #713F12;
}

/* Title */
.cat-title {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #1C1917;
    word-break: break-word;
    line-height: 115%;
}

/* Image */
.cat-img {
    text-align: center;
}

.cat-img img {
    height: 76px;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 0%);
    object-fit: contain;
}

/* SEE ALL CARD */
.cat-right .cat-lnk {
    height: 100%;
    width: 100%;
    display: flex;
    border-radius: 16px;
    background: #F5F5F4;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.25s ease;
}

.cat-right .cat-lnk:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.arrow-circle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid var(--99-orange);
    color: var(--99-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-weight: bold;
    font-size: 18px;
}

.see-all span {
    font-size: 14px;
    color: var(--99-orange);
    font-weight: 600;
}

/** New categories css ends **/

.new-product-heading {
    /* Shape and Layout */
    display: inline-block;
    border-radius: 99px 55px 0 99px;
    padding: 10px 10px;
    border: 10px solid #FFB422;
    background: linear-gradient(180deg, #FFB422 0.6%, #FF6400 69.98%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
    margin-bottom: 16px;
}

/** New CRO CSS ends **/
.product-slider-home {
    width: 100%;
}

.product-slider-home .swiper-container {
    width: 100%;
    padding-bottom: 0px;
    overflow: hidden;
}

.product-slider-home .swiper-slide {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.product-slider-home .swiper-slide img {
    width: 100%;
}


.product-slider-home .swiper-button-prev,
.swiper-button-next {
    color: #000;
    border-radius: 16px;
    background: #E7E5E4;
}

.product-slider-home .swiper-button-prev {
    color: #000;
    padding: 10px 20px;
    border-radius: 50%;
}

.product-slider-home .swiper-button-next {
    color: #000;
    padding: 10px 20px;
    border-radius: 50%;
}

.product-slider-home .swiper-pagination {
    position: relative;
}

.product-slider-home .swiper-pagination-horizontal {
    top: 30px !important;
}

.product-slider-home .swiper-pagination-bullet {
    border-radius: 99px;
    background: var(--99-orange);
    width: 30px;
    height: 5px;
}

.product-slider-home .swiper-button-next {
    margin-top: -250px;
    top: auto;
}

.product-slider-home .swiper-button-prev {
    margin-top: -250px;
    top: auto;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 15px !important;
}

/** What's new completed section design **/
.whatsnew-slider-section {
    padding-bottom: 30px;
    background-color: #fef9c3;
    /* padding-bottom: 30px;
  background-color: var(--99-green); */
}

.whats-new-banner-heading {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
}

.new-word {
    font-family: Permanent Marker !important;
    font-size: 50px !important;
    font-weight: 400 !important;
    line-height: 64px !important;
    text-align: left !important;
    color: #713F12 !important;


}

.new-word-caption {
    color: #713F12;
    font-family: 'poppins-bold-900';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;

}

.whatsnew-slider-section .product-slider-home .product-swiper-container .swiper-wrapper .swiper-slide .product-image {
    border-radius: 10px !important;
}

/* .whatsnew-slider-section .product-slider-home .product-swiper-container .swiper-wrapper .swiper-slide .mt-2 h6
{
  color: #FFF !important;
} */
/** Homepage product slider ends**/
/** Cart empty css Order history **/
.repurchase-div {
    border-radius: 16px;
    border: 1px solid #E7E5E4;
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(41, 37, 36, 0.16), 0px 1px 2px 0px rgba(41, 37, 36, 0.08);
}

.repurchase-div .show-ordr-hstry {
    padding: 12px 12px;
}

.show-ordr-hstry .ylo-repurchase-hdng {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 128.571% */
}


.rotate-chevron {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.prdct-dtl-ylo-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.sngl-prdct-dtl-ylo-main {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    justify-content: space-between;
    padding: 16px 16px;
}

.sngl-prdct-dtl-ylo-main-lft {
    display: flex;
    width: 280px;
    align-items: flex-start;
    gap: 8px;
}

.sngl-prdct-dtl-ylo-main .prdct-img-title {
    display: flex;
    width: 280px;
    align-items: flex-start;
    gap: 8px;
}

.sngl-prdct-dtl-ylo-main .hdng-spcs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.prdct-dtl-ylo-main .insd-prdct-dtl-ylo-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.sngl-prdct-dtl-ylo-main .cart-pro-img {
    position: relative;
}

.sngl-prdct-dtl-ylo-main .cart-pro-img img {
    width: 38px;
}


.sngl-prdct-dtl-ylo-main .pro-heading {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: left;
}

.sngl-prdct-dtl-ylo-main .cart-pro-img span {
    position: absolute;
    background: #A855F7;
    padding: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    right: -2px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-align: center;
    top: -7px;
}

.sngl-prdct-dtl-ylo-main .pro-price {
    color: #44403C;
    text-align: right;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.sngl-prdct-dtl-ylo-main .hdng-spcs .pro-weight {
    font-family: 'poppins-400';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-align: left;
    color: #78716C;
    margin-bottom: 7px;
}

.stckng-up-agn-dv {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border: 1px solid #93C5FD;
    background: #DBEAFE;
    border-radius: 0px 0px 16px 16px;
}

.stckng-up-agn-dv .innr-stckng-up-agn-dv {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.lft-innr-stckng-up-agn-dv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.lft-innr-stckng-up-agn-dv h3 {
    color: #44403C;
    font-family: 'poppins-bold-700';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0;
}

.lft-innr-stckng-up-agn-dv p {
    text-align: left;
    margin: 0;
}

.rght--innr-stckng-up-agn-dv {
    display: flex;
    align-items: flex-start;
    gap: -12px;
}

.prdct-img-ce {
    display: flex;
    transform: rotate(-8deg);
    align-items: flex-start;
    gap: -100px;
}

.prdct-img-ce img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
}

.prdct-img-ce-mi {
    display: flex;
    width: 48px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    transform: rotate(-8deg);
    align-items: flex-start;
    gap: -100px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--Base-Primary-400, #FB983C);
    background: var(--Base-Primary-100, #FFEDD5);
}

.prdct-img-ce-mi a {
    color: #EA610C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    /* 120% */
    letter-spacing: 0.1px;
}

.prdct-img-ce-mi span {
    color: #EA610C;
    text-align: center;
    font-family: 'poppins-400';
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    /* 120% */
    letter-spacing: 0.1px;
}

/** new promo banner **/
.whats-new-banner {
    position: relative;
    /* padding: 8px; */
    border: 5px solid var(--99-orange);
    animation: blinkBorder 1s infinite;
    border-radius: 12px;
    box-shadow: 0 15px 30px 0 rgba(255, 121, 0, 0.60);
    /* background: #fff; */
}

@keyframes blinkBorder {

    0%,
    100% {
        border-color: var(--99-orange);
    }

    50% {
        border-color: var(--99-yellow);
    }
}

.promo-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 60px solid #F00;
    border-bottom: 60px solid transparent;
    z-index: 1;
    border-top-left-radius: 8px;
}

.promo-ribbon-text {
    position: absolute;
    top: 10px;
    left: 3px;
    transform: rotate(-45deg);
    font-size: 16px;
    font-weight: bold;
    color: var(--99-yellow);
    font-family: poppins-bold-700;
    ;
    z-index: 2;

}

.whats-new-banner img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.whats-new-banner .wn-banner-img-desktop {
    display: block;
}

/* Home hero slider */
.home-hero-slider-section {
    padding: 1.5rem 0;
    background: #FFF;
    border-bottom: 8px solid var(--99-yellow);
}
.home-hero-carousel {
    max-width: 1140px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
}

.home-hero-carousel .carousel-indicators li{
    background-color: #a8a5a5 !important;
}

.home-hero-carousel .carousel-indicators {
    bottom: -18px;
}

/* .home-hero-slide-img {
    display: block;
    width: 100%;
    max-width: 1140px;
    max-height: 280px;
    height: auto;
    aspect-ratio: 1140 / 280;
    object-fit: cover;
    border-radius: 12px;
} */

.home-hero-slide-img-desk{
    display: block !important;
    width: 100%;
    max-width: 1140px;
    max-height: 280px;
    height: auto;
    aspect-ratio: 1140 / 280;
    object-fit: cover;
    border-radius: 12px;
}

.home-hero-slide-img-mob{
    display: none !important;
}

/* Category heading row with inline search */
.cat-hd-row {
    gap: 1rem;
}
.cat-search-form {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: auto;
}



/** Extra small Media Query **/
@media only screen and (min-device-width: 314px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 1) {
    .chck-pg .cart-md label {
        /* width: 220px !important; */
        width: 100% !important;
    }
}

/** Media Query for Mobile Phones **/
@media (max-width: 767px) {

    .whatsnew-slider-section .container .prod-lst .prod-listing .mb-0 .new-word-caption {
        color: #713F12;
        font-family: 'poppins-bold-900';
        font-size: 22px;
        font-style: normal;
        font-weight: 900;
        line-height: 36px;

    }

    .enter-address-div {
        width: 100%;
        min-width: auto !important;
    }

    .cat-left {
        grid-auto-columns: calc(100% / 2.6);
        gap: 8px;
    }

    .cat-title {
        font-size: 14px;
    }

    .cat-left .cat-card {
        height: 124px;
        border-radius: 12px;
        padding: 12px;
    }

    .cat-img img {
        height: 60px;
    }

    .whatsnew-slider-section {
        /* border-bottom: 8px solid var(--99-yellow);
    border-top: 8px solid var(--99-yellow); */
        padding-bottom: 25px;
        background-color: #fef9c3;
    }

    .prod-lst {
        padding: 0px 0px 15px 0px;
    }

    .whatsnew-slider-section .container .prod-lst .prod-listing .mb-0 .new-word {
        font-family: Permanent Marker !important;
        font-size: 44px !important;
        font-weight: 400 !important;
        line-height: 64px !important;
        text-align: left !important;
        color: #713F12 !important;


    }

    .country-selector {
        width: 251px !important;
    }

    .wg-drop.country-selector ul {
        border-radius: 0px;
    }

    .wg-drop.country-selector .wgcurrent {
        border: none;
        border-radius: 0px;
        box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.05);
    }

    .header-01 {
        background: #FAFAF9;
        box-shadow: 0px 1px 2px 0px rgba(41, 37, 36, 0.08), 0px 1px 3px 0px rgba(41, 37, 36, 0.16);
        display: block;
        padding: 12px 24px;
    }

    header .mltpl-hdr .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .header {
        display: none;
    }

    .d-none-smal {
        display: none;
    }

    .header-form-ph {
        width: calc(100% - 36px) !important;
    }

    .pac-container {
        min-width: calc(100vw - 32px) !important;
    }

    .header-001 {
        background: #FAFAF8;
        display: none;
        position: fixed;
        height: 100vh;
        z-index: 1111;
        top: 0px;
        width: 200px;
        line-height: 60px;
        transform: translateX(-250px);
    }

    .header-001 ul li {
        list-style: none;
    }

    .header-001 ul li a {
        color: #333;
    }

    .active-001 {
        display: block;
        transform: translateX(0px);
    }

    .icon-nav {
        color: rgba(120, 113, 108, 1);
        cursor: pointer;
        font-size: 22px;
    }

    .alert-box-home {
        display: none;
    }

    .badge-light {
        position: absolute;
        z-index: 1;
        top: -2px;
        right: 42px;
        /* transform: translate(28px, 18px); */
        background: #A855F7 !important;
        border-radius: 12px;
        padding: 3px 7px;
        color: #ffffff;
        font-size: 11px;
        font-family: 'poppins-normal';
    }

    /** Bottom header start **/
    .mltpl-hdr .zero-red {
        background: rgb(255 186 130);
    }

    .mltpl-hdr .ff-green {
        background: rgba(190, 242, 100, 1);
    }

    .mltpl-hdr .hdr-cont {
        gap: 1px;
        /* width: 135px; */
    }

    .mltpl-hdr .fs-self {
        font-size: 11px !important;
    }

    .mltpl-hdr .fs-self1 {
        font-size: 11px !important;
    }

    .mltpl-hdr .progress {
        /* width: 98px; */
        width: 100%;
        height: 8px;
    }

    /* .mltpl-hdr .d-none-fbh {
    display: none;
    position: absolute !important;
    top: 40px !important;
    background: #FFF;
    border-radius: 10px;
  }

  .mltpl-hdr .d-none-fbh:hover {
    background: #FFF;
    border-radius: 10px;
  }

  .mltpl-hdr .d-none-fbh:focus {
    background: #FFF;
    border-radius: 10px;
  } */

    .mltpl-hdr .form-control {
        position: relative !important;
        z-index: 999;
        background: #FFF !important;
        border-radius: 10px;
    }

    .mltpl-hdr .form-control:hover {
        background: #FFF !important;
        border-radius: 10px;
    }

    .mltpl-hdr .form-control:focus {
        background: #FFF !important;
        border-radius: 10px;
    }

    /** Bottom header end **/
    /** For categories **/
    .cat-sec .cat-cont {
        padding-top: 15px;
    }

    ul.product-listing li a.active {
        font-size: 12px;
    }

    ul.product-listing li a {
        width: 150px;
        font-size: 11px;
    }

    ul.product-listing {
        width: 576%;
    }

    ul.product-listing li {
        width: 7.5%;
    }

    /** For categories ends**/
    /** new categories CSS **/
    .cat-item {
        width: 150px !important;
        font-size: 11px !important;
    }

    .item-active span {
        font-size: 12px !important;
    }

    /** new categories CSS **/
    /** Bottom header CSS **/
    .bottom-nav {
        font-family: 'poppins-normal';
    }

    .gap-80 {
        gap: 10px;
        margin-left: 0px;
    }

    /** Bottom header CSS ends **/
    .main-wrapper-home {
        background: url(../image/new-99-banner.png) top left / cover no-repeat;
    }

    /** payment gateway **/
    .pmnt-gtwy h2 {
        font-size: 32px;
    }

    .pmnt-gtwy p {
        font-size: 18px;
    }

    .pmnt-gtwy img {
        width: 300px;
    }

    /** payment gateway ends**/
    /** System direct page **/
    .sys-dir h5 {
        padding: 3rem 0rem 2rem 0rem;
    }

    /** System direct page **/
    /** Login type pages **/
    .less-lp-lg {
        padding-left: 15px !important;
    }

    .ph-login .box-border .btn-log {
        padding: 10px 24px;
        margin-top: 10px;
    }

    .log-rg-innr {
        display: flex;
        flex-direction: column-reverse;
    }

    .log-rg-innr .col-sm-12 {
        margin: 22px 0px;
    }

    .lr-pg .top-hd {
        color: #1C1917;
        font-family: 'poppins-bold-900';
        font-size: 24px;
        line-height: 32px;
        font-style: normal;
        font-weight: 900;
    }

    .top-hd {
        color: #1C1917;
        font-family: 'poppins-bold-900';
        font-size: 26px;
        line-height: 32px;
        font-style: normal;
    }

    .lr-pg .btn-need {
        padding: 5px 16px;
    }

    .country-code-ph {
        transform: translate(38px, -34px);
    }

    .otp-login .box-border {
        border: none !important;
        box-shadow: unset !important;
        padding: 5px 8px !important;
    }

    .otp-login .box-border p {
        margin-top: 10px !important;
    }

    .otp-login .box-border p:last-child {
        margin-top: 1px !important;
    }

    .otp-login .box-border .sub-btn,
    .btn-log {
        padding: 10px 24px;
        margin-top: 10px;
    }

    .otp-login .box-border .otp-control {
        width: 40px !important;
    }

    .otp-red .box-border {
        border: none !important;
        box-shadow: unset !important;
        padding: 5px 8px !important;
    }

    .otp-red img {
        margin: 5px !important;
    }

    .ph-login .p-12 {
        font-family: 'poppins-400';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.4px;
        text-align: center !important;
    }

    .main-wrapper-01 {
        height: 164px;
    }

    .hero-heading {
        font-size: 32px;
        margin-bottom: 0;
        line-height: 40px;
    }

    .sm-d-none {
        display: none;
    }

    /** utilities classes **/
    .con-hd {
        font-size: 16px;
        line-height: 22px;
    }

    .question-arrow h5 {
        font-size: 16px !important;
        font-family: 'poppins-bold-700';
    }

    .shop-cart-table td h4.pro-heading {
        font-size: 14px;
        font-family: 'poppins-400';
        line-height: 18px;
    }

    .shop-cart-table td .pro-price {
        font-size: 14px;
        line-height: 20px;
    }

    .rm-td .grand-ttl {
        font-size: 16px;
    }

    /** Cart block page **/
    /** pagination related **/
    .page-link {
        position: relative;
        display: block;
        padding: 0.6rem 0.5rem !important;
        margin-left: -1px !important;
        line-height: 1.25 !important;
        color: #f97c16 !important;
        background-color: transparent !important;
        border: 0px solid #dee2e6 !important;
    }

    .page-item.active .page-link {
        margin-top: 6px !important;
        border-radius: 8px !important;
        padding: 3px 10px !important;
    }

    /** new modal in cart page **/
    .crt-mod .modal-content {
        z-index: 99999999999999999999 !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border: 0;
    }

    .crt-mod .modal-header {
        padding: 10px 15px 0px 5px !important;
    }

    .cart-price-bar .cpb-all-content .g-check .btn-grey {
        cursor: not-allowed !important;
        background: #D6D3D1;
        color: #A8A29E;
    }

    .nbbx-sm .box-border {
        border: none;
        box-shadow: none;
    }

    .crt-blk .progress {
        width: 100%;
        height: 8px !important;
        border-radius: 50px;
        background: #FED7AA;
    }

    .crt-blk .box-border {
        padding: 0px !important;
    }

    .crt-blk .prog h6 {
        font-size: 12px;
        line-height: 16px;
    }

    .crt-blk .prog p {
        font-size: 12px;
    }

    .crt-blk .img-001 {
        width: 40px;
        margin-right: 10px;
    }

    .cart-blk .progress-bar {
        background: var(--99-orange);
        border-radius: 12px;
    }

    .crt-blk .top-hd {
        text-align: left !important;
        margin-left: 0% !important;
    }

    .crt-blk .content-001 {
        margin-left: 0px;
    }

    .crt-blk-pg-pp .main-product-section .mps-all-content .contect-side {
        padding: 0px !important;
    }

    .crt-blk-pg-pp .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
        display: block !important;
    }

    /** Popup for small devices **/
    #hiw-popup-01 {
        top: auto;
        bottom: -100%;
        left: 0;
        border-radius: 20px 20px 0 0;
        transition: all 0.5s ease-in-out;
    }

    #hiw-popup-01 .hiw-content {
        position: relative;
        padding: 2.2rem 1rem 1rem 1.2rem;
    }

    #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content p {
        font-size: 15px;
        line-height: 23px;
        /* 150% */
        margin: 0px;
    }

    #hiw-popup-01 .hiw-content .top-edge {
        display: block;
    }

    #hiw-popup-01.open-popup {
        visibility: visible;
        opacity: 1;
        z-index: 9999999999999;
        bottom: 0px;
    }

    #hiw-popup-01 .hiw-content .hiw-box .main-content {
        padding-left: 5px;
        gap: 2.5rem;
    }

    #hiw-popup-01 .hiw-content .hiw-box h4 {
        font-size: 22px;
    }

    #hiw-popup-01 .hiw-content .hiw-box .main-content .hide-mbl {
        display: none;
    }

    #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box {
        gap: 1rem;
        align-items: flex-start;
    }

    #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .content h5 {
        font-size: 16px;
    }

    #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon {
        width: 24%;
    }

    #hiw-popup-01 .hiw-content .hiw-box .main-content .inner-box .icon::after {
        top: 105%;
    }

    .crt-blk-pg-pp .product-lays {
        width: 110px;
        height: 110px;
        margin-top: -30px;
        margin: auto;
        display: block;
    }

    .crt-blk-pg-pp .main-product-section .mps-all-content .contect-side {
        border-radius: 20px 20px 0 0;
        margin-top: 0rem !important;
        position: relative;
        z-index: 9;
        background: white;
        display: block;
    }

    .crt-blk-pg-pp .product-lays {
        display: block !important;
    }

    /** Popup for small devices on cart block ends**/
    /** order **/
    div#mydiv1desk {
        -webkit-order: 4;
    }

    div#mydiv2desk {
        -webkit-order: 5;
    }

    div#mydiv3desk {
        -webkit-order: 1;
    }

    div#mydiv4desk {
        -webkit-order: 3;
    }

    div#mydiv5desk {
        -webkit-order: 2;
    }

    div#mydiv1desk {
        order: 4;
    }

    div#mydiv2desk {
        order: 5;
    }

    div#mydiv3desk {
        order: 1;
    }

    div#mydiv4desk {
        order: 3;
    }

    div#mydiv5desk {
        order: 2;
    }

    #mydivwarn3desk {
        order: 3;
    }

    .main-errr-wrapper {
        height: 220px;
    }

    .bottom-grn-footer {
        margin-top: 150px;
    }

    .bottom-grn-footer p {
        text-align: center;
        padding: 4px;
    }

    .bottom-grn-footer .lst-chld p {
        text-align: center !important;
    }

    /** account page **/
    .pad-ctrl {
        padding: 0px !important;
        width: 100%;
    }

    .pad-ctrl .box-border {
        padding: 0px !important;
        border: none !important;
        box-shadow: none !important;
    }

    /** Prod Page **/
    .prod-listing .all-link {
        display: none;
    }

    .plp-cntnr .prod-list-pg .col-md-12 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .sticky1 {
        margin-left: 0px;
    }

    .pd-hd {
        font-family: 'poppins-bold-700';
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
    }

    .prod-listing h4 img {
        display: inline-flex;
    }

    .link-for-mbl {
        display: flex !important;
    }

    .link-for-mbl .lfm-content a {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .small-flex>div:last-child {
        text-decoration: none;
        display: flex;
        margin-bottom: 15px;
        margin-left: 10px;
        flex-direction: column;
        align-items: center;
        background-color: rgb(219, 216, 216);
        justify-content: center;
        border-radius: 20px;
    }

    .plp-cntnr .small-flex>div:last-child {
        text-decoration: none;
        display: flex;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
        align-items: baseline;
        justify-content: flex-start !important;
        border-radius: 0px !important;
        position: relative !important;
    }

    .main-product-section {
        padding: 0;
    }

    .main-product-section .mps-all-content {
        padding: 0;
    }

    .main-product-section .mps-all-content .slider-side {
        padding: 0;
    }

    .main-product-section .mps-all-content .slider-side .pd-description {
        display: none;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .main-slider {
        width: 100%;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider {
        width: 20%;
        position: absolute;
        z-index: 9;
        right: 1.2rem;
        top: 1.2rem;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide {
        height: 80px !important;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper {
        width: 100%;
        height: 80px;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
        border-radius: 0;
        display: block;
        width: 180px;
        margin-left: 19vw;
        background: #fff;
        margin-right: auto;
    }

    .main-product-section .mps-all-content .contect-side {
        border-radius: 20px 20px 0 0;
        margin-top: -0.5rem;
        position: relative;
        z-index: 9;
        background: white;
    }

    .main-product-section .mps-all-content .contect-side .cs-content {
        padding-top: 15px;
        padding-left: 2px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .price h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px;
        /* 127.273% */
        margin-bottom: 2px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .title p {
        max-width: 200px !important;
        color: #44403C;
        font-family: 'poppins-bold-700';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.15px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .title h1 {
        max-width: 200px !important;
        color: #44403C;
        font-family: 'poppins-bold-700';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.15px;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
        width: 65px;
        height: 65px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .title span {
        font-size: 12px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .in-stock {
        margin-top: 7px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .in-stock p {
        font-size: 12px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .quantity-container label {
        display: none;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls {
        position: absolute;
        top: 5px;
        right: 20px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button img {
        width: 20px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls input {
        height: 42px;
        width: 42px;
        font-size: 14px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .quantity-container .quantity-controls button {
        width: 35px;
        height: 35px;
        border-radius: 9px;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .add-cart-btn {
        display: none;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl {
        display: block;
        border-top: 1px solid rgb(174, 174, 174);
    }

    .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl h4 {
        font-size: 13px;
        padding-top: 1rem;
    }

    .main-product-section .mps-all-content .contect-side .cs-content .pd-description.for-mbl p {
        font-size: 12px;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow {
        display: block;
        position: absolute;
        top: 1.7rem;
        left: 1.2rem;
        z-index: 99;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a {
        text-decoration: none;
        background-color: rgb(225, 225, 225);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 25px;
        width: 25px;
        border-radius: 7px;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mb-arrow a img {
        width: 31px;
    }

    .popular-collections .pc-all-content {
        padding: 2rem 5px 4rem 5px;
    }

    .popular-collections .pc-all-content .heading-link .all-link {
        display: none;
    }

    .popular-collections .pc-all-content .pc-collection {
        margin-top: 2rem;
    }

    .popular-collections .pc-all-content .pc-collection {
        margin-top: 2rem;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .popular-collections .pc-all-content .pc-collection .collection-box {
        width: 40%;
    }

    .popular-collections .pc-all-content .pc-collection .collection-box .inner-box img {
        width: 75%;
    }

    .popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content {
        margin-top: 1rem;
    }

    .popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .popular-collections .pc-all-content .pc-collection .collection-box .inner-box .ib-content p {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .popular-collections .pc-all-content .heading-link h3 {
        font-size: 22px;
        align-items: center;
    }

    .popular-collections .pc-all-content .heading-link h3 img {
        display: block;
        margin-left: 1rem;
        margin-top: 5px;
        width: 14px;
        height: 14px;
    }

    .cart-price-bar {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #FFFFFF;
        width: 100%;
        z-index: 999;
        padding: 0 1rem;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .cart-price-bar .cpb-all-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
    }

    .cart-price-bar .cpb-all-content .total-price span {
        font-size: 12px;
    }

    .cart-price-bar .cpb-all-content .total-price p {
        font-size: 14px;
        font-weight: bolder;
        margin: -3px 0 0 0;
    }

    .cart-price-bar .cpb-all-content .cart-btn button {
        border-radius: 16px;
        background: var(--99-orange);
        color: #FFF7ED;
        border: none;
        text-align: center;
        font-family: 'poppins-normal';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        width: 150px;
        padding: 10px 14px;
    }

    .popular-collections .pc-all-content .pc-collection .link-for-mbl {
        background-color: rgb(219, 216, 216);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
    }

    .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content a {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content a img {
        width: 30px;
    }

    .popular-collections .pc-all-content .pc-collection .link-for-mbl .lfm-content a span {
        color: 12px;
        color: var(--99-orange);
    }

    /** age popup for small devices **/
    .ag-mdl .modal-content {
        max-width: 100%;
        border-radius: 20px 20px 0px 0px !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: none;
        border: 0;
    }

    .ag-mdl .modal-body {
        padding: 20px 20px 32px 20px !important;
    }

    .ag-mdl .modal-body h2 {
        font-family: 'poppins-bold-800';
        font-size: 22px;
        line-height: 28px;
    }

    /** age popup for small devices **/



    /** Top home section **/
    .main-wrapper-home .cnt-hm .hero-heading {
        font-size: 28px;
        margin-bottom: 0;
        line-height: 36px;
    }

    .main-wrapper-home .cnt-hm .desc {
        font-size: 14px;
    }

    .cnt-hm .frm-grp-75 {
        width: 100%;
    }

    .cnt-hm .input-feild {
        margin-bottom: -31px !important;
    }

    .section-3 .hero-heading-2 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 60px;
    }

    .section-3 .hero-heading-2 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 60px;
    }

    .section-pl .hero-heading-2 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 60px;
    }

    .prom-btn {
        font-size: 14px;
        padding: 10px 32px;
        position: absolute;
        transform: translate(1px, 55px);
    }

    /** Prod page ends **/
    /** Home page  and products on home page **/
    .small-flex>div {
        flex: 0 0 auto;
        width: 42% !important;
        box-sizing: border-box;
        padding: 0 5px;
        flex-wrap: nowrap;
        position: relative;
    }

    .small-flex {
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .home-prod-img img {
        height: auto;
        width: 142px;
        padding: 0px 5px;
        cursor: pointer;
    }

    .home-prod-img .link-for-mbl img {
        height: 30px;
    }

    /* .prod-lst {
    padding: 15px 0px;
  } */

    .cta-box .home-prom {
        color: #1C1917;
        font-family: 'poppins-bold-700';
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        /* 127.273% */
    }

    .prom-img-bnr .mob-ban-img {
        display: block;
        width: 100%;
        border-radius: 12px;
        margin: 20px 0px 10px 0px;
    }

    .prom-img-bnr .d-none-sm {
        display: none;
    }

    .cta-box h3 img {
        display: inline-flex;
    }

    .cta-box {
        padding: 20px 0px 0px 0px;
    }

    .prod-img-hm {
        margin: 0px 2px;
        width: 138px;
        height: auto;
    }

    .prod-price {
        font-size: 20px;
        line-height: 24px;
    }

    .prod-nm {
        font-size: 16px;
        line-height: 20px;
    }

    .footer-li a {
        font-size: 12px;
    }

    .list-style-none {
        list-style: none;
        /**  gap: 25px; **/
        gap: 13px;
    }

    /**Home bannner **/
    .frm-grp-75 {
        width: 75%;
    }

    .cnt-hm .frm-grp-80 {
        width: 100%;
    }

    /**
  .cnt-hm form{
  width: 100% !important;
  }
  **/
    .cnt-hm .home-form {
        width: 100% !important;
    }

    .cnt-home .w-75 {
        width: 100% !important;
    }

    .lfm-content a span {
        color: var(--99-orange);
    }

    /** HIW **/
    /** Home HIW section **/
    .internal-row .main-content {
        display: flex;
        margin-top: 2rem;
        flex-direction: column;
        gap: 2.5rem;
        padding: 0px 18px;
    }

    .internal-row .inner-box {
        width: 100%;
        display: flex;
        gap: 1rem;
        align-items: flex-start;
    }

    .internal-row .inner-box .icon {
        width: 24%;
        position: relative;
    }

    .internal-row .inner-box .icon img {
        width: 80px;
        height: auto;
    }

    .internal-row .inner-box .icon::after {
        content: "";
        position: absolute;
        top: 120%;
        left: 50%;
        border-top: none;
        height: 40px;
        border-left: 3px solid var(--99-orange);
        box-sizing: border-box;
    }

    .how-itw p {
        font-size: 14px;
    }

    .internal-row .content p {
        color: #78716C;
        font-family: 'poppins-400';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: 0.25px;
        text-align: left;
    }

    .internal-row .content h5 {
        text-align: left;
        color: #44403C;
        font-family: 'poppins-bold-700';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 150% */
        letter-spacing: 0.15px;
    }

    /** HIW ends **/
    /** bnfts section home **/
    .col-bnfts-box {
        height: 97%;
        max-height: 600px;
        padding: 32px 32px 32px 32px;
    }

    .hdng-nd-con {
        max-height: max-content;
        height: 170px;
    }

    .col-bnfts-box img {
        width: 100% !important;
        height: 350px;
        max-width: 100%;
        padding-top: 5px;
    }

    /** Benefits section ends **/
    /** FAQ home **/
    .faqs-sec .faq-sub h3 {
        font-size: 28px;
        text-align: center;
        line-height: 36px;
        padding-bottom: 0px !important;
    }

    .faqs-sec .faq-sub p {
        font-size: 14px;
        text-align: center;
    }

    .faqs-sec .accordion-text li .question-arrow .question {
        font-size: 16px;
        line-height: 24px;
    }

    /** FAQ home ends**/
    /** FAQ page **/
    .faq-form {
        margin-bottom: -100px !important;
    }

    .faq-page .filter-main.sticky-nav {
        position: fixed;
        top: -0.11rem;
        left: 0;
        z-index: 99;
    }

    /* .main-wrapper-faq {
    margin-bottom: 2rem;
  } */

    .main-wrapper-faq {
        padding-top: 1.5rem;
        padding-bottom: 3rem;
    }

    /** FAQ page ends**/
    /** PLP plp starts **/
    .plp-sec {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .d-none-large {
        display: block;
    }

    .d-none-inl-lg {
        display: inline !important;
    }

    .hero-heading-plp {
        font-size: 24px;
        line-height: 32px;
    }

    .plp-form {
        margin-bottom: -15px !important;
    }

    /**
  .plp-pg .input-feild {
  margin-bottom: -31px !important;
  }
  **/
    .prod-list-pg .small-flex>div {
        flex: 0 0 auto;
        width: 50% !important;
        box-sizing: border-box;
        padding: 0 5px;
        flex-wrap: wrap;
    }

    .prod-list-pg .small-flex>div:last-child {
        text-decoration: none;
        margin-bottom: 0px;
        margin-left: 0px;
        flex-direction: column;
        background: none;
    }

    .prod-list-pg .small-flex {
        /* overflow-x: scroll; */
        flex-wrap: wrap;
    }

    .filter-main.sticky-nav {
        overscroll-behavior: none;
        position: fixed;
        /* top: 2.8rem; */
        top: 102px;
        left: 0;
        z-index: 99;
    }

    .plp-cntnr {
        overscroll-behavior: none;
    }

    .filter-main {
        background-color: #FFFFFF;
        width: 100%;
    }

    .sticky1 {
        overscroll-behavior: none;
        position: relative;
        top: 6%;
        min-width: 50%;
    }

    .plp-sec .sticky1 {
        margin-top: 1.2rem;
    }

    /** plp **/
    ::-webkit-scrollbar-thumb {
        border-radius: 0 !important;
        background: transparent !important;
        overscroll-behavior: none;
    }

    .nav::-webkit-scrollbar {
        height: 0px;
    }

    .plp-cntnr .plp-rw .nav-tabs {
        background: #FFFBFE;
        border-bottom: 0px #c2bebe solid !important;
    }

    .plp-cntnr .plp-rw ul.scrollmenu {
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    ul.scrollmenu button {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 14px;
        text-decoration: none;
    }

    .main-cat-text {
        font-size: 16px;
        font-family: 'poppins-normal';
        font-weight: 600;
    }

    .plp-cntnr .plp-rw .nav-tabs .nav-link.active {
        border-bottom: 3px solid var(--99-orange) !important;
        border-left: 0px solid transparent !important;
        background-color: transparent;
    }

    .plp-cntnr .plp-rw .nav-tabs .nav-link {
        padding-left: 26px;
        padding-right: 26px;
    }

    /** PLP plp ends **/
    /** Cart related starts**/
    .ct-empty .top-hd {
        text-align: left !important;
        font-size: 28px;
        font-style: normal;
        font-weight: 900;
        line-height: 36px;
        /* 128.571% */
    }

    .ct-empty h3 {
        text-align: center !important;
    }

    .ct-empty p {
        text-align: center !important;
    }

    .footer-btn {
        margin-top: 20px;
        align-items: center;
        height: 40px;
        margin-top: 20px;
        float: none;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto;
        width: 100%;
    }

    .less-gt {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .footer-btm-des {
        text-align: center;
    }

    .top-footer .row .col-md-5 .col-md-8 .col-md-4 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .top-footer {
        padding: 25px 15px 70px 15px
    }

    .top-footer .row .row {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .footer-logo {
        display: block;
        margin: auto;
        padding-bottom: 20px;
        width: 162px;
        height: auto;
        padding-top: 1px;

    }

    .foot-desc-txt {
        text-align: center !important;
    }

    .footer-li img {
        width: 12px;
    }

    .footer-li img {
        width: 12px;
    }

    .cont-det .footer-li {
        font-size: 9px;
    }

    .cont-det .footer-li:last-child {
        margin-top: 0px !important;
    }

    .footer-desc {
        text-align: center;
    }

    .top-footer .list-style-none {
        justify-content: center;
    }

    .top-footer .sml-gp {
        justify-content: center;
    }

    /** CTA Footer **/
    .CTA-footer .col-md-7 .mt-33 {
        left: 27%;
    }

    .CTA-footer .col-md-7 h2 {
        padding-top: 10px;
        text-align: center;
        font-size: 28px;
        line-height: 36px;
    }

    .CTA-footer .col-md-7 p {
        color: #44403C;
        text-align: center;
        font-family: 'poppins-400';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
    }

    .CTA-footer .col-md-5 .w-75 {
        width: 100% !important;
    }

    .cta-form {
        display: block;
    }

    .CTA-footer {
        padding: 30px 25px 40px 25px !important;
    }

    .CTA-footer .subs {
        margin-top: 7px;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /** CTA Footer ends**/
    /** checkout self pickup */
    .loc-row img {
        width: 240px;
    }

    .accordian .card-01 .card-header-01 {
        padding-left: 0px;
    }

    /** Delivery pickup new carousel in form code **/
    .consent-div .text-right form-check-input {
        margin-top: -0.6rem !important;
    }

    .flex-dir-main1 {
        display: flex;
        flex-direction: column;
    }

    .loc-roww .sm-flex {
        /* width: 270px; */
        width: 100%;
        gap: 10px;
        overflow-x: scroll;
        /* flex-wrap: nowrap; */
        flex-wrap: wrap;
    }

    .flex-dir-int img {
        /** width: 32vw;**/
        /* width: 110px; */
        min-width: 100px;
        max-width: 100px;
        height: 100px;
        border-radius: 6px;
    }

    .loc-roww img1 {
        width: 230px;
    }

    .flex-dir-int .detail {
        /** width: 32vw; **/
        width: 130px;
        /* padding: 15px 0px; */
        padding: 0;
    }

    /* .flex-dir-main {
    height: 450px;
  } */
    .flex-dir-int {
        display: flex;
        flex-direction: row;
        /* flex-direction: column; */
    }


    .chck-pg .cart-md label {
        width: 280px !important;
    }

    .chck-pg .chbx-mb {
        margin-top: -10px !important;
    }

    /** Top footer CSS ends**/
    .accordion {
        padding: 10px 10px 25px 1px;
    }

    .accordion-text li p {
        width: 98%;
    }

    .md-width {
        padding: 10px 10px;
        left: 1% !important;
    }

    .box-border {
        padding: 15px !important;
    }

    /** my order delivery CSS**/

    .cancel-ord .modal-content {
        max-width: 100%;
        border-radius: 20px 20px 0px 0px !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: none;
        border: 0;
    }

    .modal {
        top: auto !important;
        bottom: -100%;
        left: 0;
        border-radius: 20px 20px 0 0;
        transition: all 0.5s ease-in-out;
    }

    .modal.show {
        bottom: 0px;
        height: inherit;
    }

    .product-lays {
        display: block !important;
    }

    .modal-dialog {
        margin: 0px !important;
    }

    .product-lays {
        width: 60%;
    }

    .modal-content {
        border-radius: 20px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border: 0;
    }

    /** my order **/
    .my-ord-cn .my-ord .box-border-zero-padd {
        border: none !important;
        box-shadow: none !important;
    }

    .my-ord-cn .my-ord .box-header {
        border-radius: 0px;
    }

    .my-ord-cn .my-ord .btn {
        padding: 3px 8px !important;
    }

    /** my order delivery CSS ends**/

    /** my order thank you **/
    .em-wid {
        width: fit-content;
    }

    /** Popup for small devices ends**/
    /** Some general CSS **/
    .row .mw-600 .d-flex .btn-need {
        padding: 5px 16px;
    }

    .loc-alert {
        max-width: 100%;
    }

    /** some general CSS ends **/
    /** new HIW popup **/
    /** new bootstrap Popup for small devices **/
    .main-boot-mod .modal-content {
        width: 100% !important;
        top: 10px;
        border: none;
        height: 500px;
        overflow-y: scroll;
    }

    .boot-mod {
        top: auto;
        bottom: -100%;
        left: 0;
        border-radius: 20px 20px 0 0;
        transition: all 0.5s ease-in-out;
    }

    .boot-mod .hiw-content {
        position: relative;
        padding: 0.2rem 0.5rem 1rem 0.5rem;
    }

    .boot-mod .hiw-content .hiw-box .main-content .inner-box .content p {
        font-size: 14px;
        line-height: 23px;
        /* 150% */
        margin: 0px;
    }

    .boot-mod .hiw-content .top-edge {
        /** display: block; **/
        display: none;
    }

    .boot-mod .open-popup {
        visibility: visible;
        opacity: 1;
        bottom: 0px;
    }

    .boot-mod .hiw-content .hiw-box .main-content {
        padding-left: 5px;
        gap: 2.5rem;
    }

    .boot-mod .hiw-content .hiw-box h4 {
        font-size: 22px;
    }

    .boot-mod .hiw-content .hiw-box .main-content .hide-mbl {
        display: none;
    }

    .boot-mod .hiw-content .hiw-box .main-content .inner-box {
        gap: 1rem;
        align-items: flex-start;
    }

    .boot-mod .hiw-content .hiw-box .main-content .inner-box .content h5 {
        font-size: 16px;
    }

    .boot-mod .hiw-content .hiw-box .main-content .inner-box .icon {
        width: 24%;
    }

    .boot-mod .hiw-content .hiw-box .main-content .inner-box .icon::after {
        top: 120%;
    }

    /** new bootstrap hiw Popup for small devices ends **/
    .wdp-ribbon-six {
        margin-left: 2px;
    }

    .wdp-ribbon-border {
        border-left: 65px solid #E11D48;
        border-bottom: 65px solid transparent;
    }

    /* .wdp-ribbon-text {
    top: 26%;
    left: 26%;
  } */

    /** New CSS added **/

    .whats-new-banner img {
        border-radius: 8px;
    }

    .whats-new-banner {
        border: 2px solid var(--99-orange);
        border-radius: 10px;
    }

    .promo-ribbon {
        border-left: 40px solid #F00;
        border-bottom: 40px solid transparent;
    }

    .promo-ribbon-text {
        top: 7px;
        left: 2px;
        font-size: 10px;
        line-height: 12px;
    }

    .whats-new-banner-col {
        padding-right: 8px;
        padding-left: 0;
    }

    .new-word {
        font-size: 30px !important;
        line-height: 40px;
    }

    .new-word-caption {
        font: 22px;
        line-height: 26px;
    }

    .whats-new-banner-heading {
        margin-top: 2px !important;
        margin-left: 15px;
        font: 22px;
        line-height: 26px;
        width: 100%;
    }

    /** New CSS added ends**/

    .gry-box .form-check-input {
        margin-top: -0.6rem !important;
    }

    .gry-box .form-check-input {
        margin-top: -0.6rem !important;
    }

    /* .whats-new-banner .wn-banner-img-desktop{
    display: none;
  }

  .whats-new-banner .wn-banner-img-mob {
    display: block;
  } */

}

/* mobile-device CSS ends **/
/** Media Query for bigger thn mobile phone  tablet and medium devices**/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .accordion {
        flex-direction: column;
    }

    .accordion .image-box {
        height: 360px;
        width: 300px;
        background: #7d2ae8;
        width: 100%;
        border-radius: 25px;
        padding: 30px;
    }

    .accordion .accordion-text {
        width: 100%;
        margin-top: 30px;
    }

    ul.product-listing li a {
        width: 140px;
    }

    .mltpl-hdr .progress {
        /* width: 140px !important; */
        width: 100%;
        height: 10px !important;
    }

    .header-form-ph {
        padding-left: 5px !important;
        width: 100% !important;
    }

    .pac-container {
        min-width: 280px !important;
    }

    .box-border {
        padding: 28px;
    }

    .mw-600 .box-border .col-md-3 {
        padding-right: 5px;
    }

    .box-border .anker-003 {
        padding: 14px 5px;
        font-size: 13px;
    }

    .box-border .anker-003:hover {
        padding: 14px 5px;
        font-size: 13px;
    }

    /** checkout delivery **/
    .chck-pg .chck-from {
        width: 92%;
    }

    .chck-pg .cart-md label {
        width: 290px;
    }

    /** Checkout delivery **/
    /** Checkout self prep **/
    /** checkout self pickup carousel location **/
    .flex-dir-int img {
        min-width: 150px;
        max-width: 150px;
        height: 150px;
        border-radius: 6px;
        object-fit: cover;
    }

    .flex-dir-int .detail {
        width: 150px;
        padding: 0px 0px;
    }

    .flex-dir-main {
        max-width: 350px;
    }

    .internal-row .content h5 {
        font-size: 20px;
        line-height: 24px;
    }

    .how-itw p {
        font-size: 15px;
        line-height: 18px;
    }

    .internal-row .inner-box .icon::after {
        left: 135px;
        width: 80px;
    }

    .prod-price {
        font-size: 17px;
        line-height: 22px;
    }

    .prod-nm {
        font-size: 16px;
        line-height: 20px;
    }

    .col-bnfts-box img {
        width: 100%;
        /**    max-width: 150px; **/
        height: auto;
    }

    .hero-heading {
        font-size: 32px;
        line-height: 37px;
    }

    .col-bnfts-box h3 {
        font-size: 18px;
        line-height: 21px;
    }

    .col-bnfts-box p {
        font-size: 12px;
        line-height: 15px;
    }

    .col-bnfts-box {
        height: 420px;
        max-height: 440px;
        border-radius: 16px;
        background: #FFEDD5;
        padding: 15px 20px 15px 20px;
        margin: 12px 0px;
    }

    .home-prod-img img {
        width: 160px;
        height: auto;
    }

    .main-product-section .mps-all-content .slider-side .pd-description {
        padding-left: 3rem;
    }

    .sml-gp {
        gap: 20px;
    }

    .footer-btn {
        height: 48px;
        font-size: 12px;
        line-height: 16px;
    }

    .hdng-nd-con {
        max-height: max-content;
        height: 140px;
    }

    .faqs-sec .accordion-text li .question-arrow .question {
        font-size: 18px;
        line-height: 24px;
    }

    .section-3 .bg-img {
        padding: 30px 20px 50px 20px;
    }

    .plp-sec .plp-form .form-control {
        font-size: 14px;
        line-height: 18px;
    }

    .hero-heading-2 {
        font-size: 38px;
        line-height: 44px;
    }

    .CTA-footer .row .col-md-7 h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .CTA-footer .row .col-md-5 .btn-search {
        padding: 10px 8px;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .main-slider .mySwiper2 .swiper-slide img {
        width: 340px;
    }

    .main-product-section .mps-all-content .slider-side .ss-content .thumb-slider .mySwiper .swiper-slide img {
        width: 75px;
    }

    .abc {
        transform: translate(5px, -146px);
    }

}

/** Media Query for onlyy between 768 to 990 for batch **/
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 1) {
    .badge-light {
        transform: translate(20px, 55px);
    }

    .footer-logo {
        margin-left: 0rem;
    }
}

/** Media Query for bigger thn mobile phone ends **/
/** Media Query for 1024 1199 CSS **/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) {
    .accordion {
        max-width: 100%;
        padding: 40px 10px 10px 10px;
    }

    .accordion .image-box {
        height: 360px;
        width: 220px;
    }

    .accordion .accordion-text {
        width: 100%;
    }

    ul.product-listing li a {
        padding: 0 10px 0 0;
        width: 160px !important;
    }

    .home-prod-img img {
        width: 200px;
        height: auto;
    }

    /** checkout delivery **/
    .chck-pg .chck-from {
        width: 95%;
    }

    .chck-pg .cart-md label {
        width: 425px;
    }

    .flex-dir-main {
        max-width: 344px;
    }

    .flex-dir-main {
        max-width: 500px;
    }

    /** Checkout delivery **/
    .mltpl-hdr .progress {
        /* width: 200px; */
        width: 100%;
    }

    .mltpl-hdr .hdr-cont {
        gap: 4px;
        /* width: 235px; */
    }

    .mltpl-hdr .header-form {
        width: 340px;
    }

    .mltpl-hdr .header-form-ph {
        width: 340px !important;
    }

    .pac-container {
        min-width: 340px !important;
    }

    .abc {
        transform: translate(5px, -185px);
    }

    .footer-logo {
        margin-left: 0rem;
    }
}

/* Media Query for 1024-1199 CSS ends **/
.li-11 {
    background: url(../image/fiber_manual_record.svg) no-repeat;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

/* Scrollbar for both mobile and desktop */
.product-swiper-container {
    padding-bottom: 0px;
    /* Add space for the scrollbar */
    position: relative;
}

/* Ensure the swiper wrapper does not overlap the scrollbar */
.swiper-wrapper {
    margin-bottom: 10px;
    /* Optional: adjust margin if necessary */
}

/* Scrollbar styles for both mobile and desktop */
.product-slider-home .swiper-scrollbar {
    height: 8px;
    background: rgba(0, 0, 0, 0.1);
    /* Background of scrollbar track */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    /* Make sure it appears on top */
}

/* Scrollbar drag handle */
.product-slider-home .swiper-scrollbar-drag {
    background: rgb(234 97 12);
    /* Scrollbar handle color */
    border-radius: 4px;
}

@media (max-width: 767px) {
    #div2desk {
        order: 1 !important;
    }

    #div1desk {
        order: 2 !important;
    }

    #div3desk {
        order: 3 !important;
    }

    /* Safari 6.1+ **/
    div#div2desk {
        -webkit-order: 1;
    }

    div#div1desk {
        -webkit-order: 2;
    }

    div#div3desk {
        -webkit-order: 3;
    }

    /* Standard syntax **/
    div#div2desk {
        order: 1;
    }

    div#div1desk {
        order: 2;
    }

    div#div3desk {
        order: 3;
    }

    /** product slider homepage css **/
    .product-slider-home .swiper-button-prev {
        margin-top: -125px;
        height: 30px;
        padding: 4px 8px;
    }

    .product-slider-home .swiper-button-next {
        margin-top: -125px;
        height: 30px;
        padding: 4px 8px;
    }

    .swiper-button-prev:after {
        font-size: 11px !important;
    }

    .swiper-button-next:after {
        font-size: 11px !important;
    }

    .product-slider-home .swiper-pagination-bullet {
        width: 15px;
        height: 3.5px;
    }

    .product-slider-home .swiper-pagination-horizontal {
        top: 20px !important;
    }

    /**Scrollbar **/
    .product-swiper-container {
        padding-bottom: 20px;
        /* Add space for the scrollbar */
        position: relative;
    }

    /* Ensure the swiper wrapper does not overlap the scrollbar */
    .swiper-wrapper {
        margin-bottom: 10px;
        /* Optional: adjust margin if necessary */
    }

    /* Scrollbar styles */
    .product-slider-home .swiper-scrollbar {
        height: 8px;
        background: rgba(0, 0, 0, 0.1);
        /* Background of scrollbar track */
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        /* Make sure it appears on top */
    }

    /* Scrollbar drag handle */
    .product-slider-home .swiper-scrollbar-drag {
        background: rgb(234 97 12);
        /* Scrollbar handle color */
        border-radius: 4px;
    }

    /* Hide navigation buttons on mobile */
    .product-slider-home .swiper-button-prev,
    .product-slider-home .swiper-button-next {
        display: none;
    }

    /** Repurchase order CSS **/
    .sngl-prdct-dtl-ylo-main-lft {
        width: 180px;
    }

    .repurchase-div {
        margin-top: 30px;
    }

    .stckng-up-agn-dv .innr-stckng-up-agn-dv {
        flex-direction: column;
    }

    .pd-description.for-dekstop {
        display: none;
    }

    /* Home hero slider */
    .home-hero-slider-section {
        padding: 0.5rem 0;
    }
    /* .home-hero-carousel,
    .home-hero-slide-img {
        border-radius: 8px;
        max-width: 768px;
        max-height: 220px; 
        aspect-ratio: unset;
    } */

    .home-hero-slide-img-desk{
        display: none !important;
    }

     .home-hero-slide-img-mob{
        display: block !important;
        border-radius: 8px;
        max-width: 768px;
        max-height: 220px; 
        aspect-ratio: unset;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .cat-search-form {
        flex: 1 1 100%;
        max-width: 100%;
        margin-left: 0;
    }

    /* Home hero slider ends*/

    .w-66{
    width: 100%;
    }

}

.loc-alert {
    z-index: 999;
    width: 295px;
    background: transparent !important;
    border-color: transparent !important;
    color: red !important;
    font-weight: bold;
}