:root{   
   --maincolor:#1A428A;
   --altcolor: #EBA900;
 
}
html{font-size: 16px;}
body{font-family: 'Roboto', sans-serif; font-display:swap; font-size:1rem; background: #fff;}
img{max-width: 100%;}
.rwdTopPanel{border-top: 2px solid #CBCBCB; background: url(../Images/GratificationLanding/patternDesignTop.svg) no-repeat top left;  padding-top:130px; padding-bottom:80px;}
.heading{font-style: normal;  font-weight: 600;  font-size: 3rem; line-height: 56px;color: #000000;letter-spacing: 0.005em;}
p{font-style: normal;  font-weight: 400;  font-size: 1.5rem; line-height: 28px; letter-spacing: 0.005em;}
.earnRwdMPanel{background: url(../Images/GratificationLanding/earnRewardMan.svg) no-repeat top left, url(../Images/GratificationLanding/earnRewardWomen.svg) no-repeat bottom right;  padding-top:100px;}
.bookingPrice{font-style: normal; overflow: hidden; margin-top:30px;font-weight: 600;display: inline-block; font-size: 32px;line-height: 24px; --maincolor:#014693; background:var(--maincolor); border-radius:24px ; width:200px; height: 200px; -webkit-border-radius:24px ; -moz-border-radius:24px ; -ms-border-radius:24px ; -o-border-radius:24px ; margin-inline:16px; }
.bookingPrice small{font-size: 16px;}
.bookCircleTop{  --maincolor:#fdb412; background:var(--altcolor); padding-top: 10%; border-radius:100px 100px 0 0; width:100%; height:40%; -webkit-border-radius:24px 24px 0 0; -moz-border-radius:24px 24px 0 0; -ms-border-radius:24px 24px 0 0; -o-border-radius:24px 24px 0 0; }
.bookCircleBtm{height:50%; vertical-align: middle; color: #fff; width: 100%;}
.earnRwdMHeading{padding:25px 0 150px}
.rwdMidPanel{background: #F5F5F5; padding-bottom: 50px;}
.rwdBtmPanel{background: #ffffff;}
.rwdRatingBox{border: 1px solid #000000; border-radius: 12px;    min-height: 300px;}
.rwdRatingBox h4{font-style: normal;  font-weight: 700; font-size: 1.5rem; line-height: 28px;  color: #1B4580;}
.rwdRatingBox p {font-style: normal; font-weight: 300; font-size: 1rem; line-height: 19px; text-align: justify; color: #000000;}
.footerPanel{background: var(--maincolor);height:150px;}
.btn-primary{background: var(--altcolor); font-size: 1.5rem; padding-inline: 25px; color:#000000; border:1px solid var(--altcolor); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);  border-radius: 4px;}
.btn-primary:hover{background: var(--maincolor);border:1px solid var(--maincolor); color: #ffffff;}
.hightligt {color:#EBA900;}
.radius_pill{
	border-radius: 100%;
    background-color: transparent;
    border: 1px solid #014693;
}
.stip{position:relative;}
    .stip::after, .stip::before { content: " "; display: block; height: 10px; width: 50%; background: var(--maincolor); position: absolute; top:100px; }
    .stip::after{left:0;}
    .stip::before{right:0;}
    .first.stip::after, .last.stip::before { display: none; }
.stip .bookingPrice { position: relative; z-index: 1; margin-top:0; }

.reward_circle{border: 2px solid #014693; text-align: center; height: 140px; width: 140px; margin: auto;}
.reward_Item{position: relative; width: 100%;}
.reward_Item p{font-weight: 500; font-size:14px;}
.reward_Item::after{ content: " "; position: absolute; width: 33px; height: 7px; background-color: #014693; top: 28%; right: -28px; border-radius: 3px;}
.learn_btn{font-weight: 500;}
.righ_line .reward_Item:nth-last-child(1).reward_Item::after{ width: 0;}
.reward_circle svg{fill: #014693; margin-block: 39%;}
.reward_content span{color: #fdb412;}
.reward_content.active{color: #000; font-weight: 500;}
.booking_pannel{box-shadow: 0 0px 10px -4px rgba(0, 0, 0, 0.5); padding-top: 36px; padding-bottom: 12px;}
/*responsive css */
@media screen and (max-width:767px) { .heading{font-size: 2rem;line-height: normal;}
    p{font-size: 1rem; line-height: normal;}
    .earnRwdMPanel { background: url(../Images/GratificationLanding/earnRewardMan.svg) left 160px no-repeat, url(../Images/GratificationLanding/earnRewardWomen.svg) right bottom no-repeat; padding-top: 50px;  padding-bottom: 110px;}
    .rwdTopPanel{padding-bottom: 80px;}
    .stip::after, .stip::before { display: none; }
}

@media(max-width:992px){
    .reward_Item::after{width: 0;}
}
 
@media(min-width:992px) and (max-width:1392px){
    .reward_Item::after {width: 20px;  right: -22px; }
}