/** Shopify CDN: Minification failed

Line 578:0 Unexpected ".8"

**/
.parent {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #000000;
  padding-top: 20px;
  padding-bottom: 20px;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-tile-border-radius:25px;
}

.parent {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 57.6470588235rem;
    padding:70px 0 122px
}

.parent div img {
  width: 100%;
  height: 100%;
  object-fit: background;
}

.parent div {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right:auto
}


.parent {
  background: #161617;
}

:root {
--gradient-base-background-1: #161617;
}

@media only screen and (max-width: 1068px) {
    .parent {
        padding:6px
    }
}

@media only screen and (max-width: 734px) {
    .parent {
        padding:20px
    }
}


.div1 { grid-area: 1 / 1 / 3 / 3; } 
.div2 { grid-area: 1 / 3 / 2 / 4; } 
.div3 { grid-area: 2 / 3 / 3 / 4; } 
.div4 { grid-area: 3 / 1 / 4 / 2; } 
.div5 { grid-area: 3 / 2 / 4 / 4; } 
.div6 { grid-area: 4 / 2 / 6 / 4; } 
.div7 { grid-area: 6 / 1 / 7 / 3; } 
.div8 { grid-area: 6 / 3 / 7 / 4; } 
.div9 { grid-area: 7 / 1 / 9 / 3; } 
.div10 { grid-area: 7 / 3 / 8 / 4; } 
.div11 { grid-area: 8 / 3 / 9 / 4; } 
.div12 { grid-area: 9 / 1 / 10 / 2; } 
.div13 { grid-area: 9 / 2 / 10 / 4; } 
.div14 { grid-area: 10 / 1 / 11 / 2; } 
.div15 { grid-area: 10 / 2 / 12 / 4; } 
.div16 { grid-area: 11 / 1 / 12 / 2; } 
.div17 { grid-area: 4 / 1 / 6 / 2; }   

.div1 {
  position: relative;
}

.div1-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div1-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}


.div1 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div1[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}


.div1 .grid-text-h3 {
  /* Add your desired H3 styles here */
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div1 .grid-text-h3 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div1 .grid-text-h3 {
  top: 20%;
}


.div2 {
  position: relative;
}

.div2-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div2-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.div2 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div2[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div2 .grid-text-h2 {
  /* Add your desired H3 styles here */
  font-size: 70px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div2 .grid-text-h2 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div2 .grid-text-h2 {
  top: 40%;
}


.div3 {
  position: relative;
}

.div3-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div3-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.div3 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div3[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div3 .grid-text-h2 {
  /* Add your desired H3 styles here */
  font-size: 70px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div3 .grid-text-h2 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div3 .grid-text-h2 {
  top: 40%;
}

.div4 {
  position: relative;
}

.div4-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div4-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.parent .div4 {
  position: relative;
}

.div4 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div4[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div5-image {
  width: 100%;
  height: 100%;
  object-fit: background;
}

.div5-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.parent .div5 {
  position: relative;
}

.div5 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div5[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div5 .grid-text-h1,
.div5 .grid-text-h2 {
  /* Add your desired H1 styles here */
  font-size: 70px;
  font-weight: bold;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}

.div5 .grid-text-h1,
.div5 .grid-text-h2 {
  position: absolute;
  top: 23%;
  bottom: 0%;
  transform: translateX(-50%);
  text-align: center;
}

.div5 .grid-text-h1 {
  left: 50%;
  right: 0%;
}

.div5 .grid-text-h2 {
  left: 0%;
  right: 50%;
}

.div17 {
  position: relative;
}

.div17-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div17-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}


.div17 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div6[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}


.div17 .grid-text-h3 {
  /* Add your desired H3 styles here */
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div17 .grid-text-h3 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div17 .grid-text-h3 {
  top: 5%;
}

.div6 {
  position: relative;
}

.div6-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div6-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.div6 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div6[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div6 .grid-text-h3 {
  /* Add your desired H3 styles here */
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div6 .grid-text-h3 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div6 .grid-text-h3 {
  top: 9%;
}

.div7-image {
  width: 100%;
  height: 100%;
  object-fit: background;
}

.div7-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.parent .div7 {
  position: relative;
}

.div7 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div7[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div7 .grid-text-h1,
.div7 .grid-text-h2 {
  /* Add your desired H1 styles here */
  font-size: 70px;
  font-weight: bold;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}

.div7 .grid-text-h1,
.div7 .grid-text-h2 {
  position: absolute;
  top: 23%;
  bottom: 0%;
  transform: translateX(-50%);
  text-align: center;
}

.div7 .grid-text-h1 {
  left: 50%;
  right: 0%;
}

.div7 .grid-text-h2 {
  left: 0%;
  right: 50%;
}

.div8 {
  position: relative;
}

.div8-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div8-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.div8 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.8[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div8 .grid-text-h2 {
  /* Add your desired H3 styles here */
  font-size: 70px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div8 .grid-text-h2 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div8 .grid-text-h2 {
  top: 20%;
}

.div9 {
  position: relative;
}

.div9-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div9-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}


.div9 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div9[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}


.div9 .grid-text-h3 {
  /* Add your desired H3 styles here */
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div9 .grid-text-h3 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div9 .grid-text-h3 {
  top: 20%;
}

.div10 {
  position: relative;
}

.div10-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div10-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}


.div10 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div10[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}


.div10 .grid-text-h2 {
  /* Add your desired H3 styles here */
  font-size: 70px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div10 .grid-text-h2 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div10 .grid-text-h2 {
  top: 40%;
}


.div11 {
  position: relative;
}

.div11-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div11-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}


.div11 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div11[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}


.div11 .grid-text-h2 {
  /* Add your desired H3 styles here */
  font-size: 70px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div11 .grid-text-h2 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div11 .grid-text-h2 {
  top: 40%;
}

.div12 {
  position: relative;
}

.div12-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div12-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}


.div12 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div12[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}


.div12 .grid-text-h2 {
  /* Add your desired H3 styles here */
  font-size: 70px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0em;
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}


.div12 .grid-text-h2 {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateX(-50%);
  text-align: center;
}


.div12 .grid-text-h2 {
  top: 40%;
}


.div13-image {
  width: 100%;
  height: 100%;
  object-fit: background;
}

.div13-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.parent .div13 {
  position: relative;
}

.div13 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div13[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div13 .grid-text-h1,
.div13 .grid-text-h2 {
  /* Add your desired H1 styles here */
  font-size: 70px;
  font-weight: bold;
  background-image: linear-gradient(to bottom, #ffd700, #ffcc00, #ffaa00, #ff8800, #ff6600);
  -webkit-background-clip: text;
  color: transparent;
}

.div13 .grid-text-h1,
.div13 .grid-text-h2 {
  position: absolute;
  top: 23%;
  bottom: 0%;
  transform: translateX(-50%);
  text-align: center;
}

.div13 .grid-text-h1 {
  left: 50%;
  right: 0%;
}

.div13 .grid-text-h2 {
  left: 0%;
  right: 50%;
}


.div14 {
  position: relative;
}

.div14-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div14-text8 {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.parent .div14 {
  position: relative;
}

.div14 .grid-text {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div14[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div15 {
  position: relative;
}

.div15-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div15-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.parent .div15 {
  position: relative;
}

.div15 .grid-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div15[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}

.div16 {
  position: relative;
}

.div16-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div16-text8 {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff; /* Adjust the text color as needed */
  /* Add additional styles for the text, such as font size, font family, etc. */
}

.parent .div16 {
  position: relative;
}

.div16 .grid-text {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s, transform 0.6s;
}

.div16[data-aos="fade-in-top"].aos-animate .grid-text {
  opacity: 1;
  transform: translateY(0);
}