@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap');
.landing_footer{display: none;}
.navigation {position: relative;  z-index: 2;}
footer{z-index: 1 !important;}

body{background: linear-gradient(17.87deg, #021079 22.03%, #0723B3 98.67%);}
.login_signup_sec .container{max-width: 1170px;}

.login_signup_sec{padding-top:0px!important}  
.anvlanding_banner_sec{min-height: 66.42rem; background: linear-gradient(17.87deg, #021079 22.03%, #0723B3 98.67%);}
/* .section_height{min-height: 61.92rem;} */
.section_height{min-height: 55.92rem;}
.grand_logo_normal{max-width: 70%;}
.aniversary_bannertop_wrapper{position: relative;}
.bannertop_wrapper{display: flex; justify-content:space-between; align-items: center; padding-top: 8rem;}
.celebration_text{font-family: 'Ms Madi', cursive; font-weight: 400; font-size: 5.71rem; background: linear-gradient(270.27deg, #CC8B0A -31.16%, #FEC44C 125.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent;}
.banner_heading{margin-top: -1rem;}
.banner_heading span{font-weight: 600; font-size: 4.29rem; line-height: 100%; background: linear-gradient(180deg, #93E9FE -31.25%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.banner_subtxt{font-weight: 400; font-size: 1.43rem; line-height: 160%; color: #FFFFFF;}
.date_wrapper{display: flex; align-items: center; background-image: url(../../uploads/prom-time-bg.svg); width: 100%; min-height: 3.14rem; background-repeat: no-repeat; background-position: left -1.43rem center; text-align: center; justify-content: start; margin-top: 3.57rem; margin-bottom: 2.14rem;}
.an_validtxt{margin-bottom: 0px; font-weight: 400; font-size: 1.29rem; line-height: 100%; text-align: right; color: #FFA829; margin-left: 1rem;}
.an_validdate{font-weight: 500; font-size: 1.57rem; line-height: 100%; color: #FFFFFF; margin-bottom: 0px;}
.an_validdate sub{top: -0.5rem}
.time_watch{margin: 0px 0.5rem;}

.banner_top_img{ position: absolute; top: 60%; left: 85%; transform: translate(-50%, -50%); width: 100%; height: auto;}

.banner_button_wrapper {min-width: 16.43rem; max-width: 16.43rem;}
.banner_button_wrapper span.btn{min-width: 16.43rem !important;}
.banner_button_wrapper .anv_tncs {text-align: center; display: block; margin: auto; margin-top: 1rem; font-weight: 500; font-size: 0.93rem; line-height: 57%; text-align: center; color: rgba(255, 255, 255, 0.8);}
.banner_button_wrapper .anv_tncs sub{top: -0.3rem;}

.anvlanding_banner_sec.lpanv_depositsec{padding:5.71rem 0px 7.5rem; min-height: auto; background-color: #021079; background:linear-gradient(166deg, #021079 22.03%, #0723B3 128.67%);}
.section_title_txt{font-weight: 600; font-size: 3.57rem; line-height: 100%; color: #FFFFFF; margin-bottom: 1.28rem;}
.section_detail_txt{font-weight: 300; font-size: 1.29rem; line-height: 160%; color: #FFFFFF; margin-bottom: 3.57rem;}
.anvsection_img img{max-width: 125%;}

.anvlanding_banner_sec.anvsocial_sec{background: rgba(0, 0, 0, 0.5); mix-blend-mode: soft-light;  padding: 8.71rem 0px 6.78rem;}
.anvsocial_sec .section_title_txt{font-size: 4.29rem; }
.anvsocial_sec .section_detail_txt{max-width: 60%; margin: auto;}

.anvsocial_box_wrapper{margin-top: 3.93rem;}
.anvsocial_boxwrap {background: linear-gradient(180deg, rgba(109, 97, 255, 0.35) 0%, rgba(77, 203, 243, 0) 72.5%); border-radius: 1.43rem; padding: 1.78rem;}
.anvsocial_boxdetail{margin-top: 1.28rem;}
.anvsocial_boxdetail h3{font-weight: 600; font-size: 1.43rem; line-height: 100%; text-align: center; color: #FFFFFF; margin-bottom: 10px;}
.anvsocial_boxdetail p{font-weight: 300; font-size: 1.14rem; line-height: 140%; text-align: center; color: rgba(255, 255, 255, 0.7);}
.anvsocial_boxdetail p strong{color: rgba(255, 255, 255, 0.8);}
.anvsocial_boxdetail a {color: rgba(255, 255, 255, 0.8); font-weight: 600;}
.anvsocial_boxdetail a:hover{color: rgba(255, 255, 255, 0.8);}
.anvsocial_boxdetail p span{color: #4DCBF3; font-weight: 600;}
.anvlanding_banner_sec.lpanv_luckydrawsec { padding: 11rem 0rem 5.5rem; background: #021079;}
.lpanv_seprator{background: linear-gradient(270deg, #055AFF 1.58%, #27DCE8 55.2%, #055AFF 100.42%); width: 100%; height: 2px;}

.modal_right_btn{bottom: 0px !important;}
.anvlanding_banner_sec.lpanv_depositsec span.btn{min-width: 16.42rem;}
.anvlanding_banner_sec.lpanv_luckydrawsec span.btn{min-width: 16.42rem;}
.lpanv_depositsecrow_mb{padding-left: 4rem;}

@media (max-width: 1599.98px){
.container {max-width: 1500px;}
.grand_logo_normal{max-width: 50%;}
.anvlanding_banner_sec {min-height: 55.42rem;}
.section_height {min-height: 52.92rem;}
.bannertop_wrapper{padding-top: 4rem;}
.banner_top_img {left: 68%; width: 70%; top: 46%;}
.anvlanding_banner_sec.lpanv_depositsec {padding: 3rem 0px 5rem;}
.anvlanding_banner_sec.anvsocial_sec {padding: 5rem 0px 4rem; min-height: 52.92rem;}
.anvlanding_banner_sec.lpanv_luckydrawsec {padding: 7rem 0rem 1rem; min-height: 52.92rem;}
.anvsocial_boxdetail p {max-width: 85%; margin: auto;}
}

@media (max-width: 1199.98px){
.section_title_txt{font-size: 2.5rem;}
.anvsocial_sec .section_title_txt {font-size: 3.29rem;}
.anvsection_img img{max-width: 100%;}
.anvlanding_banner_sec.anvsocial_sec {min-height: 36.92rem;}
.anvlanding_banner_sec.lpanv_luckydrawsec {min-height: 36.92rem;}
.anvlanding_banner_sec {min-height: 48.42rem;}
.banner_top_img {left: 75%;}
.login_signup_sec { z-index: 1;}
.navigation {z-index: 1;}
}

@media (max-width: 991.98px){
    .celebration_text {font-size: 4.71rem;}   
    .banner_heading span{font-size: 3.29rem;}
    .banner_top_img {left: 77%; width: 70%; top: 50%;}
}
@media (max-width: 767.98px){
    .bannertop_wrapper{flex-wrap: wrap; justify-content: center;}
    .bannertop_leftwrapper{min-width: 100%; text-align: center;}
    .banner_top_img{position: inherit; transform: none; height: auto; margin: auto; width: 100%;}
    .date_wrapper{background-position: center center; justify-content: center; text-align: center;}
    .time_watch {margin-left: 3rem;}
   .an_validtxt{margin-left: 4rem; margin-right: -1.75rem; white-space: nowrap;}
   .an_validdate{font-size: 1.28rem;}
   .banner_button_wrapper {min-width: 100%; max-width: 100%;}
   .celebration_text{font-size: 4.71rem;}
  /*  .banner_heading br{display: none;} */
   .banner_subtxt br{display: none;}
   .banner_heading {margin-top: -0.75rem;}
   .date_wrapper{margin-top: 2.14rem;}
   .anvsocial_box_col{margin-bottom: 3rem;}
   .anvsocial_sec .section_title_txt {font-size: 2.5rem;}
   .anvsocial_sec .section_detail_txt{max-width: 100%;}
   .lpanv_depositsecrow{flex-direction: column-reverse; text-align: center;}
   .lpanv_depositsec .anvsection_img img {margin-top: 3rem; margin-left: 3rem;}
   .lpanv_luckydrawrow .anvsection_img img {margin-top: 3rem;}
   .anvlanding_banner_sec.lpanv_luckydrawsec {padding: 5rem 0rem 3rem; justify-content: center; text-align: center;}
   .section_title_txt{line-height: 120%;}
   .grand_logo_normal {max-width: 100%;}
  .anvlanding_banner_sec{background-image: url(../../uploads/anvbanner-topmob-img.webp); background-repeat: no-repeat; background-size: 130%; background-position: top 75% left -5rem;}
.lpanv_depositsecrow_mb{padding-left: 15px;}
.banner_button_wrapper span.btn{min-width: 95% !important;}
.login_signup_sec { z-index: 0 !important; }
.navigation {z-index: 1;}
}


@media (max-width: 575.98px){
    .an_validdate {font-size: 1.07rem; white-space: nowrap;}
    .time_watch {margin-left: 2rem;}
    .banner_heading span {font-weight: 600; font-size: 2.5rem;}
.banner_heading span:first-child{font-size: 3.29rem;}
    .bannertop_wrapper {padding-top: 1rem;}
.anvsocial_boxdetail h3{font-size: 1.57rem;}
.anvsocial_boxdetail p {max-width: 85%; font-size: 1.29rem;}
}

@media (max-width: 334.98px){
/* .time_watch {
    margin-left: 1.5rem;
    max-width: 4.75rem;
} */
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px aliceblue inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: #062652 !important;
}

.right_form_modal{margin-top: 6.1rem;}