.mainBg {
  min-height: 100vh;
  min-width: 100vw;
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRvDBlurmaF_fEOhIAUjVD7D9MZTfPRt-_owYzczRC3FIG1E4RarG0q1ViPvu_BJsBgW4g3F6sAKgMf7GBtmn00zvD7-ILZ6Zc1B87xRkdEjfFrlGi_n_eyj4GdLDywr5NjcLVF9RNSR9mgT4TgIbW6x_raNxLV9g4vAPrFxaavT7J1QxmaEjv9vaUvPc/s16000/5.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}
.firstNav {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(217, 224, 189, 0.6308648459383753) 100%
  );
}
.conatiner-all {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* Ad height adj */
.admain {
  height: 70vh;
  overflow-y: scroll;
}
#imgmain1 {
  transform: translateX(-10px);
}
#imgmain2 {
  transform: translateX(10px);
}
#imgmain3 {
  transform: translateX(-10px);
}
#imgmain4 {
  transform: translateX(10px);
}
.topimg {
  position: absolute;
  transform: translateX(20px) translateY(15px);
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: rgba(0, 0, 0, 0.514);
  border-radius: 10px 20px 20px 0px;
  color: white;
  font-weight: bold;
  padding: 5px 10px;
}
.topimg1 {
}
.topimg2 {
}
.topimg3 {
}
.topimg4 {
}
.topimg > span {
  margin-left: 7px;
}
.topimg1 > span {
  margin-left: 7px;
}
.topimg2 > span {
  margin-left: 7px;
}
.btnmove {
  position: relative;
  transform: translateY(-70px);
}
.img-gif {
  position: absolute;
  z-index: -1;
}
.first-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.hide {
  display: none;
}
.abs-btn {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 10px 13px;
  list-style: none;
  text-decoration: none;
  color: white;
  background: linear-gradient(
    0deg,
    rgba(241, 39, 17, 1) 0%,
    rgba(245, 175, 25, 1) 100%
  );
  border-radius: 20px;
  animation: enlarge 1s ease-in-out infinite;
}
@keyframes enlarge {
  0% {
    padding: 10px 13px;
  }
  50% {
    padding: 8px 15px;
  }
  100% {
    padding: 10px 13px;
  }
}
.abs-btn > span {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}
.headstart1 {
  font-size: 14px;
}
.headstart2 {
  font-family: "Garamond";
  font-size: 20px;
  font-weight: bolder;
  align-items: center;
}
.topmainads {
  background-color: rgba(189, 187, 187, 0.267);
  padding: 10px 0px;
}
.nav-link {
  margin-left: 20px;
}
.togglej {
  transition: all 300ms ease-in-out;
  border-radius: 10px 20px 20px 0px;
}
.togglej:hover {
  scale: 1.01;
}
.togglej1 {
  transform: translateX(7px);
}
.togglej2 {
  transform: translateX(-7px);
}
/*between page*/
.btwnbody {
}
.betweencont {
  padding: 10px 0px;
}
.betbtn {
  border-radius: 7px;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 80px;
  color: white;
  background-color: rgb(35, 75, 187);
}
/*start playing button design*/
.btn-btn {
  padding: 13px 60px;
  list-style: none;
  text-decoration: none;
  font-weight: bold;
  color: white;
  border-top: 3px solid rgb(134, 5, 255);
  border-left: 3px solid rgb(134, 5, 255);
  border-bottom: 3px solid rgba(22, 5, 255, 0.301);
  border-right: 3px solid rgba(9, 5, 255, 0.384);
  background: linear-gradient(
    160deg,
    rgb(60, 25, 143) 0%,
    rgb(60, 25, 143) 40%,
    rgb(118, 38, 223) 80%,
    rgb(119, 73, 180) 100%
  );
  box-shadow: 5px 10.1px 10.1px hsla(278, 10%, 16%, 0.34);
  border-radius: 15px;
}
@media (max-width: 375px) {
  #img-2main {
    height: 200px;
  }
  #img-3main {
    height: 200px;
  }
}
@media (min-width: 330px) {
  #imgmain1 {
    transform: translateX(-5px);
  }
  #imgmain2 {
    transform: translateX(5px);
  }
  #imgmain3 {
    transform: translateX(-5px);
  }
  #imgmain4 {
    transform: translateX(5px);
  }
}
@media (min-width: 330px) {
  .admain {
    height: 100%;
    overflow-y: scroll;
  }
}
#img-2main {
  height: 180px;
}
#img-3main {
  height: 180px;
}
.topimg {
  font-size: 12px;
  padding: 5px 5px;
}
@media (max-width: 295px) {
  .btnmove {
    transform: translateY(-65px);
  }

  @keyframes enlarge {
    0% {
      padding: 5px 7px;
    }
    50% {
      padding: 3px 10px;
    }
    100% {
      padding: 5px 7px;
    }
  }
}
