/* SFMono Fonts CSS  */
@font-face {
    font-family: "SFMono-Regular";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Semibold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Bold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}
/*header Baneer css*/
.marketplace-banner.header-banner-new h3 {font-size: 24px;font-style: normal;font-weight: 600;line-height: normal; color:#fff;}
.marketplace-banner.header-banner-new, .header-banner-new-sec {background:none;padding:0px; border:0px; border-radius:0px;}
.header-banner-new-sec {background: linear-gradient(98.05deg, #005A96 7.74%, #0065A9 94.97%);min-height: 280px !important; padding:0px; border:0px; border-radius:0px; margin:0px 0px 16px;}
.marketplace-banner.header-banner-new:before, .marketplace-banner.header-banner-new:after {display: none;}
.marketplace-banner.header-banner-new p {color: #fff;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.header-banner-new .marketplace-banner-img {display: flex;justify-content: end;align-items: center;max-width: 100%;top: 0;height: 280px;overflow: hidden;right:0px; position:relative;}
.marketplace-banner.header-banner-new {flex-direction: initial;}
.marketplace-banner-left {max-width: 570px;}
.header-banner-new .brand-logos {position: absolute;background-color: #fff;width: 262px;max-height: 150px;border-radius: 13px;box-shadow: 0px 4px 4px 0px #00000040;top: 30px;right: 0px;    display: flex;align-items: center;justify-content: center;padding:10px 24px;}
.header-banner-new .brand-logos:before {position: absolute;content: "";height: 32PX;width: 5px;background: #808285;top: -32px;left: 43px;}
.header-banner-new .brand-logos:after {position: absolute;content: "";height: 32PX;width: 5px;background: #808285;top: -32px;right: 43px;}
.header-banner-new .shop-grocery-otc {position: relative;right: 53px;top:10px;}
.shop-grocery-otc img {max-width: 100%;}
.header-banner-new .brand-logo-img {width: 100%;border-radius: 6px;overflow: hidden;position: relative;min-height: 60px;margin: 0px 0 4px;display: flex;align-items: center;justify-content: center;}
.header-banner-new .brand-logo-img img {width: 100%;border-radius: 6px 6px 0 0;height: 100%;object-fit: contain;-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;}
.header-banner-new .marketplace-banner-left .btn {border-radius: 8px;}
.header-banner-new .marketplace-banner-left, .marketplace-banner-img{z-index:0}
.header-banner-new-sec .header-banner-new .brand-logos {display: block;}

/*walmart banner css*/
.header-banner-rewards.walmart-header-banner .walmart-title p {color: #212121;font-size: 16px;font-weight: 400;line-height: normal;margin: 0 0 32px;}
.header-banner-rewards.walmart-header-banner .walmart-title {display: flex; align-items:center;}
.header-banner-rewards.walmart-header-banner .walmart-title h3 {margin: 0 7px 6px 0px;color: #212121;text-align: center;font-size: 32px;font-weight: 700;line-height: normal;}
.header-banner-rewards.walmart-header-banner .walmart-title img {margin: 0;}
.header-banner-rewards.walmart-header-banner {color:#212121;font-size: 24px;font-style: normal;font-weight: 400;line-height: 38px; color: #212121;margin: 5px 0 0;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner {background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 12.22%, #0071CE 98.79%), #FFF !important;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner:before{background:transparent;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner .icon-border-btn {padding: 12px 32px;font-size: 16px;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner .marketplace-banner-left {max-width: 570px;margin: -8px 0px 0px;}
.header-banner-rewards.walmart-header-banner .walmart-title img {max-height: 48px;max-width: 100%;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner p {color: #212121;font-size: 20px;font-weight: 400;line-height: normal;margin: 0 0 24px;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner .shop-grocery-otc {position: relative;right: 0;top: 30px !important;max-width: 602px;max-height: 171px;}

.mt-35 {margin-top: 0px !important;}


@media(min-width:1800px) {
/*walmart banner css*/
.header-banner-new-sec.header-banner-rewards.walmart-header-banner .icon-border-btn {padding: 12px 40px;font-size: 20px;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner p {margin: 0 0 32px;color: #212121;font-size: 24px;font-weight: 400;line-height: 38px;margin: 0 0 24px;}
.header-banner-rewards.walmart-header-banner .walmart-title h3 {margin: 0 7px 6px 0px;color: #212121;text-align: center;font-size: 40px;font-weight: 700;line-height: normal;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner .shop-grocery-otc {position: relative;right: 0;top: 6px !important;height: 100%;max-width: 802px;max-height: 228px;flex-shrink: 0;}
.owl-carousel .owl-item .walmart-header-banner .shop-grocery-otc img {display: block;max-width: 100%;}
.header-banner-new-sec.header-banner-rewards p {margin: 0 0 32px;}

.header-banner-new .shop-grocery-otc {position: relative;right: -110px;top: 0px;}
.owl-carousel .owl-item .marketplace-banner-img img {display: block;max-width: 92%;}
/*.marketplace-banner.header-banner-new h3 {font-size: 32px;line-height: 38px;}*/
.shop-grocery-otc img {max-width: 100%;margin-right: 250px;}
.header-banner-new .shop-grocery-otc {position: relative;right: 0;top: -19px;}
}
@media (min-width:1300px) and (max-width:1789px) {
.header-banner-new-sec.header-banner-rewards .shop-grocery-otc {position: relative;right: 0;top: -20px;height: 280px;}
.header-banner-new-sec.header-banner-rewards .shop-grocery-otc {top: 0px !important;}
.owl-carousel .owl-item .header-banner-new-sec.header-banner-rewards img {display: block;width: 100%;height: 100%;}
}

@media (min-width:1280px) and (max-width:1366px) {
.marketplace-banner.header-banner-new { padding: 0 28px;}
.header-banner-new .shop-grocery-otc {position: relative;right: 30px;top: 30px;}
}

@media (min-width:1024px) and (max-width:1279.98px) {
.header-banner-new .brand-logos {min-width: 200px;min-height: 83px;top: 20px;right: 24px;}
.marketplace-banner.header-banner-new {background: linear-gradient(98.05deg, #005A96 7.74%, #0065A9 94.97%);min-height: 280px !important;padding: 0 16px;}
.header-banner-new .shop-grocery-otc {position: relative;right: 0;top: 40px;}
.otc-header-inner .search-input {width: 300px;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner .marketplace-banner-left {width: 580px;}
}
@media (min-width:768px) and (max-width:1023.98px) {
.header-banner-new .brand-logos {top: 19px;right: 24px;width: 221px;height: 100px;}
.marketplace-banner.header-banner-new {min-height: 220px !important;padding: 0px;}
.header-banner-new-sec {background: linear-gradient(98.05deg, #00497A 7.74%, #0065A9 94.97%);min-height: 220px !important;}
.header-banner-new .shop-grocery-otc {position: relative;right: -140px;top: 47px;max-width: 474px;bottom: 0;}
.header-banner-new-sec .container.custom-container {padding-right: 0;}
.header-banner-new .marketplace-banner-img {position: absolute;}
}

@media(max-width:767.98px) {
.marketplace-banner.header-banner-new {flex-direction: initial;display: block;}
.marketplace-banner-left {max-width: 100%;}
.header-banner-new .marketplace-banner-img {display: block;justify-content: end;align-items: center;max-width: 100%;top: 0;height: auto;overflow: visible;right: 0px;position: relative;}
.shop-grocery-otc {display: none;}
.header-banner-new .brand-logos {position: relative;width: 100%;height: 44px;border-radius: 4px;top: 0;right: 0px;padding: 10px 12px;margin-top: 40px;}
.header-banner-new .brand-logos:before, .header-banner-new .brand-logos:after{display:none;}
.header-banner-new .brand-logo-img {border-radius: 4px;min-height: 40px;margin: 0;max-width: 100px;display: inline-flex;}
.marketplace-banner.header-banner-new p {font-size: 16px;line-height: 20px;font-weight: 400;}
.marketplace-banner-left h3{font-size: 24px;line-height: 28px;}
.header-banner-new-sec .custom-container {padding:26px 14px 20px}
.header-banner-new-sec {margin:0px; min-height: 220px !important;}

.header-banner-rewards.walmart-header-banner .walmart-title h3 {font-size: 24px;}
.header-banner-rewards.walmart-header-banner .walmart-title img {max-height: 27px;max-width: 100%;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner p {font-size: 15px;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner {background: linear-gradient(114deg, rgba(255, 255, 255, 0.00) 30.3%, #0071CE 100%), #FFF !important;}
.header-banner-new-sec.header-banner-rewards.walmart-header-banner .marketplace-banner-left {max-width: 570px;margin: 14px 0px 0px;}
}