/* Product Eligibility Banner Section CSS */
.eligibility-banner {padding: 12px 16px; background: url(https://nationscdn.azureedge.net/otc-container/images/eligibility-banner.jpg) no-repeat right center; background-size:cover; border: 1px solid rgba(0, 73, 122, 0.5); border-radius: 6px;justify-content: space-between; overflow: hidden; align-items: center; min-height: 60px !important;position: relative;}
.eligibility-banner::before {position: absolute;content: ''; left: 0;top: 0; height: 100%; width: 100%;background: linear-gradient(90deg, #FFFFFF 24.41%, rgba(255, 255, 255, 0) 99.64%), linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));}
.eligibility-banner p{color:var(--woodsmoke-color);font-size:16px;font-weight:400;line-height:22px;}
.eligibility-banner-left{align-items:center;}
.eligibility-banner-left img{max-width:179px; margin:0 8px 0;}
.eligibility-banner-left button{min-width:200px;}
.eligibility-banner-left, .eligibility-banner-img{position:relative;z-index:1;}
.eligibility-banner-left .shop-product-online{font-size:20px; line-height:24px; font-weight:700; color:var(--woodsmoke-color); margin:0 8px 0px}
.eligibility-banner-img button{padding:9px 16px;}
.order-online-form{font-size:16px; line-height:22px; font-weight:400;}

/*Check Product Eligibility Scanner Css*/
.activate-card-scanner .modal-dialog { position: fixed; right: 0; left: 0; bottom: 0; margin: 0px; }
.activate-card-scanner .modal-body { text-align: center; }
.activate-card-scanner .icon-bg-btn { width: 100%; }
.activate-card-scanner .modal-body h4 { margin-top: 90px; }
.activate-card-scanner .animation-card { width: 79px; height: 79px; flex-shrink: 0; border-radius: 360px; background: #00497A; display: flex; align-items: center; justify-content: center; margin: -48px auto; }
.activate-card-scanner .animation-card img { width: 39px; height: 39px; flex-shrink: 0; }
.activate-card-scanner .circle1 { position: absolute; content: ""; height: 162px; width: 182px; 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: 0; right: 0; top: -88px; animation-name: placeorder; animation-duration: 1s; }
.card-status-circle{position: absolute; content:'';top: -50px;text-align: center;z-index: 9; left: 50%; right: auto;transform: translateX(-50%);}
.card-status-popup .modal-content{padding:97px 16px 40px;}
.card-status-popup .modal-content h4{color:#212121; letter-spacing:0.2px; font-size:24px;}
.card-status-popup .modal-content p{margin-bottom:15px; color: rgba(34, 43, 47, 0.8);}

@media (min-width:768px) and (max-width:1279px) {
    /*Check Product eligibility*/
    .eligibility-banner{padding:10px; margin-bottom:34px;}
    .eligibility-banner-left img{margin:0px 8px; max-width:150px;}
    .order-online-form{margin-left:0px; font-size:14px;}
    .n-icon{margin:0 10px 0px 0px!important;}
    .eligibility-banner-left{margin-bottom:0px;}
    .eligibility-banner-left p{margin:10px 0px; font-size:14px;}
}

@media(max-width:767px) {
    /*Check Product eligibility*/
    .eligibility-banner{padding:16px;}
    .eligibility-banner-left img{margin:0px;}
    .order-online-form{margin:10px;}
    .n-icon{margin-bottom:6px !important;}
    .eligibility-banner-left{margin-bottom:16px;}
    .eligibility-banner-left p{margin:10px 0px;}
}