@import "./Common/form-control.css";
@import "./Common/variables.css";
@import "./Common/popups.css";
@import "./Common/dropdowns.css";
@import "./Common/tooltips.css";
@import "./Common/header.css";
@import "./Common/footer.css";
@import "./footer-link-pages.css";
@import "./Common/fonts.css";
@import "./Common/alerts.css";
@import "./Common/buttons.css";
@import "./Common/react-datepicker.css";
@import "./Common/legacy_style.css";
@import "./Common/breadcrumbs.css";
@import "./Common/utilitiesfaq.css";

/*
================================================
Common CSS
================================================
*/

*{margin:0;	padding:0;}
body{font-family:proxima-nova, sans-serif;font-size:15px;line-height:1.57143;font-weight:400;color:#2d2e2e;background-color:#f7f7f7;}
h1, h2, h3, h4, h5, h6{font-family:proxima-nova, sans-serif;margin-top:0;}
i{transition:all 0.4s ease-in-out 0s;}
.transition3s{transition:all 0.3s ease-in-out 0s;}
ul, li{list-style:outside none none;}
ul{list-style:outside none none;margin:0;padding:0;}
#scrollUp { background:var(--primary-color); border-radius: 50%; bottom:118px; color: var(--white-color); display: block; font-size: 25px; height: 40px; line-height: 40px; position: fixed; right: 20px;	text-align: center;	text-decoration: none !important;	transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; 	width: 40px; z-index:1024 !important; }
#scrollUp:hover { background: var(--black-color);	color: var(--white-color); }
section{position:relative;padding:0px;}
.v-divider{width: 1px;height: 15px;display: inline-block;background: var(--nevada-color);margin: 0 8px;position: relative;top: 3px;}
.grey-small{font-size:14px;color:var(--nevada-color);line-height:18px;}
.color-dark{color:var(--woodsmoke-color) !important;}
.title-16{font-size:16px !important;}

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, 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-container {max-width:100% !important}
.row{margin:0 -8px;}
.row > [class*="col-"]{padding:0 8px;}

#scrollUp {background: var(--primary-color);}

.substitute-skip{border:1px solid var(--secondary-color);}
.substitute-skip:hover {border:1px solid var(--secondary-color);}
.wallet-color{height:18px;width:18px;border-radius:50%;display:inline-block;margin:-1px 6px 0 0;vertical-align:middle;background-color:var(--nevada-color)}
.wallet-color.medicare{background:#007bef;}
.wallet-color.medikit{background:var(--primary-color);}
.wallet-color.grocery{background:var(--error-color);}
.inactive, .inactive:hover, .inactive:focus{background:var(--cadet-blue-color);cursor:no-drop;}
.anchor-tag{color:var(--secondary-blue-dark); text-decoration:underline;}
.wallet-tooltip .wallet-color {height: 12px;width: 12px;}
.wallet-tooltip label.wallet {max-width: 170px;font-weight: 500;color: #292929;font-size: 16px;letter-spacing: 0.3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;float: left;}
.editWrapper.profileRightPanel .wallet-tooltip .wallet .wallet-cont {width: 190px;min-width: 190px;margin: 0 10px 0 0;}
.editWrapper.profileRightPanel .wallet-tooltip .hover-popup.top:before {left: 20px;}
.editWrapper.profileRightPanel .wallet-tooltip .hover-popup.top:after {left: 50%;}
.editWrapper.profileRightPanel .wallet-tooltip .eligibility-popover {white-space: initial;max-width: 210px;text-align: left;}
.editWrapper.profileRightPanel .wallet-tooltip .hover-popup {left: 0;}

/*Multi Wallet Selection css*/
.multi-wallet .wallet-color {height: 16px;width: 16px;border-radius: 50%;display: inline-block;margin: 3px 0px 0 6px;vertical-align: top;}
/* EMI Slider */
.emi-slider .MuiSlider-rail {color: #9a9696;height: 5px;}
.emi-slider .MuiSlider-track {color: var(--primary-color);height: 5px;}
.emi-slider .MuiSlider-mark {height: 5px;}
.emi-slider .MuiSlider-thumb {width: 20px;height: 20px;margin-top: -7px;background-color: var(--primary-color);position: relative;}
.emi-slider .MuiSlider-thumb:after {position: absolute;width: 10px;height: 10px;background-color: var(--white-color);top: 5px;left: 5px;}
.emi-slider .PrivateValueLabewel-label-5 span {background-color: var(--primary-color);}
.emi-slider .MuiSlider-valueLabel {color: var(--primary-color);left: calc(-50% - -3px);}
.emi-slider .text-small {font-size: 14px;font-weight: 400;margin: 4px 0 0;display: inline-block;}

.emulated-border-sec {border-width: 1px 6px 0;border-style: solid;border-color: #288E04;}
.emulated-border {border-top: 5px solid #288E04;border-left: 6px solid #288E04;border-right: 6px solid #288E04;}
.emulated-btn {background: none;font-size: 14px;font-weight: 700;color: #288E04;line-height: 26px;border-width: 0 3px 3px;border-color: #288E04;border-style: solid;border-radius: 0 0 16px 16px;text-align: center;position: fixed;top: -5px;left: 0;display: block;z-index: 999999999;background-color: var(--white-color);padding: 2px 16px;right: 0;width: 280px;margin: 0 auto;}
.register-page.emulated-btn {background: none;font-size: 14px;font-weight: 700;color: #288E04;line-height: 26px;border-width: 0 3px 3px;border-color: #288E04;border-style: solid;border-radius: 0 0 16px 16px;text-align: center;position: fixed;top: -5px;left: 0;display: block;z-index: 999999999;background-color: var(--white-color);padding: 2px 16px;right: 0;width: 280px;margin: 0 auto;}
.emulated-btn a {text-decoration: underline;color: #288E04;}
.emulated-register:before {border-top: 5px solid #288E04;border-left: 6px solid #288E04;border-right: 6px solid #288E04;position: fixed;top: 0;right: 0;left: 0;z-index: 9;content: "";}

/* Cart Box Css Star Here */
.cartbox {z-index: 9999; overflow: hidden; position: absolute; right:0; top:70px; background: var(--white-color); width: 380px;  min-height: 72px; border-radius: 10px; box-shadow: 0 2px 50px 0 rgba(39,39,39,0.2);}
.border-line{background:var(--white-color);height:4px;}
.cartbox .border-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: var(--primary-color);}
.cartbox ul{padding:14px;}
.cartbox .close{width:10px; height:10px;position:absolute;right:6px;top:12px;cursor:pointer;}
.cartbox-img {width:42px; height: 50px; overflow: hidden;}
.cartbox-img img {height: 100%; object-fit: contain; width:100%;}
.cartbox h5{font-weight:700;color:var(--woodsmoke-color); font-size:16px; line-height:22px;letter-spacing:0.3px;margin:0 0 0 30px;}
.cartbox h6{color:#292929;font-size:16px; line-height:22px;letter-spacing:0.3px;margin:0;}

/*================================================
cart custbox CSS
================================================
*/
.clearcart-checkbox input[type="checkbox"] {display: inline-block; position: absolute; left: 1px; top: 1px;width: 18px;height: 18px;}
.clear-checkbox{top:-23px !important; left:-5px !important;}

/* Flexcard Wrapper Styles */
.flexcard-wrapper {background: #fabe2e;width: 100%;display: inline-block;z-index: 9;/*position: absolute;top: 150px;*/padding:8px 0;position:relative;border-bottom:2px solid var(--white-color);}
.flexcard-wrapper.exclusive-header{padding:5px 0;border:0;}
.flexcard-wrapper .message-block{line-height:19px;font-size:16px;max-width:740px;}
.flexcard-wrapper .message-block h6, .alert-txt-sec-inner h6{margin:0;}
.flexcard-wrapper .message-block span { font-size: 16px; cursor:pointer; font-weight: 500; letter-spacing: 0.3px; line-height: 20px; text-decoration:underline; margin:0 0 0 8px;}
.flexcard-wrapper .message-block span:hover {text-decoration:none;}
.flexcard-wrapper .close-icon {padding: 0;cursor: pointer;position: absolute;right: 24px;top: 40%;width: 14px;height: 14px;display: flex;}

.trasaction-search{top:12px; right:10px;}
/* Activate Card Pop */
.activateCardPop{}
.activateCardPop:before {bottom: 0; content: ""; left: 0;  position: absolute;  right: 0;  top: 0; z-index: -1;  background-color: #adadad !important;}
.activateCardPop .modal-dialog {max-width:1000px;}
.activateCardPop .modal-content {border-radius: 8px;background-color: var(--white-color); box-shadow: 0 2px 25px 0 rgba(22 22 22 / 10%);}
.activateCardPop .modal-header {padding: 40px 0 24px;}
.activateCardPop .customForm .form-error .form-control{background:var(--white-color);}
.activateCardPop .customForm .form-error:after {display:none;}
.activateCardPop .modal-header .modal-title {font-size:32px;font-weight: bold;letter-spacing: 0.3px;line-height: 36px;text-align: center;width: 100%;}
.activateCardPop .modal-body{padding:32px 32px 40px 32px;}
.activateCardPop .eSignBlock {border-radius: 4px;background-color: #FBF3D2;margin: 32px 0px 56px 0px;padding: 12px 18px;}
.activateCardPop .eSignBlock strong {color: var(--nevada-color);font-weight: 600;line-height: 22px;}
.activateCardPop .eSignBlock .eSignText{position:relative;margin-left: 40px;padding-left: 25px;}
.activateCardPop .eSignBlock .eSignText:before{content: "";position: absolute;background: url(https://nationscdn.azureedge.net/otc-container/images/edit-icon.svg) no-repeat;width: 18px;height: 20px;left: 0;}
.activateCardPop .customLink.skip {display:inline-block;}
.activateCardPop.pre-condition .customLink.skip {display:none;}
.activateCardPop .customLink.cancel {display:none;}
.activateCardPop.pre-condition .customLink.cancel {display:inline-block; cursor:pointer;}
.activateCardPop.pre-condition .customLink:hover {text-decoration:none;}
.activateCardPop.pre-condition:before {background-color: rgba(25,76,97,0.8)!important; }
.debitCard {min-width: 300px;text-align: center;}
.active-card-txt p { color: var(--woodsmoke-color); font-size: 20px; letter-spacing: 0.38px; line-height: 22px; margin:0 0 34px;}
.activateCardPop .payment-card{box-shadow:none;}
.activateCardPop .customForm .form-error.form-control {background: var(--white-color) url(https://nationscdn.azureedge.net/otc-container/images/form-error.svg) 95% 10px no-repeat; border: 1px solid var(--error-color); }
.payment-card:before {background: url(../images/card-map.svg) no-repeat center top;position: absolute;content: '';width: 330px;height: 123px;left: 5px;bottom: 15px;}
.payment-card .card-content{position:relative;z-index:9;}
.card-active{background:linear-gradient(156.39deg, #3D90FF 0%, #1D70E1 100%);box-shadow: 0 30px 40px -10px #81b2f3;}

/* Acordian heading*/
.faqHeading{margin-bottom:4px; font-size:20px; font-weight:700;}
.sub-heading{font-size:18px; color:var(--nevada-color);}
/* Custom Acordian */
.customAcordian{border-radius:6px; border-color:#EAECF1;}
.accordion-item:first-of-type{border-radius:0px}
.customAcordian .accordion-button{padding:15px 15px 15px 0px;}
.customAcordian .accordion-button h5{margin:0;font-weight: 600;font-size: 16px;line-height: 26px;color: var(--woodsmoke-color);}
.customAcordian .accordion-button:not(.collapsed)::before{width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #969696;transform: rotate(0deg);}
.customAcordian .accordion-button::before{content: "";margin-left:0;width: 0; height: 0; border-left: 7px solid transparent;transform: rotate(-90deg); border-right: 7px solid transparent;border-top: 7px solid #969696; margin:0px 21px;}
.customAcordian .accordion-button::after{background-image:none !important;}
.customAcordian .accordion-button:not(.collapsed){background-color:var(--secondary-light-color); color:var(--woodsmoke-color); font-weight:600; box-shadow:none;}
.customAcordian .accordion-body {padding: 16px 57px 10px}
.customAcordian .accordion-body p{font-weight: 300;font-size: 16px;line-height: 22px;color: var(--woodsmoke-color);margin-bottom:6px;}
.customAcordian .accordion-body li{font-weight: 300;font-size: 16px;line-height: 22px;color: var(--woodsmoke-color);margin-bottom:6px;}
.customAcordian .accordion-body a {color: #335798;text-decoration: underline; }
.customAcordian .accordion-body a:hover {text-decoration: none; }
/* Create Account Css Start Here */

/*.create-accout-content{padding:0 0 45px; border-bottom:2px solid var(--light-bg-color); margin-bottom:60px;}*/
.create-accout-content h2{font-size:32px;color:var(--woodsmoke-color);font-weight:700;letter-spacing:0.3px;line-height:36px;padding-bottom:10px;margin-bottom:30px;}
.create-accout-content h2:after{content:''; background:var(--primary-color); height:4px;width:122px;position:absolute;bottom:0;left:0; right:0;margin:auto}
.create-accout-content h5{font-size:22px;font-weight:300;letter-spacing:0.3px;line-height:30px;color:var(--woodsmoke-color);margin-bottom:20px;}
.create-accout-content ul{padding:0 25px;}
.create-accout-content ul li{display:flex;align-items:center;font-size:16px;letter-spacing:0.3px;line-height:22px;margin-bottom:10px;}
.create-accout-content ul li img{margin-right:7px;}
.create-accout-content .create-list {margin-bottom: 45px;}
/* Create Account Css Start Here */

/* Acordian heading*/
.faqHeading{margin-bottom:4px; font-size:20px; font-weight:700;}
.sub-heading{font-size:18px; color:var(--nevada-color);}
    
/*
================================================
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;}
    
/*
================================================
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
================================================
*/

.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: center;}
.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;}
    
.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;}

/*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;}

/* ReactSlider */
.range-slider {touch-action: none;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;user-select: none;cursor: pointer;display: block;position: relative;width: 100%;height: 4px;background: #ddd;border-radius: 4px;}
.range-slider[data-vertical] {height: 100%;width: 8px;}
.range-slider[data-disabled] {opacity: 0.5;cursor: not-allowed;}
.range-slider .range-slider__thumb {position: absolute;z-index: 3;top: 50%;width: 22px;height: 22px;transform: translate(-50%, -50%);border-radius: 50%;box-shadow:  0 2px 4px 0 rgba(16, 0, 0, 0.1);background: #fff}
.range-slider .range-slider__thumb:hover {box-shadow: 0px 0px 0px 8px #fdf0ed;}
.range-slider .range-slider__thumb:focus-visible {outline: 0;box-shadow: 0 0 0 6px rgba(33, 150, 243, 0.5);}
.range-slider[data-vertical] .range-slider__thumb {left: 50%;}
.range-slider .range-slider__thumb[data-disabled] {z-index: 2;}
.range-slider .range-slider__range {position: absolute;z-index: 1;transform: translate(0, -50%);top: 50%;width: 100%;background: #d64029;height: 4px;}
.range-slider__range {display: block;position: absolute;border-radius: 1px; }
.range-slider[data-vertical] .range-slider__range {left: 50%;transform: translate(-50%, 0);}
.range-slider input[type="range"] {-webkit-appearance: none;pointer-events: none;position: absolute;z-index: 2;top: 0;left: 0;width: 0;height: 0;background-color: transparent;}
.range-slider input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;}
.range-slider input[type="range"]::-moz-range-thumb {width: 0;height: 0;border: 0;}
.range-slider input[type="range"]:focus {outline: 0;}

@media (min-width: 1920px) {
.custom-nav-btn button span:before {font-size: 18px; line-height: 21px;}
.custom-container {padding: 0 48px;width: 1920px;margin: 0px auto;}
}
@media(min-width:1800px) {
.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) {
.add-cart.icon-bg-btn {font-size: 16px;padding: 0px 16px;font-weight: 600;}
.custom-container {padding: 0px 48px;max-width: 100%;margin: 0 auto;}
}
@media(min-width:1440px){
.row{margin:0 -12px;}
.row > [class*="col-"]{padding:0 12px;}

}
    
@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 0px 24px;}
.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;}

.flexcard-wrapper .icon-block {width:35px;}
.flexcard-wrapper .message-block {padding-right:30px;}
.flexcard-wrapper .close-icon { top: 30%; right:10px;}
.flexcard-wrapper{min-height:48px;}
.flexcard-wrapper p, .message-block h6, .alert-txt-sec-inner h6, .plan-expire p, .plan-expire p a, .plan-expire ul li{font-size: 13px;line-height: 16px;margin: 0;}

}