.join-us-tml {
  position: absolute;
  top: 0;
  left: calc(50% - 180px);
  width: 390px;
  height: 446px;
  object-fit: cover;
}
.b15,
.b16 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b15 {
  position: absolute;
  top: 0;
  left: calc(50% - 116px);
  font-size: var(--font-size-3xs);
  /* color: var(--color-darkviolet); */
  color: red;
  width: 233px;
  height: 17px;
}
.b16 {
  top: 19px;
  white-space: pre-wrap;
  height: 31px;
}
.agent1,
.b16,
.div17 {
  position: absolute;
  left: calc(50% - 159px);
  width: 318px;
}
.div17 {
  top: 62px;
  text-align: center;
  display: flex;
  align-items: center;
  height: 114px;
}
.agent1 {
  top: 513px;
  height: 176px;
  font-size: 11px;
  color: var(--color-dimgray);
  font-weight: 600;
}
.information-header-1-icon2,
.refer-inner {
  position: absolute;
  top: 36px;
  left: calc(50% - 168px);
  width: 336px;
}
.refer-inner {
  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-icon2 {
  height: 50px;
  object-fit: cover;
}
.div18 {
  position: absolute;
  top: 63px;
  left: calc(50% - 153px);
  display: inline-block;
  width: 306px;
  height: 19px;
  text-shadow: -1px 0.5px 2px #f29091;
}
.headbadge-1-icon2 {
  position: absolute;
  top: 0;
  left: calc(50% - 57px);
  width: 115px;
  height: 79px;
  object-fit: contain;
}
.b17 {
  position: absolute;
  top: 22px;
  left: calc(50% - 42px);
  font-size: 7px;
  display: flex;
  font-family: var(--font-size-xs);
  /* color: var(--color-indigo-500); */
  color: gold;
  white-space: pre-wrap;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 21px;
  text-shadow: 0 1px 4px rgba(255, 255, 255, 0.8);
}
.information-header-2-icon8,
.refer2,
.step-1-inner {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.refer2 {
  top: 699px;
  height: 96px;
  /* color: var(--color-indigo-400); */
  color: red;
}
.information-header-2-icon8,
.step-1-inner {
  top: 18px;
}
.step-1-inner {
  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: 159px;
}
.information-header-2-icon8 {
  height: 50px;
  object-fit: cover;
}
.span10 {
  font-family: var(--font-itf-devanagari);
  /* color: var(--color-indigo-400); */
  color: red;
}
.ab-1 {
  font-weight: 500;
}
.ab- {
  margin: 0;
}
.ab-container {
  position: absolute;
  top: 45px;
  left: calc(50% - 150px);
  display: inline-block;
  width: 301px;
  height: 123px;
}
.badge2-2-icon8 {
  position: absolute;
  top: 0;
  left: calc(50% - 28px);
  width: 55px;
  height: 36px;
  object-fit: cover;
}
.div19 {
  position: absolute;
  top: 11px;
  left: calc(50% - 5px);
  font-size: var(--font-size-s);
  font-weight: 700;
  font-family: var(--font-inter);
  color: var(--color-gold);
  display: inline-block;
  width: 11px;
  height: 18px;
}
.step-12,
.step-2-inner {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.step-12 {
  top: 820px;
  height: 177px;
  text-align: left;
  color: var(--color-darkslategray);
}
.step-2-inner {
  top: 13px;
  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: 101px;
}
.span12 {
  font-family: var(--font-tiro-devanagari-hindi);
}
.span11 {
  color: var(--color-darkslategray);
}
.div20 {
  position: absolute;
  top: 45px;
  left: calc(50% - 150px);
  display: inline-block;
  width: 301px;
  height: 57px;
}
.step-22,
.step-3-inner {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.step-22 {
  top: 1026px;
  height: 114px;
  text-align: left;
  font-size: var(--font-size-4xs);
  /* color: var(--color-indigo-red); */
  color: red;
}
.step-3-inner {
  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: 134px;
}
.div22 {
  position: absolute;
  top: 45px;
  left: calc(50% - 150px);
  display: inline-block;
  width: 301px;
  height: 85px;
}
.step-32,
.step-4-inner {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.step-32 {
  top: 1163px;
    height: 156px;
    text-align: left;
    font-size: var(--font-size-4xs);
    /* color: var(--color-indigo-300); */
    color: red;
}
.step-4-inner {
  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: 122px;
}
.badge2-2-icon11 {
  position: absolute;
  top: 0;
  left: calc(50% - 27px);
  width: 55px;
  height: 36px;
  object-fit: cover;
}
.div24 {
  top: 9px;
  left: calc(50% - 4px);
  font-weight: 400;
  display: inline-block;
  width: 11px;
  height: 18px;
  font-size: var(--font-size-xs);
}
.div24,
.div25,
.step-42 {
  position: absolute;
}
.div25 {
  top: 50px;
  left: 17px;
  font-size: var(--font-size-4xs);
  display: inline-block;
  width: 307px;
  height: 74px;
  /* color: var(--color-indigo-400); */
  color: red;
  font-family: var(--font-itf-devanagari);
}
.step-42 {
  top: 1336px;
  left: calc(50% - 168px);
  width: 336px;
  height: 132px;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-gold);
  font-family: var(--font-inter);
}
.text356 {
  flex: 1;
  position: relative;
  line-height: 130%;
}
.cell363,
.content363 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.content363 {
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-xs);
}
.cell363 {
  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;
  font-size: var(--font-size-4xs);
  font-family: var(--font-itf-devanagari);
}
.text357 {
  flex: 1;
  position: relative;
  line-height: 130%;
  font-weight: 600;
}
.cell364,
.row81 {
  align-self: stretch;
}
.cell364 {
  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;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.row81 {
  background-color: var(--color-black);
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  color: var(--color-gold);
}
.cell368,
.row81,
.row82 {
  display: flex;
  align-items: flex-start;
}
.cell368 {
  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;
  font-size: var(--font-size-4xs);
  color: var(--color-black);
  font-family: var(--font-itf-devanagari);
}
.row82 {
  background: linear-gradient(180deg, #fde2b5, rgba(255, 252, 248, 0));
  width: 336px;
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
}
.borderfrm-1-icon16,
.table14 {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.table14 {
  top: 48px;
  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-icon16 {
  top: 43px;
  height: 50px;
  object-fit: cover;
}
.div26 {
  position: absolute;
  top: 0;
  left: calc(50% - 156px);
  font-size: var(--font-size-sm);
  font-family: var(--font-itf-devanagari);
  /* color: var(--color-gray-100); */
  color: red;
  text-align: left;
}
.frame-inner {
  position: absolute;
  top: 1px;
  left: calc(50% - 168px);
  background-color: var(--color--black);
  width: 4px;
  height: 19px;
}
.badge003-1-icon14 {
  position: absolute;
  top: 28px;
  left: calc(50% - 30px);
  width: 71px;
  height: 28px;
  object-fit: cover;
}
.team14 {
  position: absolute;
  top: 35px;
  left: calc(50% - 13px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.borderfrm-3-icon4,
.table-container {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.borderfrm-3-icon4 {
  top: 197px;
  height: 50px;
  object-fit: cover;
}
.table-container {
  top: 1852px;
  height: 231px;
  font-family: var(--font-inter);
}
.div27,
.rectangle-div {
  position: absolute;
  top: 0;
  left: calc(50% - 124.5px);
}
.rectangle-div {
  top: 1px;
  left: calc(50% - 135.5px);
  background-color: var(--color-black);
  width: 4px;
  height: 19px;
}
.frame6 {
  position: absolute;
  top: 0;
  left: 1px;
  width: 271px;
  height: 21px;
  overflow: hidden;
}
.row86,
.row87 {
  flex-direction: row;
}
.row86 {
  align-self: stretch;
  background-color: var(--color-black);
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--color-gold);
}
.row87 {
  background: linear-gradient(180deg, #fdd899, #fffcf8);
  width: 336px;
}
.content402,
.row87,
.table15 {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.content402 {
  align-self: stretch;
  flex-direction: row;
  padding: var(--padding-8xs);
}
.table15 {
  position: absolute;
  top: 22px;
  left: calc(50% - 167.5px);
  border-radius: var(--br-9xs);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  width: 336px;
  flex-direction: column;
}
.badge003-1-icon15,
.borderfrm-1-icon17 {
  position: absolute;
  top: 15px;
  left: calc(50% - 168.5px);
  width: 336px;
  height: 50px;
  object-fit: cover;
}
.badge003-1-icon15 {
  top: 0;
  left: calc(50% - 30.5px);
  width: 71px;
  height: 28px;
}
.frame7,
.team15 {
  position: absolute;
}
.team15 {
  top: 9px;
  left: calc(50% - 12.5px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.frame7 {
  top: 26px;
  left: 0;
  width: 337px;
  height: 215px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-3xs);
  color: var(--color-gray-200);
  font-family: var(--font-inter);
}
.borderfrm-1-icon18 {
  position: absolute;
  top: 198px;
  left: calc(50% - 167.5px);
  width: 336px;
  height: 50px;
  object-fit: cover;
}
.luckwin1 {
  position: absolute;
  top: 2130px;
  left: calc(50% - 169px);
  width: 337px;
  height: 229px;
  text-align: left;
  font-size: var(--font-size-sm);
  /* color: var(--color-gray-100); */
  color: red;
}
.b18 {
  flex: 1;
  position: relative;
  line-height: 130%;
  text-shadow: -1px 0.5px 2px #b7adad;
}
.content413 {
  width: 336px;
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-xs);
  box-sizing: border-box;
}
.cell413,
.content413,
.content423,
.row91 {
  display: flex;
  align-items: flex-start;
}
.cell413 {
  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;
}
.content423,
.row91 {
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
}
.row91 {
  background: linear-gradient(180deg, #fbdfab, #fff);
  font-size: var(--font-size-2xs);
  /* color: var(--color-indigo-400); */
  color: red;
  font-family: var(--font-itf-devanagari);
}
.content423 {
  align-self: stretch;
  padding: var(--padding-3xs) var(--padding-8xs);
}
.borderfrm-1-icon19,
.table16 {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.table16 {
  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-icon19 {
  top: 15px;
  height: 50px;
  object-fit: cover;
}
.badge003-1-icon16,
.borderfrm-4-icon8 {
  position: absolute;
  top: 0;
  left: calc(50% - 31px);
  width: 71px;
  height: 28px;
  object-fit: cover;
}
.borderfrm-4-icon8 {
  top: 206px;
  left: calc(50% - 168px);
  width: 336px;
  height: 50px;
}
.team16 {
  position: absolute;
  top: 13px;
  left: calc(50% - 14px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.kerala2 {
  position: absolute;
  top: 2402px;
  left: calc(50% - 168px);
  width: 336px;
  height: 239px;
  font-family: var(--font-inter);
}
.cell439,
.content439,
.table17 {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
}
.content439 {
  width: 335px;
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-xs);
}
.cell439,
.table17 {
  flex-direction: column;
}
.cell439 {
  align-self: stretch;
  background-color: var(--color-gray-300);
  border-top: 1px solid var(--color-white);
  border-left: 1px solid var(--color-white);
  width: 335px;
  justify-content: center;
}
.table17 {
  position: absolute;
  top: 21.5px;
  left: calc(50% - 168px);
  border-radius: var(--br-9xs);
  border: 1px solid var(--color-black);
  width: 336px;
  overflow: hidden;
  justify-content: flex-start;
}
.badge003-1-icon17 {
  position: absolute;
  top: 0;
  left: calc(50% - 30px);
  width: 71px;
  height: 28px;
  object-fit: cover;
}
.team17 {
  position: absolute;
  top: 8px;
  left: calc(50% - 13px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.borderfrm-4-icon9,
.color2 {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.borderfrm-4-icon9 {
  top: 202px;
  height: 50px;
  object-fit: cover;
}
.color2 {
  top: 2409px;
  height: 252px;
  font-family: var(--font-inter);
}
.row103 {
  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-2xs);
  /* color: var(--color-indigo-600); */
  color: red;
  font-family: var(--font-itf-devanagari);
}
.borderfrm-1-icon21,
.borderfrm-4-icon10 {
  position: absolute;
  top: 16px;
  left: calc(50% - 168px);
  width: 336px;
  height: 50px;
  object-fit: cover;
}
.borderfrm-4-icon10 {
  top: 206px;
}
.satta2,
.team18 {
  position: absolute;
}
.team18 {
  top: 9px;
  left: calc(50% - 14px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
}
.satta2 {
  top: 2694px;
  left: calc(50% - 168px);
  width: 336px;
  height: 238px;
  font-family: var(--font-inter);
}
.row109,
.row111 {
  width: 336px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.row109 {
  background: linear-gradient(180deg, #fcd998, rgba(255, 255, 255, 0));
  font-size: var(--font-size-2xs);
  /* color: var(--color-indigo-400); */
  color: red;
  font-family: var(--font-itf-devanagari);
}
.row111 {
  background: linear-gradient(180deg, #fcd68e, rgba(255, 255, 255, 0));
}
.div28,
.live1 {
  position: absolute;
}
.live1 {
  top: 2985px;
  left: calc(50% - 168px);
  width: 336px;
  height: 238px;
  font-family: var(--font-inter);
}
.div28 {
  top: 3258px;
  left: calc(50% - 165px);
  font-size: var(--font-size-xs);
  /* color: var(--color-darkviolet); */
  color:red;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 89px;
  text-shadow: -1px 0.5px 2px rgba(0, 0, 0, 0.25);
}
.cell517,
.content517,
.row115 {
  align-self: stretch;
  display: flex;
}
.content517 {
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-8xs);
}
.cell517,
.row115 {
  align-items: flex-start;
}
.cell517 {
  flex: 1;
  background-color: var(--color-black);
  border-top: 1px solid var(--color-black);
  border-left: 1px solid var(--color-black);
  flex-direction: column;
  justify-content: center;
}
.row115 {
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  font-size: var(--font-size-4xs);
  color: var(--color-gold);
  font-family: var(--font-itf-devanagari);
}
.cell521,
.row115 {
  text-align: center;
}
.cell521,
.cell522 {
  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;
}
.row116 {
  background: linear-gradient(180deg, #fde2b5, rgba(245, 245, 245, 0));
}
.content540,
.row116,
.row119 {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.row119 {
  background: linear-gradient(180deg, #fde2b5, rgba(245, 245, 245, 0));
  height: 36px;
  flex-shrink: 0;
}
.content540 {
  padding: var(--padding-3xs) var(--padding-8xs) var(--padding-3xs)
    var(--padding-xs);
}
.borderfrm-3-icon5,
.table20 {
  position: absolute;
  left: calc(50% - 168px);
  width: 336px;
}
.table20 {
  top: 22px;
  border-radius: var(--br-9xs);
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  /* height: 270px; */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.borderfrm-3-icon5 {
  top: 175px;
  height: 50px;
  object-fit: cover;
}
.team20 {
  position: absolute;
  top: 9px;
  left: calc(50% - 13px);
  font-size: var(--font-size-4xs);
  line-height: 130%;
  color: var(--color-black);
  text-align: center;
}
.table-agent-level2 {
  position: absolute;
  top: 1500px;
  left: calc(50% - 168px);
  width: 336px;
  height: 292px;
  text-align: left;
  color: var(--color-black);
  font-family: var(--font-inter);
}
.div29 {
  position: absolute;
  top: 1824px;
  left: calc(50% - 158px);
  font-size: var(--font-size-xs);
  /* color: var(--color-indigo-400); */
  color: red;
  text-shadow: -1px 0.5px 2px #f29091;
}
.english3 {
  top: 35px;
  left: calc(50% - 27.5px);
  display: inline-block;
  width: 58px;  
  height: 15px;
  color: gold;
}
.b22,
.english2,
.english3 {
  position: absolute;
}
.english2 {
  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;
}
.b22 {
  top: 35px;
  left: calc(50% - 29.5px);
  display: inline-block;
  width: 58px;
  height: 15px;
  color: gold;
}
.malayalam2,
.telugu2 {
  top: -32px;
  width: 90px;
  height: 80px;
  background-image: url(./public/LandBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.telugu2 {
  position: absolute;
  left: calc(50% + 7px);
}
.malayalam2 {
  left: calc(50% - 85px);
  text-align: center;
}
.b24,
.hindi1,
.malayalam2 {
  position: absolute;
}
.b24 {
  top: 35px;
  left: calc(50% - 8.5px);
  display: inline-block;
  width: 20px;
  height: 17px;
  color: gold;
}
.hindi1 {
  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);
}
.language2 {
  position: absolute;
  top: 467px;
  left: calc(50% - 180px);
  width: 360px;
  height: 25px;
  font-size: var(--font-size-xs);
  color: var(--color-white);
  font-family: var(--font-inter);
}
.tamil-page {
  position: relative;
  background-color: var(--color-ghostwhite);
  width: 100%;
  height: 3447px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-3xs);
  color: var(--color-gray-200);
  font-family: var(--font-itf-devanagari);
}
.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; 
  }
}