:root {
  --bs-border-radius-2xl: 26px;
}

body {
  background: #e1e1e1;
}

main {
  margin-bottom: clamp(32px, 7.5vw, 128px);
}

.regular-42 {
  font-size: clamp(16px, 3.5vw, 38px);
  font-weight: 400;
}

.regular-22 {
  font-size: clamp(12px, 2.8vw, 20px);
  font-weight: 400;
}

h3 {
  font-size: clamp(12px, 2.8vw, 35px) !important;
}

.weight-800 {
  font-weight: 800;
}

.line-height-181 {
  line-height: 181%;
}

.line-height-120 {
  line-height: 160%;
}

.line-height-122 {
  line-height: 122.5%;
}

.p-32 {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: clamp(12px, 2vw, 32px);
  padding-right: clamp(12px, 2vw, 32px);
}

.mb-18 {
  margin-bottom: clamp(12px, 2.5vw, 18px);
}

.mb-34 {
  margin-top: clamp(12px, 2.5vw, 34px);
  margin-bottom: clamp(12px, 2.5vw, 34px);
}

.bg-white {
  background: #f1f1f1;
}

h2 {
  color: #17161b;
}

main p,
main li {
  color: #000000;
}

a {
  text-decoration: none;
}

.mt-105 {
  margin-top: clamp(28px, 5.5vw, 105px);
}

.bg-dark {
  background: #0a090c;
}

/* Sections */

/* Section 2 */

.section-2 {
  margin-top: clamp(32px, 7.5vw, 128px);
}

/* Section 3 OR CTA section */

.section-cta {
  margin-top: clamp(13px, 2.5vw, 32px);
  margin-bottom: clamp(13px, 2.5vw, 32px);
}

/* faq starts here */
.intro-heading {
  font-weight: 800;
  font-size: 52px;
  line-height: 64px;
  padding: 100px 0px 38px 0px;
}
.payText {
  line-height: 18px;
}
.download-the-app-sm {
  color: #17161B;
  background: #91ec8e;
  border-radius: 200px;
  padding: 10px;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 25px;
}
.last-disclaimer {
  margin-top: 24px;
  text-align: center;
}
.last-disclaimer p {
  line-height: 130%;
}
.learn-more a {
  list-style: none;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .intro-heading {
    font-size: clamp(22px, 2.3vw, 52px);
    line-height: clamp(25px, 2.3vw, 64px);
    padding: 33px 0px 12px 0px;
  }
  .winning-img {
    height: clamp(25px, 4vw, 42px);
    width: clamp(25px, 4vw, 42px);
  }
.winning-type {
  font-size: clamp(7px, 2.3vw, 16px);
  padding-left: 4.5px;
}
.winning-type-bolder {
  font-weight: 700;
}
}

.faq-section {
  padding-bottom: 100px;
}
.faq-card {
  border-radius: 26px;
  padding: 41px 41px 46px 41px;
}
.faq-card .card-body {
  overflow-x: hidden;
  overflow-y: auto;
}
.faq-card-body {
  height: 300px;
}
.accordion-header {
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
}
.accordian-body-content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 28px;
}
.accordion-button {
  border-bottom: 1px solid gainsboro;
}
.accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid gainsboro;
}
.accordion-button:focus {
  border-color: black;
  box-shadow: none;
  border-bottom: 1px solid gainsboro;
}

.accordian-item-border {
  border: none !important;
}
#see-more-faq {
  margin-top: 41px;
  padding: 18px 64px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  border-radius: 300px;
}
.faq-card ::-webkit-scrollbar {
  width: 10px;
}
.faq-card ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.faq-card ::-webkit-scrollbar-thumb {
  background: #0a090c;
}
.faq-card ::-webkit-scrollbar-thumb:hover {
  background: #0a090cc0;
}
/* faq ends here */
@media screen and (max-width: 767px) {
  .sidemenu-heading {
    margin-bottom: 44px;
  }
  .grow{
    flex-grow: 1;
  }
  .accordion-item:first-of-type .accordion-button {
    gap: 6px;
  }
  .faq-card{
    padding: 10px 6px 10px 0px;
  }
  .card-body{
    padding-right: 0px;
  }
  .social-img{
    max-width: 24px;
    width: 100%;
  }
  .sports-logo{
    max-width: 124px;
    height: auto;
  }
  .baazi-logo{
  max-width: 80%;
  height: auto;
  }
  .rupay-mode{
  max-width: 66px;
  width: 100%;
  }
  .paytm-mode{
  max-width: 52px;
  width: 100%;
  }
  .mobi-mode{
  max-width: 74px;
  width: 100%;
  }
  .visa-mode{
  max-width: 52px;
  width: 100%;
  }
  .card-mode{
  max-width: 25px;
  width: 100%;
  }
  .bank-mode{
  max-width: 43px;
  width: 100%;
  }
  .Iamai{
  max-width: 100px;
  width: 100%;
  }
  #see-more-faq {
  padding: 16px 50px;
  }
  .last-disclaimer {
    margin-top: 16px;
  }
}