﻿body {background-color: #f7f7f7 !important;}
.z-9 {z-index: 9;}
.rewards-banner-inner.rewards-mobile-app {
    top: 0;
}
.reminder-content .earned-bg{max-width:100%;}
.breadcrumbs {
    display: block !important;
}
.cursor-normal {cursor: context-menu;}
.challange-action .circle1 {position: absolute;content: "";height: 46px;width: 46px;margin-top: 24px;background: url(https://nationscdn.azureedge.net/otc-container/retail-store/orderpalced-shape.png) no-repeat center;margin-left: auto;margin-right: auto;left: -15px;top: -34px;animation-name: placeorder;animation-duration: 1s;background-size: 100%;}
.challange-action .place-order-success {position: relative;}
.challange-action .place-order-success {padding-top: 0;}
/* Recommended Resources CSS Start Here */
.recommended-details {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/recommended-bg.png) no-repeat center top;min-height: 231px;background-size: cover;overflow: hidden;}
.recommended-content {display: flex;justify-content: center;flex-direction: column;}
.recommended-details h3 {margin-bottom: 8px;font-size: 32px;line-height: 39px;}
.recommended-details p {font-size: 20px;line-height: 24px;color: var(--woodsmoke-color);margin: 0;}
.recommended-image {height: 231px;text-align: right;}
.recommended-image img {height: 100%;}
.recommended-details .custom-container {padding-right: 0px;}
.recommended-articles.article-content-text .article-content-main p {color: #212121;font-size: 20px;font-style: normal;font-weight: 500;line-height: 24px;}
/* Recommended Resources CSS End Here */

/* Healthcare Providers CSS Start Here */
.healthcare-providers {border: 1px solid var(--primary-color);padding: 32px 24px;border-radius: 6px;background-color: #fff;}
.healthcare-top-section {display: flex;justify-content: space-between;margin-bottom: 40px;}
.healthcare-top-left {max-width: 735px;}
.healthcare-top-left h4 {margin: 0 0 4px;font-weight: 600;}
.healthcare-top-left p {margin: 0;font-size: 20px;line-height: 24px;color: var(--nevada-color);}
.healthcare-top-right p {font-size: 8px;line-height: 8px;margin: 0;}
.healthcare-top-right .powered-by img {height: 20px;}
.healthcare-top-right .powered-by:not(:last-child) {padding-right: 20px;margin-right: 20px;height: 30px;border-right: 1px solid #B1B9C1;}
.connect-healthcare {padding: 48px 0px 48px;background: #edf0f5;}
/* Healthcare Providers CSS End Here */

/* Date Picker CSS Start Here */
.date-picker {width: 100%;padding: 8px;border: 1px solid #B1B9C1;border-radius: 6px;}
.date-picker .date-picker-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}
.date-picker .date-picker-header .month-year {font-size: 12px;letter-spacing: 0.29px;margin: 0 6px;color: #49454F;}
.date-picker .date-top-section {display: flex;align-items: center;justify-content: center;}
.date-picker .date-top-section img {margin: 2px 0 0;width: 24px;cursor: pointer;padding: 4px;}
.date-picker .date-top-section .arrow-left {display: flex;align-items: center;justify-content: center;transform: rotate(180deg);}
.date-picker .days {display: grid;grid-template-columns: repeat(7, 1fr);gap: 16px 0;text-align: center;}
.date-picker .day {font-size: 10px;line-height: 17px;font-weight: normal;color: #1D1B20;width: 28px;margin: 0 auto;}
.date-picker .date {position: relative;}
.date-picker .date span {border-radius: 50%;cursor: pointer;color: #1D192B;width: 28px;height: 28px;display: flex;justify-content: center;align-items: center;font-size: 10px;line-height: 12px;margin: 0 auto;position: relative;z-index: 2;}
.date-picker .date span:hover {background-color: #f0f0f0;}
.date-picker .prev-month span, .date-picker .next-month span {color: var(--nevada-color);opacity: 0.3;pointer-events: none;}
.date-picker .prev-month:hover span, .date-picker .next-month:hover span {background: none;}
.date-picker .selected span, .date-picker .selected:hover span {background-color: var(--primary-color) !important;color: var(--white-color);}
.date-picker .range {background-color: #F4D8E0 !important;border-radius: 0;position: relative;}
.date-picker .range span:hover {background-color: #F4D8E0 !important;}
.date-picker .selected:before {background-color: #F4D8E0;position: absolute;left: auto;content: '';width: 100%;height: 100%;z-index: 1;}
.date-picker .selected.selected-end:before {right: 50%;left: auto;}
.schedule-appointment-sec .date-picker .date span {border-radius: 50%;cursor: pointer;color: #1D192B;width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;font-size: 14px;line-height: 100%;margin: 0 auto;position: relative;z-index: 2;}
.schedule-appointment-sec .date-picker .days {margin-bottom: 0;}
.schedule-appointment-sec .date-picker .date-top-section {display: flex;align-items: center;justify-content: center;padding: 10px 0;}
.schedule-appointment-sec .date-picker .date-picker-header .month-year {font-size: 15px;line-height: 100%;letter-spacing: 0.29px;margin: 0 6px;color: #49454F;}
.schedule-appointment-sec .date-picker .day {font-size: 14px;line-height: 24px;letter-spacing: 0.49px;font-weight: normal;color: #1D1B20;width: 46px;height: 46px;margin: 0 auto;}
.schedule-appointment-sec .date-picker .selected span {color: #fff;}
/* Date Picker CSS End Here */

/* Appointment Section CSS Start Here */
.appointment-list h6 {font-size: 16px;font-weight: 600;line-height: 20px;margin: 0 0 12px;}
.appointment-list .form-label {color: var(--nevada-color);font-size: 14px;font-weight: 400;line-height: 17px;margin: 0 0 8px;}
.appointment-list .form-control, .appointment-list .form-select {border: 1px solid #b1b9c1;line-height: 46px;padding: 0 60px 0 12px;box-shadow: none;outline: none;color: var(--woodsmoke-color);}
.appointment-list {margin-bottom: 16px;}
.appointment-list.visit .form-label {margin-top: 8px;}
.appointment-list:last-child {margin-bottom: 0;}
.appointment-list .icon-field {position: relative;}
.appointment-list .icon-field img {position: absolute;right: 12px;transform: translateY(-50%);top: 50%;}

.schedule-button {position: absolute;bottom: 0;background: var(--primary-color) !important;border-color: var(--primary-color) !important;padding: 0 24px;}
.schedule-button:hover, .reward-bg-btn:hover, .reward-bg-btn:focus {opacity: 0.8;color: var(--white-color)}
.language-button, .language-button:hover, .language-button:focus {border: 1px solid var(--light-bg-color);border-radius: 4px;display: block;color: var(--woodsmoke-color);font-size: 14px;font-weight: 400;line-height: 17px;padding: 13px 12px;background: var(--white-color);display: flex;align-items: center;justify-content: center;width: 100%;}
.language-button.active {border: 1px solid #D64029;background: rgba(242, 96, 74,0.1)}
.language-button .language-type {width: 20px;height: 20px;margin: 0 8px 0 0;}
/* Appointment Section CSS End Here */

/*product*/
.product-expires {padding: 6px 16px;font-size: 14px;font-weight: 500;line-height: 17px;position: absolute;top: 0;left: 16px;border-radius: 0 0 8px 8px;box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.12);}
.product-expires-today {background: rgba(251, 243, 210, 1);color: #965A00}
.product-expires-soon {background: #ECFAFF;color: #00497A}
.schedule-cont .rewards-for-you {background: #EDF0F5;padding: 80px 0px;}
.schedule-cont .reward-btn {border-radius: 0px 0px 10px 10px;border-top: 1px solid #00497A;background: #FFF;padding: 18px;color: #00497A;text-align: center;font-size: 17px;font-weight: 700;line-height: normal;}
.schedule-cont .challenge-box p {color: #212121;overflow: hidden;text-overflow: ellipsis;font-size: 19px;font-style: normal;font-weight: 500;line-height: 23px;margin: 6px 0px 12px;}
.schedule-cont .challenge-box h4 {line-height: 24px;color: #00497A;font-size: 25px;font-weight: 600;line-height: normal;}
.schedule-cont .challange-content {min-height: 170px;padding-bottom: 24px;margin: 0px 18px;background-color: #fff;}
.schedule-cont .challenge-box {border: 1px solid #E9ECF0;border-radius: 10px;height: 100%;position: relative;background-color: #fff;padding: 22px;}
.schedule-cont .challange-action {position: absolute;z-index: 1;bottom: 0;width: 100%;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.schedule-cont {padding-bottom: 80px;}
.schedule-cont .reward-btn:hover {background-color: #00497A;color: #fff;}
.total-rewards {position: relative;}
.custom-reward-section {margin: -75px 0 40px;}
.total-rewards .rewards-list {border-radius: 15.98px;background: #484FAD;padding: 24px;color: #fff;display: flex;align-items: center;}
.total-rewards .rewards-list p {margin: 0;font-size: 13px;font-style: normal;font-weight: 400;line-height: normal;}
.total-rewards .rewards-list h2 {font-size: 32px;font-style: normal;font-weight: 500;line-height: normal;margin: 7px 0 0;}
.total-rewards .rewards-img {width: 66.584px;height: 61.968px;margin-right: 18px;}
.total-rewards .rewards-benefits {background-color: #fff !important;}
.total-rewards .rewards-for-you {background: #EDF0F5;padding: 80px 0;}
.total-rewards-box.rewards-balance .rewards-list {background-color: #01835E;}
.balance-title {display: flex;align-items: center;justify-content: space-between;}
.rewards-workout-sec .owl-item {margin-right: 10px !important;}
.rewards-workout-sec .owl-item .item {margin-right: 14px;}
.total-rewards-box {width: 23%;position: relative;}
.total-rewards-box.rewards-balance {width: 28%;}
.total-rewards-box.rewards-balance .rewards-btn {font-size: 16px;font-weight: 600;border-radius: 4px;background: #FFF;display: flex;height: 36px;padding: 10px 24px;justify-content: center;align-items: center;position: absolute;right: 24px;}

/*Header Banner Css*/
.header-banner-new-sec.header-banner-rewards {position: relative;min-height: 280px;padding: 0px;border: 0px;border-radius: 0px;margin: 0px;border-bottom: 1px solid var(--Grayscale-Athens-gray, #E9ECF0);background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 6.46%, #86cbe300 74.1%) !important;}
.header-banner-new-sec.header-banner-rewards .marketplace-banner-img {max-height: 100%;}
.header-banner-new-sec.header-banner-rewards .shop-grocery-otc {position: relative;right: 0;top: -20px;}
.header-banner-new-sec.header-banner-rewards:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/earn-rewards-banner-pattern.png) repeat left top;background-size: contain;}
.header-banner-new-sec.header-banner-rewards:after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 6.46%, #86CBE3 74.1%);z-index: -9;}
.header-banner-new-sec.header-banner-rewards h3 {font-size: 24px;font-weight: 600;line-height: normal;margin: 0 0 8px;color: #212121;}
.header-banner-new-sec.header-banner-rewards p {color: #212121;font-size: 16px;font-weight: 400;line-height: normal;margin: 0 0 24px;}
.header-banner-new-sec.header-banner-rewards .icon-border-btn {padding: 12px 24px;height: 42px;line-height: 42px;}
.earn-rewards-top {border-radius: 4px;border: 0.816px solid #5F99CF;background: linear-gradient(97deg, rgba(80, 82, 134, 0.50) 2.16%, rgba(48, 51, 108, 0.50) 92.47%);backdrop-filter: blur(5.058244228363037px);width: 407px;padding: 21px 24px;flex-direction: column;display: flex;margin: 45px 0 0;}
.earn-rewards-top span img {margin: -5px 10px 3px -20px;}
.earn-rewards-top h4 {color: #FFF;font-size: 20px;font-weight: 600;line-height: normal;display: flex;align-items: center;margin: 0 0 16px;}
.earn-rewards-top .instructions-btn {border-radius: 4px;background: #FFF;display: flex;padding: 10px 24px;justify-content: center;align-items: center;gap: 4px;align-self: stretch;}
.groceries-recipes {background: linear-gradient(180deg, #29A438 0%, #279E31 100%);}
.groceries-recipes h5 {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;color: #fff;}
.groceries-recipes .single-product-sec .add-cart.icon-bg-btn {margin-right: 0px;width: 100% !important;display: flex;justify-content: center;font-size: 18px;font-style: normal;font-weight: 700;line-height: 20px;}
.groceries-recipes .rewards-owl .single-product-sec .prodcut-info .item-title {margin: 0px 0 8px;min-height: auto;white-space: normal;max-width: 330px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;height: 44px;}

/*Healthy Rewards popup css*/
.healthy-rewards-cont.my-4 {border-top: 1px solid #D64029;background: #E9ECF0;padding: 16px;}
.healthy-rewards-cont h5 {color: #00497A;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;font-variant: all-small-caps;letter-spacing: 0.3px;text-transform: uppercase;margin: 0 0 18px;}
.healthy-rewards-cont li {font-size: 16px;font-weight: 400;line-height: normal;margin: 0 0 19px;position: relative;padding-left: 8px;}
.healthy-rewards-cont ol li {list-style: decimal;}
.healthy-rewards-cont ol li:after {content: "";position: absolute;left: -23px;right: 0;height: 20px;width: 20px;background-color: #00497A;border-radius: 50%;top: -1px;z-index: 9;}
.healthy-rewards-cont ol {counter-reset: item;position: relative;}
.healthy-rewards-cont ol li {display: block;}
.healthy-rewards-cont ol li:before {content: counter(item) "";counter-increment: item;color: #fff;position: absolute;left: -16px;z-index: 99;font-size: 12px;font-style: normal;font-weight: 500;}
.healthy-rewards-cont ol:after {position: absolute;content: "";left: 10px;right: 0;height: 100%;width: 2px;top: 0;z-index: 0;background-color: #b2c3d1;}

/*Loader start*/
.rewards-loader-section {width: 100%;min-height: 800px;display: flex;justify-content: center;align-items: center;}
.rewards-loader-section .rewards-loader-inner h5 {font-size: 20px;line-height: 30px;font-weight: 400;color: var(--neveda-color);margin-bottom: 0;}
.rewards-loader-section .rewards-loader-inner .loader-animation {width: 150px;height: 150px;position: relative;margin: 0 auto;}
.rewards-loader-inner span .star1 {animation: fadeZoom 1s ease infinite;position: absolute;top: 26px;left: 64px;width: 24px;}
.rewards-loader-inner span .star2 {animation: fadeZoom 2s ease infinite;position: absolute;top: 49px;left: 44px;width: 23px;}
.rewards-loader-inner span .star3 {animation: fadeZoom 3s ease infinite;position: absolute;top: 60px;left: 67px;width: 36px;}
.challenge-box .disabled-img img {filter: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1052%) hue-rotate(174deg) brightness(89%) contrast(90%);}
.rewards-banner-content {margin: 49px 0px 0px;}
.weekly-bonus-sec {background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
@keyframes fadeZoom {
0% {opacity: 0; /* Start with invisible */transform: scale(0.4); /* Start zoomed out */}
50% {opacity: 1; /* Fully visible */transform: scale(0.9); /* Zoomed in */}
100% {opacity: 0; /* End with invisible */transform: scale(0.5); /* End zoomed out */}
}
.learn-rewards-sec {margin-bottom: 40px;}
.learn-rewards-sec .rewards-item{cursor:pointer;}
.learn-rewards-sec .rewards-item {border-radius: 6px;background: #CCE3F7;height: 180px;}
.learn-rewards-sec .activity-heading {font-size: 24px;font-weight: 600;}
.learn-rewards-sec .rewards-item h4 {font-size: 24px;font-weight: 600;line-height: normal;color: #212121;min-height: 60px;}
.learn-rewards-sec .rewards-img {width: 200px;flex-shrink: 0;}
.learn-rewards-sec .rewards-img img {max-width: 100%;border-radius: 6px;}
.learn-rewards-sec .rewards-item {display: flex;margin: 0px 0px 24px;}
.learn-rewards-sec .rewards-cont {padding: 24px 24px 24px 32px;width: 100%;}
.learn-rewards-sec .rewards-price {display: flex;align-items: center;justify-content: space-between;margin: 25px 0 0;}
.learn-rewards-sec .rewards-price h5 {font-size: 22px;font-style: normal;font-weight: 700;line-height: normal;margin: 0;color: #212121;}
.learn-rewards-sec .rewards-price h5 span {font-size: 22px;font-weight: 400;line-height: normal;}
.learn-rewards-sec .rewards-price p {display: block;font-size: 16px;font-weight: 400;line-height: normal;margin: 0 0 4px;}
.learn-rewards-sec .rewards-price .rewards-btn, .learn-rewards-sec .xs-rewards-price .rewards-btn, .learn-rewards-sec .rewards-price .rewards-btn a {border-radius: 4px;background-color: #FFF;display: flex;padding: 10px 24px;justify-content: center;align-items: center;font-size: 16px;font-weight: 600;color: #212121;cursor: pointer;}
.learn-rewards-sec .reward-btn {display: flex;height: 36px;padding: 0px 16px;justify-content: center;align-items: center;border-radius: 4px;background: #FFF;color: #075A0B;font-size: 16px;font-weight: 600;line-height: normal;}
.rewards-item.breast-cancer-bg, .xs-breast-cancer {background-color: #F7CCE0;}
.rewards-item.colorectal-bg, .xs-colorectal-cancer {background-color: #B2CFFF;}
.rewards-item.blood-pressure-bg, .xs-bp {background-color: #F8CECE;}
.rewards-item.monitor-blood-bg, .xs-monitor-blood-sugar {background-color: #F1E7A5;}
.rewards-item.kidney-disease-bg, .xs-kidney-disease {background-color: #C1B9F0;}
.rewards-item.annual-wellness-bg {background-color: #FFE2C2;}
.rewards-item.flu-immunization-bg {background-color: #C1F4FF;}
.rewards-item.pneumonia-immunization-bg {background-color: #DCF0FD;}
.rewards-item.shingles-immunization-bg {background-color: #D2D2E1;}
.rewards-item.eye-exam-bg {background-color: #BBE9C6;}
.rewards-item.hba1c-bg {background-color: #FFC898;}
.rewards-loaded {border-radius: 4px;background: #FFF;padding: 10px 16px;align-items: center;display: flex;cursor: pointer;}
.rewards-loaded p {margin: 0px;align-items: center;display: flex;}
.products-card.earn-rewards-box {border-radius: 6px;background: linear-gradient(93deg, #F8FDFF -14.54%, #B4E4FB 101.04%), radial-gradient(112.01% 73.61% at 77.48% 68.49%, #FFF 0%, #DFF8DF 83.73%);border: 0;}
.products-card.favorite-food-box {border-radius: 6px;background: radial-gradient(112.01% 73.61% at 77.48% 68.49%, #FFF 0%, #DFF8DF 83.73%);border: 0;}
.products-card.earn-rewards-box .icon-border-btn, .products-card.favorite-food-box .icon-border-btn {bottom: 60px;border-radius: 4px;border: #00497A;background: #00497A;color: #FFF;font-size: 18px;font-weight: 700;line-height: 22px;display: flex;align-items: center;}
.products-card.earn-rewards-box .icon-border-btn:hover, .products-card.favorite-food-box .icon-border-btn:hover {color: #fff;}
.products-card.earn-rewards-box h4 {font-size: 20px;font-style: normal;font-weight: 600;line-height: 32px;margin: 0px 0px 2px;}
.products-card.earn-rewards-box p {font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}
.products-card.favorite-food-box h4 {font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;margin: 0px 0px 2px;}
.products-card.favorite-food-box p {font-size: 20px;font-style: normal;font-weight: 600;line-height: 32px;}
.products-card.earn-rewards-box .benefit-balance-img img, .products-card.favorite-food-box .benefit-balance-img img {max-height: 208px;max-width: 208px;position: absolute;bottom: 0;right: 0;border-radius: 6px;}
.shop-rewards-sec .healthai-shop-product-sec {border-radius: 6px;padding: 24px;position: relative;margin-bottom: 0px;border-radius: 4px;background: linear-gradient(90deg, #061651 0.25%, #133599 98.39%);}
.rewards-banner-content .instructions-responsive-btn {background: #fff;border-radius: 4px;padding: 13.5px 36px;min-width: 200px;min-height: 46px;font-weight: 500;}
/*Loader end*/
.rewards-banner-content .icon-bg-btn, .rewards-banner-content .icon-bg-btn:hover, .rewards-banner-content .icon-bg-btn:focus {display: flex;width: 140px;justify-content: center;align-items: center;border-radius: 4px;background-color: #fff !important;color: #00497A !important;height: 40px;font-size: 15px;}

@media(max-width:1440px) {
.recommended-details .custom-container {width: 100% !important;padding-left: 60px;}
.rewards-banner-inner.rewards-banner-agent {top: 186px;}
.learn-rewards-sec .rewards-price {margin: 24px 0 0;}
.total-rewards .rewards-list {padding: 24px 18px;}
.banner-heading-sapce{max-width:75%;}
}


/*.rewards-main{background-color:#fff;}
.custom-nav.rewards-nav {background-color: #EEEEEE;}
.custom-nav.rewards-nav a.nav-link {border-bottom: 4px solid #EEEEEE;}
.custom-nav.rewards-nav .navbar-nav .nav-link {color: #333333;}
.custom-nav.rewards-nav .active-nav .nav-link {border-bottom: 4px solid #CC157D;}
.custom-nav.rewards-nav .nav-link {border-bottom: 4px solid #00497A;}*/
.custom-nav.rewards-nav li.nav-item.nav-item-line {position: relative;}
.custom-nav.rewards-nav li.nav-item.nav-item-line:after {position: absolute;content: "";height: 24px;width: 1px;left: -7px;top: 12px;background: #B1B9C1;}

/*Banner section css*/
.header-banner-new .brand-logos {display: none;}
.rewards-banner {border-bottom: 1px solid #E9ECF0;margin: 0px;background-size: cover;min-height: 330px;display: flex;align-items: center;background: linear-gradient(0deg, #11133E 0%, #11133E 100%), url(<path-to-image>) lightgray -230px -1143.263px / 138.472% 771.274% no-repeat;}
.rewards-banner video {width: 100%;height: 330px;object-fit: cover;}
.rewards-banner-inner {position: absolute;top: 115px;left: 0;height: 335px;width: 100%;}
.header-banner-new .shop-grocery-otc {position: relative;right: 0;top: 10px;}
.rewards-banner-img.my-rewards-banner {justify-content: end;}

/*.header-banner-new .shop-grocery-otc:before {border-radius: 50%;opacity: 0.6;background: #CC157D;filter: blur(157.5px);position: absolute;content: "";width: 339px;height: 220px;left: 250px;top: 40px;}*/
.rewards-banner-content h4 {font-size: 40px;font-weight: 700;line-height: 48px;margin: 0px 0px 0;color: #fff;}
.rewards-banner-content p {font-size: 24px;line-height: normal;font-weight: 400;color: #fff;margin: 0px 0px 24px;}
.my-rewards-banner video {width: 422px;height: 200px;position: absolute;top: 26px;right: 0;}
/* rewards-owl css*/
.rewards-owl.custom-owl .product-card .product-img {height: 160px;}
.rewards-owl .single-product-sec .prodcut-info .item-title {margin: 0px 0 8px;min-height: auto;white-space: nowrap;max-width: 143px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: inline-block;line-height: 24px;}
.grocery-title h2 {color: #fff;font-size: 20px;line-height: 24px;font-weight: 600;margin: 0px;}
.grocery-title p {color: #fff;font-size: 16px;line-height: 24px;font-weight: 400;margin: 8px 0px 16px;}
.rewards-owl .product-card {padding: 0;margin: 0;border-radius: 6px;border: 1px solid #D1D5DB;background: #FFF;}
.rewards-owl .single-product-sec .item-title {color: #212121;font-size: 18px;font-weight: 500;line-height: 25px;display: -webkit-box;max-width: 400px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.rewards-owl .owl-dots .owl-dot.active span {background-color: var(--secondary-color);width: 35px;}
.rewards-owl .owl-dots .owl-dot span {height: 8px;width: 48px;background-color: #E9ECF0;margin: 0;cursor: pointer;overflow: hidden;transition: all 0.4s;border-radius: 10px;border: none;display: block;}
.rewards-owl .custom-owl .owl-dots .owl-dot {margin: 0;}
.rewards-owl .owl-nav button span:before {content: 'Previous';font-size: 16px;line-height: 20px;color: #ffffff;}
.rewards-owl .owl-nav button:first-child:before {border-right: 2px solid #ffffff !important;content: '';position: absolute;right: -16px;top: 50%;transform: translateY(-47%);display: inherit;height: 16px;}
.rewards-owl.custom-owl 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;}
.rewards-owl button span {position: relative;display: flex;align-items: center;font-size: 0px;line-height: 20px;}
.rewards-owl .n-market-prev-btn span:after {position: absolute;left: -28px;transform: rotate(-180deg);}
.rewards-owl .prodcut-info .product-cost {margin: 0;text-decoration: none;display: flex;align-items: center;}
.rewards-owl .single-product-sec .renewal-icon {position: absolute;right: 16px;top: 16px;z-index: 8;display: flex;height: 40px;width: 40px;background-color: var(--secondary-color);text-align: center;border-radius: 50%;line-height: 44px;align-items: center;justify-content: center;}
.rewards-owl .single-product-sec .renewal-icon .img-fluid {width: 28px;height: 28px;filter: invert(10) sepia(10) saturate(10) hue-rotate(180deg);}
.rewards-owl .owl-dots {text-align: center;display: flex;justify-content: space-between;align-items: center;background-color: #E9ECF0;border-radius: 10px;max-width: 90px;margin: 16px auto 0;height: 8px;}
.rewards-owl .owl-nav {position: inherit;top: inherit;position: absolute;bottom: 68%;top: auto;width: 100%}
.rewards-owl .owl-nav button {width: 56px;height: 56px;background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/right-arrow-icon.svg) no-repeat center center #fff !important;position: absolute;border: 2px solid #0F567329 !important;box-shadow: 0px 2px 8px 0px #0F567329 !important;border-radius: 8px !important;}
.rewards-owl .custom-owl-latest .owl-nav button.disabled {display: none !important;}
.rewards-owl .owl-nav button.owl-prev {left: -16px;transform: rotate(-180deg) !important;}
.rewards-owl .owl-nav button.owl-next {right: -16px;}
.rewards-owl .owl-nav button span:before, .rewards-owl .owl-nav button span {display: none !important;}
.rewards-owl .product-card.single-product-sec {min-height: 220px;}
.rewards-owl .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;}
.rewards-owl .owl-nav button:first-child:before {display: none;}
.rewards-owl .product-card .product-price-section p {margin: 0;color: var(--secondary-color);font-weight: 600;font-size: 16px;line-height: 20px;}
.custom-link, .custom-link:hover {color: var(--secondary-color);text-decoration: none;}
.rewards-owl .product-card .product-img {width: 100%;border-radius: 6px;height: 128px;overflow: hidden;position: relative;display: inline-block;}
.rewards-owl .product-card .prodcut-info {padding: 0px 16px 16px;}
.rewards-owl .related-products p {color: #646F7D;margin: 6px 0 24px;font-size: 20px;font-weight: 500;line-height: 24px;}
.rewards-owl {padding: 0px 0px 48px;}
.rewards-owl .related-products h4 {margin: 0;}
.rewards-owl .related-products .price-text {margin: 1px 0 0;}
.rewards-owl .related-products {position: relative;margin: 0;}
.product-title-section .sub-title {color: #707A89;font-size: 14px;line-height: 14px;margin: 0 0 12px;}
.product-title-section .price-title {color: #075A0B;font-size: 16px;line-height: 20px;font-weight: bold;margin: 0 0 4px;}
.rewards-owl.rewards-digital .product-card .product-img img {object-fit: contain;}
.rewards-owl.rewards-digital .prodcut-info .item-title {margin: 0px 0 8px;min-height: auto;max-width: 143px;line-height: 24px;width: 100%;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bg-owl {background: #edf0f5;padding: 48px 0 0;}

/*Eat Better Feel Better banner*/
.rewards-owl.rewards-digital .product-img {position: relative;}
.eating-better-banner {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/feel-better-baner.png) left no-repeat;width: 100%;position: relative;min-height: 230px;margin: 56px 0px 0px;z-index: 1;display: flex;align-items: center;background-size: cover;}
.eating-better-banner:after {z-index: -1;position: absolute;content: "";top: 0px;left: 0px;right: 0px;bottom: 0px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #006C0B 63.5%);width: 100%; height: 100%;}
.eating-better-content h4 {color: #fff;font-size: 32px;font-weight: 700;line-height: 39px;}
.eating-better-content p {font-size: 20px;line-height: 24px;color: #fff;font-weight: 400;}

/** Fitness Section **/
/** Fitness Section Innner **/
/*.fitness-sec:before {bottom: 0; content: ""; left: 0;opacity:0.4;position: absolute;right: 0;top: 0;z-index: -1;background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/fitness-bg-img.png) center center no-repeat;background-size:cover; }*/
.fitness-sec {padding: 64px 0;position: relative;z-index: 1;background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/fitness-bg-img.png) center center no-repeat;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background-size: cover;}
.fitness-sec:after {bottom: 0;content: "";left: 0;opacity: 0.8;position: absolute;right: 0;top: 0;z-index: -1;background: linear-gradient(0deg, #000000, #000000), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);width: 100%;height: 100%;}


/*Rewards common css start*/
.reward-bg-btn {background: #CB187D; padding: 12px 24px; border-radius: 8px; font-size: 18px; line-height: 23px; color: var(--white-color); font-weight: 700;}
.reward-bg-submit {background: #CB187D; padding: 14px 50px; margin-right: 16px; border-radius: 8px; font-size: 18px; line-height: 20px; color: var(--white-color); font-weight: 700;}
.reward-bg-btn img {margin-right: 10px;}
.reward-checkbox input[type="checkbox"]:checked + .box:after {background-color: var(--primary-color); border-color: var(--primary-color);}
.challange-action .outline-btn {width: 100%; padding: 15px; background: var(--white-color); border: 1px solid #646F7D; border-radius: 8px; color: #646F7D; font-size: 18px; line-height: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.challange-action .claimed-outline {border: 1px solid #0FA91C; color: #075A0B;}
.challange-action .claimed-outline img {margin-right: 6px;}
.challange-action .disabled-outline-btn {border-color: #646F7D; color: #646F7D;}
.lock-survey {width: 16px;}
ol.sub-list li {list-style-type: lower-alpha;padding-left: 10px !important;margin: 10px 0 !important;}
ol.sub-list li:before{display:none;}
 
/*Rewards common css end*/

/*Rewards Tiles start*/
.challenge-box {padding: 24px; border: 1px solid #E9ECF0; border-radius: 16px; height: 100%; position: relative; background-color: #fff;}
.challenge-top-section {text-align: center; margin-bottom: 22px;}
.challenge-top-section h3 {font-size: 40px; line-height: 48px; color: #212121; margin-top: -14px; margin-bottom: 4px;}
.challenge-box h4 {line-height: 24px;}
.challange-content {min-height: 196px; padding-bottom: 60px;}
.challange-content1 {min-height: 156px;}
.locked-rewards {position: relative;}
.locked-rewards:after {position: absolute; content: ''; z-index: 0; width: 100%; height: 100%; left: 0; top: -15px; background: linear-gradient(0deg, #FFF 23.4%, rgba(255, 255, 255, 0.10) 65.86%);}
.challenge-box p {color: #666b6e;}
.challange-action {position: absolute; z-index: 1; bottom: 24px; width: 90%; left: 0; right: 0; margin-left: auto; margin-right: auto;}
.challenge-box .challenge-img {margin-top: 8px; margin-bottom: 16px;}
.challenge-box .special-bg {padding: 4px 12px; background: linear-gradient(90deg, #FF6417 1.86%, rgba(112, 0, 255, 0.94) 101%); border-radius: 4px; max-height: 28px; font-size: 16px; color: var(--white-color); font-weight: 700; line-height: 19px;}
.challenge-box .points-bg {padding: 4px 12px; background: #ECF3ED; border-radius: 4px; max-height: 28px; font-size: 16px; font-weight: 500; line-height: 19px;}
.challenge-box .points-bg img {margin-right: 8px;}
.challenge-box .challange-action img {margin-right: 12px;}
.challenge-box .points-title {font-weight: 700; font-size: 16px;}
.gradient-box {
border: 3px solid transparent; /* Adjust the thickness of the border */
border-radius: 15px; /* Match this with the container's border-radius */
background: linear-gradient(white, white), /* Background color */ linear-gradient(90deg, hsla(20, 100%, 55%, 1) 0%, hsla(266, 100%, 50%, 0.94) 100%); /* Gradient color */
background-origin: border-box;background-clip: content-box, border-box;
}
.rewards-benefits {margin: -24px 0 0;}
.rewards-benefits .registerFormBlock .float-label {font-size: 14px;}
.challenge-top-section p {font-size: 20px; font-weight: 500; line-height: 24px;}
.points-earned {margin: 0px 0 40px; color: #646F7D;}
.unlock-rewards-icon {width: 46px; height: 46px;}
.unlock-rewards {color: var(--woodsmoke-color);}
.challenge-top-section .healthpays {text-align: left;}
.challenge-top-section .healthpays h3 {margin-top: -5px;}
.weekly-bonus-section {margin-top: 48px; margin-bottom: 24px;}
.weekly-bonus-section .earn-rewards {padding: 0px 18px; background: linear-gradient(180deg, #D01D81 0%, #EC0A0A 100%); border-radius: 47px; margin-right: 14px; display: flex; align-items: center;}
.weekly-bonus-section .earn-rewards h2 {font-size: 32px; margin-bottom: 0; color: var(--white-color); margin-right: 7px;}
.weekly-bonus-section .earn-rewards span.small-rewards-text {font-size: 14px; line-height: 17px; font-weight: 400; color: var(--white-color);}
.weekly-bonus-section .bonus-task h3 {font-size: 28px; line-height: 34px; margin-bottom: 0; font-weight: 500;}
.weekly-bonus-section .bonus-task p {font-size: 24px; line-height: 29px; font-weight: 400; color: #646F7D;}
/*Rewards common css end*/

/*Range slider css start*/
.range-slider-sec .slider-list {display: flex; align-items: center; justify-content: space-between; margin: 0px 6px 29px;}
.range-slider-sec .slider-list li {width: 2px; height: 3px; flex-shrink: 0; opacity: 0.3; background-color: #212121; margin: 0px; border-radius: 10px;}
.range-slider-sec .slider-list li.slider-list-num {opacity: 0.6; width: 2px; height: 6px; font-size: 8px; font-weight: 400;}
.range-slider-sec li.slider-list-num span {margin: 4px -1px; display: inline-block; font-size: 9px;}
.range-slider-sec .range-slider-sec .range-slider .range-slider__rangei.slider-list-num span {margin: 8px -2px 0 !important; display: inline-block;}
.range-slider-sec .slider {width: 100%; -webkit-appearance: none; appearance: none; height: 4px; background: var(--slider-fill); border-radius: 5px; outline: none; transition: background 0.3s ease-in-out;}
.range-slider-sec .tooltip-sec {margin: var(--tooltip-margin); position: absolute; top: 60px; background-color: #CB187D; color: white; border-radius: 5px; transform: translateX(-50%); white-space: nowrap; display: flex; align-items: center; justify-content: center; gap: 5px; pointer-events: auto; height: 28px; width: 66px; left: var(--tooltip-position);}
.range-slider-sec .tooltip-button {background: none; border: none; color: white; font-size: 16px; cursor: pointer; padding: 0px; pointer-events: auto; margin-top: -3px;}
.range-slider-sec .tooltip-button:focus {outline: none;}
.range-slider-sec .tooltip-value {font-size: 14px;}
.range-slider-sec .slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 16px; height: 16px; background-color: white; border: 1px solid gray; border-radius: 50%; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.range-slider-sec .slider::-moz-range-thumb {width: 24px; height: 24px; background-color: white; border: 2px solid gray; border-radius: 50%; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.range-slider-sec .tooltip-sec:after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 6px; border-style: solid; border-color: #d64029 transparent transparent transparent;}
.range-slider-sec .range-slider-sec {margin: 0px 0 4px;}
/*Range slider css end*/

/*Success modal css start*/
.bloodplessure-modal .modal-body p {color: var(--nevada-color); font-size: 16px; line-height: 22px;}
.healthy-range .modal-body {position: relative; border-radius: 20px; padding: 36px 48px;}
.healthy-range .modal-body .close {position: absolute; top: 24px; right: 24px;}
.healthy-range .modal-body h6 {margin: 8px 0 16px;}
.healthy-range .modal-body .bp-heading-text {font-size: 18px; color: var(--woodsmoke-color); margin-bottom: 12px;}
.healthy-range .modal-body .rewards-start-survey {max-width: 348px; min-height: 78px; margin: 40px auto 0px auto;}
.healthy-range .modal-body .rewards-start-survey p {font-size: 18px; color: var(--woodsmoke-color);}
.confirm-block {margin-top: 32px; margin-bottom: 22px;}
.bloodplessure-modal .modal-header .close svg, .healthy-range .modal-body .close svg {fill: var(--secondary-blue-dark);}
.add-medication {display: flex; margin-right: 8px;}
/*Success Modal css end*/

/* Recommended Articles css start*/
.recommended-articles {padding: 48px 0; margin: 0px; background: linear-gradient(180deg, #F4F7FF 0%, #F2DFEA 100%), url('https://nationscdn.azureedge.net/otc-container/images/rewards/recomonded-articles-bg.png') no-repeat; width: 100%; height: 100%; background-size: 100%; background-blend-mode: multiply;}
.recommended-articles-top {margin-bottom: 24px;}
.recommended-articles-top .read-article-link {font-size: 20px; line-height: 20px; font-weight: 600;}
.recommended-articles-top h5 {margin-bottom: 6px; color: var(--woodsmooke-color);}
.recommended-articles-top p {margin-bottom: 0; background: linear-gradient(90deg, #217BFE 22.5%, #EE4D5D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.article-content.article-content-sec {display: flex; height: 100%;}
.article-content {border: 1px solid #E9ECF0; border-radius: 8px; background: #fff; min-height: 340px;}
.article-content-main {padding: 16px;}
.article-content-block {min-height: 80px;}
.article-content-block p {font-size: 20px; color: #212121 !important; line-height: 26px !important; font-weight: 500;}
.article-content h6 {font-size: 20px; line-height: 24px; font-weight: 500; color: var(--woodsmoke-color); max-width: 297px; margin-bottom: 0;}
.article-content .read {font-size: 12px; font-weight: 600; color: var(--nevada-color); white-space: nowrap;}
.article-content p {color: var(--nevada-color); margin: 10px 0 15px; line-height: 21px; display: inline-block;}
.read-article-link {font-size: 18px; font-weight: 500; color: var(--secondary-color); line-height: 22px; display: flex; justify-content: space-between; cursor: pointer;}
.read-article-link:hover, .read-article-link:focus {color: var(--secondary-color);}
.article-content-img {position: relative;}
.article-content-img .points-bg {position: absolute; top: 24px; right: 33px; padding: 4px 12px; background: var(--white-color); border-radius: 4px; max-height: 28px; font-size: 16px; font-weight: 500; line-height: 19px; display: flex; align-items: center;}
.article-content-img .points-bg img {width: 20px; margin-right: 8px;}
.article-content-img img {border-radius: 8px 8px 0 0; width: 100%;}
/* Recommended Articles css end*/

/* Recommended Videos css start*/
.article-video-content h6 {max-width: 562px; margin-bottom: 0;}
.article-content-img .play-video {width: 38px; height: 38px; border-radius: 100%; background: #CB187D; position: absolute; top: 50%; transform: translateY(-50%); left: 50%; display: flex; align-items: center; justify-content: center;}
.article-content-img .play-video img {width: 13px; height: 13px;}
/* Recommended Videos css end*/

/* Mental Well Being start*/
.mental-well-being {margin-bottom: 0; background: #edf0f5; padding-bottom: 48px;}
.mental-well-being .recommended-image img {height: 100%;}
.mental-well-being .recommended-content {max-width: 680px;}
/* Mental Well Being end*/

/*Meditation Yoga start*/
.meditation-yoga-section .meditation-yoga {padding: 16px; background: var(--white-color); border-radius: 8px; position: relative; width: 100%; border: 1px solid #E9ECF0; margin: 24px 0px 0px;}
.meditation-yoga-section .meditation-content {min-height: 124px;}
.meditation-yoga-section .meditation-content p {line-height: 24px; margin-top: 4px; max-width: 256px; display: block;}
.meditation-yoga-section .meditation-yoga h6 {font-size: 16px; font-weight: 600; line-height: 24px; margin: 0px;}
.meditation-yoga-section .meditation-yoga .read-article-link {font-size: 16px; font-weight: 600; line-height: 20px;}
.meditation-yoga-section .meditation-yoga .meditation-yoga-img {position: absolute; right: 20px; max-height: 60px; bottom: 0px;}
/*Meditation Yoga end*/


/*Medicine Cabinet start*/
.medicine-cabinet-section.medicine-cabinet-main {background: var(--Secondary-Indigo-gradient, linear-gradient(98deg, #00497A 7.74%, #0065A9 94.97%)); padding: 60px 60px 48px; margin: 0px;}
.medicine-cabinet-section.medicine-cabinet-main h5 {color: #FFF; font-size: 24px; font-weight: 600; line-height: normal;}
.medicine-cabinet-section.medicine-cabinet-main a {color: #fff;}
/*Medicine Cabinet end*/

/*Find Help on SNS E Survey start*/
.article-video-content h6 {max-width: 562px; margin-bottom: 0;}
.article-content-img .play-video {width: 38px; height: 38px; border-radius: 100%; background: #CB187D; position: absolute; top: 50%; transform: translateY(-50%); left: 50%; display: flex; align-items: center; justify-content: center;}
.article-content-img .play-video img {width: 13px; height: 13px;}

.mental-well-being {margin-bottom: 0; background: #edf0f5; padding-bottom: 48px;}
.mental-well-being .recommended-image img {height: 100%;}
.mental-well-being .recommended-content {max-width: 680px;}

.meditation-yoga-section .meditation-yoga {padding: 16px; background: var(--white-color); border-radius: 8px; position: relative; width: 100%; border: 1px solid #E9ECF0; margin: 24px 0px 0px;}
.meditation-yoga-section .meditation-content {min-height: 124px;}
.meditation-yoga-section .meditation-content p {line-height: 24px; margin-top: 4px; max-width: 256px; display: block;}
.meditation-yoga-section .meditation-yoga h6 {font-size: 16px; font-weight: 600; line-height: 24px; margin: 0px;}
.meditation-yoga-section .meditation-yoga .read-article-link {font-size: 16px; font-weight: 600; line-height: 20px;}
.meditation-yoga-section .meditation-yoga .meditation-yoga-img {position: absolute; right: 20px; max-height: 60px; bottom: 0px;}

.medicine-cabinet-section.medicine-cabinet-main {background: var(--Secondary-Indigo-gradient, linear-gradient(98deg, #00497A 7.74%, #0065A9 94.97%)); padding: 60px 60px 48px; margin: 0px;}
.medicine-cabinet-section.medicine-cabinet-main h5 {color: #FFF; font-size: 24px; font-weight: 600; line-height: normal;}
.medicine-cabinet-section.medicine-cabinet-main a {color: #fff;}

.find-help-section {margin: 0; padding: 48px 0; background: #edf0f5;}
.find-help-section .find-help-inner {padding: 24px; border-radius: 12px; background: linear-gradient(90deg, #FAE7F2 35.5%, rgba(250, 231, 242, 50.4%) 100%), url('https://nationscdn.azureedge.net/otc-container/images/rewards/sns-e-survey-bg.png'); box-shadow: 0px 2px 8px 0px #0E0A1F14;}
.find-help-section .find-help-inner h3 {font-size: 28px; font-weight: 600; line-height: 34px; margin-bottom: 16px;}
.find-help-section .find-help-inner p a {font-size: 20px; font-weight: 400; line-height: 38px; margin-bottom: 0;}
.find-help-section .find-help-inner a {font-weight: 600; color: #325697;}
.find-help-section .more-info {margin-top: 16px;}
.find-help-section .more-info p {font-weight: 400; font-size: 24px; line-height: 29px; margin: 0;}
.sns-e-survey {position: absolute; right: 0; top: 0; height: 100%;}
.sns-e-survey img {border-radius: 0 8px 8px 0; height: 100%;}
.find-help-section .find-help-inner p {margin: 0; font-size: 20px; line-height: 28px; font-weight: 400;}
.find-help-section .find-help-inner a {margin: 0; font-size: 20px; line-height: 28px; font-weight: 600;}
.find-help-section .more-info p {font-size: 24px; line-height: 30px; font-weight: 400;}
/*Find Help on SNS E Survey end*/

.fitness-sec:after {bottom: 0;content: "";left: 0;opacity: 0.8;position: absolute;right: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 100%), url(<path-to-image>) lightgray -1760.614px 0px / 414.629% 100% no-repeat, #000;}
.custom-margin {margin-right: 80px;}

/*Exclusive Digital Offers  start*/
.exclusive-digital-banner {background: url('https://nationscdn.azureedge.net/otc-container/images/rewards/exclusive-digital-banner.png') center no-repeat; background-size: 100%; width: 100%; height: 100%; margin-bottom: 40px; overflow: hidden;}
.exclusive-digital-content {max-width: 760px; margin: 0 auto; text-align: center; padding: 40px 0; color: var(--white-color); position: relative;}
.exclusive-digital-content:before {border-radius: 760px; background: #093288; filter: blur(86px); position: absolute; left: 0; right: 0; content: ''; height: 100%; width: 100%; z-index: -1;}
.exclusive-digital-content h3 {color: var(--white-color); line-height: 38px;}
.exclusive-digital-content p {font-size: 20px; line-height: 24px; font-weight: 400;}
/*Exclusive Digital Offers  end*/
.health-assistant-sec {padding-top: 30px;}

.fitness-sec-content {width: 84%;}
.fitness-sec-inner {overflow-x: hidden;}
.fitness-sec-inner .workout-sec .sec-head {padding: 0;margin: 0 0 24px;}
.fitness-sec-inner .fitness-sec-content h3 {color: #fff; margin-bottom: 8px; line-height: 32px; font-size: 32px; font-weight: 700;}
.fitness-sec-content p {color: #fff; font-size: 20px; line-height: 24px; font-weight: 400;}

.workout-sec {margin-right: -80px;}
.workout-sec .sec-head h6 {color: #fff; font-size: 18px; line-height: 22px; font-weight: 600; margin-bottom: 0;}
.workout-sec .sec-head .text-link {color: #fff; font-size: 16px; line-height: 20px; text-decoration: none;}
.single-workout-sec:before {bottom: 0; content: ""; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; z-index: -1; background: linear-gradient(91.78deg, rgba(0, 0, 0, 0.51) 35.58%, rgba(0, 0, 0, 0) 98.09%); width: 100%; height: 100%; border-radius: 23px;}
.single-workout-sec {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/lower-body-training.png) left top no-repeat; width: 100%; position: relative; z-index: 1; padding: 20px; min-height: 201px; border-radius: 23px; background-size: cover;}
.single-workout-sec.training-img2 {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/hand-training.png) center center no-repeat; background-size: cover;}

.video-icon {position: absolute;right: 20px;top: 50%;margin-top: -19px;cursor: pointer;}
.single-workout-sec h5 {color: #fff;margin-bottom: 14px;}
.box-btn-main {display: inline-flex;flex-direction: column;}
.box-btn {background: rgba(255,255,255, 0.8);border-radius: 9px;display: inline-flex;align-items: center;padding: 6px 8px;}
.box-btn + .box-btn {margin-top: 10px;}
.box-btn .icon img {width: 14px;}
.box-btn .text {font-size: 12px;line-height: 18px;color: #192126;}
/** Fitness Section Innner End **/
.progress-sec {padding: 64px 0 0;}
.progress-sec h6 {color: #fff; margin-bottom: 16px; font-size: 18px; line-height: 22px;}
.single-progress-sec {background: #fff; border-radius: 26px; padding: 10px 23px 10px 12px; position: relative; display: flex;}
.single-progress-img {width: 120px; margin-right: 14px;}
.single-progress-img img {width: 100%; border-radius: 26px;}
.single-progress-content {width: calc(100% - 134px); padding-top: 6px; padding-bottom: 10px; position: relative;}
.single-progress-content p {font-size: 16px; line-height: 19px; color: #192126; margin-bottom: 9px; font-weight: 600;}
.single-progress-content .box-btn {background: none; align-items: start; margin-bottom: 18px; padding: 0;}
.single-progress-content .box-btn .icon img {position: relative; top: -4px;}
.single-progress-content .progress {border-radius: 3px;}
.single-progress-content .progress-bar {background: #bbf246; border-radius: 3px; color: var(--woodsmooke-color);}
.w-45 {width: 45%;}
.lable-sec {background: #192126; font-size: 10px; line-height: 12px; padding: 2px 14px; border-radius: 0 0 6px 6px; color: #fff; position: absolute; top: -10px; right: 0;}

/** Smart Sec Start Here **/
.smart-fitness-sec {margin-top: 64px; padding: 40px 24px; background: rgba(255,255,255, 0.2); border-radius: 20px; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);}
.smart-fitness-sec .sec-head {margin-bottom: 32px;}
.smart-fitness-sec .sec-head-content h3 {font-weight: 500; color: #fff; margin-bottom: 8px;}
.smart-fitness-sec .sec-head-content p {font-size: 21px; line-height: 26px; color: #fff; margin-bottom: 0;}
.sec-head-btn {min-width: 200px;}
.smart-fitness-sec .theme-btn {background: var(--primary-color); line-height: 48px; padding: 0 24px; color: #fff; font-weight: 700; font-size: 18px; display: inline-flex; border-radius: 8px; cursor: pointer;}
.single-fitness-sec {background: #000; padding: 20px; border-radius: 10px; min-height: 265px;}
.single-fitness-sec h5 {color: #fff; font-size: 22px; font-weight: 500; line-height: 26px; margin-bottom: 16px;}
.single-fitness-block {display: flex; align-items: center;}
.single-fitness-block .single-fitness-img {text-align: end;}
.single-fitness-block .single-fitness-img img {width: 100%; max-width: 140px;}

.fitness-content {width: 55%;}
.fitness-content p {display: block;margin-bottom: 12px;}
.fitness-content p:last-child {margin-bottom: 0;}
.fitness-content p {color: #fff;font-size: 18px;line-height: 22px;}
.fitness-content p span {color: #d34657; font-size: 24px; line-height: 28px; display: block;}
.fitness-content p span span {font-size: 18px; line-height: 22px; display: inline; margin-left: -5px;}
.fitness-content p small {color: #8D8D8E; font-size: 20px; line-height: 24px; display: block;}
.fitness-details-block {background: #1c1c1c; border-radius: 10px; padding: 12px 14px 32px; display: block; margin-top: 14px;}
.fitness-area {display: flex; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #2c2c2c;}
.fitness-area h6 {font-size: 18px; line-height: 22px; color: #fff; font-weight: 400;}
.fitness-area h6.time span {display: block; font-size: 30px; line-height: 35px; color: #c6f96f !important;}
.single-fitness-sec.work-details .sec-head {margin-bottom: 0;}
.single-fitness-sec.work-details .sec-head h5 {margin-bottom: 0;}
.single-fitness-sec.work-details .sec-head .text-link {color: #c6f96f; text-decoration: none; font-size: 18px; line-height: 22px; font-weight: 400;}
.single-fitness-sec.work-details .active-sec h6 {margin-bottom: 0;}
.single-fitness-sec.work-details .active-sec h6 span {font-size: 30px; line-height: 35px; display: block; margin-left: -5px; color: #d34657;}
.single-fitness-sec.work-details .active-sec h6 span span {font-size: 20px; line-height: 24px; display: inline; margin-left: -5px; color: #d34657;}
.single-fitness-sec.move-sec .fitness-content {width: 100%;}
.single-fitness-sec.move-sec .fitness-content p {margin-bottom: 54px;}
.single-fitness-sec.move-sec .fitness-content p span {font-size: 34px; line-height: 41px;}
.single-fitness-sec.move-sec .fitness-content p span span {font-size: 26px; line-height: 31px;}
.single-fitness-sec.move-sec .fitness-content .move-sec-img {text-align: left;}
.single-fitness-sec.move-sec .fitness-content .move-sec-img img {max-width: 353px; width: 100%;}

/** Smart Sec End Here **/
.activity-sec {background: #1c1c1c; padding: 20px; width: 100%; border-radius: 10px;}
.activity-block {display: flex; justify-content: start; align-items: center;}
.activity-block .icon {width: 38px; display: flex; margin-right: 12px;}
.activity-block .content {width: calc(100% - 50px);}
.activity-block .content p {color: #fff; font-size: 16px; line-height: 19px; margin-bottom: 2px;}
.activity-block .content small {color: #8e8e90; font-size: 16px; line-height: 19px;}
.activity-block + .activity-block {margin-top: 38px;}

.modal-525 {max-width: 525px !important;}
.reminders-popup .custom-toggle-check .form-check-input {padding: 11px 20px;}
.reminders-popup .toggle-check.custom-toggle-check .form-check-input:checked {background-color: rgba(50, 215, 75, 1);border-color: rgba(50, 215, 75, 1);}
.reminders-popup .toggle-check.custom-toggle-check .form-check-input {background-color: rgba(120, 120, 128, 0.32);border-color: transparent;}
.reminders-popup .sign-up-reminders {padding: 24px; border: 1px solid #E9ECF0; border-radius: 12px; display: flex; align-items: center; justify-content: center; max-width: 328px; margin: 0 auto; margin-top: 16px; position: relative; z-index: 9;}
.reminders-popup .reminders-switch {position: relative; padding-right: 24px; margin-right: 24px;}
.reminders-popup .reminders-switch:after {position: absolute; content: ''; width: 1px; right: 0; height: 100%; background: #E9ECF0;}
.reminders-popup .icon-bg-btn, .reminders-popup .icon-border-btn {min-width: 200px; position: relative; z-index: 9999;}
.reminders-popup .modal-body {padding: 40px; border-radius: 12px;}
.reminders-popup .reminder-content {margin:12px 0;}
.reminders-popup .reminder-content p {font-size: 16px; line-height: 23px; margin-bottom: 0;}
.reminders-popup .reminder-content video {width: 350px; height: 250px; object-fit: cover;}
.reminders-popup h4 {font-size: 28px;font-style: normal;font-weight: 500;line-height: 28px;margin-bottom: 8px;}
.reminders-popup .congrats-text {font-size: 12px; line-height: 12px;}
.reminders-popup .custom-json {position: absolute; bottom: -45%; height: 600px; width: 500px; left: 0;}
.reminders-popup .icon-bg-btn{padding:0px 22px;}
.rewards-sec-main .quotationery-information h4 {font-size: 20px; line-height: 100%; font-weight: 700; margin-bottom: 11px;}
.rewards-sec-main .quotationery-information {padding: 32px 24px 24px 32px;}
.rewards-sec-main .stored-securely {position: relative;}
.rewards-sec-main .stored-securely:after {position: absolute; content: ''; min-width: 120px; height: 2px; background: var(--primary-color); left: 0px; bottom: -10px;}
.schedule-appointment-sec h4 {margin-bottom: 6px;}
.schedule-appointment-sec .healthcare-top-left p {font-size: 15px; font-weight: 500; line-height: 100%;}
.schedule-appointment-sec .appointment-list h6 {margin-bottom: 16px;}
.schedule-appointment-sec .healthcare-providers {padding: 32px 50px 56px; border: 1px solid #BFC6D2;}
.schedule-appointment-sec .appoint-ment-calander {min-width: 389px; margin-right: 40px;}
.schedule-appointment-sec .appointment-form {max-width: 517px;}
.schedule-appointment-sec .appointment-list.visit .form-label {margin-top: 0;}
.schedule-appointment-sec .preferred-lan-btn {margin-top: 16px;}
.rewards-program-modal .rewards-program-content {padding: 24px 25px 23px 23px;}
.rewards-program-modal .rewards-program-content p {font-size: 18px; line-height: 22px; letter-spacing: 0.3px; color: #000; margin-bottom: 24px;}

/*Rewards new styles start heare*/
.rewards-main-section {margin-bottom: 32px; margin-top: -50px;}
.rewards-main-left-section, .earned-rewards-section {max-width: 984px;}
.rewards-main-section .rewards-quotationery-setup {max-width: 984px; position: relative; margin-top: -158px; z-index: 1;}
.rewards-main-section .rewardsnew-banner-section {min-height: 330px; position: relative; z-index: 1; background: #F7CCE0 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat; background-size: 100%;}
.rewards-main-section .rewardsnew-banner-section:after {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -9; content: ''; background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/breast-cancer-banner-img.png) no-repeat; background-position: right;}
.rewardsnew-banner-section h3 {font-size: 40px; font-weight: 700; line-height: 48px;}
.rewardsnew-banner-section .attest-text {font-size: 24px; line-height: 24px; margin-bottom: 0;}

.view-education-material {padding: 24px 24px 32px; background: #fff; border-radius: 6px; max-width: 984px; margin-top: -160px; position: relative; z-index: 1;}
.inner-member-reward-attestation {min-width: 984px; max-width: 984px; margin-top: -160px; position: relative; z-index: 1;}
.view-education-material .mw-240px {min-width: 240px;}
.view-education-material .icon-bg-btn, .view-education-material .icon-border-btn {min-width: 160px; border-radius: 8px !important;}
.fill-the-details {color: #646F7D;}
.cancer-screening-section {background: #fff; margin-top: 24px;}
.cancer-screening-header {padding: 32px; margin-bottom: 24px; font-size: 20px; color: #fff; font-weight: 500; line-height: 100%; border-radius: 4px 4px 0 0; background: linear-gradient(98deg, #00497A 7.74%, #0065A9 94.97%), url('https://nationscdn.azureedge.net/otc-container/images/rewards/health-risks-pattern.png') no-repeat; background-size: 100%; background-blend-mode: color;}
.cancer-screening-header .risk-percentage {font-weight: 700;}
.cancer-screening-content {padding: 0 24px;}
.cancer-screening-content .content-row {padding: 24px; border-bottom: 1px solid #dbddde;}
.cancer-screening-content .content-row:last-child {border-bottom: none; padding-bottom: 40px;}
.earn-reward-content {margin-right: 32px;}
.earn-reward-content p {font-size: 16px; line-height: 24px;}
.earn-reward-content h6 {font-size: 24px; line-height: 24px; font-weight: 400; position: relative; padding-bottom: 5px;}
.earn-reward-content h6:after {width: 40px; height: 2px; background: #D64029; position: absolute; content: ''; left: 0; bottom: 0;}
.earn-reward-content h4 {font-size: 24px; line-height: 100%; font-weight: 700;}
.what-the-reward {max-width: 400px;}
.reward-action {max-width: 473px;}
.what-you-need {max-width: 442px;}
.earn-reward-content ul {list-style: none; padding: 0; counter-reset: list-item;}
.earn-reward-content ul li {position: relative; padding-left: 27px; font-size: 16px; margin-bottom: 16px; line-height: 24px; counter-increment: list-item;}
.earn-reward-content ul li span {display: block; position: relative; padding-left: 18px; font-size: 16px; line-height: 20px; margin-bottom: 4px;}
.earn-reward-content .kidny-dease-text span {display: block; position: relative; padding-left: 18px; font-size: 14px; line-height: 20px; margin-bottom: 4px;}
.earn-reward-content ul li span:before {position: absolute; content: ''; width: 12px; height: 12px; left: 0; top: 4px; background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/start-list-icon.svg) no-repeat;}
.earn-reward-content .kidny-dease-text span:before {position: absolute; content: ''; width: 12px; height: 12px; left: 0; top: 4px; background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/start-list-icon.svg) no-repeat;}
.earn-reward-content ul li::before {content: counter(list-item); position: absolute; left: 0; top: 0px; width: 20px; height: 20px; border-radius: 50%; background-color: #00497A; color: #fff; font-size: 12px; text-align: center; line-height: 20px;}
.earn-reward-content ul li:only-child::before {content: none;}
.earn-reward-content ul li:only-child {padding-left:0;}

.attested-footer {padding: 16px 24px; background: #646F7D; color: #fff; border-radius: 0 0 6px 6px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 100%; font-weight: 600; cursor: pointer;}
.attested-footer .attested-btn {padding: 15px 24px; background: #fff; color: #00497A; border: 1px solid #00497A; border-radius: 8px; font-size: 18px; line-height: 18px; font-weight: 600;}
.member-reward-attestation {background: #fff; padding: 24px 24px 32px 24px; border-radius: 6px; margin-top: 24px;}
.reward-attestation-content h4 {font-size: 20px; line-height: 20px; font-weight: 700; color: #097F54; margin-bottom: 12px;}
.reward-attestation-content .physician-details {background: rgba(9, 127, 84, 0.1); padding: 12px; font-size: 14px; line-height: 100%; border-radius: 4px;}
.reward-attestation-content .physician-details p {margin-bottom: 6px; color: #646F7D;}
.reward-attestation-content .physician-details p span.dark-text {color: #212121; margin-right: 12px;}
.reward-attestation-content .physician-details p:last-child {margin-bottom: 0;}
.reward-attestation-img {margin-right: 14px;}
.view-education-material .registerFormBlock .form-group {padding-bottom: 18px;}
.view-education-material .reward-checkbox label span {color: #212121;}

ul.hb-testing-arrow li:before {position: absolute;content: '';width: 12px;height: 12px;left: 0;top: 9px;background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/start-list-icon.svg) no-repeat;}
.rewards-main-section .colorectal-cancer {background: #B2CFFF url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .colorectal-cancer:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/colorectal-cancer-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .blood-pressure-test {background: #F8CECE url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .blood-pressure-test:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/blood-pressure-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .diabeteshba1c-test {background: #F1E7A5 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .diabeteshba1c-test:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/diabetes-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .osteoporosis-management {background: #F8CECE url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .osteoporosis-management:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/osteoporosis-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .health-risk-assessment {background: #CCE3F7 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .health-risk-assessment:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/healthrisk-assessment-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .diabetes-kidney-disease {background: #C1B9F0 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .diabetes-kidney-disease:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/kidney-disease-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .annual-wellness-visits {background: #FFE2C2 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .annual-wellness-visits:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/annual-wellness-visits-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .completing-flu-vaccine {background: #C1F4FF url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .completing-flu-vaccine:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/flu-immunization-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .pneumonia-Immunization {background: #DCF0FD url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .pneumonia-Immunization:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/pneumonia-immunization-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .shingles-immunization {background: #D2D2E1 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .shingles-immunization:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/shingles-immunization-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .diabetic-screening {background: #BBE9C6 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .diabetic-screening:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/diabetic-screening-banner-img.png) no-repeat;background-position: right;}
.rewards-main-section .hb-testing {background: #FFC898 url(https://nationscdn.azureedge.net/otc-container/images/rewards/banner-bg-pattern.png) no-repeat;background-size: 100%;}
.rewards-main-section .hb-testing:after {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/hba1c-testing-banner-img.png) no-repeat;background-position: right;}


.mt-48 {margin-top: 48px}
.mt-189 {margin-top: 189px}
.banner-heading-sapce {padding-top: 70px; max-width:92%;}
.recomonded-custom-space {margin-top: 68px;}
.earned-rewards-section {margin-top: -160px;position: relative;z-index: 1;}
.earned-rewards-section .congratulation-block {padding: 32px;background: #fff;border-radius: 6px 6px 0 0;}
.earned-rewards-section .congratulation-block h4 {font-size: 20px;font-weight: 600;line-height: 20px;color: #097F54;margin-bottom: 0;margin-top: 4px;}
.earned-rewards-section .your-healthy-rewards {padding: 32px 40px; background: #CED1FF; border-radius: 0 0 6px 6px; position: relative;}
.earned-rewards-section .your-healthy-rewards:after {position: absolute; content: ''; left: 0; bottom: -30px; width: 100%; height: 100%; background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/healthy-rewards-banner-img.png) no-repeat; background-position: right center;}
.earned-rewards-section .your-healthy-rewards .shop-delivery {font-size: 14px; font-weight: 600; margin-bottom: 2px;}
.earned-rewards-section .your-healthy-rewards h3 {font-size: 24px; font-weight: 600; margin-bottom: 20px; line-height: 100%; margin-top: 4px;}
.rewards-recomonded-articles {margin-top: 8px;}
.rewards-recomonded-articles .article-content-main {padding: 32px 24px;}
.rewards-recomonded-articles .article-content-main .read-article-btn {padding: 10px 24px; margin-top: 32px; height: 36px; line-height: 0; font-size: 16px;}
.rewards-recomonded-articles .article-content p {font-size: 20px; line-height: 24px; font-weight: 500; color: #212121; margin-bottom: 0;}
.hra-footer {padding: 24px; background: #fff; margin: 24px 0;}
.hra-footer .icon-bg-btn, .hra-footer .icon-border-btn {height: 48px; min-width: 200px;}
.hra-fixed-footer {position: fixed; width: 100%; padding: 30px 60px 24px; background: #fff; bottom: 0; z-index: 99;}
.hra-fixed-footer .icon-bg-btn, .hra-fixed-footer .icon-border-btn {height: 48px; min-width: 200px;}
.custom-weekly-bonus-sec {padding-bottom: 80px;}
.custom-earnbreast-cancer .breadcrumbs ol {margin: 0;}
.xs-block {display: none;}
.launch-care-portal {background: #fff; border-top: 1px solid #B1B9C1; border-radius: 0 0 6px 6px; padding: 24px;}
.view-instructions-sec {display: flex; align-items: center; justify-content: space-between; margin: 32px 0 0;}
.view-instructions-text {color: #646F7D; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px;}
.view-instructions-links a {color: #00497A; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: 0.3px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; margin-left: 24px; position: relative;}
.view-instructions-links a:nth-child(2):after {position: absolute; content: ""; border-right: 1px solid #646F7D; height: 12px; width: 50px; left: -61px; top: 5px; color: #646F7D;}
.view-instructions-links {position: relative;}
.register-care-cont li {font-size: 16px; font-weight: 400; line-height: normal; margin: 0 0 19px; position: relative; padding-left: 0px;}
.register-care-cont ol {counter-reset: item; position: relative;}
.register-care-cont ol li {list-style: decimal; display: block;}
.register-care-cont ol li:before {content: counter(item) "."; counter-increment: item; color: #212121; position: absolute; left: -22px; z-index: 99; font-style: normal; font-weight: 500;}
.register-care-cont p {color: #212121; font-size: 16px; font-weight: 600; line-height: 22px;}
.rewards-xs-row {display: none;}
.xs-shopnow {display: none;}


@media (min-width:1920px) {
/*.rewards-main-left-section {max-width:75%;}*/
.view-education-material {padding: 32px 32px 42px;}
.learn-rewards-sec .activity-heading {font-size: 32px;}
.view-education-material .mw-240px {min-width: 320px;}
.view-education-material .registerFormBlock .form-group {padding-bottom: 38px;padding-right: 32px !important;}
.view-education-material, .earned-rewards-section, .inner-member-reward-attestation, .rewards-main-section .rewards-quotationery-setup, .rewards-main-left-section, .earned-rewards-section {max-width: 1313px;min-width: 1313px;}
.what-the-reward, .what-you-need, .reward-action {max-width: 100%;}
.cancer-screening-header {padding: 42px;font-size: 28px;margin-bottom: 0;}
.cancer-screening-content .content-row {padding: 32px;}
.cancer-screening-content {padding: 21px 32px 32px;}
.earn-reward-content h6 {font-size: 32px;padding-bottom: 8px;margin-bottom: 30px !important;}
.earn-reward-content ul li {padding-left: 30px;font-size: 20px;font-weight: 300;margin-bottom: 22px;line-height: 32px;}
.earn-reward-content ul li span {padding-left: 21px;font-size: 20px;margin-bottom: 5px;font-weight: 300;line-height: 28px;}
.earn-reward-content h6:after {width: 53px;}
.earn-reward-content p {font-size: 20px;font-weight: 300;line-height: 26px;}
.earn-reward-content h4 {margin-top: 0 !important;margin-bottom: 10px !important;font-size: 32px;}
.attested-footer {padding: 20px 32px;font-size: 20px;font-weight: 600;}
.attested-footer .attested-btn {font-size: 20px;padding: 20px 32px;}
.earn-reward-content ul li span:before {top: 8px;}
.launch-care-portal {padding: 32px;}
.earned-rewards-section {padding-bottom: 24px;}
.earned-rewards-section .congratulation-block {padding: 40px}
.earned-rewards-section .congratulation-block h4 {font-size: 24px;}
.earned-rewards-section .your-healthy-rewards {padding: 40px 48px;}
.earned-rewards-section .your-healthy-rewards h3 {font-size: 28px;margin-bottom: 24px;}
.reward-attestation-content span, .shop-delivery {font-size: 18px;}
.header-banner-new-sec.header-banner-rewards .marketplace-banner-img {max-height: 100%;height: 280px;}
.owl-carousel .owl-item .header-banner-new-sec.header-banner-rewards .shop-grocery-otc img {object-fit: contain;display: block;width: 100%;height: 100%;}
.header-banner-new-sec.header-banner-rewards .shop-grocery-otc {position: relative;right: 0;top: 0px;height: 100%;}
.single-fitness-sec.move-sec .fitness-content .move-sec-img img {max-width: 360px;}
.rewards-banner {min-height: 308px;}
.article-content-block {min-height: 110px;}
.fitness-sec-content {width: 60%;}
.workout-sec .sec-head .text-link {margin-right: 130px;}
.rewards-banner {min-height: 400px;}
.custom-reward-section {margin: -64px 0 40px;}
.workout-sec {margin-right: 0px;}
.single-workout-sec {min-height: 180px;}
.single-fitness-block .single-fitness-img img {max-width: 170px;}
.rewards-banner-content p {font-size: 32px;font-weight: 400;color: #fff;margin: 0px 0px 24px;line-height: normal;}
.rewards-banner-content h4 {font-size: 56px;font-weight: 700;line-height: 64px;margin: 0;color: #fff;}
.rewards-banner-content {margin: 70px 0px 0px;}
.earn-reward-content{margin-right:42px;}
}

@media(min-width:1441px) and (max-width:1800px) {
.rewards-banner-inner.rewards-banner-agent {top: 180px;}
}

@media(min-width:1801px) {
.rewards-banner video {height: 424px;}
.rewards-banner-inner {height: 424px;}
.rewards-banner-inner.rewards-banner-agent {top: 170px;}
}

@media (min-width: 1441px) and (max-width:1499.98px) {
.total-rewards .rewards-list {padding-right: 20px;}
}

@media (min-width: 1440px) and (max-width:1919.98px) {
.cancer-screening-header {margin-bottom: 16px}
.earn-reward-content h4 {margin-top: 0 !important;}
.earn-reward-content {margin-right: 32px;}
.what-you-need, .what-the-reward, .reward-action {max-width: 100%;}
.cancer-screening-header {padding: 32px;}
.earned-rewards-section {padding-bottom: 24px;}
.total-rewards-box.rewards-balance .rewards-btn {font-size: 15px;padding: 10px 16px;}
}

@media (min-width:1280px) and (max-width:1366.98px) {
.total-rewards .rewards-list {padding: 24px 10px;}
}

@media (min-width: 1024px) and (max-width:1439.98px) {
.total-rewards-box {width: 22%;}
.total-rewards-box.rewards-balance {width: inherit;min-width: 350px;}
.total-rewards-box.rewards-balance .rewards-btn {position: relative;right: inherit;}
.total-rewards .rewards-list {min-height: 151px;}
.rewards-banner-content {margin-top: 16px;}
.earn-rewards-top {margin-top: 15px;}
.total-rewards-box.rewards-balance .rewards-btn {padding: 10px 16px;margin-left: 8px;font-size: 14px;}
.custom-reward-section {justify-content: center;}
.header-banner-new-sec.header-banner-rewards .shop-grocery-otc {position: relative;right: 0;top: 0;height: 280px;}
.owl-carousel .owl-item .header-banner-new-sec.header-banner-rewards .shop-grocery-otc img {display: block;width: 100%;height: 100%;object-fit: fill;}
.rewards-banner-inner.rewards-mobile-app .rewards-banner-content {margin: 40px 10px 0px;}

}

@media (min-width: 1024px) and (max-width:1279.98px) {
.view-education-material {margin-top: -111px;}
.banner-heading-sapce {max-width: 78%;}
.earned-rewards-section {padding-bottom: 24px;}
.header-banner-new-sec.header-banner-rewards .marketplace-banner.header-banner-new {position: relative;min-height: 173px !important;padding: 0px;border: 0px;border-radius: 0px;margin-bottom: 0px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 6.46%, #86cbe300 74.1%) !important;}
.header-banner-new-sec.header-banner-rewards {margin-bottom: 0px;min-height: 173px !important;}
}

@media (min-width: 992px) and (max-width:1439.98px) {
.what-the-reward, .what-you-need, .reward-action {max-width: 95%;}
}

@media (min-width: 991px) and (max-width:1199.98px) {
.rewardsnew-banner-section h3 {font-size: 28px;line-height: 36px;}
}

@media (min-width: 768px) and (max-width:1023.98px) {
.banner-heading-sapce {padding-top: 64px; max-width:85%;}
.view-education-material {margin-top: -103px;}
.attested-footer .attested-btn {font-size: 18px;min-width: 156px;}
.attested-footer {font-size: 16px;}
.cancer-screening-content .content-row {padding: 24px 0}
.earn-reward-content {margin-right: 32px;}
.rewards-main-section .rewardsnew-banner-section:after {display: none;}
.rewards-main-section .rewardsnew-banner-section {background-size: cover;background-position: right;}
.view-education-material .registerFormBlock .form-group {padding-bottom: 24px;}
.cancer-screening-header {padding: 32px 38px;line-height: 20px;margin-bottom: 16px;}
.earn-reward-content h4 {margin-top: 0 !important;}
.content-row img {max-width: 244px;}
.earned-rewards-section {padding-bottom: 23px;}
.earned-rewards-section {margin-top: -103px;}
.earned-rewards-section .congratulation-block h4 {max-width: 280px;line-height: 24px;}
.custom-reward-section {flex-wrap: wrap;}
.total-rewards-box, .total-rewards-box.rewards-balance {width: 48%;}
.earn-rewards-top {display: none;}
.custom-reward-section {margin:-60px 0 40px;justify-content: center;}
.learn-rewards-sec .rewards-price {margin: 24px 0 0;}
.shop-grocery-otc {display: none;}
.header-banner-new-sec.header-banner-rewards .marketplace-banner.header-banner-new {position: relative;min-height: 220px !important;padding: 0px;border: 0px;border-radius: 0px;margin-bottom: 0px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 6.46%, #86cbe300 74.1%) !important;}
.header-banner-new-sec.header-banner-rewards {margin-bottom: 0px;min-height: 184px !important;}
.rewards-banner {min-height: 336px;}
.rewards-banner-content h4 {font-size: 40px;line-height: 48px;margin-bottom: 0;}
.rewards-banner-content p {line-height: 24px;}
.total-rewards-box.rewards-balance .rewards-btn {padding: 10px 12px;right: 16px;}
.view-instructions-sec {display: block;}
.view-instructions-links {margin: 6px 0 0;}
.marketplace-banner p {font-size: 22px;}
.marketplace-banner-left h3 {font-size: 28px;margin-bottom: 6px;}
.rewards-banner-content {margin: 80px 0px 0px;}
.rewards-banner-inner.rewards-mobile-app .rewards-banner-content {margin: 54px 10px 0px;}
.rewards-banner-content {margin: 80px 0px 0px;}
.mob-break{display:block}
}
@media (max-width: 767.98px) {
.custom-earnbreast-cancer .breadcrumbs {display: block !important;}
.custom-earnbreast-cancer .breadcrumbs ol {padding-top: 0;}
.rewardsnew-banner-section h3 {font-size: 24px;line-height: 100%;}
.attested-footer {font-size: 16px; line-height:20px;}
.cancer-screening-content .content-row {padding: 0;}
.attested-footer .attested-btn {font-size: 15px;min-width: 125px;padding: 9px 24px;margin: 24px 0 0;display: block;}
.attested-footer {padding: 16px 24px;display: block;}
.cancer-screening-header {padding: 24px 11px;font-size: 18px;font-weight: 500;border-radius: 0;margin-bottom: 0;}
.earn-reward-content h6 {font-size: 24px;}
.rewardsnew-banner-section .attest-text{font-size: 16px;margin-top: 0 !important;}
.earn-reward-content h4 {font-size:24px;margin-top: 0 !important;}
.cancer-screening-content .content-row{margin-bottom:24px;}
.earn-reward-content {margin-right: 0;padding-top: 24px;}
.banner-heading-sapce {padding-top: 53px;line-height: 100%;}
.view-education-material .icon-bg-btn, .view-education-material .icon-border-btn {min-width: 100%; margin-bottom:16px;}
.view-education-material .icon-border-btn {min-width: 100%; margin-bottom:0;}
.content-row img {width: 358px;margin: 32px auto 24px;display: block;}
.rewards-main-section .rewardsnew-banner-section:after {display: none;}
.view-education-material {margin-top: 0;padding: 24px 11px 32px;}
.rewards-main-section .registerFormBlock .help-block {margin: 4px 0 0;}
.rewards-main-section .rewardsnew-banner-section {min-height: auto;padding: 0 11px 24px;background-size: cover;background-position: right;}
.rewards-main-section .custom-container {padding: 0;}
.xs-block {display: block;margin-top: 24px !important;}
.xs-hide {display: none;}
.view-education-material .registerFormBlock .form-group {padding-bottom: 28px;}
.cancer-screening-section {margin-top: 24px;}
.cancer-screening-content {padding: 0 16px;}
.cancer-screening-content .content-row:last-child {padding-bottom: 0;}
.what-you-need, .what-the-reward, .reward-action {max-width: 100%;}
.launch-care-portal {padding: 24px 11px;}
.launch-care-portal .icon-bg-btn, .launch-care-portal .icon-border-btn {font-size: 15px; padding: 15px 20px;}
.hra-fixed-footer {padding: 18px 11px;}
.hra-fixed-footer .icon-bg-btn, .hra-fixed-footer .icon-border-btn {min-width: 160px;}
.rewards-recomonded-articles {padding-bottom: 58px;}
.rewards-recomonded-articles .article-content {margin-bottom: 24px;}
.earned-rewards-section {margin-top: 0;}        
.earned-rewards-section .congratulation-block {padding: 24px 11px;}
.reward-attestation-content span, .shop-delivery {font-size: 14px;}
.earned-rewards-section .congratulation-block h4 {line-height: 26px; max-width: 220px; margin-bottom: 32px;}
.earned-rewards-section .your-healthy-rewards {padding: 32px 16px;}
.earned-rewards-section .your-healthy-rewards:after {background: url(../images/healthy-rewards-mobbanner-img.png) no-repeat; background-position: right; bottom: -53px;}
.earned-rewards-section {padding-bottom: 23px;}
.custom-reward-section {flex-wrap: wrap; justify-content: center; margin:-53px 0 24px;}
.total-rewards-box, .total-rewards-box.rewards-balance {width: 48%; min-width: 180px;}
.earn-rewards-top {display: none;}
.learn-rewards-sec .rewards-price {margin: 24px 0 0;}
.total-rewards .rewards-list h2 {font-size: 22px; margin-top: 12px;}
.total-rewards .rewards-img {margin-right: 12px; width: 40px; height: 36px;}
.total-rewards .rewards-list {padding: 12px 12px 12px 18px;}
.total-rewards .rewards-list {align-items: start;height: 100%;}
.total-rewards .rewards-list p {font-size: 12px;}
.rewards-xs-row {display: block;}
.xs-rewards-item {margin-bottom: 16px; border-radius: 6px;}
.xs-rewards-content img {height: 113px; margin-right: 16px;}
.xs-rewards-content h4 {font-size: 18px; line-height: 26px; margin-bottom: 0;}
.xs-rewards-price {padding: 24px 16px 16px;}
.xs-rewards-price p {margin-bottom: 4px;}
.xs-rewards-price h5 {font-size: 22px; color: #212121;}
.xs-hra {background: #CCE3F7;}
.xs-rewards-content {padding-right: 10px;}
/*.rewards-web-row{display:none;}*/
.xs-shopnow {display: flex; justify-content: space-between; position: absolute; bottom: 12px; left: 68px;}
.shop-now-link {color: #fff; margin-left: 10px; margin-top: 12px; font-size: 14px; display: flex; align-items: center;}
.rewards-banner {min-height: 235px;}
.rewards-banner-content {margin-top: 56px;}
.rewards-banner-content h4 {font-size: 24px; margin: 0;line-height:normal;}
.rewards-banner-content p {font-size: 14px; line-height: normal;}
.products-card.favorite-food-box p {font-size: 14px;}
.learn-rewards-sec .activity-heading {font-size: 16px; line-height: 16px;}
.reminders-popup .icon-bg-btn, .reminders-popup .icon-border-btn {min-width: 160px;font-size: 16px;}
.reminders-popup .modal-body {padding: 40px 16px;}
.learn-rewards-sec .rewards-img {display: none;}
.learn-rewards-sec .rewards-cont {padding: 16px;}
.rewards-banner-img.my-rewards-banner {display: none;}
.rewards-banner-content .instructions-responsive-btn {min-width: 176px; min-height: 36px; padding: 7px 24px;}
.learn-rewards-sec .rewards-item h4 {font-size: 16px; line-height: 24px; margin-bottom: 0; min-height: inherit;}
.learn-rewards-sec .rewards-item {height: inherit;}
.learn-rewards-sec .rewards-price h5 {font-size: 18px;}
.learn-rewards-sec .rewards-item {margin-bottom: 16px;}
.breadcrumbs li {margin: 12px 0px; font-size: 12px;}
.breadcrumbs a {font-size: 12px;}
.view-instructions-links a {margin: 0;}
.view-instructions-links a:nth-child(2):after {display: none;} 
.view-instructions-links {display: grid; margin: 6px 0 0px; width: 100%;}
.view-instructions-sec {display: block;}
.healthy-rewards-cont ol:after {height: 85%;}
.rewards-main-left-section {margin-bottom: 24px;}
.rewards-banner-inner.rewards-mobile-app .rewards-banner-content {margin: 24px 8px 6px;}
.view-education-material .checkbox.reward-checkbox.mb-4.py-0 { margin-bottom: 16px !important;}
.earn-reward-content p{line-height:24px;}
.mob-break{display:block}

}

@media (min-width: 375px) and (max-width:389.98px) {
.total-rewards-box, .total-rewards-box.rewards-balance {min-width: 170px;}
}
