.instant-recharge-offer-container{width:90%;margin:0 auto}
.instant-recharge-offer-container .swiper-pagination{bottom:-4px !important}
.instant-recharge-offer-container .no-result-title-offer{color:#111 !important;font-size:24px;line-height:40px;font-weight:500;text-align:center}
.instant-recharge-offer-container .no-result-message-offer{color:#111 !important;font-size:18px !important;font-weight:400 !important;line-height:30px !important;opacity:.9}
.instant-recharge-offer-container .offers-page-button-container{width:100%;margin:0 auto;text-align:center;padding-top:30px}
.instant-recharge-offer-container .offers-page-instant-recharge-button{background-color:#f04c23;border:0;color:#FFF;padding:5px 40px;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:40px;letter-spacing:.65px;text-transform:uppercase;border-radius:5px;cursor:pointer}
.instant-recharge-home-page-enabled{display:none}
@media only screen and (max-width:768px){.instant-recharge-offer-container{width:90%}
.instant-recharge-offer-container .offers-page-instant-recharge-button{width:100%}
.instant-recharge-offer-container{padding-bottom:5px}
.instant-recharge-offer-container .swiper{min-height:216px}
.instant-recharge-offer-container .swiper .swiper-pagination{bottom:2px !important}
.instant-recharge-home-page-enabled.instant-recharge-offer-container .swiper{min-height:220px}
}
.dotted-line{border:0;border-top:2px dotted black;opacity:.2}
.instant-recharge-offer-container .swiper-pagination-bullet{background:#dadada !important;opacity:.5;height:8px;width:8px}
.instant-recharge-offer-container .swiper-pagination-bullet-active{background-color:transparent !important;opacity:1;border:2px solid #f04c23;height:10px;width:10px}
.upper-heading{display:flex;justify-content:flex-start;align-items:center;margin-bottom:-15px}
.upper-heading p{color:white;margin-left:10px;font-size:22px;font-weight:500;line-height:40px}
#container-f9c868615d .upper-heading{display:none}
.amount-container{display:flex;margin-top:20px;margin-bottom:30px;flex-direction:column}
.card-below{background:#fff;border-radius:6px;margin-right:24px;padding:13px;border:1px solid rgba(69,69,69,0.2);width:100%;height:190px;cursor:pointer}
.card-below:active{background:linear-gradient(186deg,#fdbb17 -28.48%,#ff5a12 64.82%,#bc137a 128.24%) !important}
.card-below.active{background:linear-gradient(186deg,#fdbb17 -28.48%,#ff5a12 64.82%,#bc137a 128.24%) !important}
@media screen and (max-width:767px){.amount-container{margin-bottom:0;margin-top:0}
.upper-heading{margin-bottom:20px;margin-top:-50px}
.card-below{width:100%;margin-bottom:6px;border-radius:10px;margin-left:0}
}
.form-card{display:flex;flex-direction:column;justify-content:space-between}
.form-card img{max-width:110px;max-height:30px}
@media screen and (max-width:767px){.radio-custom-label{font-size:11px;font-style:normal;font-weight:400;line-height:140.625%;letter-spacing:.24px}
}
.radio-custom+.radio-custom-label:after{content:"";background:#fff;border-radius:5px;border:1px solid #cecece;display:inline-block;vertical-align:middle;width:22px;height:22px;padding:0;text-align:center;position:absolute;right:-9%}
@media screen and (max-width:767px){.radio-custom+.radio-custom-label:after{height:19px;width:19px;right:-21px;border-radius:3px}
}
.radio-custom:checked+.radio-custom-label:after{content:"\f00c";font-family:"FontAwesome";color:#fff;background:#f04c23}
.lightning{position:absolute;right:50px}
.amount-card{margin-top:10px;width:100%;overflow:auto;height:96px;scrollbar-color:#55555c transparent}
.form-card{height:160px}
.form-card button{border:0;background:transparent;color:#f04c23;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-align:start}
.card-below:active .form-card button{color:#fff}
@media screen and (max-width:767px){.amount-card{margin-top:0;overflow:auto}
}
.amount-text{color:#666;font-size:14px;font-weight:400;line-height:22px}
.card-below:active .amount-text{color:#fff !important}
.card-below.active .amount-text{color:#fff !important}
.carousel-info-image{width:20px;height:20px;position:absolute;right:5%;bottom:6%}
.card-below:active .carousel-info-image{filter:brightness(100)}
.below-card-carousel{display:flex;justify-content:space-between}
.radio-custom{appearance:none;width:20px;height:20px;border:1px solid #111;background-color:white;outline:0;cursor:pointer;position:absolute;border-radius:2px;right:5%}
@media(min-width:650px) and (max-width:1024px){.radio-custom{top:12%;width:15px;height:15px}
.card-below{height:180px}
.carousel-info-image{height:17px;width:17px}
.form-card img{max-width:100px}
}
@media screen and (max-width:767px){.radio-custom{right:1rem;width:17px;height:17px}
}
.radio-custom:checked{background-color:#4cc0ab;border:0}
.radio-custom::after{content:"";font-size:13px;color:white;display:none;position:absolute;top:11px;left:11px;transform:translate(-50%,-50%);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='white'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M20%207L10%2017l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1rem;height:20px;width:20px}
@media screen and (max-width:767px){.radio-custom:after{top:11px;left:11px}
.carousel-info-image{right:1rem;bottom:1rem}
}
.radio-custom:checked:after{display:block}
.carousel-text-heading{color:#111;font-size:16px;font-weight:600;line-height:24px}
.card-below:active .carousel-text-heading{color:#fff}
.card-below.active .carousel-text-heading{color:#fff}
.no-offers{color:#fff;text-align:center;font-size:20px;font-weight:500;padding:40px 10px}
.card-below.active .form-card .below-card-carousel>img{filter:brightness(100)}
.no-result-container-offer{display:flex;flex-direction:column;align-items:center;height:auto;text-align:center;grid-column:span 4}
.container--dashboard-rechargevalid-container .no-result-title-offer{color:white !important;font-size:24px;line-height:40px;font-weight:500}
.container--dashboard-rechargevalid-container .no-result-message-offer{color:white !important;font-size:18px !important;font-weight:400 !important;line-height:30px !important;opacity:.9}
.no-result-icon-wrapper-offer{width:70px;height:70px;border-radius:50%;background:#ffffffd4;display:flex;align-items:center;justify-content:center}
.no-result-icon-offer{width:35px;height:35px}
.card-below .offer-amount{font-size:18px;font-weight:500}
.card-below.active .offer-amount{color:#fff}
@media only screen and (max-width:768px){.card-below .offer-amount{font-size:14px}
}
.container--instant-recharge-container .instantrechargeoffercomponent{width:100%}
.container--instant-recharge-container .card-below{width:100%;height:236px;margin-right:20px;padding:20px}
.container--instant-recharge-container .card-below.active{background:#fff !important;border:1px solid #f04c23}
.container--instant-recharge-container .card-below:hover{background:#fff !important;border:1px solid #f04c23}
.dishtv-zing-user .container--instant-recharge-container .card-below.active{border:1px solid #5773af}
.dishtv-zing-user .container--instant-recharge-container .card-below:hover{border:1px solid #5773af}
.container--instant-recharge-container .instant-recharge-offer-container{width:100%}
.container--instant-recharge-container .amount-container{margin-bottom:60px}
.container--instant-recharge-container .amount-card{height:100%;padding-right:22px;margin-top:0;scrollbar-color:#5550 transparent}
.container--instant-recharge-container .card-below.active .amount-card{text-align:left !important}
.container--instant-recharge-container .card-below.hover .amount-card{text-align:left !important}
.container--instant-recharge-container .form-card{height:152px}
.container--instant-recharge-container .carousel-text-heading{color:#111;font-size:20px;font-weight:500;line-height:24px;opacity:.8;margin-bottom:12px}
.container--instant-recharge-container .card-below.active .carousel-text-heading{color:#111 !important;line-height:24px !important;font-size:20px;font-weight:500}
.container--instant-recharge-container .card-below.hover .carousel-text-heading{color:#111 !important;line-height:24px;font-size:20px;font-weight:500}
.container--instant-recharge-container .amount-text{color:#666;font-size:14px;font-weight:400;line-height:19.6px;height:100px !important}
.container--instant-recharge-container .card-below.active .amount-text{color:#666 !important;line-height:19.6px !important;font-size:14px !important}
.container--instant-recharge-container .card-below.hover .amount-text{color:#666 !important;line-height:19.6px !important;font-size:14px !important}
.container--instant-recharge-container .form-card img{display:none}
.container--instant-recharge-container .radio-custom{display:none}
.container--instant-recharge-container .carousel-info-image{top:20px !important}
.container--instant-recharge-container .card-below.active .carousel-info-image{filter:brightness(0) !important}
.container--instant-recharge-container .card-below.hover .carousel-info-image{filter:brightness(0) !important}
.container--instant-recharge-container .offer-amount{position:absolute;bottom:24px;font-size:24px;font-weight:500;line-height:33.6px}
.container--instant-recharge-container .card-below.active .offer-amount{color:#111 !important}
.container--instant-recharge-container .card-below.hover .offer-amount{color:#111 !important}
.container--instant-recharge-container .swiper-button-prev,.container--instant-recharge-container .swiper-button-next{background-color:#f04c23;position:absolute;border-radius:50%;color:white;width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:99%;padding:10px}
.dishtv-zing-user .container--instant-recharge-container .swiper-button-prev,.dishtv-zing-user .container--instant-recharge-container .swiper-button-next{background-color:#224898}
.container--instant-recharge-container .swiper-button-disabled{opacity:1 !important;background-color:white !important;box-shadow:0 1px 15px 1px #96919133}
.container--instant-recharge-container .swiper-button-prev::after{filter:brightness(0) invert(1);content:url("../../../../../content/dam/dishtv-aem-web-platform/images/newconnection/left-arrow.png");display:flex;justify-content:center;align-items:center;font-size:14px}
.container--instant-recharge-container .swiper-button-next::after{filter:brightness(0) invert(1);content:url("../../../../../content/dam/dishtv-aem-web-platform/images/newconnection/left-arrow.png");object-fit:contain;display:flex;justify-content:center;align-items:center;font-size:14px;transform:rotate(180deg)}
.container--instant-recharge-container .swiper-button-disabled::after{filter:brightness(1) invert(0)}
.container--instant-recharge-container .swiper-button-prev{position:absolute;left:38%}
.container--instant-recharge-container .swiper-button-next{right:38%}
.container--instant-recharge-container .form-card button{width:152px;height:40px;border:1px solid #cfcfcf;position:absolute;bottom:20px;right:20px;border-radius:4px;background:transparent;color:#f04c23;font-size:14px;font-weight:700;line-height:16.44px;text-align:center;text-transform:uppercase;letter-spacing:.6px;cursor:pointer}
.container--instant-recharge-container .card-below.active .form-card button{color:#fff !important;background:#4cc0ab;padding-left:14px;border:0}
.dishtv-zing-user .form-card button{color:#224898;border:1px solid #224898}
.dishtv-zing-user .container--instant-recharge-container .card-below.active .form-card button{border:0}
.container--instant-recharge-container .card-below.active .form-card button::before{content:"";display:block;background-image:url("../../../../../content/dam/dishtv-aem-web-platform/quick-recharge-assets/select-image.png");height:20px !important;width:20px !important;background-size:contain;background-position:center;background-repeat:no-repeat;bottom:10px;left:16px;position:absolute;cursor:pointer}
.container--instant-recharge-container .swiper-pagination-bullet{background:#202020 !important;opacity:.5;height:10px;width:10px}
.container--instant-recharge-container .swiper-pagination-bullet-active{background-color:transparent !important;opacity:1;border:2px solid #f04c23;height:10px;width:10px}
.dishtv-zing-user .container--instant-recharge-container .swiper-pagination-bullet-active{border:2px solid #224898}
.container--instant-recharge-container .swiper-button-lock{display:none !important}
@media only screen and (max-width:768px){.container--instant-recharge-container .card-below{border-radius:6px}
.container--instant-recharge-container .carousel-text-heading{color:#111;font-size:20px;font-weight:500;line-height:24px;opacity:.8;margin-bottom:12px}
.container--instant-recharge-container .quick-recharge-below-container{width:100%;padding:20px;margin:auto;height:auto;margin-top:20px}
.container--instant-recharge-container .info-container-mobile{position:unset}
.container--instant-recharge-container .info-card-mobile{width:100%;margin-top:20px;margin-left:0;padding-right:40px}
.container--instant-recharge-container .proceed-btn-mobile{width:100%;margin-top:20px}
.container--instant-recharge-container .amount-container{margin-top:30px;margin-bottom:20px}
.container--instant-recharge-container .offer-amount{position:absolute;bottom:20px;font-size:20px;font-weight:500;line-height:28px}
.container--instant-recharge-container .carousel-info-image{top:20px !important}
.container--instant-recharge-container .swiper-button-prev,.container--instant-recharge-container .swiper-button-next{display:none}
.container--instant-recharge-container .form-card button{width:50%}
.container--instant-recharge-container .swiper-pagination-bullet{background:#202020 !important;opacity:.5;height:10px;width:10px}
.container--instant-recharge-container .instant-recharge-offer-container .swiper .swiper-pagination{bottom:95% !important;left:40%}
.container--instant-recharge-container .swiper-pagination-bullet-active{background-color:transparent !important;opacity:1;border:2px solid #f04c23;height:10px;width:10px}
.container--instant-recharge-container .instant-below-recharge-container{width:100%;padding:0}
.container--instant-recharge-container .card-below.active .carousel-text-heading{color:#111 !important;line-height:24px !important;font-size:20px;font-weight:500}
.container--instant-recharge-container .card-below.hover .carousel-text-heading{color:#111 !important;line-height:24px;font-size:20px;font-weight:500}
}
@media only screen and (min-width:768px) and (max-width:821px){.quick-recharge-below-container{margin-bottom:20px !important}
}
.dishtv-zing-user .instant-recharge-cashbackoffers-carousel .swiper-button-prev,.dishtv-zing-user .instant-recharge-cashbackoffers-carousel .swiper-button-next{background-color:#224898}