@import url("https://fonts.googleapis.com/css2?family=Hind:wght@400;500&family=Poppins:wght@300&display=swap");
/* banner section css start */
body {
  overflow-x: hidden;
  /* overflow-y:visible; */
}

/* banner section css end */

/* first home text section start */

.home-text {
  /* background-color: #5b1f51; */
  background-image: linear-gradient(
    to right,
    #5b1f51,
    #5b1f51,
    #801b4e,
    #5b1f51,
    #5b1f51
  );
  padding: 0% 8%;
}

.home-text .upper-card {
  margin-top: 7%;
}
.upper-card .second-no-cards
{
  padding: 60px 15px 40px 40px;
}
 .upper-card .second-no-cards  .first-card .design-two-img {
  width: 100px;
  margin-top: -17%;
  position: relative;
}
.home-text .main-class-card .design-two-img {
  width: 150px;
  margin-top: -5%;
  position: relative;
}
.home-text .Special-Game-Zone .design-two-img {
  width: 100px;
  margin-top: -8%;
  position: relative;
}
.home-text .Matka-Jodi-List .design-two-img {
  width: 100px;
  margin-top: -9%;
  position: relative;
}

.home-text .home-text-holder .card {
  background-color: #9c0097;
  height: auto;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px 10px;
  margin-top: 10%;
  margin-bottom: 0%;
  border-radius: 10px;
  box-shadow: 0px 5px 12px -3px #742b71, 0px -10px 20px -2px #742b71;
  border-radius: 10px;

  height: 175px;
}
.home-text .home-text-holder .upper-first-card {
  background-color: #750071;
  border: 2px solid #ae007f;
  height: 150px;
}

.home-text .home-text-holder .card .name h5 {
  font-size: 30px;
  font-weight: 600;
}

.home-text .home-text-holder .card p {
  font-size: 17px;
  font-weight: 600;
}

.home-text .home-text-holder .card .italifont {
  font-style: italic;
}

.yellow-btn {
  font-size: 16px;
  color: #000;
  background-color: #ffcf0d;
  border-radius: 50px;
  width: fit-content;
  padding: 4px 25px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  margin-bottom: 28px;
}

/* 2nd section */

.live-result .live-result-btn {
  color: #fff;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  width: fit-content;
  border: none;
  background-color: #9100ff;
  /* padding: 8px 30px 8px 30px; */
  position: absolute;
  top: -27px;
  left: 34%;
  right: 0;
  width: 36%;
  padding: 1% 0%;
}

.upper-card .main-class-card .table-heads-one {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -5%;
  right: 26%;
  padding: 8px;
  width: 35%;
  font-weight: 600;
}
.upper-card .main-class-card .table-heads-two {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -5%;
  right: 4%;
  padding: 8px;
  width: 80%;
  font-weight: 600;
}
.home-text .main-class-card .table-heads-three {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -7%;
  right: 26%;
  padding: 8px;
  width: 35%;
  font-weight: 600;
}
.home-text .main-class-card .table-heads-four {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -7%;
  right: 20%;
  padding: 8px;
  width: 45%;
  font-weight: 600;
}
.home-text .main-class-card .table-heads-five {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -7%;
  right: 22%;
  padding: 8px;
  width: 40%;
  font-weight: 600;
}
.home-text .main-class-card .table-heads-six {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -7%;
  right: 19%;
  padding: 8px;
  width: 50%;
  font-weight: 600;
}
.home-text .table-heads-seven {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -10%;
  right: 30%;
  padding: 8px;
  width: 26%;
  font-weight: 600;
}

.live-result .live-result-btn6 {
  color: #fff;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 600;

  width: fit-content;
  border: none;
  background-color: #9100ff;
  padding: 8px 30px 8px 10px;
  position: absolute;
  top: -33px;
  left: 72px;
  right: 0;
  width: 90%;
}

.live-result .live-result-btn7 {
  color: #fff;
  border-radius: 21px;
  font-size: 18px;
  font-weight: 600;
  width: fit-content;
  border: none;
  background-color: #9100ff;
  padding: 8px 30px 8px 10px;
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  margin: 0px 50px;
}

.live-result .live-result-btn8 {
  color: #fff;
  border-radius: 21px;
  font-size: 17px;
  font-weight: 600;
  width: 20%;
  border: none;
  background-color: #9100ff;
  padding: 8px 30px 8px 10px;
  position: absolute;
  top: -17px;
  left: 36%;
  right: 0;
  margin: 0px 50px;
}

.home-text .first-card .card .card-body .refresh-btn {
  color: #000;
  background-color: #ffcf0d;
  border-radius: 131px;
  border: none;
  font-size: 12px;
  margin: 1%;
  padding: 3% 11%;
  font-weight: 600;
}

.home-text .upper-card .card-hover {
  transition: transform 0.3s ease-in-out;
  transform-origin: top;
}

.upper-card .card-hover:hover {
  transform: scaleY(0.8);
}
.main-class-card {
  background-color: #750071;

  padding: 60px 40px 40px 40px;
  position: relative;
  border: 2px solid #ae007f;
  box-shadow: 0px 5px 12px -3px #742b71, 0px -10px 20px -2px #742b71;
  border-radius: 10px;
}

.home-text .main-class-card .first-card {
  height: 562px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 15px;
}
.home-text .main-class-card .first-card::-webkit-scrollbar {
  width: 15px;
  height: 5px ;
  
}

.home-text .main-class-card .first-card::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: white;
  
}

.home-text .main-class-card .first-card::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: linear-gradient(to right,white,#9C0097,white)
  /* background-color: #9C0097; */
  
}

.main-class-card .sub-text {
  font-size: 15px;
  color: #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  width: 260px;
  margin: auto;
  margin-top: -4%;
    margin-bottom: 3%;
}

.table,
tr,
th {
  color: #ffcc00;
  font-weight: 600;
}

.table,
td {
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.home-text .enquiries {
  background: #9100ff;
  border-radius: 42px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: 2%;
  margin-bottom: 8%;
  padding: 15px;
  font-weight: 600;
}
.home-text .enquiries p {
  margin: 0px;
}

.home-text .enquiries span {
  font-size: 18px;
  color: #ffcc00;
}

/* starline */

.star-line {
  background-color: #5b1f51;
}

.home-text .matka-jodi-List {
  background-color: #9100ff;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #ffcc00;
  border-radius: 25px;
  margin-top: 5%;
  margin-bottom: 8%;
  padding: 15px;
}

.home-text .card {
  background-color: #9c0097;
  color: #fff;
  text-align: center;
  height: 140px;
}

.home-text .card .card-body {
  color: #fff;
  margin: -10%;
}

.home-text .yellow-btn {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #000000;
  background-color: #ffcf0d;
  border-radius: 20px;
  width: 120px;
  padding: 6px 15px;
  border: 1px;
  margin-left: -5px;
}
.home-text .chat-btn .yellow-btn {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #000000;
  background-color: #ffcf0d;
  border-radius: 20px;
  width: 90px;
  padding: 6px 15px;
  border: 1px;
  margin-left: -5px;
}

/* SPECIAL GAME ZONE */
.home-text .Special-Game-Zone {
  background-color: #750071;
  padding: 3% 20px 4% 20px;
  position: relative;
  border: 2px solid #ae007f;
  box-shadow: 0px 5px 12px -3px #742b71, 0px -10px 20px -2px #742b71;
  border-radius: 10px;
}

.home-text .Special-Game-Zone .card {
  padding: 20px 20px;
  margin: 0% 6%;
}

/* matka jodi list */

.home-text .Matka-Jodi-List {
  background-color: #750071;
  padding: 1% 20px 3%;
  margin-top: 5%;
  position: relative;
  border: 2px solid #ae007f;
  box-shadow: 0px 5px 12px -3px #742b71, 0px -10px 20px -2px #742b71;
  border-radius: 10px;
}

.home-text .Matka-Jodi-List .card {
  padding: 10px 20px;
  margin: 0% 6%;
}

.Matka-Jodi-List .sub-main-mobile {
  color: #fff;
  text-align: center;
  background-color: #9c0097;
  padding: 5% 0%;
  margin-top: 17%;
  margin-bottom: 4%;
  line-height: 34px;
}

/* mobile number */

.home-text .mobile-number {
  position: relative;
  margin-top: 6%;
}

.mobile-number {
  color: #fff;
  text-align: center;
  background-color: #750071;
  padding: 7% 0%;
  margin-top: 15%;
  border: 2px solid #ae007f;
  box-shadow: 0px 5px 12px -3px #742b71, 0px -10px 20px -2px #742b71;
  border-radius: 10px;
}

.mobile-number .sub-main-mobile {
  color: #fff;
  text-align: center;
  background-color: #9c0097;
  padding: 5% 0%;
  margin-top: 15%;
  line-height: 34px;
}
.home-text .third-table-space
{
  margin-top: 15% !important;
}

/* free game zone*/

.free-game-zone {
  background-image: linear-gradient(
    to right,
    #5b1f51,
    #5b1f51,
    #801b4e,
    #5b1f51,
    #5b1f51
  );
  position: relative;
 
  padding: 5% 8% 2px;
}
.free-game-zone .free-game-zone{
  margin-top: 8%;
}

.free-game-zone .free-game-zone-sub {
  background-color: #750071;
  position: relative;
  border: 2px solid #ae007f;
  box-shadow: 0px 5px 12px -3px #742b71, 0px -10px 20px -2px #742b71;
  border-radius: 10px;
  padding-top: 2%;
}
.free-game-zone .design-two-img {
  width: 100px;
  margin-top: -9%;
  position: relative;
}
.Matka-Jodi-List .free-game-zone-sub .card {
  background-color: #9c0097;
  text-align: center;
  color: #fff;
  padding: 10px 10px;
  margin-top: 4%;
  height: 140px;
  margin: 0% 7%;
}
.free-game-zone .card {
  background-color: #9c0097;
  text-align: center;
  color: #fff;
  padding: 10px 10px;
  margin-top: 4%;

  margin: 0% 7%;
}

.free-game-zone .free-game-zone-sub .scroll-free-game {
  overflow-y: scroll;
  height: 350px;
}

.free-game-zone .free-game-zone-sub .scroll-free-game::-webkit-scrollbar {
  width: 20px;
}

.free-game-zone .free-game-zone-sub .scroll-free-game::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: white;
 
}

.free-game-zone .free-game-zone-sub .scroll-free-game::-webkit-scrollbar-thumb {
  border-radius: 10px;
  
  background-image: linear-gradient(to right,white,#9c0097,white)
}

.free-game-zone .free-game-zone-text {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-top: 5%;
}

.free-game-zone .title-game {
  font-size: 15px;
  color: #ffcf0d;
}

.free-game-zone .yellow-btn {
  font-size: 16px;
  color: #000;
  background-color: #ffcf0d;
  border-radius: 50px;
  width: fit-content;
  padding: 4px 25px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  margin-top: 5%;
  margin-bottom: 10px;
}
.free-game-zone .read-more .yellow-btn {
  font-size: 16px;
  color: #000;
  background-color: #ffcf0d;
  border-radius: 50px;
  width: fit-content;
  padding: 4px 25px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  margin-top: 1%;
  margin-bottom: 2%;
}

.free-game-zone .yellow-btn:hover .btn {
  color: #000;
  background-color: #ffcf0d;
}

/* text-holder */
.text-holder-homepage {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-top: 7%;
}

/* disclaimer */

.disclaimer {
  color: #fff;
  font-size: 15px;
  background-color: #9c0097;
  padding: 20px 20px;
}

/* Footer */

.kalyan {
  margin: 8% 0%;
}

.kalyan .table-head {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -8%;
  right: 29%;
  padding: 8px;
  width: 25%;
  font-weight: 500;
}
.kalyan-night .table-head
{
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -8%;
  right: 29%;
  padding: 8px;
  width: 25%;
  font-weight: 500;
}
.kalyan .inner-table td {
  border: 1px solid white;
}

.kalyan .inner-table {
  border: 2px solid #ae007f;
  padding: 5%;
  text-align: center;
  background-color: #750071;
  box-shadow: 0px 5px 12px -3px #742b71, 0px -10px 20px -2px #742b71;
  overflow: hidden;

  border-radius: 7px;
}
.kalyan .kalyan-box {
  width: 100px;
}
.kalyan-night {
  margin-top: 10%;
  margin-bottom: 10%;
}

.chat-btn {
  text-align: end;
}

.table td,
.table th,
.table tr {
  border: 1px solid white;
}

/* images and lotty css start */
.animation-sec {
  position: relative;
  margin-bottom: 5%;
  margin-top: -2%;
}
.animi {
  margin-top: -1%;
  margin-bottom: 20px;
}
.animation-sec-two
{
  position: relative;
}
.animation-sec-two .inner-dimond
{
  width: 18px;
}
.animation-sec-two .Diamond-img-two
{
  position: absolute;
  left: 49%;
  top: 14%;
}
.animation-sec-two .light-lottie-two
{
  position: absolute;
  left: 46%;
  top: -10%;
}
.animation-sec .Diamond-img {
  top: 22%;
  position: absolute;
  text-align: center;
  justify-content: center;
  left: 49%;
}
.animation-sec .inner-dimond {
  width: 18px;
}

.animation-sec .design-img {
  width: 300px;
}
.animation-sec .light-lottie {
  top: -15%;
  left: 47.5%;
  position: absolute;
}
.animation-sec .light-lottie-two {
  top: -15%;
  left: 45%;
  position: absolute;
}
.animation-sec .Diamond-img-two {
  top: 22%;
  position: absolute;
  text-align: center;
  justify-content: center;
  left: 48%;
}

.home-text .main-class-card .color-div {
  background-color: #9c0097;

  padding: 5%;
  border-radius: 10px;
}
.home-text .matka {
  margin-top: 8%;
}

.free-game-zone-sub .live-result .live-result-btn-one {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -10%;
  right: 30%;
  padding: 8px;
  width: 25%;
  font-weight: 500;
}



.free-game-zone .footer .footer-sec {
  justify-content: space-between;
  margin:0% 9%;
  margin-top: 8%;
  /* display: flex; */
}
.free-game-zone .footer .footer-sec .footer-btn-main {
  background-color: #9100ff;
  border-radius: 20px;
  color: white;
  font-size: 18px;
  padding: 5px 20px;
  margin: 0px 0%;
  width: 100%;
}
.free-game-zone .footer li.nav-item
{
  margin: 0% 2%;
}
.free-game-zone .footer .footer-sec .second-last-name {
  font-size: 12px;
  font-weight: bold;
  color: #ffcc00;
  background: #9100ff;
  border-radius: 21px;
  text-align: center;
  padding: 8px;
 
  margin: auto;
  margin-top: 4%;
}

.free-game-zone .footer  .last-line {
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding-bottom: 0%;
}


.play-store-section .heading-holder h3{
        font-weight: bold;
    text-align: center;
    font-size: 45px;
    color: #fff;
}
.play-store-section .heading-holder {
    text-align:center;
            margin-bottom: 50px;
}

.downbtn{
    width:160px;
}

/* images and lotty css end */

@media (min-width: 0px) and (max-width: 991px) {
        .play-store-section .heading-holder h3 {
        font-size: 25px;
   }
}


@media (min-width: 0px) and (max-width: 320px) {
  .home-text .enquiries {
    margin-bottom: 18%;
    font-size: 12px;
    margin-top: -6%;
  }
  .animation-sec {
    margin-bottom: 20%;
  }
  .table-heads {
    font-size: 15px;
    top: -4%;
    padding-top: 10px;
  }
  .home-text {
    padding: 0% 0%;
  }
  .free-game-zone {
    padding: 5% 1% 1%;
  }
  .home-text .mobile-sec {
    margin-top: -13%;
}

  .home-text .matka-jodi-List {
    font-size: 12px;
    margin-bottom: 17%;
    margin-top: -9%;
  }
  .home-text .matka {
    margin-top: 13%;
}
  .home-text .home-text-holder .upper-first-card {
    height: 135px;
  }
  .home-text .home-text-holder .card .name h5 {
    font-size: 20px;
  }
  .home-text .home-text-holder .card p {
    font-size: 13px;
  }
  .first-card .card .card-body .refresh-btn {
    font-size: 10px;

    padding: 3% 5%;
  }
  .table,
  td {
    font-size: 11px;
  }
  .home-text .yellow-btn {
    font-size: 10px;
    width: 83px;
  }
  .home-text .card {
    height: 140px;
  }
  .upper-card .second-no-cards .first-card .design-two-img {
  
    margin-top: -9%;
    
}
  .home-text .home-text-holder .card {
    height: 150px;
  }
  .free-game-zone .read-more .yellow-btn {
    font-size: 12px;
    margin-bottom: 18%;
  }

  .live-result .live-result-btn {
    font-size: 15px;

    left: 20%;
    width: 60%;
  }

  .upper-card .main-class-card .table-heads-one {
    font-size: 15px;

    top: -5%;
    right: 26%;

    width: 35%;
  }
  .upper-card .main-class-card .table-heads-two {
    font-size: 15px;

    top: -5%;
    right: 10%;

    width: 65%;
  }
  .home-text .main-class-card .table-heads-three {
    font-size: 15px;

    position: absolute;
    top: -5%;
    right: 20%;

    width: 50%;
  }
  .home-text .main-class-card .table-heads-four {
    font-size: 15px;

    margin: 2% 7%;

    top: -6%;
    right: 4%;

    width: 76%;
  }
  .home-text .main-class-card .table-heads-five {
    font-size: 15px;

    top: -6%;
    right: 14%;

    width: 60%;
  }
  .home-text .third-table {
    margin-top: -18% !important;
}
  .home-text .main-class-card .table-heads-six {
    font-size: 15px;

    margin: 2% 7%;

    top: -7%;
    right: 6%;

    width: 76%;
  }
  .home-text .table-heads-seven {
    font-size: 15px;

    top: -2%;
    right: 17%;

    width: 60%;
    font-weight: 500;
  }

  .live-result .live-result-btn6 {
    font-size: 12px;
    font-weight: 600;

    top: -73px;
    left: 16px;

    width: 90%;
  }

  .live-result .live-result-btn7 {
    font-size: 10px;

    top: -50px;
  }

  .live-result .live-result-btn8 {
    font-size: 15px;
    font-weight: 600;
    width: 25%;

    top: -17px;
    left: 35%;
  }

  .free-game-zone-sub .live-result .live-result-btn-one {
    font-size: 15px;

    top: -2%;
    right: 16%;
    padding: 8px;
    width: 60%;
  }

  .free-game-zone .free-game-zone-text {
    font-size: 15px;

    margin-top: 10%;
  }
  .mobile-number .sub-main-mobile {
    margin: 13% 7% 0% 7%;
}

  .kalyan .table-head {
    top: -4%;
    right: 13%;
    width: 65%;
    font-size: 15px;
  }
  .live-result .live-result-btn8 {
    top: -2%;
    left: 5%;
    width: 50%;
  }
  .animation-sec .Diamond-img-two {
    left: 47%;
  }
  .animation-sec .light-lottie-two {
    left: 40%;
  }
  .animation-sec .Diamond-img {
    left: 46%;
  }
  .animation-sec .light-lottie {
    left: 41%;
  }
  .animation-sec .inner-dimond {
    width: 15px;
}
  .main-class-card {
    padding: 55px 15px;
  }
  .kalyan .inner-table {
    height: 500px;
    font-size: 10px;
  }
  .home-text .main-class-card .color-div {
    padding: 0%;
  }
  .mobile-number {
    
    padding: 26% 0%;
    
  }
  .free-game-zone .footer .footer-sec .footer-btn-main {
    margin: 5% 0%;
    font-size: 12px;
  }
  .kalyan {
    margin: 15% 0%;
}
  .kalyan .table-head {
    top: -4%;
    right: 11%;
  }
  .kalyan-night .table-head
  {
    top: -5%;
    right: 13%;
    width: 66%;
  }
  .free-game-zone .footer .footer-sec {
    justify-content: space-between;
    margin: 0% 9%;
    margin-top: -10%;
  
}
.home-text .second-table-space
{
  margin-top: -12%;
}
.home-text .third-table-space
{
  margin-top: 20%;
}
.animation-sec-two
{
  margin-bottom: 15%;
}
.animation-sec-two .design-img
  {
    width: 100%;
  }
  .animation-sec-two .inner-dimond {
    width: 15px;
}
.animation-sec-two .light-lottie-two {
  position: absolute;
  left: 41%;
  top: -27%;
}
.main-class-card .sub-text {
  font-size: 9px;
 

  width: 163px;

}
.play-store-section .heading-holder h3 {
        font-weight: bold;
        text-align: center;
        font-size: 20px;
        color: #fff;
}
}

@media (min-width: 321px) and (max-width: 485px) {
  .home-text .enquiries {
    margin-bottom: 18%;
    font-size: 12px;
    margin-top: -6%;
  }
  .animation-sec {
    margin-bottom: 20%;
  }
  .home-text .matka-jodi-List {
    font-size: 12px;
    margin-bottom: 17%;
    margin-top: -9%;
  }

  .home-text {
    padding: 0% 0%;
  }
  .home-text .mobile-sec {
    margin-top: -13%;
}
.home-text .third-table {
  margin-top: -18% !important;
}
  .upper-card .second-no-cards .first-card .design-two-img {
  
    margin-top: -6%;
    
}
.mobile-number .sub-main-mobile {
  margin: 14% 7% 0% 7%;
}
  .free-game-zone {
    padding: 5% 1% 1%;
  }
  .live-result .live-result-btn {
    font-size: 15px;
    top: -16px;
    left: 20%;
    width: 60%;
  }
  .upper-card .main-class-card .table-heads-one {
    font-size: 15px;

    top: -5%;
    right: 26%;

    width: 35%;
  }
  .upper-card .main-class-card .table-heads-two {
    font-size: 15px;

    top: -5%;
    right: 10%;

    width: 65%;
  }
  .home-text .main-class-card .table-heads-three {
    font-size: 15px;

    position: absolute;
    top: -5%;
    right: 20%;

    width: 50%;
  }
  .home-text .main-class-card .table-heads-four {
    font-size: 15px;

    margin: 2% 7%;

    top: -6%;
    right: 11%;

    width: 65%;
  }
  .home-text .main-class-card .table-heads-five {
    font-size: 15px;

    top: -6%;
    right: 20%;

    width: 50%;
  }
  .home-text .main-class-card .table-heads-six {
    font-size: 15px;

    margin: 2% 7%;

    top: -7%;
    right: 15%;

    width: 60%;
  }
  .home-text .table-heads-seven {
    font-size: 15px;

    top: -2%;
    right: 17%;

    width: 60%;
  }
  .home-text .upper-card {
    margin-top: 0%;
}

  .live-result .live-result-btn6 {
    font-size: 12px;
    font-weight: 600;

    top: -48px;
    left: 18px;

    width: 90%;
  }

  .live-result .live-result-btn7 {
    font-size: 10px;

    top: -50px;
  }

  .live-result .live-result-btn8 {
    font-size: 15px;
    font-weight: 600;
    width: 25%;

    top: -17px;
    left: 35%;
  }

  .free-game-zone-sub .live-result .live-result-btn-one {
    font-size: 15px;

    top: -2%;
    right: 16%;
    padding: 8px;
    width: 60%;
  }
  .free-game-zone .free-game-zone-text {
    font-size: 15px;

    margin-top: 10%;
  }
  .free-game-zone-sub .live-result .live-result-btn-one {
    font-size: 15px;

    top: -2%;
    right: 16%;
    padding: 8px;
    width: 60%;
  }
  .kalyan .table-head {
    top: -4%;
    right: 13%;
    width: 65%;
    font-size: 15px;
  }
  .live-result .live-result-btn8 {
    top: -2%;
    left: 10%;
    width: 50%;
  }
  .animation-sec .Diamond-img-two {
    left: 47%;
  }
  .animation-sec .light-lottie-two {
    left: 42%;
  }
  .animation-sec .inner-dimond {
    width: 15px;
}
  .animation-sec .Diamond-img {
    left: 46%;
  }
  .animation-sec .light-lottie {
    left: 41%;
  }
  .main-class-card {
    padding: 55px 15px;
  }
  .home-text .home-text-holder .upper-first-card {
    height: 135px;
  }
  .home-text .home-text-holder .card .name h5 {
    font-size: 20px;
  }
  .home-text .home-text-holder .card p {
    font-size: 13px;
  }
  .first-card .card .card-body .refresh-btn {
    font-size: 10px;

    padding: 3% 5%;
  }
  .table,
  td {
    font-size: 11px;
  }
  .home-text .yellow-btn {
    font-size: 10px;
    width: 83px;
  }
  .home-text .card {
    height: 130px;
  }
  .home-text .home-text-holder .card {
    height: 165px;
  }
  .free-game-zone .read-more .yellow-btn {
    font-size: 12px;
    margin-bottom: 18%;
  }
  .mobile-number {
    
    padding: 5% 0%;
    
  }
  .free-game-zone .footer .footer-sec .footer-btn-main {
    margin: 5% 0%;
    font-size: 12px;
  }
  .kalyan {
    margin: 15% 0%;
}
  .kalyan .table-head {
    top: -4%;
    right: 11%;
  }
  .kalyan-night .table-head
  {
    top: -5%;
    right: 10%;
    width: 66%;
  }
  .free-game-zone .footer .footer-sec {
    justify-content: space-between;
    margin: 0% 9%;
    margin-top: -10%;
  
}
.inner-table .table-bordered {
  margin-top: 10%;
}
.home-text .second-table-space
{
  margin-top: -12%;
}
.home-text .third-table-space
{
  margin-top: 15%;
}
.animation-sec-two
{
  margin-bottom: 20%;
}
.animation-sec-two .design-img
  {
    width: 100%;
  }
  .animation-sec-two .inner-dimond {
    width: 15px;
}
.animation-sec-two .light-lottie-two {

  left: 41%;
  top: -27%;
}
}

@media (min-width: 486px) and (max-width: 576px) {
  .free-game-zone-sub .live-result .live-result-btn-one {
    font-size: 15px;

    top: -2%;
    right: 16%;
    padding: 8px;
    width: 60%;
  }
  .live-result .live-result-btn7 {
    font-size: 11px;
  }
  .live-result .live-result-btn {
    font-size: 15px;
    top: -3%;
    left: 19%;
    width: 60%;
  }
  .home-text .main-class-card .table-heads-three {
   
    top: -5%;
    
    
}
  .home-text .main-class-card .table-heads-four {
    right: 10%;
    top: -5%;
    width: 65%;
    
}
  .home-text .main-class-card .table-heads-five {
    right: 10%;
    top: -5%;
    width: 65%;
    
}
  .home-text .main-class-card .table-heads-six {
    right: 10%;
    top: -6%;
    width: 65%;
    
}
  .home-text .table-heads-seven {
    font-size: 15px;

    top: -2%;
    right: 17%;

    width: 60%;
  }
  .home-text .enquiries {
    margin-bottom: 16%;
}
  .mobile-number .sub-main-mobile {
    margin: 5% 7% 0% 7%;
}
.upper-card .second-no-cards .first-card .design-two-img {
 
  margin-top: -7%;
  
}
.inner-table .table-bordered {
  margin-top: 10%;
}

  .live-result .live-result-btn6 {
    font-size: 12px;
    font-weight: 600;

    top: -33px;
    left: 22px;

    width: 90%;
  }
  .live-result .live-result-btn8 {
    width: 34%;
   
    left: 22%;
   
}
.animation-sec .light-lottie-two {
  
  left: 43%;
  
}
  .free-game-zone .footer .footer-sec .footer-btn-main {
    margin: 5% 0%;
   font-size: 12px;
  }
  .kalyan {
    margin: 15% 0%;
}
  .kalyan .table-head {
    top: -4%;
    right: 31%;
  }
  .kalyan-night .table-head
  {
    top: -5%;
    right: 13%;
    width: 60%;
  }
  
  .animation-sec-two .light-lottie-two {

    left: 43%;
  
  }
}

@media (min-width: 577px) and (max-width: 767px) {
  .free-game-zone-sub .live-result .live-result-btn-one {
    font-size: 15px;

    top: -2%;
    right: 16%;
    padding: 8px;
    width: 60%;
  }
  .live-result .live-result-btn7 {
    font-size: 11px;
  }
  .live-result .live-result-btn {
    font-size: 15px;

    left: 29%;
  }
  .live-result .live-result-btn8 {
    left: 22%;

    width: 37%;
  }
  .live-result .live-result-btn6 {
    font-size: 15px;
    top: -44px;
    left: 23px;
  }
  .home-text .table-heads-seven {
    top: -4%;
  }
    
.home-text .main-class-card .table-heads-five {

  top: -7%;
  width: 50%;
 
}

.live-result .live-result-btn8 {
  top: -17px;
  left: 23%;
  
}
.home-text .matka {
  margin-top: 15%;
}

  .home-banner .yellow-tab .yellow-tab-text {
    font-size: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .upper-card .second-no-cards .first-card .design-two-img {
    
    margin-top: -7%;
    
}
.mobile-number .sub-main-mobile {
  margin:0% 7% 0% 7%;
}
.free-game-zone .footer .footer-sec .footer-btn-main {
  font-size: 7px;
  margin: 0% 5%;
}
.free-game-zone .footer .footer-sec {
  margin: 5% 0%;
}
.kalyan {
  margin: 18% 0%;
}
.kalyan .inner-table {
  
  padding-top: 13%;
}

.kalyan .table-head {
  top: -6%;
  right: 31%;
}
.kalyan-night .table-head
{
  top: -5%;
  right: 19%;
  width: 50%;
}
.home-text .second-table-space
{
  margin-top: 5%;
}
.home-text .third-table-space
{
  margin-top: 5% !important;
}

}

@media (min-width: 768px) and (max-width: 992px) {
  .live-result .live-result-btn7 {
    font-size: 11px;
    top: -39px
  }
  .free-game-zone-sub .live-result .live-result-btn-one {
    font-size: 15px;

    top: -5%;
    right: 16%;
    padding: 8px;
    width: 50%;
  }
  .live-result .live-result-btn {
    font-size: 15px;
    top: -3%;
    left: 31%;
  }
  .home-text .main-class-card .table-heads-five {
    top: -7%;
}
.animation-sec .light-lottie-two {

  left: 41%;
  
}
  .home-text .mobile-number
  {
    padding: 30% 0% 10% 0%;
  }
  .Matka-Jodi-List .sub-main-mobile {
    padding: 12% 0%;
   
  }
  .home-text .matka {
    margin-top: 12%;
}
  .free-game-zone .card {
    height: 200px;
  }
  .home-text .card {
    height: 150px;
  }
  .main-class-card {
    padding: 60px 8px 40px 8px;
  }
  .upper-card .second-no-cards .first-card .design-two-img {
    
    margin-top: -8%;
  
    
}
.live-result .live-result-btn8 {
  top: -17px;
  left: 28%;
  width: 30%;
  
}
.live-result .live-result-btn6 {
  
  top: -68px;
  left: 34px;
 
}
.free-game-zone .footer .footer-sec .footer-btn-main {
  font-size: 12px;
  margin: 0% 5%;
}
.free-game-zone .footer .footer-sec {
  margin: 5% 0%;
}
.main-class-card .sub-text {
  margin-top: 0%;
  margin-bottom: 2%;
}
.kalyan {
  margin: 12% 0%;
}
.kalyan .inner-table {
  padding-top: 10%;
}
.kalyan .table-head {
  top: -6%;
}
.kalyan-night .table-head
{
  top: -5%;
  right: 17%;
  width: 50%;
}
.home-text .third-table-space
{
  margin-top: 5% !important;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
  .live-result .live-result-btn7 {
    top: -56px;
  }
  .free-game-zone .card {
    height: 200px;
  }
  .Matka-Jodi-List .sub-main-mobile {
    
    padding: 8% 0%;
   
    
  }
  .live-result .live-result-btn6 {
    
    top: -35px;
    left: 45px;
    
}
.home-text .first-card .card .card-body .refresh-btn {

  font-size: 11px;

}
.main-class-card .sub-text {
  margin-top: 0%;
  margin-bottom: 2%;
}
.animation-sec .light-lottie-two {

  left: 44%;
  
}
  .home-text .main-class-card .table-heads-five {
    top: -8%;
}
  .live-result .live-result-btn6 {
  
    top: -29px;
    left: 34px;
   
}
  .text-holder-homepage {
    font-size: 14px;
  }
  .upper-card .second-no-cards .first-card .design-two-img {
    
    margin-top: -10%;
    
}
.home-text .main-class-card .design-two-img {
  
  margin-top: -3%;
 
}
.home-text .card {
  
  height: 170px;
}
.home-text .mobile-number
  {
    padding: 25% 0% 10% 0%;
  }
  .free-game-zone .footer li.nav-item
  {
    margin: 0% 1%;
  }
  .free-game-zone .footer .footer-sec .footer-btn-main {
   
    font-size: 15px;
}
.free-game-zone-sub .live-result .live-result-btn-one {
 
  
  right: 27%;
  
  width: 30%;
 
}
.free-game-zone .design-two-img {
  
  margin-top: -13%;
  
}
.kalyan .inner-table {
  padding-top: 10%;
}
.kalyan .table-head {
  top: -6%;
}
.kalyan-night .table-head
{
  top: -6%;
  right: 17%;
  width: 50%;
}
.animation-sec-two .light-lottie-two {

  left: 47%;

}
.home-text .third-table-space
{
  margin-top: 5% !important;
}
}

@media (min-width: 1201px) and (max-width: 1400px) {
  .first-card .card .card-body .refresh-btn {
    font-size: 7px !important;
  }
  .home-text .home-text-holder .card {
    height: 155px;
}
  .home-text .home-text-holder .card p {
    font-size: 14px;
    
}

.home-text .main-class-card .table-heads-four {
  
  top: -6%;
  right: 13%;
  
  width: 60%;
  
}
.live-result .live-result-btn6 {
    
  top: -35px;
  left: 51px;
  
}
.home-text .main-class-card .table-heads-six {
 
  top: -7%;
  right: 12%;
  
  width: 60%;
  
}
.home-text .main-class-card .table-heads-five {
 
  top: -7%;
  right: 12%;
  
  width: 60%;
  
}
.home-text .mobile-number
  {
    padding: 18% 0% 10% 0%;
  }
  .free-game-zone .footer .footer-sec .footer-btn-main {
   
    font-size: 16px;
}
.kalyan-night .table-head
{
  top: -7%;
  right: 25%;
  width: 32%;
}
}
@media (min-width: 1401px) and (max-width: 1600px) {
 .home-text .mobile-number {
  
    padding: 8% 0%;
    
}
.home-text .first-card .card .card-body .refresh-btn {
  
  font-size: 11px;

}
}
@media (min-width: 1801px) and (max-width: 2000px) {
}
@media (min-width: 2001px) and (max-width: 2200px) {
}
@media (min-width: 2201px) and (max-width: 2600px) {
}

.table-heads {
  background: #9100ff;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 2% 7%;
  position: absolute;
  top: -5%;
  right: 9%;
  padding: 0px;
  width: 70%;
}