/* Page Level Common CSS Start Here */
.hearing-benefits h2{font-size:32px;line-height:40px;color:var(--woodsmoke-color);margin:0 0 16px;font-weight:600;}
.hearing-benefits h3{font-size:24px;line-height:30px;color:var(--woodsmoke-color);margin:0 0 24px;font-weight:500;}
.hearing-benefits p{font-size:20px;line-height:28px;font-weight:400;color:rgba(0,0,0,0.7);margin:0;}
.hearing-benefits section{padding:100px 0;}
/* Page Level Common CSS End Here */

/* Banner Section CSS Start Here */
.fresh-prepared-card {display: flex;padding: 40px 32px;flex-direction: column;flex-shrink: 0;background-color: #fff;border-radius: 12px;box-shadow: 0px 0px 14px 0px #CCC;margin:230px 0 0;}
.fresh-prepared-card h2 {color: var(--secondary-color);font-size: 32px;font-weight: 700;margin: 0;}
.fresh-prepared-card p {color: #212121;font-size: 16px;font-weight: 400;line-height: 20px;margin: 12px 0 32px;}
.fresh-prepared-Shipments {border-radius: 4px;background: #F5F6F8;padding: 22px 24px;max-width: 570px;}
.fresh-prepared-Shipments h4 {font-size: 20px;font-weight: 600;margin:0px;}
.fresh-prepared-Shipments p {font-size: 16px;font-weight: 400;margin:0px 0px 4px;color:#646F7D;}
.available-meals{margin-right:40px;}


/*Prepared MEals Table*/
.prepared-meals-table{margin-bottom:32px;}
.prepared-meals-table .table>:not(caption)>*>*{border-bottom:none}
.prepared-meals-table table td{font-size:16px; line-height:20px;}
.prepared-meals-table table tbody td{padding:12px 16px;}
.prepared-meals-table table tbody td .meals-count{font-size:14px; line-height:17px;}
.prepared-meals-table table thead td{padding:8px 16px; background:#F5F6F8; border-bottom:1px solid #E9ECF0 !important; color:var(--nevada-color);}
.prepared-meals-table table thead td:first-child{border-radius:8px 0 0 0;}
.prepared-meals-table table thead td:last-child{border-radius:0 8px 0 0;}
.prepared-meals-table table tr:nth-child(even) {background-color:#F5F6F8;}
.prepared-meals-table table tr:nth-child(odd) {background-color:#FFF;}

.fresh-meals-main .banner-section { background:#F5F5F5; position:relative; padding-top:2px; padding-bottom:64px;}
.fresh-meals-main .banner-section:before{position:absolute; content:''; left:0; top:0; background:url(https://nationscdn.azureedge.net/otc-container/images/fresh-meals-banner.png)no-repeat; width:100%; height:410px;  background-position:bottom center; background-size:100%;}
.fresh-meals-main .banner-section h1{font-size:60px;line-height:73px;font-weight:600;margin:0 0 40px;}
.fresh-meals-main .banner-section p:not(:last-child){margin:0 0 16px;}
.available-benefits{background:var(--white-color);padding:16px 24px;border-radius:8px;box-shadow: 0px 2px 8px 0px #0E0A1F14;margin:0 0 40px;}
.available-benefits .available{font-size:16px;line-height:20px;margin:0 0 12px;color:var(--woodsmoke-color);}
.benefits-list{display:flex;align-items:center;}
.benefits-list .benefit:not(:first-child){border-left:1px solid #B1B9C1; padding-left:24px;margin-left:24px;}
.benefits-list .benefit-amount{font-size: 20px;line-height:24px;font-weight: 600;margin:0 0 4px;}
.benefits-list .benefit-type{font-size: 16px;line-height:20px;font-weight: 400;color: #646F7D;}
.banner-image-main{min-height:480px;}
.banner-image-section {position: relative;width: 546px;height: 390px;}
/*.banner-section:before{content: '';position: absolute;left: 0;top: 0;}*/
.banner-image-section .banner-img{object-fit:cover;height:100%;border-radius:16px;overflow:hidden;}
.banner-image-section .hearing-img{position:absolute;left: -70px;bottom: -90px;}
/* Banner Section CSS End Here */

/* Benefit Section CSS Start Here */
.benefit-section{padding:64px 60px;background-color:var(--white-color);}
.benefit-section .benefit-header{max-width:892px; margin:0 auto 24px;}
.benefit-section h2{font-size:32px; font-weight:600; line-height:38px; margin-bottom:16px;}
.benefit-section p{ font-size:20px; line-height:28px; color: var(--nevada-color);}
.benefit-section .row{margin:0;}
.benefit-section .row > [class*="col-"]{padding:24px;}
.benefit-header{text-align:center;margin-bottom:24px;}
.benefit-card{padding:32px; height:100%; border-radius:8px;text-align:center;background-color:var(--white-color);border:1px solid rgba(177, 185, 193, 0.5);}
.benefit-card .img-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 32px;}
.benefit-card h4{font-size:20px;line-height:32px;font-weight:400;margin-bottom:4px;color:var(--woodsmoke-color)}
.benefit-card p{color:var(--nevada-color);line-height:24px; margin:0 auto; font-size: 20px;font-weight: 400; line-height: 24px;}
/* Benefit Section CSS End Here */

/* FAQ Section CSS Start Here */
.faq{background-color:var(--white-color);}
.faq-content .faq-icon {width: 100px;height:100px;padding:24px;border-radius: 20px;margin:0 0 32px;background:#F5F6F8;}
.faq-content h2{margin:0 0 4px;}
.faq-content p{color:rgba(34, 43, 47, 0.8);}
.faq-accordion{padding:8px 24px;}
.faq .accordion{--bs-accordion-border-color:none;}
.faq .accordion-item{border-bottom:1px solid rgba(177, 185, 193, 0.5);border-radius:0 !important;}
.faq .accordion-button{padding:16px 0 12px;background:none !important;font-size: 18px;line-height: 22px;font-weight: 600;color:#222B2F;}
.faq .accordion-button::before{transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:url(https://nationscdn.azureedge.net/otc-container/images/hearing/accordion-arrow.svg) no-repeat left center; content:"";margin: 0px 16px 0 0;width: 20px;height: 20px;transform:rotate(180deg);}
.faq .accordion-button::after{display:none;}
.faq .accordion-button, .faq .accordion-button:focus{box-shadow:none;outline:none;}
.faq .accordion-button:not(.collapsed){color:var(--woodsmoke-color);box-shadow:none;}
.faq .accordion-button:not(.collapsed)::before{transform:rotate(0deg);}
.faq .accordion-body{padding:0 0 16px 36px;font-size: 16px;font-weight: 300;line-height: 22px;}
/* FAQ Section CSS End Here */

/* rewards-owl css*/
.meal-owl.custom-owl .product-card .product-img {height: 160px;}
.meal-owl .single-product-sec .prodcut-info .item-title {margin: 0px 0 8px;min-height: auto;white-space: nowrap;max-width:300px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: inline-block;line-height:24px;}
.meal-owl .product-card {padding: 0;margin: 0;border: 1px solid #E9ECF0;box-shadow: 0px 2px 8px 0px #0E0A1F14;}
.meal-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;}
.meal-owl .owl-dots .owl-dot.active span {background-color:#fff;width: 40px;}
.meal-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;}
.meal-owl .custom-owl .owl-dots .owl-dot {margin: 0;}
.meal-owl .owl-nav button span:before {content: 'Previous';font-size: 16px;line-height: 20px;color: #ffffff;}
.meal-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;}
.meal-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;}
.meal-owl button span {position: relative;display: flex;align-items: center;font-size: 0px;line-height: 20px;}
.meal-owl .n-market-prev-btn span:after {position: absolute;left: -28px;transform: rotate(-180deg);}
.meal-owl .prodcut-info .product-cost {margin: 0;text-decoration:none; display:flex; align-items:center;}
.meal-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;}
.meal-owl .single-product-sec .renewal-icon .img-fluid {width: 28px;height: 28px;filter: invert(10) sepia(10) saturate(10) hue-rotate(180deg);}
.meal-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;}
.meal-owl .owl-nav {position:inherit;top:inherit; position:absolute; bottom:68%; top:auto; width:100%}
.meal-owl .custom-owl-latest .owl-nav button.disabled {display:none !important;}
.meal-owl .owl-nav button.owl-prev {left:-16px;transform: rotate(-180deg) !important;}
.meal-owl .owl-nav button.owl-next {right:-16px;}
.meal-owl .owl-nav button span:before, .meal-owl .owl-nav button span {display: none !important;}
.meal-owl .product-card .product-img img {width: 100%;border-radius: 6px 6px 0 0;height: 100%;object-fit: contain;padding: 0px;-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;}
.meal-owl .owl-nav button:first-child:before {display: none;}
.meal-owl  .product-card .product-price-section p {margin: 0;color:var(--secondary-color);font-weight: 600;font-size:16px;line-height:20px;}
.meal-owl .product-card .product-img {width: 100%;border-radius: 6px;height: 128px;overflow: hidden;position: relative;display: inline-block;}
.section-gap .section-top {margin: 0;display: flex;align-items: center;justify-content: space-between;}
.pattern-owl.our-menu-owl {background: var(--secondary-color) url(https://nationscdn.azureedge.net/otc-container/images/market-pattern.svg) repeat left top;padding:64px 0px;}
.pattern-owl.our-menu-owl h2 {text-align: center;padding: 0 0 24px;color: #fff;font-size: 32px;font-weight: 700;line-height: 36px; /* 112.5% */}
.meal-owl .owl-dots .owl-dot span {background-color: #99afcb;}
.meal-owl .owl-dots {background-color: #99afcb;}
.owl-carousel .owl-item img {display: block;max-width: 100%;}
.meal-owl .prodcut-info.main-info img {max-width: 100%;width:60px;}
.meal-owl .product-card .prodcut-info {padding: 0px 24px 40px;}
.meal-owl .product-card.single-product-sec {min-height: 280px;padding: 40px 0 0;}
.meal-owl .single-product-sec .renewal-icon{display:none;}
.meal-owl .single-product-sec .item-title {color: var(--secondary-color);font-size: 26px;font-style: normal;font-weight: 300;line-height: 31.2px;letter-spacing: -0.39px;margin:11px 0px;}
.meal-owl .title-tex {font-size: 16px;font-weight: 400;line-height: 20px;}
.meal-owl .owl-dots {max-width: 160px;}
.meal-owl .owl-nav button {background: url(https://nationscdn.azureedge.net/otc-container/images/arrow-right-white.svg) no-repeat center center #d64029 !important;position: absolute;border: 2px solid #0F567329 !important;display: flex;width: 64px;height: 64px;justify-content: center;align-items: center;border-radius: 300px;box-shadow: 0px 0px 10px 0px #CCC;}

.fresh-prepared-sec h5 {font-size: 14px;font-weight: 700;line-height: 18px;text-transform: uppercase;margin: 28px 0 0;letter-spacing: 1.5px;}
.fresh-prepared-sec .section-gap .section-top {margin: 0;}
.fresh-prepared-sec .wallet-section {flex: 0 0 auto;width: 100%;}
.fresh-meals-main .faq-content h2 {margin: 0 0 4px;font-size: 32px;font-style: normal;font-weight: 600;line-height: 40px;}
.fresh-meals-main .faq {padding: 60px 0;}
.fresh-meals-main .faq-content p {color: rgba(34, 43, 47, 0.8);font-size: 20px;font-weight: 400;line-height: 28px;}

@media (min-width: 1440px) and (max-width:1919.98px) {
    .available-meals{margin-right:22px;}
    .fresh-prepared-Shipments p{font-size:14px; margin:4px 0 0 0;}
}

@media (min-width:768px) and (max-width:1439px) {
    .fresh-meals-main .banner-section:before {height: 292px;}
    .fresh-prepared-Shipments h4 {font-size: 16px;font-weight: 600;margin: 0px;line-height: 22px;}
    .fresh-prepared-Shipments p {font-size: 14px;line-height: 18px;}
    .benefit-section {padding: 32px;background-color: var(--white-color);background-position: top center;}
    .fresh-prepared-card {margin: 120px 0 0;}
    .fresh-prepared-Shipments{margin-bottom:32px;}
}

@media (min-width: 992px) and (max-width:1279.98px) {
    .available-meals{margin-right:12px;}
}

@media (max-width: 991px) {
    .fresh-prepared-Shipments{max-width:100%;}
}

@media (max-width:767.98px) {
    .fresh-meals-main .faq-accordion {padding: 8px 0px;}
    .fresh-prepared-card {display: flex;padding: 40px 32px;flex-direction: column;flex-shrink: 0;background-color: #fff;border-radius: 12px;box-shadow: 0px 0px 14px 0px #CCC;margin: 24px 12px;}
    .meal-owl .owl-nav button.owl-next {right: -10px;}
    .fresh-prepared-card h2 {color: var(--secondary-color);font-size: 28px;font-weight: 700;margin: 0px;}
    .fresh-prepared-card .icon-bg-btn, .fresh-prepared-card .icon-border-btn {min-width: 250px;}
    .fresh-meals-main .banner-section:before {background: url(https://nationscdn.azureedge.net/otc-container/images/fresh-meals-banner.png) no-repeat;background-position: top center;}
    .fresh-meals-main .banner-section {padding-bottom: 32px;}
    .benefit-section {padding: 22px;background-color: var(--white-color);}
    .meal-owl .owl-nav button {display: flex;width: 50px;height: 50px;}
    .meal-owl .owl-nav button.owl-prev {left: -10px;}
    .fresh-prepared-Shipments{margin-bottom:32px;}
    .available-meals{margin-bottom:16px;}
    .benefits-actions .icon-bg-btn{margin-bottom:16px;}
}