.claim_offer_popup {width: 640px; height: 505px; background: radial-gradient(93.31% 58.24% at 50% 46.44%, #2A2C40 0%, #1F2032 37.23%, #191921 69.5%, #141318 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 17.63%); border-top-left-radius: 1.6rem; border-top-right-radius: 1.6rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin: auto; padding: 2.5rem 4.5rem 4.5rem 4.5rem; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; border-top: 0.1rem solid #C1992F;}
.close_button {background: url("https://images.moneycontrol.com/superpro/close_icon.svg") no-repeat; width: 15px; height: 15px; position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer; font-size: 2rem; background-size: contain;}
.claim_offer_popup .info_text {font: 300 1.8rem/2.4rem "Inter", sans-serif; color: #E0E0E0; margin-bottom: 2rem;} 
.claim_offer_popup .info_text p {font: 300 1.4rem/2.4rem "Inter", sans-serif; color: #E0E0E0;} 
.claim_offer_popup .offer_box {font: 500 2.1rem/1.8rem "Inter", sans-serif; width: 420px; height: 165px; display: block; position: relative; background: url("https://images.moneycontrol.com/superpro/annual_plan_bg.png") no-repeat; border-radius: 0.8rem; margin: 0 auto 2.5rem; padding: 2rem; box-shadow: 0px 0px 20px 8px #0000004D;}
.claim_offer_popup .offer_box p:nth-of-type(2) {background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.claim_offer_popup .offer_box::after {content: ""; position: absolute; inset: 0; padding: 0.1rem; border-radius: 0.8rem; background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 1;} 
.claim_offer_popup .offer_box_bold {font: 700 2.3rem/2rem "Inter", sans-serif; color: #E0E0E0; background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); -webkit-background-clip: text; background-clip: text; color: transparent; text-transform: uppercase; margin-bottom: 2rem;}  
.claim_offer_popup .offer_box_bold span {font: 700 3.3rem/3rem "Inter", sans-serif;} 
.claim_offer_popup .timer {font: 300 1.4rem/2rem "Inter", sans-serif; color: #FFFFFF; display: flex; justify-content: center; align-items: center; margin-right: 1rem; margin-top: 2rem;}
.claim_offer_popup .offer_box .timer .minutes {font: 700 1.4rem/3rem "Inter", sans-serif; color: #000000; background-color: #DDB444; width: 57px; height: 30px; border-radius: 0.4rem; display: inline-block; margin-left: 1rem;}
.claim_offer_popup .offer_box .timer .seconds {font: 700 1.4rem/3rem "Inter", sans-serif; color: #000000; background-color: #DDB444; width: 50px; height: 30px; border-radius: 0.4rem; display: inline-block;}
.claim_offer_popup .offer_box .timer span {margin: 0 0.5rem;}
.claim_offer_popup .user_count {font: 500 2rem/2.4rem "Inter", sans-serif; background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 1rem;}
.claim_offer_popup .transform_text {font: 400 1.4rem/1.8rem "Inter", sans-serif; color: #E0E0E0; margin-bottom: 2.5rem;}
.claim_offer_popup .claim_offer_button {background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); text-align: center; width: 420px; height: 50px; border-radius: 0.8rem; padding: 1rem; margin: 0 auto 2rem auto;}
.claim_offer_popup .claim_offer_button a {font: 700 2rem/3rem "Inter", sans-serif; color: #000000;}
.claim_offer_popup .buy_later_button {width: 420px; height: 50px; border-radius: 0.8rem; padding: 1rem; position: relative; background-color: #18181F; margin-bottom: 5rem; margin: 0 auto 2rem auto;}
.claim_offer_popup .buy_later_button::before {content: ""; position: absolute; inset: 0; padding: 0.2rem; border-radius: 0.8rem; border: 1px solid; background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 1;}
.claim_offer_popup .buy_later_button a {color: #fff; font: 300 1.8rem/3rem "Inter", sans-serif; text-decoration: none;}
.pro_annual_plan_banner {display: flex; justify-content: center; align-items: center; width: 1270px; height: 95px; background: url("https://images.moneycontrol.com/superpro/annual_banner_bg.png") no-repeat; box-shadow: 0px 0px 20px 8px #0000004D; border-radius: 0.8rem; padding: 2rem; gap: 10rem; margin: 2rem auto 3rem;}
.pro_annual_plan_banner .offer_box {font: 500 2.1rem/1.8rem "Inter", sans-serif;}
.pro_annual_plan_banner .offer_box p:nth-of-type(2) {background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.pro_annual_plan_banner .offer_box_bold {font: 600 3rem/4rem "Inter", sans-serif; color: #E0E0E0; background: linear-gradient(300.48deg, #B48812 -38.74%, #EDD8A1 -15.06%, #C1992F 15.1%, #EACB79 53.41%, #AD8310 89.86%, #DDB444 121.69%, #916C06 146.3%); -webkit-background-clip: text; background-clip: text; color: transparent; display: flex; align-items: center;}  
.pro_annual_plan_banner .offer_box_bold span {font: 700 4.8rem/3rem "Inter", sans-serif; margin: 0 0.5rem;} 
.pro_annual_plan_banner .offer_box_bold div {margin-left: 0.5rem; font-size: 3rem;}
.pro_annual_plan_banner .offer_box_bold div span {font-size: 3rem;}
.pro_annual_plan_banner .timer {font: 300 1.6rem/2rem "Inter", sans-serif; color: #FFFFFF; display: flex; justify-content: center; align-items: center;}
.pro_annual_plan_banner .timer .minutes {font: 700 1.6rem/3.5rem "Inter", sans-serif; color: #000000; background-color: #DDB444; width: 65px; height: 35px; border-radius: 0.4rem; display: inline-block; margin-left: 1rem; text-align: center;}
.pro_annual_plan_banner .timer .seconds {font: 700 1.6rem/3.5rem "Inter", sans-serif; color: #000000; background-color: #DDB444; width: 65px; height: 35px; border-radius: 0.4rem; display: inline-block; text-align: center;}
.pro_annual_plan_banner .timer span {margin: 0 0.5rem;}
.circles {top: 30rem;}

@media screen and (max-width: 767px){
    .claim_offer_popup {width: 100%; bottom: -20px; overflow-x: auto;}
    .claim_offer_popup .offer_box {width: 100%; text-transform: uppercase;}
    .claim_offer_popup .claim_offer_button {width: 100%;}
    .claim_offer_popup .buy_later_button {width: 100%;}
    .claim_offer_popup .offer_box p:nth-of-type(2) {text-transform: capitalize;}
    .claim_offer_popup .offer_box_bold {margin-bottom: 1rem;}
    .claim_offer_popup .timer {text-transform: capitalize;}
    .pro_annual_plan_banner {background: url("https://images.moneycontrol.com/superpro/annual_plan_bg.png") no-repeat; width: auto; margin: 2rem; flex-direction: column; gap: 0; text-align: center; padding: 3rem 2rem; box-sizing: content-box; background-size: cover;}
    .pro_annual_plan_banner .offer_box_bold {font-size: 2.4rem; line-height: 2.1rem; display: block;}
    .offer_box_bold div {margin: 1rem 0; font-size: 2.3rem; text-transform: capitalize;}
    .pro_annual_plan_banner .offer_box_bold div {font-size: 2.3rem;}
    .pro_annual_plan_banner .offer_box_bold span {font-size: 3.5rem;}
    .pro_annual_plan_banner .offer_box_bold div span {font-weight: 500; margin: 0; font-size: 2.3rem;}
    .pro_annual_plan_banner .timer .minutes, .pro_annual_plan_banner .timer .seconds {font-size: 1.4rem; width: 60px; height: 30px;}
    .pro_annual_plan_banner .timer {font-size: 1.4rem;}
}