@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Kufam:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Kufam:wght@600&family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Kufam:wght@600&family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;700&family=Raleway:wght@300;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;700&family=Kufam:wght@900&family=Raleway:wght@300;600;800&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  scroll-behavior: auto;
  scroll-padding-top: 9999px;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: sans-serif;
}

.main_wrpr {
  height: 100vh;
  width: 100%;
  max-width: 1023px;
  margin: auto;
}

.main_wrpr .page_section {
  height: 100vh;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
}
.main_wrpr .page_section:nth-child(2) {
  background: linear-gradient(0deg, #C63352 0%, #C63352 100%), linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.31) 53.13%, #000F1B 91.56%), url(<path-to-image>), lightgray 50% / cover no-repeat;
  padding: 35px 50px;
}

.main_wrpr .page_section:nth-child(3) {
  background-color: #D9A8FF;
}

.main_wrpr .page_section:nth-child(4) {
  background-color: green;
}

.main_wrpr .page_section:nth-child(5) {
  background: linear-gradient(0deg, #027959, #027959), #FFFFFF;
  z-index: -1;
  padding: 50px 0;
}

.main_wrpr .page_section:nth-child(6) {
  background: #1A2FAA;
}

.main_wrpr .page_section:nth-child(7) {
  padding: 50px;
  background: linear-gradient(180deg, #1F1E23 0%, #1F1E23 28.44%, #1C1B20 47.61%, #1C1B20 83.69%, #1F1E23 100%);
}

.main_wrpr .page_section:nth-child(8) {
  padding: 50px;
  background: linear-gradient(180deg, #1F1E23 0%, #1F1E23 28.44%, #1C1B20 47.61%, #1C1B20 83.69%, #1F1E23 100%);
}
.main_wrpr .page_section:nth-child(9) {
    position: relative;
  padding: 0 6%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0D0D0D;
}

p.fantasy_header {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  color: #FFFFFF;
  margin-bottom: 10px;
}

p.fantasy_content {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
}

.fantasy_body_content p {
  writing-mode: vertical-lr;
  font-family: 'Kufam', sans-serif;
  letter-spacing: 0.19em;
  font-weight: 900;
  font-size: 30px;
  line-height: 39px;
  font-style: normal;
  font-size: 63.0157px;
  text-shadow: 14px 14px 16px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.195em;
  color: #DD3559;
  text-shadow: 31.304351806640625px 31.304351806640625px 34.78261184692383px 0px rgba(0, 0, 0, 0.20);
  transform: rotate(180deg);
  width: 20%;
  display: flex;
  align-items: center;
  transform: rotate(180deg);
}

.fantasy_body_content {
  display: flex;
  justify-content: center;
  margin: 50px 0px;
  gap: 20px;
  transform: translate(0, 10%);
  padding-top: 3vh;
}

.fantasy_boody_sec {
  position: relative;
  width: 80%;
  margin: auto;
}

.fantasy_body_image {
  position: absolute;
  z-index: 1;
  top: 35%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
}

.fantasy_body_image img {
  width: 100%;
}
/* Sec claim price  */

p.claim_prize_header {
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  font-family: 'IBM Plex Sans', sans-serif;
  text-transform: capitalize;
  color: #FFFFFF;
}
ul.claim_prize_content {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  width: 92%;
  margin: 0 auto;
  color: #FFFFFF;
}
ul.claim_prize_content li {
  margin-bottom: 20px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.claim_prize_image {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 60%;
  margin: auto;
}
.bank_pic {
  width: 100%;
  height: 50%;
}
.claim_prize_image img {
  width: 70%;
}

/* offer pages */

p.welcome_text {
    font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  color: #9952F8;
}
.welcome_text_clr{
  color: #DE7F49 !important;
}
p.offer_content {
  width: 90%;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  text-align: center;
  color: #757575;
  margin: auto;
  margin-top: 10px;
  font-weight: 400;
  font-size: 22px;
}
.wel_bonus_img {
  max-width: 300px;
  width: 100%;
  margin: auto;
}
.wel_bonus_img img {
  width: 100%;
}
.wel_bonus_img.wlcm_bns_mx_wdth_pic {
  max-width: 300px;
}
p.surprise_heading {
    font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  color: #9E93E0;
}
p.referandearn_heading {
    font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  color: #DE7F49;

}

/* Play now */

button.play_now {
  border: none;
  /* outline: none; */
  pointer-events: all;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C5191B;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  height: 57px;
  max-width: 180px;
  width: 100%;
  font-family: 'IBM Plex Sans', sans-serif;
  outline: 5px solid rgba(197, 25, 27, 0.2);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  cursor: pointer;
}
p.start_play_content {
  margin-top: 20px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0.06em;
  color: #85898C;
  z-index: 1;
}

p.start_play_header{
  z-index: 1;
}

p.start_play_content{
  z-index: 1;
}

button.play_now{
  z-index: 1;
}
.start_play_header span {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 63px;
  letter-spacing: 0.06em;
  color: #85898C;
  line-height: 82.18px;
}
img.symbol_red {
  width: 12px;
  transform: translate(-10px, 10px);
}
.claim_prize {
  position: relative;
  height: 100%;
}
.claim_prize_text{
  width: 85%;
  margin: auto;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.animated_delay_1{
  animation-delay: 0.5s !important;
}
.animated_delay_2{
  animation-delay: 1s !important;
}
.animated_delay_3{
  animation-delay: 1.5s !important;
}
.animated_delay_4{
  animation-delay: 2s !important;
}
.animated_delay_5{
  animation-delay: 2.5s !important;
}
.animated_delay_6{
  animation-delay: 2.5s !important;
}
.animatedText {
  opacity: 0;
  animation: 1s ease-in-out forwards;
}
@keyframes textAnime {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
.claim_prize video{
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
  bottom: -40px;
}
img.smoke_effect{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}
.page_section6{
  position: relative;
  overflow: hidden;
}
img.smoke_effect_2{
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    z-index: 0;
}
.page_section_text_animate{
  position: relative;
}
.page_section_text_animate .glass_effect{
  object-fit: cover;
  height: auto;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.offer_container{
    padding: 80px 80px 110px;
    gap: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: linear-gradient(180deg, #1F1E23 0%, #1F1E23 28.44%, #1C1B20 47.61%, #1C1B20 83.69%, #1F1E23 100%);
}
.page_section7_1, .page_section7_2{
  height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.popup_cover_fantasy{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
  }

  .popup_contents_fantasy{
    width: 80%;
    max-width: 668px;
    padding: 12px 20px;
    margin: auto;
    height: auto;
    margin: 30px auto;
    position: fixed;
    text-align: left;
    line-height: 24px;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    backface-visibility: hidden;
  }

.poup_header_fantasy{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 7px;
}

.popup_contents_fantasy ol{
    font-family: 'IBM Plex Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #686868;
    width: 96%;
    margin: auto;
}

.poup_header_fantasy p{
    font-family: 'IBM Plex Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #2D2D2D;
}

.poup_header_fantasy button{
    all: unset;
    pointer-events: all;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E6E6E6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
}

.glass_effect {
    width: 50%;
    height: 50%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.readySecContent h4 .animeTxtSpan1 {
  animation-delay: 1s;
}
.readySecContent h4 .animeTxtSpan2 {
  animation-delay: 1.5s;
}
.animatedText {
  opacity: 0;
  animation: 1s ease-in-out forwards;
}
@keyframes textAnime {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
.readySection {
  background: #0A090B;
  color: #fff;
}
.sectionContainer {
  padding-left: 0 !important;
  color: #fff;
}
.readySecContent {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}

  /* section 1 */
  .page_section1{
    position: relative;
    overflow: hidden;
  }
  .page_section1_img{
    position: absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
  }
  #winmatch_slider {
    max-width: 1023px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
      position: relative;
  }
  .winmatch_slide {
    width: 100%;
    height: 100%;
  }
  .main_wrpr .page_section1{
    height: 100vh;
    scroll-snap-align: start;
    position: relative;
  }
  #playNowBtn3{
    display: none;
  }
  #playNowBtn4{
    display: none;
  }
  .section_1{
    margin: auto;
    width: 70%;
  }
  .winmatch_label{
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
  }
  .winmatch_md1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* width: 85%; */
    margin: auto;
    gap: 20px;
    /* position: absolute;
    top: 13%;
    transform: translateX(-50%);
    left: 50%; */
  }
  .winmatch_md1, .winmatch_md2, .winmatch_md3{
    height: 100%;
    width: 90%;
  }
  .winmatch_md1 img,
  .winmatch_md2 img,
  .winmatch_md3 img {
    width: 80%;
  }
  .winmatch_md1, .winmatch_md2, .winmatch_md3{
    margin: 0 auto;
  }
  .winmatch_md1 p, .winmatch_md2 p, .winmatch_md3 p{
    margin: 0 auto;
  }
  .winmatch_md1 h3{
    color: #FFF;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    width: 90%;
  }
  .winmatch_md1 p{
    font-weight: 400;
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    text-align: start;
    width: 90%;
    margin: 0 auto;
  }
  .winmatch_btns{
    margin: auto;
    max-width: 400px;
    width: 100%;
    height: 100%;
    max-height: 73.17px;
    box-shadow: rgb(255 255 255 / 50%) -1px 0px 2px 0px;
    border-radius: 85px;
    -webkit-border-radius: 85px;
    display: flex;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-around;
    align-items: center;
    z-index: 2;
  }
  .winmatch_btns img{
    width: 40%;
    fill: red;
  }
  .winmatch_play_btn1{
    background-color: transparent;
    border: 6.083px solid rgba(255, 255, 255, 0.20);
  }
  .winmatch_btns_foot{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 45%;
  }
  .winmatch_play_btn{
    margin: auto;
    width: 175px;
    height: 43px;
    background: #C5191B;
    border: 6px solid rgba(197, 25, 27, 0.2);
    border-radius: 48px;
    -webkit-border-radius: 48px;
    color: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 500;
  }
  .winmatch_btns_foot p{
    color: red;
  }
  .winmatch_md2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* width: 85%; */
    margin: auto;
    gap: 20px;
    /* position: absolute;
    top: 13%;
    transform: translateX(-50%);
    left: 50%; */
  }
  .winmatch_md2 h3{
    color: #FFF;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    width: 90%;
    /* margin: auto; */
  }
  .winmatch_md2 p{
    font-weight: 400;
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    text-align: start;
    width: 90%;
    /* margin: auto; */
  }
  .winmatch_md3{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* width: 85%; */
    margin: auto;
    gap: 20px;
    /* position: absolute;
    top: 13%;
    transform: translateX(-50%);
    left: 50%; */
  }
  .winmatch_md3 h3{
    color: #FFF;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    width: 90%;
    /* margin: auto; */
  }
  .winmatch_md3 p{
    font-weight: 400;
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    text-align: start;
    width: 90%;
    /* margin: auto; */
  }
  .swiper-slide, .swiper-slide{
    flex-shrink: 0;
    width: 100%;
    height: 100vh !important;
    position: relative;
    transition-property: transform;
    display: block;
    }
  /* section1 end */

  /* section3 start */
  .main_wrpr .page_section3{
    height: 100vh;
    position: relative;
    overflow: hidden;
  }
  .wnmatch_cardgames{
    height: 100vh;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
  }
  .scale_imgs{
    display: flex;
    isolation: isolate;
  }
  .scale_imgs_row1{
    max-width: 121px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 9px -40px 40px rgba(0, 0, 0, 0.5);
  }
  .scale_imgs_row2{
    max-width: 350px;
    width: 100%;
    height: 620px;
    background: #FFFFFF;
    box-shadow: 9px -40px 40px rgba(0, 0, 0, 0.5);
    display: flex;
    position: relative;
    z-index: -1;
  }
  .scale_lady1{
    max-width: 237px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -2;
    transform: translateX(-40%);
  }
  .scale_imgs_row2 h2{
    writing-mode: vertical-lr; 
    color: #E8E8E8;
    font-weight: 700;
    font-size: 80px;
    line-height: 150%;
    position: absolute;
    right: 0;  
    top: 10px;
    z-index: -3;
    transform: translate(0, 80%) rotate(180deg);
    letter-spacing: 14.40px;
  }
  .scale_imgs_row3{
    max-width: 350px;
    width: 100%;
    height: 620px;
    display: flex;
    position: relative;
  }
  .scale_lady_mob1{
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 1;
    transform: translateX(-40%);
    max-width: 182px;
    width: 100%;
    height: 400px;

  }
  .scale_lady_mob2{
    display: none;
    position: absolute;
    bottom: 0;
    z-index: -2;
    transform: translateX(-39%);
    max-width: 182px;
    width: 100%;
    height: 400px;
  }
  .scale_lady2{
    max-width: 237px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: -2px;
    z-index: -2;
    transform: translateX(-39%);
  }
  .scale_imgs_row3 h2{
    writing-mode: vertical-lr; 
    letter-spacing: 14.40px;
    color: #E8E8E8;
    font-weight: 700;
    font-size: 80px;
    line-height: 150%;
    position: absolute;
    right: 0; 
    top: 10px;
    z-index: -3; 
    transform: translate(0, 80%) rotate(180deg); 
  }
  .wnmatch_cardgames_text{
    width: 88%;
    margin: 0 auto;
    margin-top: 30px;
  }
  .wnmatch_cardgames_text h2{
    color: #2D2D2D;
    font-weight: 700;
    font-size: 50px;
    line-height: 75px;
  }
  .wnmatch_cardgames_text p{
    color: #686868;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
  }

  /* section3 end */

  /* section4 start */
  
  .main_wrpr .page_section4{
    height: 100vh;
    scroll-snap-align: start;
    position: relative;
  }
  .winmatch_deposit_page{
    height: 100vh;
    background: #0454BE;
    display: flex;
    flex-direction: column;
  }
  .winmatch_deposit_page_gif{
    width: 95%;
    height: 45%;
  }
  .winmatch_deposit_page_gif img{
    width: 100%;
  }
  .deposit_cont{
    margin: 10% auto 0;
    width: 100%;
    transform: translate(0, 60%);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .deposit_cont_text{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 90%;
    margin: 0 auto;
  }
  .deposit_cont_text h2{
    color: #fff;
    font-weight: 700;
    font-size: 48px;
  }
  .deposit_cont_text h4{
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
  }
  .deposit_cont_text p{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 20px;
    line-height: 1.5;
  }
  .payment_mode{
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .deposit_paymode{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
    gap: 20PX;
    column-gap: 30px;
  }
  .deposit_paymode img{
    object-fit: contain;
    mix-blend-mode: normal;
  }
  /* section4 end */
  
  /* section9 start */

  .main_wrpr .page_section9{
      height: 100vh;
      scroll-snap-align: start;
      position: relative;
      overflow: hidden;
  }
  .bouns_mdl1, .bouns_mdl2, .bouns_mdl3{
    text-align: center;
  }
  .bouns_mdl1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    margin: auto;
    gap: 20px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
  }
  .bouns_mdl1 h3{
    font-weight: 700;
    font-size: 80px;
    color: #fff;
    /* text-align: start; */
    width: 85%;
    font-family: 'IBM Plex Sans', sans-serif;
  }
  .bouns_mdl1 p{
    font-weight: 500;
    font-size: 38px;
    color: #fff;
    width: 85%;
    margin-top: -12px;
  }
  .bouns_mdl1 img {
    width: 100%;
}
.slider_bouns_mdl1{
    height: 100vh;
    background-image: url("../../images/landing/bannerBG1.webp");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .slider_bouns_mdl2{
    height: 100vh;
    background-image: url("../../images/landing/bannerBG2.webp");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .slider_bouns_mdl3{
    height: 100vh;
    background-image: url("../../images/landing/bannerBG3.webp");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .bouns_mdl2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    margin: auto;
    gap: 20px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
  }
  .bouns_mdl2 h3{
    font-weight: 700;
    font-size: 80px;
    color: #fff;
    /* text-align: start; */
    width: 85%;
    font-family: 'IBM Plex Sans', sans-serif;
  }
  .bouns_mdl2 p{
    font-weight: 500;
    font-size: 38px;
    color: #fff;
    width: 85%;
    margin-top: -12px;
  }
  .bouns_mdl2 img{
    width: 100%;
  }
  .bouns_mdl3{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 85%;
    margin: auto;
    gap: 10px;
    position: absolute;
    top: 2%;
    transform: translateX(-50%);
    left: 50%;
    z-index: 1;
  }
  .bouns_mdl3_img{
    position: absolute;
    width: 100%;
    top: 0;
  }
  .bouns_mdl3 h3{
    font-weight: 700;
    font-size: 80px;
    color: #FFF;
    /* text-align: start; */
    width: 100%;
    line-height: 120px;
    font-family: 'IBM Plex Sans', sans-serif;

  }
  .bouns_mdl3 p{
    font-weight: 500;
    font-size: 38px;
    color: #FFF;
    width: 100%;
    line-height: 57px;
  }
  .bouns_mdl1_wid{
    width: 100%;
  }

  .winmatch_slider1{
    background: linear-gradient(180deg, #E8D877 0%, #DCC744 100%);
    height: 100vh;
  }

  /* section9 end */

  .main_wrpr .page_section1:nth-child(1) {
    background-image: url(../images/winmatch_banner.png);
    background-position: center;
  }
  h2 {
    font-size: 40px;
  }
  
  .bonus:nth-child(1) .wel_bonus_img img {
    margin-bottom: 10px;
  }

  .bonus:nth-child(2) .wel_bonus_img img {
    transform: translateY(10px);
  }

  .bonus:nth-child(3) .wel_bonus_img img {
    margin-bottom: 10px;
    margin-top: 30px;
  }

  .bonus:nth-last-child(1) .wel_bonus_img img {
    transform: translateY(15px);
    margin-top: -15px;
  }
  /* extra css */

  .footbtn{
    position: fixed;
    z-index: 5;
    bottom: 3vw;
    left: 50%;
    transform: translateX(-50%);
    max-width: 550px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .pop{
    max-width: 264px;
    width: 100%;
    height: 23px;
    font-size: 13px;
    background: linear-gradient(121.43deg, rgba(82, 82, 82, 0.072) -19.52%, rgba(45, 45, 45, 0.18) 312.08%);
    position: fixed;
    top: -76px;
    backdrop-filter: blur(24.6154px);
    -webkit-backdrop-filter: blur(24.6154px);
    border-radius: 25px 25px 0 0;
    -webkit-border-radius: 25px 25px 0 0;
    z-index: -4;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    box-shadow: rgb(255 255 255 / 50%) -1px 0px 2px 0px;
  }
  .pop.show{
    display: block;
  }
  .winmatch_btns.btn1 .winmatch_play_btn1{
     color: #000000;
  }
  .winmatch_btns.btn1 svg{
    fill: #FFFFFF;
  }
  .mouse_scroll {
    transform: rotatez(270deg);
    margin-top: 5px;
  }

.m_scroll_arrows{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid;
  border-bottom: 2px solid;
  margin: 0 0 3px 4px;
  width: 10px;
  height: 10px;
  color: red;
}
#moveto_top{
    cursor: pointer;
}
.linear_page1{
  background: linear-gradient(121.43deg, rgba(0, 0, 0, 0.32) -19.52%, rgba(108, 108, 108, 0.8) 312.08%) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
  backdrop-filter: blur(51.22px);
  -webkit-backdrop-filter: blur(51.22px);
}
.linear_page2{
  background: linear-gradient(113deg, rgba(198, 51, 82, 0) 0%, rgb(206,66,96) 100%);
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}
.linear_page3{
  background: linear-gradient(133.605deg, rgba(92, 92, 92, 0.01) -0.6136%, rgb(223,223,223) 106.666%);
  backdrop-filter: blur(49.23px);
  -webkit-backdrop-filter: blur(49.23px);
}
.linear_page4{
  background: linear-gradient(113deg, rgba(10.54, 60.82, 126.44, 0) 0%, rgba(0, 82, 189, 0.80) 100%);
  backdrop-filter: blur(51.10px);
  -webkit-backdrop-filter: blur(51.10px);
}
.linear_page5{
  background: linear-gradient(113deg, rgba(2, 121, 89, 0) 0%, rgba(45.93, 193.37, 153.72, 0.80) 100%);
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}
.linear_page6{
  background: linear-gradient(113deg, rgba(10.54, 60.82, 126.44, 0) 0%, rgba(0, 82, 189, 0.80) 100%);
  backdrop-filter: blur(51.10px);
  -webkit-backdrop-filter: blur(51.10px);
}
.linear_page7{
  background: linear-gradient(129deg, rgba(0, 0, 0, 0.32) 0%, rgba(108.38, 108.38, 108.38, 0.80) 100%);
  backdrop-filter: blur(51.22px);
  -webkit-backdrop-filter: blur(51.22px);
}
.linear_page8{
  background: linear-gradient(113deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.40) 100%);
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}
.arrowHeadAnime {
  overflow: hidden;
  display: block;
  gap: 5px;
  width: 24px;
  height: 24px;
  animation: arrowAnime 1s ease-in infinite;
  animation: name duration timing-function delay iteration-count direction fill-mode;
}
@keyframes arrowAnime{
  0% {
    transform: translateX(0);
  }
  
  100% {
    transform: translateX(10px);
  }
}
.arrowHeadAnime svg {
  width: 60%;
  height: 100%;
}
.arrowHeadRed {
  display: none;
}
.bonusImg {
  width: auto;
  height: 254px;
}
.bonusImg img {
  height: 100%;
}
.bonusImg1,
.bonusImg2,
.bonusImg3,
.bonusImg4 {
  opacity: 0;
  transform-origin: 90deg;
}
.bonusImg1,
.bonusImg3 {
  transform: rotateY(270deg) translateX(30%);
}
.bonusImg2,
.bonusImg4 {
  transform: rotateY(-270deg) translateX(-30%);
}

/* final css */

.fixedNavBtn {
  padding: 0 10px;
  max-width: 400px;
  width: 100%;
  height: 73.17px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  backdrop-filter: blur(28.9515px);
  -webkit-backdrop-filter: blur(28.9515px);
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: rgb(255 255 255 / 50%) -1px 0px 2px 0px;
}
.fixedNavBtn .redLogo,
.fixedNavBtn .whiteLogo {
  display:none
}
.whiteLogo{
  width: 70%;
}
.playNowBtn {
  cursor: pointer;
  background: content-box rgba(197, 25, 27, 0.2);
  box-shadow: none;
  border: none;
  font-size: 16px;
}
.logoScrollTop {
    width: 180px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.logoScrollTop .logoImg {
    width: 80%;
    cursor: pointer;
}
.howToPlayBtn {
  letter-spacing: 0.1em;
  color: #fff;
  height: 40px;
  width: 70%;
  border-radius: 54px 54px 0px 0px;
  -webkit-border-radius: 54px 54px 0px 0px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: none;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  box-shadow: rgb(255 255 255 / 50%) -1px 0px 2px 0px;
}
.winmatch_md1 img, .winmatch_md2 img, .winmatch_md3 img, .bouns_mdl1 img, .bouns_mdl2 img, .bouns_mdl3_img img{
  display: none !important;
}
 
/* final css end */
  @media(max-width: 740px){
    .deposit_paymode img{
      height: 52px;
    }
    .deposit_paymode{
      display: flex;
      gap: unset;
      column-gap: 5px;
    }
    .winmatch_deposit_page{
      display: block;
    }
    .winmatch_deposit_page_gif{
      top: 3%;
    }
  }
  @media(max-width: 700px){
    .winmatch_md1 p, .winmatch_md2 p ,.winmatch_md3 p{
        font-size: 20px;
    }
    .wnmatch_cardgames_text{
      margin-top: 30px;
    }
    .winmatch_md1 h3, .winmatch_md2 h3, .winmatch_md3 h3{
      font-size: 34px;
      line-height: 40px;
    }
    .winmatch_md1 img, .winmatch_md2 img, .winmatch_md3 img{
      width: 67%;
    }
    .scale_lady1,
    .scale_lady2 {
      max-width: 200px;
      width: 100%;
    }
    .deposit_cont {
      position: relative;
      margin: 5% auto 0;
    }
    .deposit_cont_text h2{
      font-size: 40px;
    }
    .deposit_paymode{
      width: 95%;
    }
    .deposit_cont_text p {
      font-size: 20px;
    }
    .deposit_cont_text h4 {
      font-size: 27px;
      line-height: 38.22px;
    }
    .winmatch_deposit_page_gif video{
        width: 100%;
    }
    .scale_imgs_row2 h2, .scale_imgs_row3 h2{
      letter-spacing: 10.4px;
      font-size: 70px;
    }
    .wnmatch_cardgames_text{
      width: 90%;
    }
    .winmatch_deposit_page_gif img{
      width: 100%;
    }
    .deposit_paymode{
      margin-top: 10px;
    }
    .bank_pic, .claim_prize_image{
      width: 100%;
    }
    .claim_prize_image img {
      width: 60%;
    }
    .offer_container {
      padding: 60px 20px 90px;
    }
  }
  @media(max-width: 600px){
    .winmatch_md1 img, .winmatch_md2 img, .winmatch_md3 img{
      width: 75%;
    }
    .winmatch_md1, .winmatch_md2, .winmatch_md3{
      gap: 30px;
      width: 90%;
    }
    .scale_imgs_row1{
      max-width: 90px;
      width: 100%;
    }
    .wnmatch_cardgames_text p{
      font-size: 20px;
      line-height: 32px;
    }
    .bouns_mdl1 img, .bouns_mdl2 img, .bouns_mdl3_img img {
      width: 100%;
    }
    .bouns_mdl1 h3, .bouns_mdl2 h3{
      line-height: 70px;
    }
    p.claim_prize_header {
      font-size: 50px;
    }
    .winmatch_deposit_page_gif{
      position: relative;
      /* top: 8%; */
      height: auto;
    }
    .deposit_cont{
      position: relative;
    }
    .glass_effect{
      width: 65%;
    }
    .popup_contents_fantasy{
      width: 90%;
      max-height: 430px;
      height: 100%;
      overflow-y: auto;
    }
    ::-webkit-scrollbar {
      display: none;
    }
  }
  @media (max-width:530px) {
    .main_wrpr .page_section:nth-child(2) {
      padding: 0px 30px 36px 30px;
    }
    .main_wrpr .page_section:nth-child(5){
        padding: 28px 0;
    }
    .main_wrpr .page_section:nth-child(7),
    .main_wrpr .page_section:nth-child(8) {
      padding: 50px 20px;
    }
  
    .main_wrpr .page_section:nth-child(10) {
      padding: 20px;
    }
    p.fantasy_header {
      font-size: 53px;
      margin-bottom: 20px;
    }
    p.fantasy_content {
      font-size: 16px;
      font-weight: 500;
      line-height: 30px;
    }
    .fantasy_boody_sec {
      width: 100%;
    }
    .fantasy_body_image {
      width: 100%;
      left: 50%;
      top: 0%;
      transform: translateX(-50%);
    }
    .fantasy_header_sec{
      margin-top: 30px;
    }
    .claim_prize_text {
      gap: 25px;
    }
    ul.claim_prize_content {
      font-size: 16px;
      margin: 24px 0px 0px 25px;
    }
    .bank_pic {
      width: 85%;
    }
    .claim_prize_image {
      width: 85%;
      margin-top: 40px;
    }
    .wel_bonus_img {
      max-width: 250px;
    }
    .wel_bonus_img.wlcm_bns_mx_wdth_pic {
      max-width: 250px;
    }
    .offer_container {
      gap: 22px;
    }
    p.welcome_text,
    p.surprise_heading,
    p.referandearn_heading {
      font-size: 22px;
    }
    p.offer_content {
      font-size: 18px;
      line-height: 25px;
      margin-top: unset;
      width: 100%;
    }
    p.start_play_header {
      font-size: 63px;
    }
    p.start_play_content {
      font-size: 14px;
      margin-top: 16px;
    }
    button.play_now {
      max-width: 120px;
      height: 41px;
      margin-top: 24px;
      font-weight: 700;
      font-size: 14px;
    }
    .start_play_header span {
      font-size: 63px;
    }
  }
  @media(max-width: 500px){
    p.claim_prize_header {
      font-size: 40px;
  }
    .winmatch_md1, .winmatch_md2, .winmatch_md3{
      top: 40%;
      gap: 16px;
    }
    .winmatch_btns{
      max-width: unset;
      width: 90%;
      max-height: 65px;
    }
    .main_wrpr .page_section1:nth-child(1){
      background-position: right;
    }
    .scale_imgs_row1{
      max-width: 60px;
      width: 100%;
    }
    .scale_imgs_row2 h2, .scale_imgs_row3 h2{
      font-size: 50px;
    }
    .scale_imgs_row1, .scale_imgs_row2, .scale_imgs_row3{
      height: 530px;
    }
    .scale_lady2{
      max-width: 247px;
      width: 100%;
    }
    .winmatch_md1 h3, .winmatch_md2 h3, .winmatch_md3 h3{
      font-size: 30px;
      line-height: 33px;
    }
    .winmatch_md1 p, .winmatch_md2 p, .winmatch_md3 p{
      font-size: 18px;
    }
    .wnmatch_cardgames_text h2{
      font-size: 42px;
      line-height: 27px;
    }
    .wnmatch_cardgames_text p{
      font-size: 20px;
      padding: 15px 0px;
    }
    .pop{
        max-width: 250px !important;
        width: 100%;
        position: fixed;
        top: -54px !important;
    }
    .howToPlayBtn{
      font-size: 13px !important;
      height: 25px !important;
    }
    .deposit_cont_text p{
        font-size: 17px;
        line-height: 25px;
    }
    .bouns_mdl1, .bouns_mdl2{
        bottom: 0;
    }
    .fantasy_boody_sec {
      position: relative;
      width: 100%;
      margin: 20% auto;
    }
    .bank_pic{
      width: 100%;
    }
    .glass_effect{
      width: 90%;
    }
    .bank_pic, .claim_prize_image{
      width: 70%;
    }
    .bank_pic, .claim_prize_image{
      position: relative;
      top: 5%;
    }
    .claim_prize_text{
      top: 5%;
    }
    .winmatch_md1 img, .winmatch_md2 img, .winmatch_md3 img{
      width: 100%;
    }
    .fantasy_body_content p{
      font-size: 50px;
    }
    .fantasy_header_sec{
      margin-top: 20px;
    }
    .fantasy_boody_sec{
      margin: 6% auto;
    }
    .winmatch_deposit_page_gif{
      top: 0%;
      width: 100%;
    }
    .deposit_cont{
      top: unset;
    }
    .page_section2{
      display: flex;
      justify-content: center;
    }
    .fantasy_body_content{
      margin: 20px 0px;
    }
    .wnmatch_cardgames_text {
      margin-top: 10px;
    }
    .playNowBtn{
      font-size: 13px !important;
    }
    .fixedNavBtn{
      height: 60px;
    }
    .deposit_paymode img {
      height: 7vh;
    }
    .deposit_paymode{
      display: grid;
      grid-template-columns: auto auto auto;
      gap: 10px;
    }
  }
  @media(max-width: 380px) {
    .fantasy_body_content p {
      font-size: 38px;
      justify-content: unset;
    }
    .wel_bonus_img.wlcm_bns_mx_wdth_pic, .wel_bonus_img {
      max-width: 162px;
    }
    .winmatch_deposit_page_gif{
      top: 0;
    }
    .fantasy_boody_sec {
      margin: 2% auto ;
    }
    .fantasy_body_content{
      margin: unset;
    }
    .fantasy_header_sec{
      margin: 10px;
    }
    p.fantasy_header{
          margin-bottom: 10px;
    }
    p.fantasy_content{
      line-height: 24px;
    }
    p.fantasy_header{
      font-size: 43px;
    }
    .deposit_paymode{
      margin-top: 3% ;
      gap: 0;
    }
    .scale_imgs_row1, .scale_imgs_row2, .scale_imgs_row3{
      height: 480px;
    }
    .scale_lady1, .scale_lady2{
      max-width: 150px;
      width: 100%;
      left: 0;
    }
    .scale_imgs_row2 h2, .scale_imgs_row3 h2{
      font-size: 40px;
      line-height: 130%;
      top: 0;
    }
    .wnmatch_cardgames_text{
      margin-top: 10px;
    }
    .wnmatch_cardgames_text h2{
      font-size: 36px;
    }
    .wnmatch_cardgames_text p{
      font-size: 22px;
      line-height: 30px;
      padding-top: 18px;
    }
    .claim_prize_image{
      width: 70%;
      margin-top: 20px;
    }
    p.claim_prize_header {
      font-size: 35px;
    }
    p.offer_content{
      font-size: 15px;
      line-height: 20px;
      padding-top: 10px;
    }
    .deposit_paymode{
      margin-top: unset;
    }
    .deposit_cont_text h2{
      font-size: 36px;
    }
    .deposit_cont_text h4 {
      font-size: 25px;
      line-height: 34.22px;
    
    }
    .winmatch_deposit_page_gif img{
      width: 95%;
    }
    .page_section2{
      display: flex;
      justify-content: center;
    }
    .pop{
      max-width: 155px !important;
      top: -54px !important;
    }
  }
  @media(max-width: 370px){
    .fantasy_header_sec {
      margin: 0;
    }
    p.fantasy_header {
      font-size: 36px;
    }
    .fantasy_body_content {
      gap: 10px;
    }
    .fantasy_body_content p {
      font-size: 32px;
    }
    .winmatch_md1, .winmatch_md2, .winmatch_md3 {
      /* top: 16%; */
      top: 35%;
    }
    .page_section2{
      display: flex;
      justify-content: center;
    }
    .winmatch_md1 h3, .winmatch_md2 h3, .winmatch_md3 h3 {
      font-size: 29px;
      line-height: 34px;
      width: 95%;
    }
    .winmatch_md1 p, .winmatch_md2 p, .winmatch_md3 p {
      font-size: 16px;
      width: 95%;
    }
    .winmatch_label{
      width: 90%;
    }
    .winmatch_label img{
      width: 100%;
    }
    .winmatch_play_btn{
      border-radius: 30px;
      -webkit-border-radius: 30px;
      font-size: 12px;
    }
    .winmatch_btns_foot{
      width: 65%;
    }
    .winmatch_btns img{
      width: 45%;

    }
    .scale_imgs_row1{
      max-width: 30px;
      width: 100%;
    }
    .scale_imgs_row2 h2, .scale_imgs_row3 h2{
      font-size: 50px;
    }
    .wnmatch_cardgames_text h2{
      font-size: 26px;
      line-height: unset;
    }
    .wnmatch_cardgames_text p {
      font-size: 18px;
      line-height: 28px;
      padding: 10px 0px;
    }
    .bouns_mdl1 p, .bouns_mdl2 p, .bouns_mdl3 p {
      line-height: 37px;
      font-weight: 500;
      font-size: 33px;
    }
    .bouns_mdl1 h3, .bouns_mdl2 h3, .bouns_mdl3 h3 {
      font-size: 64px;
      line-height: 60px;
    }
    .wel_bonus_img {
      max-width: 192px;
    }
  
    .wel_bonus_img.wlcm_bns_mx_wdth_pic {
      max-width: 212px;
    }
    .bank_pic, .claim_prize_image{
      width: 100%;
    }
    .fantasy_body_content{
      margin: 0px 0px;
    }
    p.fantasy_content{
      line-height: 24px;
    }
    .logoScrollTop{
      width: auto !important;
    }
    .winmatch_play_btn{
      margin: auto;
      width: 100%;
    }
  }
  @media(max-width: 320px){
    .popup_contents_fantasy{
        width: 90%;
    }
    .deposit_cont_text h2 {
        font-size: 35px;
    }
  .scale_imgs_row2 h2, .scale_imgs_row3 h2{
    font-size: 38px;
  }
  .scale_imgs_row1, .scale_imgs_row2, .scale_imgs_row3{
    height: 430px;
  }
  .deposit_cont_text p {
    font-size: 16px;
    line-height: 25px;
  }
  .bank_pic, .claim_prize_image{
    width: 100%;
  }
  .claim_prize_text{
    gap: unset;
  }
  p.claim_prize_header{
    font-size: 30px;
  } 
  .winmatch_deposit_page_gif{
    top: 2%;
    width: 100%;
  }
  .claim_prize{
    top: 2%;
  }
  .fixedNavBtn{
    height: 50px !important;
    display: flex;
    justify-content: center !important;
  }
  .pop{
    top: -50px !important;
  }
  .claim_prize_text{
    top: 2%;
  }
  .claim_prize_image{
    top: unset;
  }
  .winmatch_md1 img, .winmatch_md2 img, .winmatch_md3 img {
    width: 80%;
  }
}
@media(max-width: 319px) {
  .main_wrpr .page_section:nth-child(2) {
    padding: 28px;
  }
  .main_wrpr .page_section:nth-child(5){
    padding: 20px 0;
  }
  p.fantasy_header {
    font-size: 32px;
    margin-bottom: 12px;
  }

  p.fantasy_content,
  ul.claim_prize_content {
    font-size: 12px;
  }

  .fantasy_body_content {
    gap: 0px;
  }

  p.claim_prize_header {
    font-size: 32px !important;
  }

  ul.claim_prize_content {
    margin: 20px 0px 0px 25px;
  }

  ul.claim_prize_content li {
    margin-bottom: 16px;
  }

  .bank_pic {
    margin-top: 80px;
  }

  p.welcome_text,
  p.surprise_heading,
  p.referandearn_heading {
    font-size: 18px;
  }
  p.start_play_header {
    font-size: 36px;
  }
  p.start_play_content {
    font-size: 12px;
  }
  button.play_now {
    height: 32px;
  }
  .start_play_header {
    width: 100%;
    max-width: 190px;
  }
  .winmatch_btns_foot {
    width: 80%;
  }
}

.imgSection {
  width: 20%;
}

@media (min-width: 360px) and (max-height: 768px) and (max-width: 480px) {
  p.fantasy_header,
  .fantasy_body_content p {
    font-size: 40px;
  }
  .scale_lady1, .scale_lady2 {
    max-width: 150px;
    height: unset;
  }
  .scale_imgs_row1, .scale_imgs_row2, .scale_imgs_row3 {
    height: 65vh;
  }
  .winmatch_deposit_page_gif {
    height: unset;
  }
  .deposit_cont {
    margin: 0 auto;
  }
  .deposit_paymode {
    margin-top: 0;
  }
  .payment_mode {
    margin-top: 10px;
  }
  .deposit_cont_text p {
    margin-top: 10px;
  }
  .claim_prize_image {
    width: 100%;
    justify-content: flex-start;
    top: 0;
  }
  .bank_pic {
    top: 5%;
  }
  .bank_pic img {
    width: 75%;
  }
}

/* Surface Duo */
@media (min-width: 540px) and (max-height: 721px) {
  .winmatch_label {
    top: 3%;
  }
  p.fantasy_header {
    font-size: 50px;
  }
  p.fantasy_content {
    font-size: 18px;
  }
  .fantasy_body_image {
    top: 30%;
  }
  .fantasy_body_content {
    margin: 0;
  }
  .howToPlayBtn {
    height: 30px;
  }
  .pop {
    top: -60px;
  }
  .footbtn {
    bottom: 2vw;
  }
  .fixedNavBtn {
    height: 60px;
  }
  .fantasy_body_content p {
    font-size: 36px;
  }
  .scale_imgs_row3,
  .scale_imgs_row2 {
    height: 500px;
  }
  .wnmatch_cardgames_text {
    margin-top: 0;
  }
  .wnmatch_cardgames_text h2 {
    font-size: 40px;
    line-height: 1.5;
  }
  .wnmatch_cardgames_text p {
    font-size: 16px;
    line-height: 1.5;
  }
  .scale_lady1, .scale_lady2 {
    max-width: 160px;
  }
  .scale_imgs_row2 h2, .scale_imgs_row3 h2 {
    letter-spacing: 6px;
    font-size: 60px;
  }
  .winmatch_deposit_page_gif {
    top: 2%;
  }
  .deposit_cont_text h2 {
    font-size: 36px;
  }
  .deposit_cont_text h4 {
    font-size: 24px;
  }
  .deposit_cont_text p {
    margin-top: 10px;
  }
  .payment_mode {
    margin-top: 10px;
  }
  .deposit_paymode {
    margin-top: 0px;
  }
  .winmatch_deposit_page_gif {
    height: 38%;
  }
  .winmatch_deposit_page_gif img {
    width: 90%;
  }
  p.claim_prize_header {
    font-size: 40px;
  }
  ul.claim_prize_content {
    font-size: 20px;
  }
  ul.claim_prize_content li {
    margin-bottom: 10px;
  }
  .claim_prize_image img {
    width: 50%;
  }
  .bouns_mdl1,
  .bouns_mdl2 {
    bottom: -5%;
  }
  .bouns_mdl1 h3, .bouns_mdl2 h3 {
    font-size: 60px;
  }
  .bouns_mdl1 p,
  .bouns_mdl2 p {
    font-size: 24px;
  }
}

@media (min-width: 280px) and (min-height: 768px) and (max-width: 480px) {
  p.offer_content {
    width: 100%;
  }
  .fantasy_header_sec {
    margin: 0 0 6% 0;
  }
  .scale_imgs_row1, .scale_imgs_row2, .scale_imgs_row3 {
    height: 530px;
  }
  .deposit_paymode img {
    height: 7vh;
  }
  .winmatch_deposit_page_gif {
    display: flex;
    align-items: end;
    height: 35%;
    top: 0;
  }
  .winmatch_deposit_page_gif img {
    width: 100%;
  }
  .deposit_paymode img {
    height: 48px;
  }
  .deposit_cont {
    margin: 8% auto 0;
  }
  .payment_mode {
    margin-top: 5%;
  }

  p.claim_prize_header {
    font-size: 42px;
  }
  ul.claim_prize_content {
    font-size: 24px;
  }
  ul.claim_prize_content li {
    margin-bottom: 14px;
  }
  .bank_pic,
  .claim_prize_image {
    width: 85%;
    margin-top: 0;
    top: 0;
  }
  .bank_pic img {
    width: 100%;
  }
  .claim_prize_image img {
    width: 32vh;
  }
  .wnmatch_cardgames_text {
    margin-top: 6vh;
  }
}

@media(max-width: 800px) and (max-height: 1025px) and (min-width: 601px) {
  .bouns_mdl1,
  .bouns_mdl2 {
    bottom: -5%;
  }
  .claim_prize_image img {
    width: 85%;
  }
}


/* Nexus 10 */
@media (min-width: 800px) and (max-height: 1281px) {
  .winmatch_md1 img, .winmatch_md2 img, .winmatch_md3 img {
    margin-top: 5%;
  }
  .fantasy_boody_sec {
    margin: 8% auto;
  }
  .fantasy_header_sec {
    padding-top: 10%;
  }
  .wnmatch_cardgames_text {
    margin-top: 5%;
  }
  .scale_imgs_row2,
  .scale_imgs_row3 {
    height: 850px;
    max-width: 380px;
  }
  .wnmatch_cardgames_text h2 {
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .scale_lady1,
  .scale_lady2 {
    max-width: 280px;
    left: -18px;
  }
  .claim_prize_text {
    height: 50%;
  }
  .claim_prize_text {
    padding-top: 10%;
  }
  .claim_prize_image img {
    padding-bottom: 10%;
  }
  .rewardSec .claim_prize_text {
    padding-top: 0;
  }
  .rewardSec .claim_prize_image {
    width: 90%;
  }
  .bouns_mdl1,
  .bouns_mdl2 {
    bottom: unset;
  }
}

@media (min-width: 820px) and (max-height: 1181px) {
  .fantasy_header_sec {
    padding-top: 10%;
  }
  .wnmatch_cardgames_text {
    margin-top: 5%;
  }
  .scale_imgs_row2,
  .scale_imgs_row3 {
    height: 850px;
    max-width: 380px;
  }
  .wnmatch_cardgames_text h2 {
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .scale_lady1,
  .scale_lady2 {
    max-width: 280px;
    left: -18px;
  }
  .claim_prize_text {
    height: 50%;
  }
  .claim_prize_text {
    padding-top: 10%;
  }
  .claim_prize_image img {
    padding-bottom: 10%;
  }
  .rewardSec .claim_prize_text {
    padding-top: 0;
  }
  .rewardSec .claim_prize_image {
    width: 60%;
  }
}

@media (min-width: 880px) and (min-height: 1024px) {
  .imgSection {
    width: 100%;
  }
  .claim_prize_text {
    height: 50%;
  }
  .wnmatch_cardgames_text h2,
  p.claim_prize_header {
    font-size: 80px;
  }
  .wnmatch_cardgames_text p,
  ul.claim_prize_content {
    font-size: 34px;
  }
  .bank_pic {
    height: 50%;
    justify-content: start;
  }

  /* sports games */
  .fantasy_header_sec {
    padding-top: 10%;
  }
  p.fantasy_header {
    font-size: 80px;
  }
  p.fantasy_content {
    font-size: 34px;
  }
  .fantasy_boody_sec {
    margin: 8% auto 10%;
  }

  /* card games */
  .wnmatch_cardgames_text {
    margin-top: 5%;
  }
  .scale_imgs_row2,
  .scale_imgs_row3 {
    height: 850px;
    max-width: 380px;
  }
  .wnmatch_cardgames_text h2 {
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .scale_lady1,
  .scale_lady2 {
    max-width: 280px;
    left: -18px;
  }
  .deposit_cont_text h2 {
    font-size: 60px;
  }
  .deposit_cont_text h4 {
    font-size: 40px;
  }
  .deposit_cont_text p {
    font-size: 34px;
  }
  .payment_mode {
    margin-top: 50px;
  }

  .claim_prize_text {
    height: 50%;
  }
  .claim_prize_text {
    padding-top: 10%;
  }
  .claim_prize_image img {
    padding-bottom: 10%;
  }
  .rewardSec .claim_prize_text {
    padding-top: 0;
  }
  .rewardSec .claim_prize_image {
    width: 60%;
  }
}

@media (max-width: 480px) and (max-height: 568px) and (min-height: 280px) {
  .page_section2 {
    justify-content: flex-start !important;
  }
  p.fantasy_header {
    padding-top: 20px !important;
  }
  .scale_lady1, .scale_lady2 {
    max-width: 110px !important;
  }
  .scale_imgs_row1, .scale_imgs_row2, .scale_imgs_row3 {
    height: 360px !important;
  }
  .claim_prize_image {
    margin-top: 0;
  }
  .deposit_paymode img {
    height: 5.4vh;
  }
}

/* Fold */
@media (max-width: 340px) and (max-height: 900px) and (min-height: 650px) {
  .winmatch_md1 img, .winmatch_md2 img, .winmatch_md3 img {
    width: 100%;
  }
  .page_section2 {
    padding: 20px 14px !important;
  }
  .fantasy_header_sec {
    margin-top: -10vh;
  }
  .fantasy_body_content {
    margin-top: 25px;
  }
  .deposit_paymode img {
    height: 5.5vh;
  }
  .scale_imgs_row1, .scale_imgs_row2, .scale_imgs_row3 {
    height: 65vh !important;
  }
  .scale_lady1, .scale_lady2 {
    max-width: 110px !important;
  }
  .bank_pic {
    margin-top: 0;
  }
  .bank_pic img {
    width: 90%;
  }
  p.fantasy_content, ul.claim_prize_content {
    font-size: 16px;
  }
  .rewardSec .claim_prize_image img {
    width: 75%;
  }
  .popup_contents_fantasy {
    max-height: 464px;
  }
}

@media (max-width: 375px) and (max-height: 667px){
  .deposit_paymode img{
    height: 6.5vh;
  }
  .deposit_cont_text p{
    margin-top: 5px;
  }
  .deposit_cont{
    top: -4%;
  }
  .winmatch_deposit_page_gif{
    width: 100%;
  }
}
@media (min-width: 390px) and (min-height: 844px) and (max-width: 480px){
  .deposit_cont{
    margin-top: 5%;
  }
  .payment_mode{
    margin-top:  5%;
  }
}
@media (max-width: 320px) and (max-height: 653px){
  .deposit_paymode img{
    height: 6.2vh;
  }
}