.b {
  top: 35px;
  left: calc(50% - 27.5px);
  display: inline-block;
  width: 58px;
  height: 15px;
  color:gold;
}
.b,
.b1,
.tamil {
  position: absolute;
}
.tamil {
  top: -32px;
  left: calc(50% + 99px);
  width: 90px;
  height: 80px;
  background-image: url(./public/LandBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.b1 {
  top: 35px;
  left: calc(50% - 29.5px);
  display: inline-block;
  width: 58px;
  height: 15px;
  color: gold;
}
.malayalam,
.telugu {
  top: -32px;
  left: calc(50% + 99px);
  width: 90px;
  height: 80px;
  background-image: url(./public/LandBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.telugu {
  position: absolute;
  left: calc(50% + 7px);
}
.malayalam {
  left: calc(50% - 85px);
  text-align: center;
}
.b3,
.hindi,
.malayalam {
  position: absolute;
}
.b3 {
  top: 35px;
  left: calc(50% - 8.5px);
  display: inline-block;
  width: 20px;
  height: 17px;
  color: gold;
}
.hindi {
  top: -32px;
  left: calc(50% - 177px);
  width: 90px;
  height: 80px;
  background-image: url(./public/LandBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  text-align: left;
  font-size: var(--font-size-3xs);
  font-family: var(--font-itf-devanagari);
}
.language {
  position: absolute;
  top: 458px;
  left: calc(50% - 180px);
  width: 360px;
  height: 25px;
  font-size: var(--font-size-xs);
  color: var(--color-white);
}
.become-an-official {
  position: absolute;
  top: 70px;
  left: calc(50% - 154.5px);
  font-weight: 600;
  display: flex;
  align-items: center;
  width: 318px;
  height: 88px;
}
.agency-cooperation-program,
.agent-promotion-income {
  position: absolute;
  top: 0;
  left: calc(50% - 110px);
  display: flex;
  align-items: center;
  width: 233px;
  height: 34px;
}
.agency-cooperation-program {
  top: 25px;
  left: calc(50% - 159px);
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-dimgray);
  white-space: pre-wrap;
  text-align: center;
  justify-content: center;
  width: 318px;
  height: 29px;
}
.frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 318px;
  height: 54px;
  overflow: hidden;
  font-size: var(--font-size-sm);
  /* color: var(--color-darkviolet); */
  color:red
}
.agent-promo {
  position: absolute;
  top: 500px;
  left: calc(50% - 165px);
  width: 327px;
  height: 158px;
  text-align: left;
  font-size: var(--font-size-xs);
  color: var(--color-dimgray);
}
.information-header-1-icon,
.refer-child {
  position: absolute;
  top: 36px;
  left: calc(50% - 168px);
  width: 336px;
}
.refer-child {
  border-radius: 0 0 var(--br-8xs) var(--br-8xs);
  background: linear-gradient(180deg, #ffd89d 1.56%, #fff);
  border: 2px solid var(--color-goldenrod);
  box-sizing: border-box;
  height: 60px;
}
.information-header-1-icon {
  height: 50px;
  object-fit: cover;
}
.how-it-works {
  position: absolute;
  top: 63px;
  left: calc(50% - 128px);
  display: inline-block;
  width: 257px;
  height: 19px;
  text-shadow: -1px 0.5px 2px #f29091;
}
.headbadge-1-icon {
  position: absolute;
  top: 10;
  left: calc(50% - 57px);
  width: 115px;
  height: 69px;
  object-fit: cover;
}
.refer-earn {
  position: absolute;
  top: 20px;
  left: calc(50% - 42px);
  font-size: var(--font-size-sm);
  display: flex;
  /* color: var(--color-indigo-500); */
  color:gold;
  text-align: left;
  align-items: center;
  width: 84px;
  height: 21px;
  text-shadow: 0 1px 4px rgba(255, 255, 255, 0.8);
}
.information-header-2-icon,
.refer,
.step-1-child {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.refer {
  top: 675px;
  height: 96px;
  font-size: var(--font-size-base);
  /* color: var(--color-indigo-400); */
  color:red;
}
.information-header-2-icon,
.step-1-child {
  top: 18px;
}
.step-1-child {
  border-radius: 0 0 var(--br-8xs) var(--br-8xs);
  background: linear-gradient(180deg, #fdd59c 1.56%, #fff);
  border: 2px solid var(--color-goldenrod);
  box-sizing: border-box;
  height: 135px;
}
.information-header-2-icon {
  height: 50px;
  object-fit: cover;
}
.referral-levels {
  font-weight: 800;
}
.referral-levels-there-container {
  position: absolute;
  top: 45px;
  left: calc(50% - 150px);
  display: inline-block;
  width: 301px;
  height: 92px;
}
.badge2-2-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 28px);
  width: 55px;
  height: 36px;
  object-fit: cover;
}
.div {
  position: absolute;
  top: 7px;
  left: calc(50% - 3px);
  font-size: var(--font-size-xs);
  font-weight: 800;
  color: var(--color-gold);
  display: inline-block;
  width: 11px;
  height: 18px;
}
.step-1,
.step-2-child {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.step-1 {
  top: 781px;
  height: 148px;
  text-align: left;
  font-size: var(--font-size-xs);
  /* color: var(--color-indigo-400); */
  color:red;
}
.step-2-child {
  top: 18px;
  border-radius: 0 0 var(--br-8xs) var(--br-8xs);
  background: linear-gradient(180deg, #ffd99f 1.56%, #fff);
  border: 2px solid var(--color-goldenrod);
  box-sizing: border-box;
  height: 80px;
}
.b4 {
  font-family: var(--font-inter);
}
.start-by-inviting {
  font-weight: 600;
}
.start-by-inviting-your-friends {
  color: var(--color-darkslategray);
}
.invite-friends-start-container {
  position: absolute;
  top: 45px;
  left: calc(50% - 150px);
  display: inline-block;
  width: 301px;
  height: 50px;
}
.step-2,
.step-3-child {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.step-2 {
  top: 935px;
  height: 109px;
  text-align: left;
  font-size: var(--font-size-xs);
  /* color: var(--color-indigo-200); */
  color:red;
}
.step-3-child {
  top: 18px;
  border-radius: 0 0 var(--br-8xs) var(--br-8xs);
  background: linear-gradient(180deg, #fed59c 1.56%, #fff);
  border: 2px solid var(--color-goldenrod);
  box-sizing: border-box;
  height: 100px;
}
.earn-commissions-as-container {
  position: absolute;
  top: 45px;
  left: calc(50% - 150px);
  display: inline-block;
  width: 301px;
  height: 78px;
}
.step-3,
.step-4-child {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.step-3 {
  top: 1050px;
  height: 132px;
  text-align: left;
  font-size: var(--font-size-xs);
  /* color: var(--color-indigo-300); */
  color:red;
}
.step-4-child {
  top: 18px;
  border-radius: 0 0 var(--br-8xs) var(--br-8xs);
  background: linear-gradient(180deg, #ffd89b 1.56%, #fff);
  border: 2px solid var(--color-goldenrod);
  box-sizing: border-box;
  height: 95px;
}
.the-commission-percentage {
  font-weight: 600;
  color: var(--color-darkslategray);
}
.commission-rates-the-container {
  position: absolute;
  top: 45px;
  left: calc(50% - 150px);
  display: inline-block;
  width: 301px;
}
.badge2-2-icon3 {
  top: 0;
  left: calc(50% - 27px);
  width: 55px;
  height: 36px;
  object-fit: cover;
}
.badge2-2-icon3,
.div3,
.step-4 {
  position: absolute;
}
.div3 {
  top:7px;
  left: calc(50% - 4px);
  font-size: var(--font-size-xs);
  font-weight: 800;
  color: var(--color-gold);
  display: inline-block;
  width: 11px;
  height: 18px;
}
.step-4 {
  top: 1190px;
  left: calc(50% - 168px);
  width: 336px;
  height: 132px;
  text-align: left;
  font-size: var(--font-size-xs);
  /* color: var(--color-indigo-400); */
  color:red;
}
.text {
  flex: 1;
  position: relative;
  line-height: 130%;
  font-weight: 600;
}
.cell,
.content {
  align-self: stretch;
  display: flex;
  justify-content: center;
}
.content {
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  padding: var(--padding-8xs);
}
.cell {
  flex: 1;
  background-color: var(--color-black);
  border-top: 1px solid var(--color-black);
  border-left: 1px solid var(--color-black);
  flex-direction: column;
  align-items: flex-start;
}
.content3 {
  padding: var(--padding-3xs) var(--padding-xs);
}
.content3,
.content4,
.row {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.row {
  text-align: center;
  font-size: var(--font-size-4xs);
  color: var(--color-goldenrod);
}
.content4 {
  padding: var(--padding-8xs);
}
.cell4 {
  text-align: center;
}
.cell4,
.cell5 {
  align-self: stretch;
  flex: 1;
  background-color: var(--color-gray-300);
  border-top: 1px solid var(--color-black);
  border-left: 1px solid var(--color-black);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.row1 {
  background: linear-gradient(180deg, #fde2b5, rgba(245, 245, 245, 0));
}
.content23,
.row1,
.row4 {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 11px;
}
.row4 {
  background: linear-gradient(180deg, #fde2b5, rgba(245, 245, 245, 0));
  height: 36px;
  flex-shrink: 0;
}
.content23 {
  padding: var(--padding-3xs) var(--padding-8xs) var(--padding-3xs)
    var(--padding-xs);
}
.borderfrm-1-icon,
.table {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.table {
  top: 22px;
  border-radius: var(--br-9xs);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.borderfrm-1-icon {
  top: 16px;
  height: 50px;
  object-fit: cover;
}
.badge003-1-icon,
.borderfrm-3-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 30px);
  width: 71px;
  height: 28px;
  object-fit: cover;
}
.borderfrm-3-icon {
  top: 171px;
  left: calc(50% - 168px);
  width: 336px;
  height: 50px;
}
.team {
  position: absolute;
  top: 9px;
  left: calc(50% - 13px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
  text-align: center;
}
.commission-rates-for {
  position: absolute;
  top: 303px;
  left: calc(50% - 132px);
  font-size: var(--font-size-base);
  /* color: var(--color-indigo-400); */
  color:red;
  text-shadow: -1px 0.5px 2px #f29091;
}
.table-agent-level {
  position: absolute;
  top: 1330px;
  left: calc(50% - 168px);
  width: 336px;
  height: 268px;
  text-align: left;
  color: var(--color-black);
}
.cell28 {
  align-self: stretch;
  background-color: var(--color-gray-300);
  border-top: 1px solid var(--color-black);
  border-left: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 96px;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.cell28,
.cell29,
.row7,
.row8 {
  display: flex;
  align-items: flex-start;
}
.cell29 {
  align-self: stretch;
  background-color: var(--color-gray-300);
  border-top: 1px solid var(--color-black);
  border-left: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 60px;
  flex-direction: column;
  justify-content: center;
}
.row7,
.row8 {
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
}
.row7 {
  align-self: stretch;
  background-color: var(--color-black);
  color: var(--color-gold);
}
.row8 {
  background: linear-gradient(180deg, #fdd899, #fffcf8);
  width: 336px;
}
.frame2,
.frame3,
.table1 {
  position: absolute;
  overflow: hidden;
}
.table1 {
  top: 7px;
  left: calc(50% - 167.5px);
  border-radius: var(--br-9xs);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 336px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 11px;
}
.frame2,
.frame3 {
  top: 15px;
  left: 0;
  width: 337px;
  height: 208px;
}
.frame3 {
  top: 0;
  left: 138px;
  width: 61px;
  height: 28px;
}
.badge003-1-icon1,
.borderfrm-1-icon1,
.borderfrm-1-icon2 {
  position: absolute;
  top: 150px;
  left: calc(50% - 167.5px);
  width: 356px;
  height: 50px;
  object-fit: cover;
}
.badge003-1-icon1,
.borderfrm-1-icon2 {
  top: 16px;
  left: calc(50% - 168.5px);
  width: 337px;
}
.badge003-1-icon1 {
  top: 1px;
  left: calc(50% - 30.5px);
  width: 71px;
  height: 28px;
}
.frame1,
.team1 {
  position: absolute;
}
.team1 {
  top: 10px;
  left: calc(50% - 12.5px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.frame1 {
  top: 1976px;
  left: calc(50% - 168px);
  width: 337px;
  height: 201px;
  overflow: hidden;
}
.row12,
.row13 {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.row12 {
  align-self: stretch;
  background-color: var(--color-black);
  color: var(--color-gold);
}
.row13 {
  background: linear-gradient(180deg, #fde2b5, rgba(255, 252, 248, 0));
  width: 336px;
}
.borderfrm-1-icon3,
.table2 {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.table2 {
  top: 47px;
  border-radius: var(--br-9xs);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 11px;
}
.borderfrm-1-icon3 {
  top: 42px;
  height: 50px;
  object-fit: cover;
}
.kerala-lottery-commission {
  position: absolute;
  top: 0;
  left: calc(50% - 156px);
  font-size: var(--font-size-base);
  /* color: var(--color-gray-100); */
  color:red;
  text-align: left;
}
.frame-child {
  position: absolute;
  top: 0;
  left: calc(50% - 168px);
  background-color: var(--color-black);
  width: 4px;
  height: 19px;
}
.badge003-1-icon2 {
  position: absolute;
  top: 27px;
  left: calc(50% - 30px);
  width: 71px;
  height: 28px;
  object-fit: cover;
}
.team2 {
  position: absolute;
  top: 35px;
  left: calc(50% - 13px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.borderfrm-3-icon1,
.table-parent {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.borderfrm-3-icon1 {
  top: 182px;
  height: 50px;
  object-fit: cover;
}
.table-parent {
  top: 1682px;
  height: 219px;
}
.kerala-dear {
  flex: 1;
  position: relative;
  line-height: 130%;
  text-shadow: -1px 0.5px 2px #b7adad;
}
.content78 {
  width: 336px;
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-xs);
  box-sizing: border-box;
}
.cell78,
.content78,
.content88,
.row17 {
  display: flex;
  align-items: flex-start;
}
.cell78 {
  align-self: stretch;
  background-color: var(--color-gray-300);
  border-top: 1px solid var(--color-white);
  border-left: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 336px;
  flex-direction: column;
  justify-content: center;
}
.content88,
.row17 {
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
}
.row17 {
  background: linear-gradient(180deg, #fbdfab, #fff);
  font-size: var(--font-size-xs);
  /* color: var(--color-indigo-400); */
  color:red;
}
.content88 {
  align-self: stretch;
  padding: var(--padding-3xs) var(--padding-8xs);
}
.borderfrm-1-icon4 {
  position: absolute;
  top: 15px;
  left: calc(50% - 168px);
  width: 336px;
  height: 50px;
  object-fit: cover;
}
.badge003-1-icon3,
.borderfrm-4-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 31px);
  width: 71px;
  height: 28px;
  object-fit: cover;
}
.borderfrm-4-icon {
  top: 180px;
  left: calc(50% - 168px);
  width: 336px;
  height: 50px;
}
.kerala,
.team3 {
  position: absolute;
}
.team3 {
  top: 13px;
  left: calc(50% - 14px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.kerala {
  top: 2257px;
  left: calc(50% - 168px);
  width: 336px;
  height: 230px;
}
.color-prediction {
  margin: 0;
}
.color-prediction-container {
  flex: 1;
  position: relative;
  line-height: 130%;
}
.cell104,
.content104 {
  box-sizing: border-box;
  width: 335px;
  display: flex;
  align-items: flex-start;
}
.content104 {
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-xs);
}
.cell104 {
  align-self: stretch;
  background-color: var(--color-gray-300);
  border-top: 1px solid var(--color-white);
  border-left: 1px solid var(--color-white);
  flex-direction: column;
  justify-content: center;
}
.table4,
.team4 {
  position: absolute;
}
.table4 {
  top: 22px;
  left: calc(50% - 168px);
  border-radius: var(--br-9xs);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 336px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.team4 {
  top: 8px;
  left: calc(50% - 13px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.borderfrm-4-icon1,
.color {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.borderfrm-4-icon1 {
  top: 208px;
  height: 50px;
  object-fit: cover;
}
.color {
  top: 2208px;
  height: 246px;
}
.row30 {
  background: linear-gradient(180deg, #fcd68e, rgba(255, 255, 255, 0));
  width: 336px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.borderfrm-4-icon2,
.casino,
.join-us-on {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.borderfrm-4-icon2 {
  top: 162px;
  height: 50px;
  object-fit: cover;
}
.casino,
.join-us-on {
  top: 2802px;
  height: 187px;
}
.join-us-on {
  top: 3046px;
  left: calc(50% - 163px);
  font-size: var(--font-size-sm);
  display: flex;
  /* color: var(--color-darkviolet); */
  color:red;
  /* color: rgb(167, 7, 7); */
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 57px;
  text-shadow: -1px 0.5px 2px rgba(0, 0, 0, 0.25);
}
.frame4,
.join-us-eng {
  position: absolute;
  top: 0;
  left: calc(50% - 180px);
  width: 360px;
  height: 445px;
}
.join-us-eng {
  object-fit: cover;
}
.frame4 {
  overflow: hidden;
}
.row34 {
  background: linear-gradient(180deg, #fcd998, rgba(255, 255, 255, 0));
  width: 336px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-xs);
  /* color: var(--color-indigo-600); */
  color:red;
}
.frame5,
.team6 {
  position: absolute;
}
.team6 {
  top: 8px;
  left: calc(50% - 14px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.frame5 {
  top: 0;
  left: 0;
  width: 336px;
  height: 248.5px;
  overflow: hidden;
}
.borderfrm-4-icon3,
.satta {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.borderfrm-4-icon3 {
  top: 197px;
  height: 50px;
  object-fit: cover;
}
.satta {
  top: 2494px;
  height: 229px;
}
.digit-lottery-commission {
  position: absolute;
  top: 1947px;
  left: calc(50% - 156px);
  font-size: var(--font-size-base);
  /* color: var(--color-gray-100); */
  color: red;
  text-align: left;
}
.enlish-page-child {
  position: absolute;
  top: 1947px;
  left: calc(50% - 168px);
  background-color: var(--color-black);
  width: 4px;
  height: 19px;
}
.casino-games-referral {
  position: absolute;
  top: 2769px;
  left: calc(50% - 156px);
  font-size: var(--font-size-base);
  /* color: var(--color-gray-100); */
  color:red;
  text-align: left;
}
.enlish-page-item {
  position: absolute;
  top: 2769px;
  left: calc(50% - 168px);
  background-color: var(--color-black);
  width: 4px;
  height: 19px;
}
.enlish-page {
  position: relative;
  background-color: var(--color-ghostwhite);
  width: 100%;
  height: 3210px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-3xs);
  color: var(--color-gray-200);
  font-family: var(--font-inter);
}
.stickyjoin {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.79);
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.icon_img {
  width: 100%; 
}

@media only screen and (min-width: 720px) {
  .stickyjoin {
    position: fixed;
    bottom: 0;
    width: 360px;
    left: calc(50% - 180px);
    background: rgba(0, 0, 0, 0.79);
    z-index: 3;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .icon_img {
    width: 340px; 
  }
}
.EnlishPage {
  position: relative;
  background-color: var(--color-ghostwhite);
  width: 100%;
  height: 3221px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-xs);
  color: var(--color-gray-200);
  font-family: var(--font-itf-devanagari);
}