*,
*:before,
*:after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.page-center {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

body {
  background: #fff;
  font-size: 14px;
  line-height: 1.35;
  color: #000;
  font-family: 'Inter', sans-serif;
  margin: 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

*:focus {
  outline: none;
}

.n_hide {
  display: none;
}

.clearfix:after,
.clearfix:before {
  content: '';
  display: block;
  clear: both;
}

h3 {
  margin: 0 0 5px 0;
  font-size: 18px;
  color: #308a0d 
}

h3 a {
  color: inherit;
  text-decoration: none;
}

h5 {
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 5px 0
}

h4 {
  margin: 0;
  font-weight: 800;
  color: #01a9e7;
  font-size: 20px
}

.hide {
  display: none;
}

.small-text {
  text-align: center;
  font-size: 84%;
  padding-bottom: 25px;
  opacity: 0.68;
}

/* Table */
main table {
  border: 1px solid #dee2e6;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px
}

main table thead tr {
  background-color: #f6f6f6
}

main table thead tr th {
  vertical-align: bottom;
  border: 1px solid #dee2e6;
  padding: .3rem;
  border-bottom: 2px solid #dee2e6;
}

main table tbody tr td {
  border: 1px solid #dee2e6;
  padding: .3rem;
  vertical-align: top;
}

@media(min-width:768px) {
  .d_hide {
    display: none;
  }
}

@media(max-width:767px) {
  .m_hide {
    display: none;
  }

  main table thead tr th {
    font-size: 10px
  }#4ab321

  main table tbody tr td {
    font-size: 10px
  }
}

/* footer */
.top-footer_section-wrapper {
  background: #308a0d ;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 15px 0 15px 0;
  color: #fff !important;
}

.top-footer_section-wrapper h5 {
  margin: 0 0 5px 0;
}

.top-footer_section-wrapper p {
  margin: 0;
}

@media(max-width:767px) {
  .top-footer_section-wrapper {
    margin-top: 0px;
  }

  .top-footer_section-wrapper p {
    font-size: 10px;
    line-height: 1.5;
  }
}

footer {
  background: #308a0d;
  color: #fff;
  padding: 25px 0;
}

footer a {
  color: #fff;
}

footer h5 {
  margin: 0 0 10px 0;
  font-size: 16px;
}

.column ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.column li {
  font-size: 15px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.top_footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 25px;
}

.middle_footer_desktop,
p.copyright {
  text-align: center;
}

.column li span {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
  text-align: center;
}

.middle_footer_desktop {
  margin-bottom: 10px;
}

p.copyright {
  margin: 0;
  color: rgba(255, 255, 255, 0.681026);
}

@media(max-width:767px) {
  .mobile_combo {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .middle_footer_desktop img {
    width: 66px;
  }

  .top_footer img {
    width: 89px;
  }

  .social_share {
    text-align: center;
  }

  .social_share p,
  p.copyright {
    font-size: 12px;
  }

  footer {
    margin-bottom: 110px;
  }

  footer .share a,
  footer .share span {
    display: inline-block;
    margin: 0 6px;
    vertical-align: middle;
  }

  .page-center {
    max-width: 420px;
    width: 100%;
  }

  hr {
    border: none;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.4);
  }

  footer p.link a,
  footer p.link,
  p.copyright {
    color: rgba(255, 255, 255, 0.681026);
    text-align: center;
  }

  .cta_2 p {
    font-size: 12px;
    margin: 10px 0;
    text-align: center;
  }

  .cta_2 p span {
    font-weight: bold;
    color: #429dd4;
    font-size: 16px;
  }

  .cta_2 img {
    cursor: pointer;
  }

  .cta_2 {
    position: fixed;
    width: 100%;
    background: #fff;
    text-align: center;
    padding-bottom: 20px;
    transition: bottom 500ms ease-in-out;
    box-shadow: 0px -2px 6px rgb(0 0 0 / 8%);
    z-index: 111;
    bottom: -100%;
  }

  .cta_2.active {
    bottom: 0
  }

  .mobile_menu {
    display: flex;
    justify-content: space-around;
    align-items: flex-start
  }

  .mobile_menu .column li {
    font-size: 12px
  }

  .mobile_menu .column h5 {
    font-size: 14px
  }

  .mobile_menu .column.right-aligned {
    text-align: right
  }

  .certified_logo .inner_div {
    flex-direction: column;
  }

  .certified_logo .inner_div img {
    height: 35px;
    width: auto;
    margin-bottom: 5px;
  }

  .certified_logo {
    padding-top: 3px;
  }
}

/* header */
header {
  text-align: center;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 112;
  padding: 15px 0 15px 0;
}

.mobile_open header {
  background: #fff !important;
  box-shadow: none !important;
}

.mobile_trigger {
  position: absolute;
  right: 15px;
  cursor: pointer;
}

.close-menu {
  text-align: left;
  display: none;
}

.mobile_open .close-menu {
  display: block;
}

.close-menu span {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  top: 7px;
}

.close-menu span:before,
.close-menu span:after {
  left: 8px;
  top: 0;
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #484747;
  transform: rotate(45deg);
}

.close-menu span:after {
  transform: rotate(-45deg);
}

.mobile_open .mobile_trigger img {
  display: none;
}

.cta_1 {
  padding-top: 10px;
  padding-bottom: 11px;
}

.cta_1 p {
  margin: 0 0 10px 0;
  font-size: 12px;
}

.cta_1 p span {
  font-size: 16px;
  color: #308a0d;
  font-weight: bold;
}

.cta_1 img {
  cursor: pointer;
}

.logo {
  text-align: left;
}

.top_header p {
  margin: 0;
  text-align: center;
}

.top_header {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.306);
  background: #fff;
  position: relative;
  padding: 13px;
  font-size: 16px;
  color: #223368;
}

.top_header span {
  font-weight: bold;
}

header .logo a {
  position: relative;
  display: inline-block;
}

header .logo a picture:first-child {
  position: absolute;
}

header .logo a picture:last-child {
  opacity: 0;
}

.mobile_trigger>span {
  position: relative;
  display: inline-block;
  top: 4px;
}

.mobile_trigger>span img:first-child {
  position: absolute;
  top: 5px
}

.mobile_trigger>span img:last-child {
  opacity: 0
}

.mobile_open header .logo a picture:first-child {
  display: none
}

.mobile_open header .logo a picture:last-child {
  opacity: 1 !important
}

@media(max-width:767px) {
  nav {
    top: 60px;
    bottom: 0;
    z-index: 1;
    overflow: auto;
    padding: 20px;
    background: #fff;
    position: fixed;
    width: 100%;
    left: -100%;
  }

  .mobile_open nav {
    left: 0;
  }

  nav ul {
    margin: 0;
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    min-height: calc(100% - 104px);
  }

  nav ul li {
    padding: 12px 15px 0px 15px;
  }

  nav ul li.main_link {
    background: #308a0d;
  }

  nav ul a {
    align-items: center;
    display: flex;
    padding: 0;
    color: inherit;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    max-width: 420px
  }

  nav ul li.main_link a {
    margin: 0 auto;
    border-bottom: 0.5px solid #fff;
    padding-bottom: 12px;
  }

  nav ul li:not(.main_link) a {
    margin: 0 auto;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 12px;
  }

  nav ul li.main_link:nth-child(5) a,
  nav ul li:not(.main_link):last-child a {
    border: none;
  }

  nav ul a span {
    margin-left: 20px;
  }
}

/*Banner*/
section.banner-area {
  background: linear-gradient(180deg, #F9F9F9 0%, #308a0d 100%);
}

.banner-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0
}

.banner-wrapper .left-column {
  flex-direction: column;
  justify-content: space-between;
  display: flex
}

.banner-wrapper .left-column .app-sms {
  margin: 12vw 0
}

.instant_withdraw>div {
  display: flex;
  font-size: 10px
}

.banner-wrapper h2 {
  font-size: 24px;
  color: #308a0d;
  margin: 0 0 20px 0
}

.banner-wrapper h2 span {
  display: block;
  color: #308a0d
}

.instant_withdraw>div .col {
  display: flex;
  align-items: center;
  margin-right: 20px
}

.instant_withdraw>div .col img {
  margin-right: 8px;
}

.get-app-btn {
  cursor: pointer;
  margin-left: 3px;
  border-radius: 4px;
  border: none;
  background-color: #308a0d;
  text-align: center;
  color: #fff;
  padding: 10px 15px
}

input.phone-number {
  border: 1px solid grey;
  background-color: #fff;
  border-radius: 4px;
  padding: 8px 5px 8px 30px;
  color: #383838;
  font-size: 14px;
  width: calc(100% - 141px);
  margin-left: -24px
}

.digit {
  display: flex;
  align-items: center;
}

label.invalid {
  margin-top: 1px;
  color: red;
  display: none
}

.message {
  margin-top: .5rem;
  font-size: 85%;
  display: none
}

.message.showGreen {
  display: block;
  color: green;
  font-size: 85%
}

.banner-cta,
.down_arrow {
  text-align: center;
}

.down_arrow img {
  cursor: pointer;
}

@media(max-width:970px) and (min-width:768px) {
  .banner-wrapper h2 {
    font-size: 2.3vw;
    margin-bottom: 10px
  }

  .instant_withdraw>div {
    font-size: 1vw
  }

  .instant_withdraw>div img {
    width: 2.5vw
  }

  .instant_withdraw>div .col {
    margin-right: 1.2vw
  }
}

@media(max-width:767px) {
  section.banner-area {
    background: #fff
  }

  .instant_withdraw>div {
    font-size: 9px
  }

  .banner-wrapper {
    padding: 15px 0;
  }

  picture.mobile-banner img {
    display: block;
    margin: 0 auto
  }

  .banner-wrapper .left-column {
    width: 100%
  }

  .instant_withdraw>div {
    justify-content: space-between
  }
}

@media(max-width:355px) {
  .instant_withdraw>div {
    font-size: 2.2vw;
  }
}

/* Main Content Rick Text*/
main {
  padding-top: 25px;
  padding-bottom: 20px
}

main h1,
main h2,
main .h2 {
  text-align: center;
  margin: 0 0 15px 0;
  font-size: 22px;
  text-transform: uppercase;
  color: #393939;
  font-weight: 600;
}

main p {
  font-size: 14px;
  color: #393939;
  line-height: 1.4;
  margin: 0 0 15px 0
}

main #hs_cos_wrapper_flexi .hs_cos_wrapper_type_rich_text,
main #hs_cos_wrapper_flexi12 .hs_cos_wrapper_type_rich_text {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 15px 5px 15px;
  position: relative;
  display: block
}

main #hs_cos_wrapper_flexi .hs_cos_wrapper_type_rich_text ul,
main #hs_cos_wrapper_flexi12 .hs_cos_wrapper_type_rich_text ul {
  font-size: 14px;
  color: #393939;
  line-height: 1.4;
  padding-left: 25px;
  margin-top: 0
}

main #hs_cos_wrapper_flexi .hs_cos_wrapper_type_rich_text ul strong,
main #hs_cos_wrapper_flexi12 .hs_cos_wrapper_type_rich_text ul strong {
  font-weight: 600
}

@media(max-width:970px) and (min-width:768px) {

  main h1,
  main h2,
  main .h2 {
    font-size: 2.3vw;
    margin-bottom: .8rem
  }

  main p,
  main #hs_cos_wrapper_flexi .hs_cos_wrapper_type_rich_text ul,
  main #hs_cos_wrapper_flexi12 .hs_cos_wrapper_type_rich_text ul {
    font-size: 1.5vw;
    margin-bottom: .8rem
  }

  main h3 {
    font-size: 1.8vw;
    margin-bottom: .4rem
  }
}

@media(max-width:767px) {

  main h1,
  main h2,
  main .h2 {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
  }

  main p,
  main #hs_cos_wrapper_flexi .hs_cos_wrapper_type_rich_text ul,
  main #hs_cos_wrapper_flexi12 .hs_cos_wrapper_type_rich_text ul {
    font-size: 12px;
    line-height: 1.5;
    color: #393939;
    margin-bottom: 10px
  }

  main {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  h3 {
    font-size: 12px;
    margin-bottom: 4px
  }

  main #hs_cos_wrapper_flexi .hs_cos_wrapper_type_rich_text,
  main #hs_cos_wrapper_flexi12 .hs_cos_wrapper_type_rich_text {
    max-width: 420px;
    padding-bottom: 0;
    padding-top: 10px
  }
}

/* Game OPtions */
.option-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.option-group>div {
  position: relative;
  width: 49%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
  border-radius: 5px;
  background: #fff;
  border: .5px solid #0c478c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2%;
  padding: 10px 25px
}

.option-group>div a.full-width-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.option-item p {
  margin: 0
}

.option-group>div .option-detail {
  margin-left: 25px;
  width: calc(100% - 54px);
}

.game-options {
  padding-top: 25px
}

@media(max-width:767px) {
  .game-options {
    background: #308a0d;
    margin-top: 5px;
    padding-top: 25px;
    padding-bottom: 30px
  }

  .option-group {
    margin-top: 15px
  }

  .option-group>div {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    border: none;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px
  }

  .option-group>div:last-child {
    margin-bottom: 0
  }

  .option-group>div .option-icon {
    width: 51px;
  }
}

/* Testimonial */
.testimonial-set {
  display: flex;
  justify-content: space-between;
  margin-top: 30px
}

.testimonial-set>div {
  width: 48%
}

.testimonials {
  margin-top: 5px
}

.quote-inner {
  box-shadow: 0 0 8px rgba(0, 0, 0, .298);
  background: #fff;
  border-radius: 5px;
  height: 100%;
  padding: 20px 20px 50px 20px
}

.quote-item {
  padding: 7px
}

.quotes-group,
.quotes-group>div,
.quotes-group>div>div {
  height: 100%
}

.author_group {
  text-align: center
}

.slick-slide .author_group img {
  background: #49beee;
  border-radius: 50%;
  padding: 4px;
  display: inline-block;
  width: 11vw;
  height: 11vw;
  max-width: 160px;
  max-height: 160px;
  object-fit: cover;
}

.author_detail {
  margin-top: 15px
}

.testimonial-set blockquote {
  margin: 20px 0 0 0;
  padding: 15px 10px;
  background: #308a0d;
  border-radius: 10px
}

.quote-inner blockquote~p {
  text-align: center;
  margin-top: 10px;
  font-weight: 600
}

.testimonial-set ul.slick-dots {
  bottom: 20px
}

.testimonial-set ul.slick-dots li {
  width: 10px;
  height: 10px
}

.testimonials h2 span.view-more a {
  color: #07448E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 75%;
}

@media(max-width:1080px) and (min-width:768px) {
  h5 {
    font-size: 1.8vw
  }

  h4 {
    font-size: 2vw
  }

  .slick-slide .author_group img {
    width: 9vw;
    height: 9vw;
    padding: 2px
  }

  .author_detail {
    margin-top: 1vw
  }

  .testimonial-set blockquote {
    margin-top: 1.5vw;
    font-size: 1.5vw;
    padding: 1.5vw 10px
  }

  .quote-inner {
    padding: 3vw 2vw 3vw 2vw
  }
}

@media(max-width:767px) {
  .testimonials .page-center>h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .testimonials {
    margin-top: 25px;
  }

  .testimonial-set {
    flex-direction: column;
    margin-top: 10px;
  }

  .testimonial-set>div {
    width: 100%
  }

  .testimonial-set .right-quotes .slick-list {
    overflow: overlay
  }

  .quote-item {
    width: 266px;
    margin-right: 10px;
  }

  .testimonial-set .right-quotes .slick-list .slick-track {
    width: 1104px !important
  }

  .quote-inner {
    background: #f1fcff;
    box-shadow: 0 0 4px rgb(13 49 62 / 10%);
    border-radius: 4px;
    padding: 0;
    min-height: 236px;
  }

  .author_group {
    display: flex;
    align-items: flex-end;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
  }

  .slick-slide .author_group img {
    width: 52px;
    border-radius: 50%;
    overflow: hidden;
    height: 52px;
    padding: 0
  }

  .author_detail {
    margin: 0;
    text-align: left;
    width: calc(100% - 52px)
  }

  .author_detail h4 {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
    z-index: 1;
    width: 100%;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-top: 6px;
    line-height: 1.5
  }

  .author_detail h5 {
    padding-left: 10px
  }

  .author_detail h4:before {
    content: '';
    background: #308a0d;
    position: absolute;
    left: -30px;
    width: calc(100% + 41px);
    height: 100%;
    z-index: -1;
    top: -1px
  }

  .author {
    position: relative;
    z-index: 2
  }

  .author_detail h4 span {
    background: linear-gradient(180deg, #fff 0, #ffc859 100%);
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
  }

  .author_group~p {
    border-left: 6px solid #cdf0fd;
    font-size: 14px;
    font-weight: 400;
    padding-left: 7px;
    margin-top: 15px;
    margin-bottom: 0
  }

  .author_group~p strong {
    font-weight: 400
  }

  .testimonial-set blockquote {
    font-style: italic;
    font-size: 12px;
    margin-top: 0;
    color: #393939;
    line-height: 1.5
  }
}

/* Faq */
.faq-group {
  margin-top: 50px;
  margin-bottom: 30px
}

.inner-faq-set ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.inner-faq-set .content {
  display: flex;
  font-size: 80%;
  line-height: 1.5;
  padding: 0 30px 15px 30px
}

.inner-faq-set ul li {
  border-radius: 3px;
  border: 1px solid #a2a3a4;
  background: #fff;
  margin-bottom: 14px
}

.inner-faq-set ul li:last-child {
  margin-bottom: 0
}

.inner-faq-set ul li .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  cursor: pointer;
  color: #000
}

span.arrow_icon img {
  vertical-align: middle
}

.active span.arrow_icon {
  transform: rotate(181deg)
}

span.arrow_icon {
  transition: all .2s ease-in
}

@media(max-width:970px) and (min-width:768px) {
  .inner-faq-set ul li {
    font-size: 1.5vw
  }

  .inner-faq-set ul li .heading {
    padding: 1.4vw 2vw
  }

  .inner-faq-set .content {
    padding: 0 2vw 1.4vw 2vw
  }
}

@media(max-width:767px) {
  .inner-faq-set ul li {
    font-size: 10px
  }

  .inner-faq-set ul li .heading {
    padding: 10px 15px
  }

  .inner-faq-set .content {
    padding: 0 15px 10px 15px
  }

  .faq-group {
    margin-top: 20px;
    margin-bottom: 20px
  }
}

/* Iframe */
.iframe-container {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 25px
}

.inner-iframe {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  height: 261px
}

.inner-iframe iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

@media(max-width:767px) {
  .inner-iframe {
    height: auto;
    padding-bottom: 52%
  }

  .iframe-container {
    padding-bottom: 15px
  }
}

/* Blue Section */
.blue-section-group {
  background: #308a0d;
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 15px 0 15px 0
}

.title-set p {
  display: flex;
  align-items: center
}

.title-set p strong {
  margin-left: 5px;
  font-style: italic
}

/* Why Paytm First Games */
.why-paytm-first-games .inner-slider-item {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start
}

.why-paytm-first-games .inner-slider-item div.info-slides {
  background: #f8f8f8;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px;
  margin-bottom: 1.3vw
}

.why-paytm-first-games .inner-slider-item div.info-slides h4 {
  font-size: 0.9vw;
  color: #000;
  line-height: 1.5
}

.why-paytm-first-games .left_column-section {
  width: 60px
}

.why-paytm-first-games .right_column-section {
  width: calc(100% - 60px);
  padding-left: 10px
}

.why-paytm-first-games .right_column-section ul {
  margin: 0;
  padding: 5px 0 0 10px;
  color: #393939;
  font-size: 0.8vw;
  line-height: 1.5
}

.why-paytm-first-games .right_column-section ul li {
  margin-bottom: 5px;
}

.why-paytm-first-games {
  padding-top: 10px
}

.why-paytm-first-games-group {
  padding-top: 10px;
  padding-bottom: 21px
}

@media(min-width:768px) {
  .why-paytm-first-games .inner-slider-item>div {
    width: 32%
  }
}

@media(max-width:767px) {
  .why-paytm-first-games .left_column-section {
    width: 60px
  }

  .why-paytm-first-games .right_column-section {
    width: calc(100% - 60px)
  }

  .why-paytm-first-games .inner-slider-item div.info-slides h4 {
    font-size: 12px
  }

  .why-paytm-first-games .right_column-section ul {
    font-size: 9px
  }

  .why-paytm-first-games-group {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 50px
  }

  /*body.inside-the-app footer .social_share{display:none;}*/
  body.inside-the-app .cta_1,
  body.inside-the-app .cta_2,
  body.inside-the-app p.apk_btn,
  body.inside-the-app .social_share,
  body.inside-the-app .how_to_install {
    display: none !important;
  }

  body.inside-the-app .footer_logo a,
  body.inside-the-app header .logo a {
    pointer-events: none;
  }

  body.inside-the-app footer {
    margin-bottom: 0;
  }
}

/* Lang_switch */

.globe_class:hover .lang_list_class,
.lang_list_class {
  display: none;
}

.globe_class.active .lang_list_class {
  display: block;
}

.lang_switcher_class .globe_class {
  background: url(images/lang_switch.png);
  background-size: contain;
  width: 47px;
  height: 30px;
  background-repeat: no-repeat;
  border-radius: 0;
}

.lang_switch {
  position: absolute;
  right: 45px;
  top: 3px;
}

.lang_switcher_class .globe_class ul.lang_list_class:before,
.lang_switcher_class .globe_class ul.lang_list_class:after {
  opacity: 0;
}

.lang_switcher_class .globe_class ul.lang_list_class {
  right: 0;
  left: auto;
  transform: none;
  -webkit-transform: none;
  background: #FFFFFF;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  top: 30px;
  padding: 0;
  overflow: hidden;
  min-width: 120px;
}

.lang_switcher_class .globe_class ul.lang_list_class li a {
  padding: 6px 8px;
  border-bottom: 0.5px solid #CECECE;
  border-left: 0;
  border-radius: 0;
  border-top: 0;
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #8E8E8E;
  text-align: left;
}

.lang_switcher_class .globe_class ul.lang_list_class li {
  padding: 0;
  border: 0;
}

.lang_switcher_class .globe_class ul.lang_list_class li:last-child a {
  border: none;
}

.lang_switcher_class .globe_class ul.lang_list_class li:first-child a {
  background: #F0F0F0;
}

@media(min-width:768px) {
  .lang_switch {
    top: auto;
    bottom: -115px;
    z-index: 1;
  }
}

/*** Main Menu */
@media (min-width: 768px) {
  .top_header.fixed_header {
    z-index: 99;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }

  .top_header.fixed_header .top_inner_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul {
    display: flex;
    justify-content: space-between;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul ul {
    position: absolute;
    background: #EEEEEE;
    border: 0.5px solid #B7B7B7;
    display: none;
    margin-top: 15px;
    min-width: 200px;
  }

  .top_header.fixed_header .top_inner_section .logo-section {
    width: 127px;
  }

  .top_header.fixed_header .top_inner_section .main-menu-section {
    width: calc(85% - 127px);
  }

  .top_header.fixed_header .top_inner_section .main-menu-section a {
    font-weight: 500;
    color: #308a0d;
    display: block;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul>li {
    padding: 0px 0 15px 0;
    margin-top: 15px;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul ul a {
    display: block;
    border-bottom: 0.5px solid #B7B7B7;
    padding: 6px 15px;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul ul li:last-child a {
    border-bottom: none;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul>li:hover>ul {
    display: block;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    background: url(images/expand-1.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 18px auto;
    padding-right: 30px;
  }

  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul ul a:hover,
  .top_header.fixed_header .top_inner_section .hs-menu-wrapper>ul ul li.active>a {
    font-weight: 800;
  }

  section.banner-area {
    margin-top: 78px;
  }
}

@media (max-width: 970px) and (min-width: 768px) {
  .top_header.fixed_header .top_inner_section .main-menu-section a {
    font-size: 1.65vw;
  }
}


@media(min-width:768px) {
  .rummy-menu-section {
    position: fixed;
    top: 78px;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 98;
  }

  .rummy-menu-section .hs-menu-wrapper>ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    justify-content: space-around;
    max-width: 1250px;
  }

  .rummy-menu-section .hs-menu-wrapper>ul ul {
    position: absolute;
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 180px;
  }

  .rummy-menu-section .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    background: url(images/expand-2.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 18px auto;
    padding-right: 30px;
  }

  .rummy-menu-section .hs-menu-wrapper>ul>li>a {
    font-weight: 600;
    color: #444444;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .rummy-menu-section .hs-menu-wrapper>ul>li:hover>ul {
    display: block;
  }

  .rummy-menu-section .hs-menu-wrapper>ul>li:hover>a,
  .rummy-menu-section .hs-menu-wrapper>ul>li.active>a,
  .rummy-menu-section .hs-menu-wrapper>ul>li.active-branch>a {
    color: #308a0d;
    font-weight: 800;
  }

  .rummy-menu-section .hs-menu-wrapper>ul>li.hs-item-has-children:hover>a,
  .rummy-menu-section .hs-menu-wrapper>ul>li.hs-item-has-children.active>a,
  .rummy-menu-section .hs-menu-wrapper>ul>li.hs-item-has-children.active-branch>a {
    background-image: url(images/expand-1.png);
  }

  .rummy-menu-section .hs-menu-wrapper>ul ul li a {
    font-weight: 500;
    display: block;
    color: #308a0d;
    border-bottom: 0.5px solid #CBCBCB;
    padding: 10px 0;
  }

  .rummy-menu-section .hs-menu-wrapper>ul ul li {
    padding: 0 15px;
  }

  .rummy-menu-section .hs-menu-wrapper>ul ul li:last-child>a {
    border-bottom: none;
  }

  .rummy-menu-section .hs-menu-wrapper>ul ul:before {
    content: '';
    position: absolute;
    background: #308a0d;
    height: 3px;
    width: 70%;
  }

  .rummy-menu-section .hs-menu-wrapper>ul ul li a:hover,
  .rummy-menu-section .hs-menu-wrapper>ul ul li.active a {
    font-weight: 800;
  }
}

@media(min-width:768px) and (max-width:1080px) {
  .rummy-menu-section .hs-menu-wrapper>ul>li>a {
    font-size: 1.3vw;
  }

  .rummy-menu-section .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    background-size: 1.5vw auto;
    padding-right: 2vw;
  }
}


.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: '←'
}

[dir=rtl] .slick-prev:before {
  content: '→'
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: '→'
}

[dir=rtl] .slick-next:before {
  content: '←'
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

ul.slick-dots button {
  display: none
}

ul.slick-dots li {
  width: 6px;
  height: 6px;
  background: #e5e5e5;
  border-radius: 50%;
  cursor: pointer
}

ul.slick-dots li.slick-active {
  background: #00aef4
}

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: '←'
}

[dir=rtl] .slick-prev:before {
  content: '→'
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: '→'
}

[dir=rtl] .slick-next:before {
  content: '←'
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

ul.slick-dots button {
  display: none
}

ul.slick-dots li {
  width: 6px;
  height: 6px;
  background: #e5e5e5;
  border-radius: 50%;
  cursor: pointer
}

ul.slick-dots li.slick-active {
  background: #00aef4
}

/* .banner-wrapper .right-column img{opacity:0} */
section.banner-area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right
}

p.qr-section {
  display: flex;
  color: #308a0d;
  align-items: center
}

p.qr-section>span {
  width: 63%;
  font-size: 125%
}

.banner-wrapper h2 {
  font-weight: 400
}

.banner-wrapper h2 span {
  font-weight: 700
}

.advanced_banner_option {
  margin-bottom: 20px;
}

.advanced_banner_option span.top_blue_banner_heading {
  color: #308a0d;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.advanced_banner_option .light_blue_heading {
  color: #308a0d;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
}

.advanced_banner_option span.bottom_blue_banner {
  color: #308a0d;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  display: inline-block;
}

.advanced_banner_option span.bottom_blue_banner strong {
  font-weight: 900;
}

@media(max-width:980px) and (min-width:768px) {
  .advanced_banner_option span.top_blue_banner_heading {
    font-size: 2.5vw;
  }

  .advanced_banner_option p.light_blue_heading {
    font-size: 3.1vw;
    line-height: 1.2;
  }

  .advanced_banner_option span.bottom_blue_banner {
    font-size: 3.1vw;
  }
}

@media(max-width:767px) {
  section.banner-area {
    background-image: none !important;
  }
}

/* Play All in One */
.mobile_games {
  margin-bottom: 15px;
}

.mobile_games .game_item {
  position: relative;
}

.full_width-d,
.full_width-m {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

@media(min-width:768px) {
  .mobile_games .game_item {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #a2a3a4;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s ease-in
  }

  .mobile_games .game_item img {
    vertical-align: middle;
    width: 30px
  }

  .mobile_games .summary_content {
    display: flex;
    align-items: center;
    width: 83%;
    padding: 12px 2vw;
    text-transform: uppercase
  }

  .mobile_games .summary_content p {
    margin: 0;
    font-size: 85%
  }

  .mobile_games .game_item:not(:last-child) {
    margin-bottom: 20px
  }

  .mobile_games .game_item .game_icon {
    display: flex;
    background: #f7f7f7;
    border-radius: 3px 0 0 3px;
    width: 17%;
    text-align: center;
    padding: 12px 2vw;
    align-items: center;
    transition: all .3s ease-in
  }

  .mobile_games .game_item .game_icon h2 {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    margin-left: 10px
  }

  .mobile_games .game_item:hover {
    box-shadow: 0 4px 4px rgb(0 0 0 / 20%)
  }

  .mobile_games .game_item:hover .game_icon {
    background: #308a0d
  }

  .mobile_games .summary_content p.d-homepage-summary {
    font-weight: 700
  }

  .mobile_games .summary_content p.d-homepage-summary span {
    display: block;
    font-weight: 400;
    margin-top: 5px;
    text-transform: initial
  }

  .mobile_games .summary_content p.d-homepage-summary span a {
    color: #308a0d;
    font-weight: 700
  }

  .mobile_games .game_item {
    align-items: stretch
  }
}

@media(max-width:767px) {
  .mobile_games {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center
  }

  .mobile_games>div {
    background: #fff;
    border: 2px solid #f4f4f4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    border-radius: 5px;
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 159px;
    margin-bottom: 10px;
    cursor: pointer
  }

  .mobile_games>div h2 {
    color: #308a0d;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 2px
  }

  .mobile_games>div p {
    font-size: 10px;
    line-height: 14px;
    margin: 0
  }

  .mobile_games>div .more_game {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #000;
    background: #f4f4f4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    border-radius: 0 0 5px 5px;
    padding: 7px;
    margin-bottom: -2px;
    margin-top: 0
  }

  .mobile_games>div .game_icon {
    padding: 10px 10px 4px 10px
  }

  .mobile_games>div .summary_content {
    padding: 0 13px 5px 13px
  }

  .mobile_games>div:hover,
  .mobile_games>div:hover .summary_content {
    background: #308a0d
  }

  .mobile_games>div:hover .more_game {
    background: #fff
  }

  .inside-the-app .game_item a.m_hide.full_width-m {
    display: block;
  }
}

/* Review & Rating */
@media(max-width:767px) {
  section.review_section {
    background: #308a0d;
    margin-top: 25px;
    padding-top: 27px;
    padding-bottom: 20px
  }
}

/* Testimonials */
.why-paytm-first-games-group {
  display: none;
}

@media(min-width:768px) {
  .testimonials {
    display: none;
  }
}

/* Games Guide */
@media(max-width:767px) {
  .games_info {
    background: #fff;
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-left: 0;
    padding-right: 0
  }

  .games_info ul.faq_list {
    padding: 0;
    margin: 0;
    list-style: none
  }

  .games_info ul.faq_list li {
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    border-radius: 5px;
    border: 1px solid #a2a3a4;
    margin-bottom: 10px;
    background: #fff;
    position: relative
  }

  .games_info ul.faq_list h4 {
    justify-content: flex-start;
    padding: 7px 10px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    color: #308a0d;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-shadow: none
  }

  .games_info ul.faq_list h4 img {
    margin-right: 15px
  }

  .games_info ul.faq_list li h4>span {
    position: absolute;
    right: 0;
    top: 4px
  }

  .games_info ul.faq_list li .content {
    display: none;
    padding-bottom: 20px
  }

  .games_info ul.faq_list li.active h4 span {
    transform: rotateX(180deg);
    top: 16px
  }

  .games_info ul.faq_list li.active .content {
    display: block
  }

  .games_info ul.faq_list li .content hr {
    border-bottom: .5px solid rgba(0, 0, 0, .2);
    max-width: calc(100% - 30px);
    margin-top: 0;
    margin-bottom: 12px
  }

  .games_info ul.faq_list li p {
    display: block;
    color: #000;
    width: 100%;
    padding: 0 15px 15px 15px;
    margin: 0
  }

  .games_info ul.faq_list li .icons_set {
    display: flex;
    justify-content: space-around;
    padding: 10px 15px 12px 15px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 20px
  }

  .games_info ul.faq_list li .icons_set span {
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    padding: 10px 0
  }

  .more_content {
    border-top: 1px solid #d4d4d4;
    padding-top: 15px;
    margin-top: 7px
  }

  .inner_game_fq {
    margin-bottom: 25px
  }

  .inner_game_fq ul {
    padding: 0 15px;
    margin: 0;
    list-style: none
  }

  .games_info ul.faq_list li .inner_game_fq ul li {
    border: 1px solid #a2a3a4;
    border-radius: 2px;
    margin-bottom: 8px
  }

  .games_info ul.faq_list li .inner_game_fq ul li h5 {
    width: 100%;
    font-size: 10px;
    line-height: 14px;
    color: #000;
    text-align: left;
    padding: 7px 45px 7px 8px;
    position: relative;
    font-weight: 400;
    cursor: pointer
  }

  .games_info ul.faq_list li .inner_game_fq ul li h5 span {
    position: absolute;
    right: 15px;
    top: 5px
  }

  .games_info ul.faq_list li .inner_game_fq ul li p {
    padding: 7px 9px 10px 9px;
    display: none
  }

  .games_info ul.faq_list li .inner_game_fq ul li.active p {
    display: block
  }

  .games_info ul.faq_list li .inner_game_fq ul li.active h5 span {
    transform: rotateX(180deg);
    top: 10px
  }

  .fantasy_games_info {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 12px
  }

  .fantasy_games_info>div {
    padding: 0 10px
  }

  .fantasy_games_info>div:not(:last-child) {
    border-right: .5px solid #c7c7c7
  }

  .fantasy_games_info span {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    color: #000;
    display: block;
    margin-top: 9px
  }

  .content .video_section {
    padding: 0 15px;
    margin-top: 5px;
    margin-bottom: 10px
  }

  .video_section video {
    max-width: 100%;
    cursor: pointer
  }

  .fantasy_slide {
    padding: 45px 15px 10px 15px;
    text-align: center
  }

  .fat_item h6 {
    margin: 10px 0
  }

  .fat_item img {
    display: inline-block
  }

  .games_info ul.faq_list li .fat_item p {
    padding: 0;
    text-align: center;
    margin-top: 10px
  }

  .fantasy_slide ul.slick-dots {
    bottom: auto;
    top: -38px;
    justify-content: space-around;
    display: flex !important
  }

  .fantasy_slide ul.slick-dots li {
    box-shadow: none;
    width: auto;
    height: auto;
    border-radius: 0;
    background: #fff;
    border: none;
    margin: 0 5px;
    cursor: pointer;
    margin-bottom: 10px
  }

  .fantasy_slide ul.slick-dots button {
    border: 1px solid #308a0d;
    background: #fff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #308a0d;
    width: 29px;
    height: 29px;
    padding: 0;
    justify-content: center;
    cursor: pointer
  }

  .fantasy_slide ul.slick-dots li.slick-active button {
    background: #308a0d;
    color: #fff
  }

  .fantasy_slide .slick-dotted.slick-slider {
    margin-bottom: 0
  }
}

/* How to Get Started */
@media(min-width:768px) {
  .depoist_slider {
    background: #308a0d;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 50px
  }

  .inner_deposit_slider p {
    font-size: 80%
  }

  .depoist_slider ul.slick-dots {
    left: 0;
    bottom: -35px
  }

  .inner_deposit_slider {
    display: flex;
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    justify-content: center;
    align-items: center
  }

  .inner_deposit_slider>div.content_item_set {
    width: 45%;
    margin-right: 2%
  }

  .inner_deposit_slider>div.image_item_set {
    width: 145px
  }

  .inner_deposit_slider>div.image_item_set img {
    width: 145px
  }

  .inner_deposit_slider>div.content_item_set>div {
    background: #fff;
    margin: 0;
    padding: 30px 4vw;
    box-shadow: 0 2px 2px rgb(0 0 0 / 25%);
    border-radius: 4px
  }
}

@media(max-width:767px) {
  .inner_deposit_slider {
    position: relative
  }

  .content_item_set {
    background: #f3f8fb
  }

  .image_item_set {
    position: relative;
    max-width: 420px;
    margin: 0 auto
  }

  .image_item_set>div {
    position: absolute;
    top: -260px;
    right: 0;
    width: 146px
  }

  .content_item_set>div {
    max-width: 420px;
    margin: 0 auto;
    padding: 0 15px
  }

  .content_item_set>div .item_content {
    padding-right: 164px
  }

  .inner_deposit_slider h3 {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #07448e;
    text-transform: uppercase;
    margin: 0;
    padding-top: 22px;
    padding-bottom: 10px
  }

  .inner_deposit_slider p {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 10px;
    line-height: 14px;
    color: #000
  }

  .depoist_slider {
    margin-top: 20px;
    margin-bottom: 70px
  }

  .depoist_slider h2 {
    margin-bottom: 20px
  }

  .content_item_set ul.slick-dots {
    width: 50%;
    bottom: -30px
  }
}

/* Abput Us */
.one-column-full-width {
  padding-top: 25px;
}

/* How to Install */
@media(min-width:768px) {
  main {
    padding-top: 0;
  }

  .how_to_install {
    background: #308a0d;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 45px;
    margin-bottom: 30px;
  }

  .outer_install {
    max-width: 1150px;
    margin: 0 auto;
    padding: 10px 15px 0 15px;
    position: relative
  }

  .how_to_install p {
    text-align: center
  }

  .how_to_install h2 {
    margin-bottom: 5px
  }

  .inner_install {
    display: flex;
    justify-content: space-between
  }

  .inner_install img {
    width: 310px;
    max-width: 90%
  }

  .inner_install picture:last-child img {
    margin-right: 0
  }
}

@media(max-width:767px) {
  .outer_install {
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
    overflow: overlay
  }

  .outer_install .inner_install {
    display: flex;
    width: 824px;
    align-items: flex-start
  }

  .outer_install>div img {
    margin-left: 20px
  }

  .outer_install>div img:last-child {
    margin-right: 20px
  }

  .how_to_install p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 20px
  }

  .how_to_install h2 {
    margin-bottom: 5px
  }

  .how_to_install {
    padding-top: 15px;
    padding-bottom: 25px
  }
}

/* FAQ */
.faq-group {
  margin-top: 30px;
}

@media(max-width:767px) {
  .faq-group {
    background: #308a0d;
    margin-top: 20px;
    padding-top: 35px;
    padding-bottom: 40px;
  }
}

/* One column */
@media(max-width:767px) {
  .one-column-group {
    padding-top: 10px;
    padding-bottom: 15px;
  }
}

/* Pop up area */
@media(max-width:767px) {
  .pop_up {
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(41, 90, 169, .3) 0, rgba(41, 90, 169, .98) 90.29%, #308a0d 100%);
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
    align-items: flex-end;
    justify-content: center
  }

  .pop_up.active {
    display: flex
  }

  .pop_up .timer h2 {
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 44px;
    font-weight: 400;
    text-align: center;
    margin-top: 4px
  }

  .pop_up .timer p {
    margin: 0;
    text-align: center;
    color: #fff;
    opacity: .9;
    font-size: 11px;
    line-height: 145%
  }

  .pop_up .timer {
    color: #fff;
    margin-top: 24px
  }

  .pop_up>div {
    padding: 20px 24px
  }

  .pop_box {
    background: #eff2f4;
    border-radius: 8px;
    text-align: center;
    display: block;
    padding: 16px 24px
  }

  .pop_box p {
    font-size: 14px;
    line-height: 171%;
    color: #12171c;
    margin-bottom: 30px;
    margin-top: 10px
  }

  .pop_box small {
    font-size: 11px;
    line-height: 16px;
    display: block;
    color: #727374;
    margin-top: 32px
  }

  .pop_box .btn_pops {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .pop_box .btn_pops span.pop_btn {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border-radius: 8px;
    background: #fff;
    color: #12171c;
    font-size: 11px;
    line-height: 24px;
    padding: 12px 10px;
    width: 47%;
    cursor: pointer
  }

  .pop_box .btn_pops span.pop_btn img {
    margin-right: 4%
  }

  .pop_up>div.dark_lay {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0
  }

  .pop_up>div.container {
    position: relative;
    z-index: 1
  }

  .pop_box {
    position: relative
  }

  img.cross_bttn {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
  }

  .pop_box p {
    margin-bottom: 20px
  }

  .pop_box .btn_pops {
    flex-wrap: wrap
  }

  .pop_box .btn_pops span.pop_btn:first-child,
  .pop_box .btn_pops span.pop_btn:nth-child(2) {
    margin-bottom: 4.5vw
  }

  .pop_box ul {
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    margin-top: 32px;
    padding-left: 16px;
    color: #727374
  }

  .pop_box ul li:not(:last-child) {
    margin-bottom: 5px
  }

  .pop_box .btn_pops span.pop_btn:first-child,
  .pop_box .btn_pops span.pop_btn:nth-child(2) {
    margin-bottom: 0;
  }

  .pop_box ul {
    margin-top: 20px;
  }

  .btn_pops.three_zone span:last-child {
    margin-top: 4vw;
  }

  .btn_pops.three_zone {
    justify-content: space-around;
  }

  .btn_pops.three_zone span:first-child {
    margin-right: 4vw;
  }

  .pop_box .btn_pops.four_zone span.pop_btn:first-child,
  .pop_box .btn_pops.four_zone span.pop_btn:nth-child(2) {
    margin-bottom: 6%;
  }
}

@media(max-width:365px) {
  .pop_box .btn_pops span.pop_btn {
    font-size: 2.5vw;
  }
}

/* Paly All in One App Accordion */
@media(min-width:768px) {
  .accordion-items {
    max-width: 92%;
    margin: 0 auto;
    display: none
  }

  .mobile_games .game_item.active+.accordion-items {
    display: block
  }

  .fantasy_icons {
    display: flex;
    justify-content: center
  }

  .fantasy_icons .icon_set {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 15%;
    font-weight: 700;
    font-size: 80%;
    text-transform: uppercase;
    margin: 15px 0
  }

  .fantasy_icons .icon_set img {
    margin-bottom: 10px;
    width: 30px
  }

  .blue_section {
    background: linear-gradient(0deg, rgba(41, 90, 169, .89), rgba(41, 90, 169, .89));
    border-radius: 7px;
    padding: 15px 2.5vw;
    color: #fff;
    margin-bottom: 25px
  }

  .blue_section h3 {
    color: #fff;
    text-align: center;
    margin: 0
  }

  .blue_section h3 strong {
    color: #0cc8f4
  }

  .blue_section .inner_slide_item {
    display: flex;
    justify-content: space-around;
    margin-top: 20px
  }

  .blue_section .inner_slide_item>div {
    width: 25%;
    color: #fff
  }

  .blue_section .inner_slide_item>div p {
    color: #fff;
    font-size: 80%;
    margin: 10px 0 0 0
  }

  .blue_section .inner_slide_item>div h6 {
    margin: 0 0 10px 0
  }

  .two-column-right {
    display: flex;
    justify-content: space-between
  }

  .two-column-right .right-column-item {
    width: 35%
  }

  .two-column-right .left-column-item {
    width: 60%
  }

  .inner_game_fq {
    margin-bottom: 25px
  }

  .inner_game_fq ul {
    padding: 0;
    margin: 0;
    list-style: none
  }

  .inner_game_fq ul li {
    border: 1px solid #a2a3a4;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    background: #fff;
    position: relative;
    margin-bottom: 25px
  }

  .inner_game_fq ul li h5 {
    width: 100%;
    color: #000;
    text-align: left;
    padding: 15px 45px 15px 15px;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    margin: 0;
    font-size: 14px
  }

  .inner_game_fq ul li h5 span {
    position: absolute;
    right: 15px;
    top: 10px
  }

  .inner_game_fq ul li p {
    padding: 5px 45px 10px 15px;
    display: none;
    color: #000;
    width: 100%;
    font-size: 90%;
    margin: 0
  }

  .inner_game_fq ul li.active p {
    display: block
  }

  .inner_game_fq ul li.active h5 span {
    transform: rotateX(180deg);
    top: 20px
  }

  .game_item .cross-icon {
    display: none;
    position: absolute;
    right: 15px;
    cursor: pointer;
    z-index: 1
  }

  .game_item.active .cross-icon {
    display: block
  }

  .game_item .cross-icon img {
    width: 15px
  }

  .mobile_games .game_item.active {
    box-shadow: 0 4px 4px rgb(0 0 0 / 20%)
  }

  .mobile_games .game_item.active .game_icon {
    background: #308a0d
  }

  .blue_section p {
    color: #fff
  }

  .blue_section {
    padding-top: 25px
  }

  .two-column-equal {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .two-column-equal>div {
    width: 45%
  }

  .right-column-side .video_section video {
    max-width: 100%;
    cursor: pointer
  }

  .blue_section .two-column-equal {
    align-items: center;
    font-size: 90%
  }

  .blue_section .two-column-equal p {
    font-size: 90%
  }

  .center {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
  }
}

@media(max-width:767px) {
  .m_hide.accordion-items {
    display: none;
  }
}

/* News & Group */
.news-slider {
  background: #308a0d;
  padding-top: 30px;
  margin-top: 40px;
  padding-bottom: 30px;
}

.news-slider .news-item {
  padding: 0 10px
}

.inner-news-slider {
  margin: 0 -10px;
  width: calc(100% + 20px)
}

.news-slider .news-item img {
  border-radius: 10px;
  max-height: 180px;
}

@media(max-width:767px) {
  .inner-news-slider {
    margin: 0 -15px;
    width: calc(100% + 30px)
  }

  .news-slider {
    padding-top: 30px;
    margin-top: 15px;
    padding-bottom: 25px;
    margin-bottom: 15px
  }
}

/* Pop Up Style */
.inner-pop-up-outer {
  width: 360px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background: #FEFEFE;
  padding: 20px 15px;
  max-width: 95%;
}

.download-pop-up-outer {
  position: fixed;
  display: none;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.download-pop-up-outer:after {
  background: rgba(0, 0, 0, 0.8);
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.inner-pop-up-outer .logo {
  text-align: center;
  padding-top: 20px;
}

.inner-pop-up-outer .logo img {
  width: 110px;
}

.inner-pop-up-outer h6 {
  color: #70706E;
  font-size: 15px;
  font-weight: 600;
  margin: 25px 0 15px 0;
  border-top: 0.5px solid #CBCBCB;
  border-bottom: 0.5px solid #CBCBCB;
  padding: 15px 0;
}

.inner-pop-up-outer h6 span {
  color: #5788df;
  font-weight: 700;
}

.download-item img {
  display: inline-block;
  width: 240px;
}

.download-slider-group {
  margin: 0px -15px;
  width: calc(100% + 30px);
  padding: 20px 0;
}

.cross-icon {
  position: absolute;
  right: 15px;
  top: 15px;
}

.cross-icon img {
  cursor: pointer;
}

.download-pop-up-outer.active {
  display: flex;
}

@media(max-width:374px) {
  .download-item img {
    width: 62vw;
  }
}

@media(min-width:768px) {
  .how_to_install {
    background: #fff;
    padding-bottom: 15px;
  }

  .mobile_games {
    background: #308a0d;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-bottom: 0;
  }

  .news-slider {
    background: #fff;
    margin-top: 0;
    padding-bottom: 0;
  }

  .mobile_games .game_item:hover {
    background: #f7f7f7;
  }

  .mobile_games .game_item:hover .game_icon {
    background: #fff;
  }
}

@media(max-width:767px) {
  .mobile_games>div.game_item.new_lanuch {
    width: 100%;
    flex-direction: row;
    padding-bottom: 28px;
    align-items: center;
    height: auto;
    padding-top: 15px;
  }

  .mobile_games>div.game_item.new_lanuch .more_game {
    width: 100%;
    position: absolute;
    bottom: 0;
  }

  .mobile_games>div.game_item.new_lanuch img {
    width: 70px;
  }

  .mobile_games>div.game_item.new_lanuch .game_icon {
    width: 45%;
    padding: 0;
    padding-bottom: 10px;
  }

  .mobile_games>div.game_item.new_lanuch .summary_content {
    text-align: left;
    width: 55%;
    padding: 0;
    padding-bottom: 10px;
  }

  .mobile_games>div.game_item.new_lanuch .summary_content h2 {
    text-align: left;
  }

  .mobile_games>div.game_item.new_lanuch img.high-tick {
    position: absolute;
    top: -10px;
    left: 5px;
    width: 90px;
  }

  .mobile_games>div.game_item.new_lanuch {
    margin-top: 10px;
  }

  .game_item a.m_hide.full_width-m {
    display: block;
  }
}

/* New launch Games Guide */
.games_info ul.faq_list li[name="loodo"] h4>picture img {
  margin-right: 5px;
}

.games_info ul.faq_list li .inner-how-to-play-loddo>div {
  position: relative;
  z-index: 1;
  width: calc(100% - 30px);
  margin-left: 15px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
}

.games_info ul.faq_list li .inner-how-to-play-loddo>div:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.games_info ul.faq_list li .inner-how-to-play-loddo .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-blend-mode: overlay, normal, normal;
  opacity: 0.2;
}

.games_info ul.faq_list li .inner-how-to-play-loddo>div h3 {
  display: flex;
  padding: 12px;
  margin: 0;
}

.games_info ul.faq_list li .inner-how-to-play-loddo>div h3 span {
  opacity: 0.56;
  font-size: 20px;
  line-height: 90%;
  text-transform: uppercase;
  font-weight: 800;
  width: 74%;
}

.games_info ul.faq_list li .inner-how-to-play-loddo>div .content ul {
  padding-left: 25px;
  padding-right: 6px;
}

.games_info ul.faq_list li .inner-how-to-play-loddo>div .content ul li {
  box-shadow: none;
  background: no-repeat;
  border: none;
  border-radius: 0;
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #393939;
}

.games_info ul.faq_list li .inner-how-to-play-loddo {
  padding-bottom: 10px;
}

.games_info ul.faq_list li h2 {
  padding: 5px 15px 0 15px;
}

.games_info ul.faq_list li .loodo-game-play-inner>div {
  border: 1px solid #A2A3A4;
  border-radius: 2px;
  margin-bottom: 8px;
  width: calc(100% - 30px);
  margin-left: 15px;
  padding: 8px 8px;
}

.games_info ul.faq_list li .loodo-game-play-inner>div .content {
  display: none;
  padding-bottom: 10px;
  border-top: 0.35px solid #D4D4D4;
  margin-top: 8px;
  padding-top: 8px;
}

.games_info ul.faq_list li .loodo-game-play-inner {
  margin-bottom: 25px;
}

.games_info ul.faq_list li .loodo-game-play-inner>div h3 {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  color: #000;
  cursor: pointer;
}

.games_info ul.faq_list li .loodo-game-play-inner>div h3 span.arrow-icon {
  position: absolute;
  right: 0;
  top: 0;
}

.games_info ul.faq_list li .loodo-game-play-inner>div h3>picture img {
  margin-right: 6px;
}

.games_info ul.faq_list li .loodo-game-play-inner>div:last-child h3>picture img {
  margin-right: 10px;
  margin-left: 4px;
}

.games_info ul.faq_list li .loodo-game-play-inner>div .content p {
  padding: 0;
}

.games_info ul.faq_list li .loodo-game-play-inner>div.active .content {
  display: block;
}

.games_info ul.faq_list li .loodo-game-play-inner>div.active h3 span.arrow-icon {
  transform: rotate(180deg);
  top: 5px;
}

@media(min-width:768px) {
  .banner-wrapper {
    align-items: stretch;
  }

  .banner-wrapper .left-column .app-sms {
    margin: 0;
  }

  .banner-wrapper .right-column {
    margin-bottom: -25px;
    margin-top: 4vw;
    /*margin-bottom:4vw;*/
  }

  section.banner-area {
    /*background-size: auto 100%,100% auto;*/
    background-position: top right;
  }
}

@media(max-width:767px) {
  header .page-center {
    padding: 0 20px;
  }

  .mobile_trigger {
    right: 20px;
  }

  picture.mobile-banner img {
    max-height: 121.824vw;
  }
}