* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}

@font-face {
  font-family: "buka";
  src: url('./fonts/BUKA_regular.woff2') format('woff2');
    
}

body {
  background: #fff;
  font-family: "buka";
}

main {
  padding: 0.5vw;
}

#hero .row {
  /* gap: 1vw; */
  flex-wrap: nowrap;
}
#hero h4 {
  vertical-align: top;
  font-variant-ligatures: none;
}

#hero .leftText1 {
  font-size: 6.99vw;
  line-height: 1;
  margin-top: 1.5vw;
  vertical-align: top;
  margin-top: 1vw;
  color: #000;
}
#hero .col-8 {
  padding-left: 1vw !important;
}

#hero .leftText2 {
  font-size: 8.87vw;
  line-height: 1;
  margin-top: -2.2vw;
  color: #000;
  vertical-align: top;
  /* or middle/baseline depending on layout */
}

#hero .rghtTxt1 {
  font-size: 12.04vw;
  color: #ffae01;
  margin-top: -0.6vw;
}

#hero .rightTxt2 {
  font-size: 22.18vw;
  color: #3b9e52;
  margin-top: -3.6vw;
}
#hero .rightTxt3 {
  font-size: 26.98vw;
  color: #006674;
  margin-top: -6.4vw;
}

#hero .rightTxt4 {
  font-size: 9.189vw;
  margin-top: -6.5vw;

  color: #ffae01;
}
#hero .rightTxt5 {
  font-size: 6.637vw;
  color: #006674;
  margin-top: -2.2vw;
}
#categories {
  padding: 0;
}
#categories h4 {
  font-size: 18vw;
}
#categories .wrapper {
  background: #2f4858;
  padding: 0.5vw;
}
#categories .toggleSlide {
  outline: none;
  border: none;
  background: none;
  display: block;
  color: #ffae01;
  line-height: 1;
}

#categories .toggleSlide:nth-of-type(1) {
  font-size: 6vw;
  margin-bottom: -1.2vw;
  margin-top: -0.3vw;
}
#categories .toggleSlide:nth-of-type(2) {
  font-size: 11.2vw;
  margin-bottom: -2.7vw;
}
#categories .toggleSlide:nth-of-type(3) {
  font-size: 11.13vw;
  margin-bottom: -2.1vw;
}
#categories .toggleSlide:nth-of-type(4) {
  font-size: 3.74vw;
  margin-bottom: -0.5vw;
}
#categories .toggleSlide:nth-of-type(5) {
  font-size: 5.063vw;
  margin-bottom: -1vw;
}
#categories .toggleSlide:nth-of-type(6) {
  font-size: 6.86vw;
  margin-bottom: -1.4vw;
}
#categories .toggleSlide:nth-of-type(7) {
  font-size: 5.81vw;
  margin-bottom: -1.1vw;
}
#categories .toggleSlide:nth-of-type(8) {
  font-size: 5.71vw;
  margin-bottom: -1.1vw;
}

#categories .toggleSlide:nth-of-type(9) {
  font-size: 6.11vw;
  margin-bottom: -1.6vw;
}
#categories .col-9 {
  padding-left: 0.7vw !important;
}

#categories img {
  object-fit: cover;
  display: none;
}
#categories img.active {
  display: block;
}
#rules,
#prizes {
  padding-top: 1vw;
}
#rules h4,
#prizes h4 {
  font-size: 16.4vw;
  text-align: center;
  line-height: 1;
  /* margin-bottom: -2vw !important; */
}

#rules .wrp {
  background: #3b9e52;
  padding: 0.5vw;
  margin-top: -2.5vw;
}

#prizes .wrp {
  background: #ffae01;
  padding: 0.5vw;
  margin-top: -2.5vw;
}