/*
================================================
Common CSS
================================================
*/
:root{
--primary-color:#D64029;
--primary-hover-color:#C93C27;
--primary-light-color:#fdf0ed;
    
--secondary-color:#00497A;
--secondary-light-color:#ECFAFF;
--secondary-blue-dark:#255798;
    
--woodsmoke-color:#212121;
--error-color:#D61308;
--white-color:#fff;
--black-color:#000;
--light-bg-color:#E9ECF0;
--cadet-blue-color:#B1B9C1;
--success-green-dark:#0FA91C;
--cadet-blue-color:#646F7D;
--nevada-color:#646F7D;
    
--popup-header-color:#E9ECF0;
    
}
/*
================================================
Global Styles
================================================
*/
html {
scroll-behavior:smooth;
}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0px;margin:0px;box-sizing:border-box;font-family:"proxima-nova";color:var(--body-text-color);width:100%;font-size:16px;line-height:22px;}
*, *:before, *:after{box-sizing:border-box;letter-spacing:0.3px;}
ul{padding:0;margin:0;}
a{text-decoration:none;color:var(--secondary-blue-dark);}
a, button{transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:700;}
.cursor-pointer{cursor:pointer !important;}
.custom-link{color:var(--secondary-blue-dark);font-size:16px;font-weight:500;padding:0;min-width:inherit;margin:0px;line-height:18px;display:inline-block; cursor:pointer;}
.custom-link:hover{text-decoration:none;color:var(--secondary-blue-dark);}
.custom-container {max-width:100% !important}
.row{margin:0 -8px;}
.row > [class*="col-"]{padding:0 8px;}
.sec3.mt-60 { margin-top: 60px;}
/*
================================================
Skeleton
================================================
*/
.loading-skeleton sup, .loading-skeleton label:after{display:none;}
.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li, .loading-skeleton a, .loading-skeleton span, .loading-skeleton .benefit-title-section,
.loading-skeleton .btn, .loading-skeleton label, .loading-skeleton .form-check-input,.loading-skeleton .form-control, .loading-skeleton img, .loading-skeleton button {color: transparent !important;appearance: none !important;-webkit-appearance: none !important;background-color: #ddd !important;border-color: #ddd !important;}
.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder,.loading-skeleton p::placeholder, .loading-skeleton li::placeholder,.loading-skeleton .btn::placeholder,.loading-skeleton label::placeholder,.loading-skeleton .form-control::placeholder, .loading-skeleton a::placeholder, .loading-skeleton span::placeholder, .loading-skeleton .benefit-title-section::placeholder, .loading-skeleton .form-check-input::placeholder, .loading-skeleton img::placeholder, .loading-skeleton button::placeholder {color: transparent;}
    
@keyframes loading-skeleton {
from {
opacity: 0.4;
}
    
to {
opacity: 1;
}
}
    
.loading-skeleton {/*pointer-events: none;*/animation: loading-skeleton 1s infinite alternate;}
.loading-skeleton img {filter: grayscale(100) contrast(0%) brightness(1.8);}
.loading-skeleton .benefit-content-section, .loading-skeleton .benefit-title-section {background: #E9ECF0 !important;border-color:#E9ECF0 !important;}
.loading-skeleton img {border-radius: 100%;display: none;width: 24px;height: 24px;min-width: 24px;min-height: 24px;}
    
    
.dropdown-menu .dropdown-item a{color:var(--woodsmoke-color)}
/*
================================================
Typography
================================================
*/
.h1, h1{font-size:60px;line-height:60px;}
.h2, h2{font-size:48px;line-height:56px;}
.h3, h3{font-size:32px;line-height:normal;}
.h4, h4{font-size:24px;line-height:30px;}
.h5, h5{font-size:24px;line-height:28px;}
.h6, h6{font-size:18px;line-height:22px;}
    
    
/*
================================================
Section Gap
================================================
*/
.section-gap{padding:24px 0;margin:0 0 40px;position:relative;}
.section-gap h3{margin:0 0 8px;}
.section-gap .section-top{margin:0 0 24px;display:flex;align-items:center;justify-content:space-between}
.section-gap .section-top-left img{max-height:32px;margin:0 0 16px;}
.section-gap .section-top-right button{font-weight:600;}
.flex-card .section-top-right button img{margin:2px 0 0 7px;}
.section-gap .section-top p{font-size:20px;line-height:24px;color:var(--woodsmoke-color);margin:0 0 12px;font-weight:400;}
.section-top-right {display: flex;align-items: center;}

.email-form.custom-form .copy-textright {background-color: transparent;text-decoration: none;position: absolute;top: 40px;right: 24px;font-size: 14px;font-weight: 600;}
.email-form .email-no .form-control{ text-align:center;}
.email-form .registerFormBlock .form-control {border: 1px solid #E1E4E8;}
.email-form .email-icon img {width: 92.49px;height: 92.49px;}
.email-form .recommended-login-box p {margin: 0px;}
.email-form .email-icon {max-width: 200px;margin: 24px auto;position: relative;}
.email-form .eamil-no {border-radius: 50%;background: #D64029;width: 20px;height: 20px;display: flex;justify-content: center;position: absolute;right: 60px;top: 10px;color: #fff;font-size: 15px;font-weight: 500;line-height: normal;}

.zoomeffect {
    animation: zoomeffect 1s infinite alternate ease-in-out;
}

@keyframes zoomeffect {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.zoomeffect-icon {
    animation: zoomeffect-icon 5s infinite alternate ease-in-out;
}

@keyframes zoomeffect-icon {
    0% {
        transform: scale(1);
        opacity:0;
    }

    50% {
        transform: scale(1.1);
        opacity:10;
    }
    100% {
        transform: scale(1);
        opacity:0;
    }
}
/*
================================================
Custom Owl carousil
================================================
*/
.breadcrumbs{ position:relative; z-index:9;}
.no-pad-border{padding:0;border:none !important;}
.custom-borders{border-top:1px solid #E9ECF0;border-bottom:1px solid #E9ECF0;}
.pattern-owl{background:#fff url(https://nationscdn.azureedge.net/otc-container/images/market-pattern.svg) repeat left top;}
.pattern-meals {background: #fff url(../../images/fresh-prepared-bg.png) repeat left top;background-size: 100%;}
.custom-owl .section-top p{font-size:20px;line-height:25px;color:var(--nevada-color);margin:0;}
.custom-owl .owl-dots{text-align:center;margin:12px 0 0;display:flex;justify-content:center;align-items:center;}
.custom-owl .owl-dots .owl-dot{margin:0 10px 0 0;}
.custom-owl .owl-dots .owl-dot span{height:8px;width:8px;background-color:#B1B9C1;margin:0;cursor:pointer;overflow:hidden;transition:all 0.4s;border-radius:10px;border:none;display:block;}
.custom-owl .owl-dots .owl-dot.active span{width:40px;}
.custom-owl .owl-nav{position:absolute;right:200px;top:-70px;}
.custom-owl .owl-nav button:not(:last-child){position:relative;margin:0 32px 0 0;}
.custom-owl .owl-nav button:first-child:before{border-right:2px solid var(--cadet-blue-color) !important;content:'';position:absolute;right:-16px;top:50%;transform:translateY(-47%);display:inherit;height:16px;}
.custom-owl .owl-nav button span{position:relative;display:flex;align-items:center;font-size:0px;line-height:20px;font-weight:600;}
.custom-owl .owl-nav button span:after{content:'';background:url(https://nationscdn.azureedge.net/otc-container/images/owl-next.svg) no-repeat right center;width:12px;height:12px;display:inline-block;margin:2px 0 0 4px;}
.custom-owl .owl-nav button span:before{content:'Previous';font-size:16px;line-height:20px;color:var(--nevada-color);}
.custom-owl .owl-nav .owl-next span:before{content:'Next';}
.custom-owl .owl-nav .owl-prev span:after{position:absolute;left:-20px;transform:rotate(-180deg);}
.custom-owl .icon-border-btn{background:#fff !important;}
.section-button{margin-left:16px;}
.custom-owl-nav button{margin:0px 20px 0px 20px !important;padding:0 !important;background:transparent;}
.custom-owl-nav button:last-child{margin:0px 0 0px 20px !important;padding:0 !important;}
.custom-owl-nav .next-btnGrocery-dashboard-dev{padding:0px !important;}
.custom-owl.banner-owl .owl-dots {margin:6px 0px 32px;}
.section-top-right .n-market-prev-btn, .section-top-right .n-market-next-btn {background: initial;color: #fff;outline: none;border: 0;box-shadow: none;}
.section-top-right .n-market-prev-btn:hover, .section-top-right .n-market-next-btn:focus {background: initial;color: #fff;outline: none;border: 0;box-shadow: none;}
.section-top-right .n-market-prev-btn:first-child:before {border-right: 2px solid #fff !important;content: '';position: absolute;right:-20px;top: 50%;transform: translateY(-47%);display: inherit;height: 20px;}
.custom-owl-nav button:not(:last-child) {position: relative;margin: 0 0px 0 0;}
.custom-owl-nav button span {position: relative;display: flex;align-items: center;font-size: 0px;line-height: 20px;}
.custom-owl-nav button span:before {content: 'Previous';font-size: 16px;line-height: 20px;color: var(--white-color);}
.custom-owl-nav .n-market-next-btn span:before {content: 'Next';}
.custom-owl-nav .n-market-prev-btn span:after {position: absolute;left: -28px;transform: rotate(-180deg);}
.custom-owl-nav button span:after {content: '';background: url(https://nationscdn.azureedge.net/otc-container/images/arrow-right-white.svg) no-repeat center center;width:24px;height:24px;display: inline-block;margin:2px 0 0 0;}
.otc-pattern-owl .custom-owl-nav.custom-nav-btn {padding: 15px 8px;min-width: auto;min-height: 48px;align-items: center;justify-content: center;display: inline-flex;background-color: #fff;}
/* Custom Inverse color Owl carousil */
.inverse-owl{background:url(https://nationscdn.azureedge.net/otc-container/images/nation-market.png) no-repeat right bottom var(--secondary-color);}
.inverse-owl:before{background:url(https://nationscdn.azureedge.net/otc-container/images/meals-pattern.png) no-repeat right bottom;content:'';position:absolute;bottom:0;right:0;width:320px;height:320px;}
.inverse-owl .section-top h3, .inverse-owl .section-top p, .inverse-owl .owl-nav button span:before{color:var(--white-color);}
.inverse-owl .owl-nav button:first-child:before{border-color:var(--white-color) !important;}
.inverse-owl .owl-nav button span:after{filter:brightness(0) invert(1);}
.inverse-owl .owl-dots .owl-dot span{background:var(--white-color) !important;}
.buy-again .owl-nav{top:-55px;right:120px}
    
.pantry-box {background:  url(https://nationscdn.azureedge.net/otc-container/images/pantry-box.png) no-repeat right bottom var(--secondary-color);}
.grocery-box {background: url(https://nationscdn.azureedge.net/otc-container/images/food-delivered-bg.png) no-repeat right bottom #fff;}
    
    
.custom-nav-btn .n-market-prev-btn:first-child:before {border-right: 2px solid var( --cadet-blue-color) !important;}
.custom-nav-btn button span:after {background: url(https://nationscdn.azureedge.net/otc-container/images/owl-next.svg) no-repeat center center;}
.custom-nav-btn button span:before {color:var(--nevada-color);font-size:16px;line-height:20px;}
.otc-pattern-owl {background: url(https://nationscdn.azureedge.net/otc-container/images/products-pattern.svg) repeat left top #fff;}
.custom-borders.custom-owl.section-gap.otc-pattern-owl.buyitagain {margin: 40px 0;}
.custom-borders.custom-owl.recommended, 
.custom-borders.custom-owl.buyitagain {border: 0px !important;background-color: transparent;padding: 0;background: none;}
/*
================================================
Product Card Section
================================================
*/
.product-card{position:relative;background:var(--white-color);border:1px solid var(--light-bg-color);border-radius:6px;overflow:hidden;transition: all 0.3s ease 0s;}
.product-card .product-img {width:100%;border-radius:6px;height:200px;overflow:hidden;position:relative;display:inline-block;}
.product-card .product-img img{width:100%;border-radius:6px 6px 0 0;height:100%;object-fit:contain;padding:16px;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;}
.product-card:hover{box-shadow:0 1px 10px 0 rgba(204,216,228,0.79);cursor:pointer;}
.product-card:hover .product-img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.product-card .item-main{position:relative;display:flex;align-items:center;justify-content:center;}
.product-card .item-main:before{content:'';position:absolute;left:0;right:0;width:100%;background:#E4E4E4;height:2px;}
.product-card .item-code{display:inline-block;border:1px solid #33bde3;border-radius:3px;background-color:var(--secondary-light-color);padding:5px 10px;color:var(--nevada-color);font-size:14px;letter-spacing:0.3px;line-height:15px;z-index:9;position:relative;align-items:center;}
.product-card .item-code span{font-weight:700;color:var(--woodsmoke-color);}
.product-card .item-code img{max-height:12px;}
.product-card .prodcut-info{padding:8px 16px 16px;}
.product-card h3{font-size:16px;line-height:22px;font-weight:400;margin:0 0 8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.product-card .quantity{font-size:14px;line-height:15px;font-weight:500;color:#707A89;margin:0 0 14px;}
.product-card .prodcut-wallet, .prodcut-info .wallet{display:flex;}
.product-card .prodcut-wallet{margin:0px;}
.product-price-section{display: flex;gap: 12px;/*flex-wrap: wrap;flex-direction: column;*/align-items: flex-start;}
.product-price-section p{margin:0;color:var(--woodsmoke-color);font-weight:700;}
.product-card .midify-item-count{border:1px solid var(--light-bg-color) !important;border-radius:6px;overflow:hidden;height:36px;display:flex;align-items:center;justify-content:center;}
.product-card .midify-item-count button[class*=btn]{min-width:38px;height:36px;border:none;cursor:pointer;background:var(--white-color);display:flex;align-items:center;justify-content:center; width:100%;}
.product-card .midify-item-count button img{width:22px !important;}
.product-card .midify-item-count input{-webkit-appearance:none;border:none;text-align:center;font-size:16px;color:#43484D;font-weight:700;border-right:1px solid #E4E4E4;border-left:1px solid #E4E4E4;height:36px;width:58px !important;min-width:auto !important;outline:none;}
.product-card .add-cart, .product-card .product-btn{padding:6px 0px;border-radius:4px;font-size:18px;color:var(--white-color);line-height:18px;white-space:nowrap;font-weight:700;width:100%;display:flex;align-items:center;justify-content:center;min-width:170px;height:36px; margin:0px;border:none;}
.product-card .add-cart img{margin:0;width:auto;}
.inactiveplus{opacity:0.3; cursor:not-allowed !important;}
.product-card .prodcut-info .wallet + .wallet-title{height:38px; margin:2px 0px 0px;}
    
    
/* Instacart Banner Section Css Start Here */
.instacart-banner{background: #DDF1E1 !important;align-items:center;padding:0 40px;overflow:hidden;}
.instacart-banner .rewards-card-content{max-width:630px;}
.instacart-banner h4{color:#0FA91C !important;font-size: 32px;font-style: normal;font-weight: 700 !important;line-height: 33px;letter-spacing: 1.5px;margin:0 0 30px;}
.instacart-banner h4 img, .instacart-banner p img{margin:-5px 0 0 5px;}
.instacart-banner .rewards-card-img{position:relative;bottom:5px;right:100px;max-height:200px;align-self: end;display: flex;justify-content: end;max-width:200px !important;}
.instacart-banner .rewards-card-img img{max-height:160px;}
.instacart-banner .banner-btn{color:var(--secondary-color) !important;background:#fff !important;border:1px solid var(--secondary-color) !important;text-align:center;}
.instacart-banner-full .banner-btn{min-width:199px;}
.multi-banner .rewards-card-content {max-width:410px;}
.multi-banner h4 {font-size: 24px;font-weight: 600 !important;line-height: 30px;letter-spacing:0;}
.multi-banner .rewards-card-img {right:0px;bottom:-14px;}
.rewards-card.profile-banner.instacart-banner {padding: 19px 24px 24px 24px;}
.instacart-banner{background: #DDF1E1;display: flex;justify-content: space-between;align-items:center;padding:0 40px;overflow:hidden;}
.instacart-banner:before{background: url(https://nationscdn.azureedge.net/otc-container/images/grocery-bg-shape.svg) no-repeat right bottom;content: '';position: absolute;width: 428px;height:228px;bottom: 0;right: 0;background-size: 100%;}
.instacart-banner h2, .instacart-banner p{color:#0FA91C !important;font-size: 32px;font-style: normal;font-weight: 700;line-height: 38px;letter-spacing: 1.5px;margin:0 0 8px;}
.instacart-banner h2 img, .instacart-banner p img{margin-left:5px;}
.instacart-banner .profile-banner-products{position: relative;bottom: -11px;right: 78px;max-height: 290px;}
.instacart-banner .profile-banner-products img{max-height:inherit;}
.instacart-banner .icon-border-btn{margin-top:16px;}
.instacart-banner-img {display: flex;justify-content: end;align-items: center;}
.instacart-banner h2 img {max-width: 150px;}.profile-banner.instacart-banner:before {background: url(https://nationscdn.azureedge.net/otc-container/images/grocery-bg-shape-small.svg) no-repeat right bottom;content: '';position: absolute;width: 304px;height: 230px;bottom: -6px;right: 0;background-size: 100%;}
.profile-banner.instacart-banner .rewards-card .rewards-card-img {right: 125px;bottom: -12px;}
/*profile instacart-banner*/
.profile-banner.instacart-banner.instacart-banner-full .rewards-card-img {right: 2px;bottom: -9px;}
.profile-banner.instacart-banner.instacart-banner-full:before {background: url(https://nationscdn.azureedge.net/otc-container/images/grocery-bg-shape.svg) no-repeat right bottom;content: '';position: absolute;width: 428px;height: 228px;bottom: 0;right: 0;background-size: 100%;}
.profile-banner.instacart-banner.instacart-banner-full h4 img {margin: 7px 16px; max-width:150px; display:inline-block;}
.profile-banner.instacart-banner.instacart-banner-full {padding: 6px 24px 24px 24px;}
.profile-banner.instacart-banner.instacart-banner-full .rewards-card-img {bottom: -10px;right: 107px;}
.profile-banner.instacart-banner.instacart-banner-full h4 {font-size: 32px;line-height: 38px;margin: 0 0 30px;}
.left-side-navigation{height: 98%; border-right: 1px solid rgba(177, 185, 193, 0.5)}
    
/*Reimbursement Requests Css*/
.reimbursement-banner{background-color:#FBF3D2;border-radius:8px; padding:16px;display:flex;align-items:center; width:100%; margin:0px 0px 32px;}
.reimbursement-banner p{margin:0px;font-size:16px;line-height:24px;font-weight:500; display:flex;align-items:center;}
    
/*Important Notice Modal Css*/
.important-notice p {font-size: 20px;font-style: normal;font-weight: 400;line-height: 36px;letter-spacing: 0.3px;color: #212121;}
.important-notice ul li {font-size: 20px;font-style: normal;font-weight: 400;line-height: 36px;letter-spacing: 0.3px; position:relative;}
.important-notice ul {margin-left: 24px;}
.important-notice ul li:after {content: "";position: absolute;left: -12px;height: 4px;width: 4px;background-color: #212121;border-radius: 50%;top: 16px;}
    
@media (min-width: 1920px) {
.custom-nav-btn button span:before {font-size: 18px; line-height: 21px;}
}
@media(min-width:1800px) {
.login-form {margin:80px 50px 0px 110px;}
.eligibility-table, .reimbursement-table {width: 100%;overflow-x: hidden !important;}
.outofstock-error-txt.space {line-height: 20px;margin-left: 40px;}
.product-price-section {display: flex;/*flex-wrap: wrap;flex-direction: row;*/align-items: center;justify-content: space-between;
}
}
@media (min-width:1440px) and (max-width:1799.98px) {
.login-products-section {right: -59px;}
.add-cart.icon-bg-btn {font-size: 16px;padding: 0px 16px;font-weight: 600;}

}
@media(min-width:1440px){
.row{margin:0 -12px;}
.row > [class*="col-"]{padding:0 12px;}
.login-form .member-record {margin-bottom: 56px;}
}
    
@media (min-width: 1200px) and (max-width: 1439px) {
.add-cart.icon-bg-btn {font-size: 14px;padding: 0px 12px;font-weight: 500;}
}
@media(min-width:768px) and (max-width:1440px){
/* Typography */
.h1, h1{font-size:46px;line-height:52px;}
.h2, h2{font-size:38px;line-height:44px;}
.h3, h3{font-size:28px;line-height:32px;}
.h4, h4{font-size:24px;line-height:28px;}
.h5, h5{font-size:20px;line-height:24px;}
}
    
@media (min-width: 1024px) and (max-width:1279px) {
/*Product Card Section*/
.product-price-section.price-sec{display: block !important;}
.product-card .product-price-section p {margin: 0 0 4px;}
.important-notice p {font-size: 18px;line-height: 28px;}
.important-notice ul li {font-size: 18px;line-height: 28px;}
}
    
@media (min-width: 768px) and (max-width:1023px) {
.custom-container {padding: 0 24px;}
.instacart-banner{height:auto !important;max-height:inherit !important;}
.profile-banner.instacart-banner.instacart-banner-full h4 {font-size: 26px;line-height: 26px;margin: 0 0 16px;}
.profile-banner.instacart-banner.instacart-banner-full h4 img {max-width: 120px;}
.product-card .add-cart, .product-card .product-btn{margin-top:12px;}
/*Reimbursement Requests Css*/
.reimbursement-banner p {align-items: start;}
.important-notice p {font-size: 18px;line-height: 28px;}
.important-notice ul li {font-size: 18px;line-height: 28px;}
}
    

/* Toast Popup css*/
.thankyou-line {background: #D9D9D9;height: 8px; border-top-left-radius: 10px; width: 97% !important; border-top-right-radius: 10px; margin: 0 auto;}
.custom-toast .thankyou-active {animation: CartBoxLine 5s cubic-bezier(0.71, 0.01, 0.26, 1.02);-webkit-animation: CartBoxLine 5s cubic-bezier(0.71, 0.01, 0.26, 1.02);-moz-animation: CartBoxLine 5s cubic-bezier(0.71, 0.01, 0.26, 1.02); -webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards; animation-fill-mode: forwards;opacity: 0; width: 0;background: #0FA91C;}
.custom-toast .toast {padding: 24px;border-radius: 20px;  min-width: 424px; max-width: 424px; background: #fff; border:none;}
.custom-toast .toast-header, .custom-toast .toast-body { padding: 0; border-bottom: none;}
.custom-toast .toast-header h5, .success-toast h6 {font-size: 20px; line-height: 100%; margin-bottom: 4px;color: #000;}
.custom-toast .toast-header p, .success-toast p { font-size: 14px; line-height: 100%; color: #646F7D; line-height:14px;}
.custom-toast .icon-bg-btn { padding: 8px 36px; line-height: 100%; margin-top: 40px; height: 40px;}
.star {font-size: 40px !important;color: lightgray; cursor: pointer; transition: color 0.2s ease-in-out; margin:8px;}
.star:first-child {margin-left:0;}
.star:hover,.star:hover ~ .star {color: #B1B9C1; }
.star.selected {color: #FABE2E !important; }
.custom-toast .success-toast .success-icon {margin-bottom: 32px;width: 48px;height: 48px;}
.custom-toast .cartbox-new { width: inherit; height: inherit;  position: inherit;}
.thankyou-toast .toast { padding: 0;}
.toast-header .btn-close {box-sizing: content-box;width: 32px;height: 32px;padding: 0;color: #000;opacity: 0.8;}
.custom-toast .registerFormBlock .form-control {height: 48px;border: 1px solid #B1B9C1;border-radius: 6px;background-color: #fff;}
.custom-toast .success-toast {text-align: center;padding: 32px 24px 24px;}
.custom-toast .progress-bar {height: 8px;background: #D9D9D9;height: 8px;border-top-left-radius: 10px;border-top-right-radius: 10px;margin: 7px;}
.custom-toast .prog-status {height: 8px;width: 10%;border-top-left-radius: 10px;border-top-right-radius: 10px;background: #0FA91C;animation: 6s linear load infinite;}
@keyframes load { 50% { width: 100%;background: #0FA91C;} 100% { width: 100%;background: #0FA91C;}}

@media (max-width: 767px) {
/*.instacart-banner*/
.instacart-banner{display:block;}
.instacart-banner .icon-border-btn{font-size: 18px;font-weight: 700;line-height: 18px;padding: 9px 24px;position:relative; width:auto;}
.profile-banner.instacart-banner:before {background: url(https://nationscdn.azureedge.net/otc-container/images/grocery-bg-shape-mobile.svg) no-repeat right bottom;content: '';position: absolute;width: 190px;height: 120px;bottom: 0;right: 0;background-size: 100%;}    .instacart-banner-left img{width:102px;margin:0 0 12px;}
.instacart-banner-left h2, .instacart-banner-left p{font-size: 16px !important;margin:0 0 34px !important;}
.instacart-banner h4 {font-size: 18px;line-height: 24px;margin: 4px 0 16px;}
.rewards-card.profile-banner.instacart-banner {padding: 24px;}
.profile-banner.instacart-banner.instacart-banner-full:before {background: url(https://nationscdn.azureedge.net/otc-container/images/grocery-bg-shape-mobile.svg) no-repeat right bottom;content: '';position: absolute;width: 200px;height: 130px;bottom: 0;right: 0;background-size: 100%;}
.profile-banner.instacart-banner.instacart-banner-full h4 {font-size: 18px;line-height: 22px;margin: 0 0 16px;letter-spacing: 0.3px;position: relative;padding-top:40px;}
.profile-banner.instacart-banner.instacart-banner-full h4 img {margin: 0;position: absolute;left: 0;top: 6px;}
.profile-banner.instacart-banner.instacart-banner-full .banner-btn {min-width: 160px;}
.instacart-banner{display:block;}
.instacart-banner:before{background: url(https://nationscdn.azureedge.net/otc-container/images/grocery-bg-shape-mobile.svg) no-repeat right bottom;width:167px;height:88px;}
.instacart-banner-left img{width:102px;margin:0 0 12px;}
.instacart-banner-left h2, .instacart-banner-left p{font-size: 16px !important;margin:0 0 34px !important;}
.profile-banner {min-height: 190px !important;}
    
.custom-container {padding: 0 11px;}
/* Button */
.cart-store-block .icon-border-btn {font-size: 14px;padding: 5px 12px;height: inherit;line-height: 18px;min-width: 50px; border-radius:4px;}
    
/* Typography */
.h1, h1, .h2, h2{font-size:30px;line-height:36px;}    
.h3, h3{font-size:28px;line-height:32px;}
.h4, h4{font-size:22px;line-height:26px;}
.h5, h5{font-size:18px;line-height:24px;}
    
.custom-owl .product-card .add-cart, .product-price-section.price-sec .add-cart{max-width: 164px;height: 36px;width:100%; font-size:14px;}
.custom-owl .custom-owl .owl-nav {display: none;}
.custom-owl .text-end.view-more {display: none;}
.section-gap .section-top {display: block;margin: 0 16px 0;}
.section-gap h3 {margin: 0 0 8px; line-height:29px;}
section-top-left h3 {font-size: 24px;font-weight: 700;line-height: 29px;letter-spacing: 0.25px;margin:0px;}
.section-button {margin-left: 0;}
.product-price-section {display: block;}
.price-sec .product-cost {margin: 0 10px 8px 0;}
.product-card .product-img {height: 200px;}
.product-card .product-price-section {display: block;}
.custom-owl .product-price-section .product-cost {margin: 0 0 12px;}
.product-card .add-cart img {margin: 0 2px 0 0;width: 18px;}
.cart-benefits-wallet p:after{display:none;}
    
.important-notice p {font-size: 16px;line-height: 26px;}
.important-notice ul li {font-size: 16px;line-height: 26px;}

.email-form .recommended-login-box p {margin: 0px;text-align: center;}
.section-button {margin-left: 0;}
.custom-toast .toast{min-width:350px; max-width:350px;}
.breadcrumbs li {margin: 12px 0px;font-size: 15px;}

.header-nav-section-top .breadcrumbs ul, .breadcrumbs ol {margin: 0 !important;padding: 0 !important;}
.breadcrumbs ul li {margin: 14px 0px;font-size: 12px;}
}