@font-face {
   font-family: Poppins;
   src: url("./Poppins/Poppins-Bold.ttf");
}

.container.t20 {
   max-width: 100%;
   width: 100%;
   padding: 0;
   z-index: 1;
   position: relative;
   margin: 0 auto;
}
@media screen and (max-width: 1400px) {
   .container {
      max-width: 1240px;
   }
}
@media screen and (max-width: 1200px) {
   .container {
      max-width: 960px;
   }
}
@media screen and (max-width: 1000px) {
   .container {
      max-width: 90%;
   }
}
@media screen and (max-width: 576px) {
   .container {
      max-width: 100%;
   }
}
.navbar.show {
   background-color: transparent;
}

.dFlex {
   display: flex;
   align-items: center;
   justify-content: center;
}
.w100 {
   width: 100%;
}
.p10 {
   padding: 30px 10px;
}
.container.t20Mockup {
   width: 100%;
   padding: 0;
   margin: 0 auto;
   background: #191919;
}
.t20Mockup .mockupSection {
   width: 100%;
   padding: 60px 30px;
}

.container.t20Feature {
   width: 100%;
   padding: 0;
   background-color: #191919;
}

.container.t20Feature .featureSection {
   width: 100%;
   padding: 30px 10px 30px;
}

.prizeBox {
   text-align: center;
   width: 33%;
   margin: 20px 0;
   box-sizing: border-box;
   position: relative;
}
.prizeBox h3 {
   font-size: 18px;
   color: #f6b907;
   font-family: "Poppins";
   width: fit-content;
   margin: 0 auto;
   margin-bottom: 15px;
   padding: 6px 18px;
   border-radius: 10px;
   border: 1px solid #f6b907;
}
.prizeBox p {
   font-size: 20px;
   color: gray;
   font-family: "Poppins";
   width: fit-content;
   margin: 0 auto;
   margin-bottom: 15px;
}
.pabsolTop {
   position: absolute;
   top: 35%;
   right: 0%;
}
.pabsolTopthree {
   position: absolute;
   top: 32%;
   right: 3%;
}
.pabsolTopfive {
   position: absolute;
   top: 31%;
   right: 0%;
}
.pabsolTopseven {
   position: absolute;
   top: 31%;
   right: 2%;
}
.pabsolTopnine {
   position: absolute;
   top: 31%;
   right: 2%;
}
.pabsolToptwo {
   position: absolute;
   top: 35%;
   right: 0%;
}
.pabsolTopfour {
   position: absolute;
   top: 30%;
   right: 0%;
}
.pabsolTopsix {
   position: absolute;
   top: 30%;
   right: 2%;
}
.pabsolTopeight {
   position: absolute;
   top: 24%;
   right: 0%;
}
.prizeBox h3 span {
   color: rgb(243, 40, 40);
}
.prizeBox img {
   width: 200px;
   height: 200px;
   display: block;
   margin: 0 auto;
   object-fit: contain;
}

@media screen and (max-width: 600px) {
   .mockupSection .dFlex {
      display: block;
   }
   .prizeBox {
      width: 100%;
      margin: 50px auto;
   }

   .prizeBox img.bikeImage {
      width: 300px;
      height: auto;
      margin-left: -20px;
   }

   .t20Mockup .mockupSection {
      padding: 60px 0px;
   }
   .p10 {
      padding: 15px 0px;
   }
   .p15 {
      padding: 0px 10px;
   }
   .prizeBox img {
      width: 300px;
      height: auto;
   }
   .prizeBox img.leftAuto {
      margin: 0 0 0 auto;
   }
   .prizeBox img.rightAuto {
      margin: 0 auto 0 0;
   }
   .heroSlider img {
      width: 100%;
   }
   .pabsolTop {
      position: absolute;
      top: 35%;
      right: 10%;
   }
   .pabsolTopthree {
      position: absolute;
      top: 32%;
      right: 8%;
   }
   .pabsolTopfive {
      position: absolute;
      top: 31%;
      right: 6%;
   }
   .pabsolTopseven {
      position: absolute;
      top: 31%;
      right: 2%;
   }
   .pabsolTopnine {
      position: absolute;
      top: 31%;
      right: 2%;
   }
   .pabsolToptwo {
      position: absolute;
      top: 35%;
      right: unset;
      left: 8%;
   }
   .pabsolTopfour {
      position: absolute;
      top: 30%;
      right: unset;
      left: 5%;
   }
   .pabsolTopsix {
      position: absolute;
      top: 30%;
      right: unset;

      left: 5%;
   }
   .pabsolTopeight {
      position: absolute;
      top: 24%;
      right: unset;
      left: 5%;
   }
}