@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&family=Outfit:wght@500&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Akshar", sans-serif;
}

body {
  min-height: 100svh;
}

:root {
  --body-color: #;

  --color-red: #e23927;
  --color-white: white;
  --font-weight-700: 700;
  --font-weight-400: 400;
  --font-weight-600: 600;
  --font-weight-500: 500;
  --btn-height: 50px;
}

/* ==== section-navigationbar ==== */

/* ==== section-navigationbar END ==== */
/* ==== section1 ==== */

.section1_div {
  text-align: center;
  font-family: Akshar, sans-serif;
  font-size: 4vw;
  margin-top: 30px;
}

.section1_div1 {
  width: 100%;
}

/* ==== section1 END ==== */

.index-buttonIntro {
  text-align: center;
  /* height: 5px; */
  padding: 0.4vw 0px;
  width: 20%;
  line-height: 5.5vw;
  cursor: pointer;
  font-size: 22px;
  text-transform: uppercase;
  /* letter-spacing: 4px; */
  color: #f0f0f0;
  border-radius: 20px;
  border-bottom: 4px solid #4d43b2;
  /* box-shadow: 6px 6px 6px #999; */
  user-select: none;
  background: #393186;
  /* transition: background 0.05s linear; */
  transition: all 0.05s linear;
  /* margin-top: 10px;
  margin-bottom: 10px; */

  width: 80% !important;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  font-family: Akshar, sans-serif;
  font-size: 3vw;
  height: 5.5vw;
}

.index-buttonIntro:active {
  box-shadow: 2px 2px 2px #777;
  border-bottom: 1px solid #ffb909;
  transform: translateY(3px);
}

.__web-inspector-hide-shortcut__,
.__web-inspector-hide-shortcut__ *,
.__web-inspector-hidebefore-shortcut__::before,
.__web-inspector-hideafter-shortcut__::after {
  visibility: hidden !important;
}

.index-divD {
  width: 90% !important;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  font-family: Akshar, sans-serif;
  font-size: 4vw;
}

.index-divD-span {
  background-color: #ff6634;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  font-size: 4vw;
  display: inline-block;
  width: 80%;
  border-radius: 10px;
}

.index-divD-img {
  width: 30%;
  padding-left: 20px;
  padding-top: 1vw;
}

/*  */
.sicon img{
  width: 170px;
}
.sicon a img {
  width:50px;
  margin: 2px 3px;
}

/* table */
.section2-table {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  font-family: Akshar, sans-serif;
  font-size: 3vw;
}

.section2-td {
  border: 2px solid #000000;
  padding: 0px;
}
.section-tdbulb {
  padding-top: 1.5vw;
}

.section-td {
  border: 2px solid #000000;
  color: black;
  padding: 0.5vw;
}

.section-tddiv {
  width: 100% !important;
  font-size: 2vw;
}

.section2-divImg {
  width: 4vw;
  transform: rotate(180deg);
}

.index-button {
  height: 40px;
  margin: auto;
  text-align: center;
  width: 100% !important;
  cursor: pointer;
  font-size: 2vw;
  text-transform: uppercase;
  color: #f0f0f0;
  border-radius: 30px;
  padding: 10px 20px;
  user-select: none;
  background: #393186;
  transition: background 0.05s linear;
  transition: all 0.05s linear;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.index-button:active {
  box-shadow: 2px 2px 2px #777;
  border-bottom: 1px solid #ffb909;
  transform: translateY(3px);
}

/*  */

.index-buttonC {
  margin: auto;
  text-align: center;
  font-size: 2.5vw;
  width: 100% !important;
  padding: 0px 12px;
  cursor: pointer;
  text-transform: uppercase;
  color: #f0f0f0;
  user-select: none;
  background: #393186;
  transition: background 0.05s linear;
  transition: all 0.05s linear;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}

/* footer {
  font-family: Akshar, sans-serif;
  font-size: 30px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  height: 8vw;
  border-top: solid 1px;
  border-color: #0000ff1c; */
/* padding: 10px; */
/* z-index: 9;
  line-height: 8vw;
} */

/* section 3 */
.section3-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;

  align-items: center;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
  height: 100%;
}

.section3-div {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.section3-div1 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.float-start {
  font-size: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.float-start p a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.float-end {
  font-size: 2vw;
}

.footer-img {
  text-align: center;

  padding-bottom: 7vw;
  padding-top: 1.5vw;
}
.counterimg {
  width: 8vw;
}

.footer-img1 {
  width: 10vw !important;
}

/* ************* */

#rcorners1 {
  border-radius: 8px;
  background: #393186;

  width: 100%;
  height: 50px;
}

.index-button:active {
  box-shadow: 2px 2px 2px #777;
  border-bottom: 1px solid #ffb909;
  transform: translateY(3px);
}

.index-buttonC:active {
  box-shadow: 2px 2px 2px #777;
  border-bottom: 1px solid #ffb909;
  transform: translateY(3px);
}

.buttonIntro {
  text-align: center;
  height: 65px;
  width: 20%;
  line-height: 65px;
  cursor: pointer;
  font-size: 22px;
  text-transform: uppercase;
  /*letter-spacing: 4px;*/
  color: #f0f0f0;
  border-radius: 20px;

  /*4F0044*/
  border-bottom: 4px solid #4d43b2;
  box-shadow: 6px 6px 6px #999;
  user-select: none;
  background: #393186;
  transition: background 0.05s linear;
  transition: all 0.05s linear;

  margin-top: 10px;
  margin-bottom: 10px;
}

.buttonIntro:active {
  box-shadow: 2px 2px 2px #777;
  border-bottom: 1px solid #ffb909;
  transform: translateY(3px);
}

/* 88888888888888888 */

footer {
  font-family: Akshar, sans-serif;
  font-size: 30px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  height: 5vw;
  border-top: solid 1px;
  border-color: #0000ff1c;
  /* padding: 10px; */
  z-index: 9;
  line-height: 5vw;
  /* Default for smaller screens */
}

/* Apply this rule for desktop screens (min-width: 1024px) */
@media only screen and (min-width: 1024px) {
  footer {
    z-index: 999;
    /* Higher z-index for desktop */
  }
}

.section3-div {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.section3-div {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.section3-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

/*  */

.counter-container {
  display: inline-flex;
  align-items: center;
  /* gap: 2px; */
  /* padding: 5px; */
  border: 0.1vw solid #aaa;

  background: linear-gradient(#f0f0f0, #c0c0c0);
  border-radius: 0.3vw;
  /* box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.7),
    0px 2px 4px rgba(0, 0, 0, 0.3); */
  font-family: Arial, sans-serif;
}

.digit {
  width: 1vw;
  height: 1.2vw;

  background: linear-gradient(white, #dcdcdc);
  color: #454545;
  /* border: 1px solid #aaa; */
  /* border-radius: 8px; */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8vw;
  font-weight: bold;
  border-left: 0.1vw solid #aaa;
  /* box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8),
    0px 1px 2px rgba(0, 0, 0, 0.3); */
}

.digit1 {
  border-left: none !important;

  border-top-left-radius: 0.3vw;
  border-bottom-left-radius: 0.3vw;
}
.digit2 {
  border-top-right-radius: 0.3vw;
  border-bottom-right-radius: 0.3vw;
}

.section-td2 {
  font-size: 2.3vw;
}

/* new */
.section-tdbl {
  border: 1px solid #adadad;
  border-radius: 5px;
  padding: 0px;
  color: black;
  background-image: linear-gradient(white, #cecece);
  height: 14vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-p {
  font-size: 4vw;
  font-weight: 800;
}

.section-light {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-button {
  padding: 0.9px !important;
}
.section-button div {
  margin-top: 2px;
  margin-bottom: 2px;
}

.section-pad {
  padding: 0px !important;
}

@media screen and (max-width: 767px) {
  .section1_div {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .index-buttonIntro {
    height: auto;
    padding: 5px 10px 0px;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 18px;
  }
  .index-divD-span {
    width: 100%;
    display: block;
    font-size: 11px;
    padding: 7px;
    margin: 0px;
    border-radius: 4px;
  }
  .index-divD{
    margin-bottom: 0px;
  }
  .footer p{
    font-size: 14px;
    padding: 10px;
  }
  .section-p{
    font-size: 13px;
  }
  .index-buttonC{
    padding: 10px 20px;
  }
  footer{
    height: 40px;
  }
  .index-button{
    height: 22px;
  }
  .section-td2 {
    font-size: 11px;
  }
  .sicon img{
    width: 80px;
  }
  .sicon a img {
    width:16px;
    margin: 2px 3px;
  }
}