body{font-family:Arial,sans-serif;margin:0;padding:0;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}
.overview-s8 img{display:block;max-width:100%;height:auto;margin:0 auto}
.s8-sec{overflow:hidden;font-size:18px;font-weight:lighter}
.s8-inner{width:1200px;position:relative;margin:0 auto;height:100%}
.s8-sec h1{font-size:5rem;font-weight:600;padding:15px;color:#fff}
.s8-sec h2{font-size:44px;font-weight:lighter;padding-top:50px}
.s8-sec h3{font-size:3rem;color:#fff}
.s8-sec p{font-size:18px;line-height:1.5;max-width: 900px;margin-right: auto;margin-left: auto;padding-top: 13px;}
@media only screen and (max-width: 768px) {
  .s8-sec p{font-size:25px;}
}
.s8-inner .white{color:#fff}
.text-gradient-fast-blue-purple-light-orange{background-image:linear-gradient(to right top,#c28a3d,#c28a3d,#f8ddae,#f8ddae,#f8ddae)}
.ug_image-container{padding:2rem;text-align:center;margin-bottom:50px}
img{max-width:100%;height:auto;border-radius: 30px;}
.text-container{padding:2rem;text-align:center}
.text-gradient-blue-magenta-orange,.text-gradient-light-gray-white,.text-gradient-light-purple-light-orange,.text-gradient-sky-blue-pink,.text-gradient-light-blue-light-turquoise,.text-gradient-fast-blue-purple-light-orange,.text-gradient-light-pink-light-purple,.text-gradient-fast-blue-purple,.text-gradient-pink-orange,.text-gradient-fast-pink-light-yellow,.text-gradient-purple-pink,.text-gradient-light-pink-light-orange{-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.m-inner{display:none}
.text-black{color:#000}
.text-white{color:#fff}
.text-overlay{position:absolute;top:23%;left:50%;transform:translate(-50%,-50%);color:white;text-align:center;z-index:1;width:1200px}
.center-text{text-align:center;width:75%;margin:0 auto;padding-left:15px;padding-right:15px;padding-top:30px}
.left-text{text-align:left;width:50%;padding-left:15px;padding-right:15px;padding-top:100px;color:#fff}
.left-icon{text-align:center;width:100%;padding-left:15px;padding-right:15px;padding-top:0}
.right-text{text-align:left;width:50%;float:right;padding-left:15px;padding-right:15px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;height:100%;padding-top:1px}
.img-center>img{margin:0 auto}
.s8-inner h1{font-size:5rem;font-weight:600;padding:15px}
.s8-inner h2{white-space:nowrap;font-size:44px;font-weight:600;padding-top:10px;color:#fff}
.float-img{position:absolute}
.s8-sec1{height:1180px;background:url(../images/us7000-1.png) no-repeat center center;background-size:cover;background-position:center;background-repeat:no-repeat}
.s8-sec2{background-color:#000}
.ug_image_1{display:block}
.ug_image_2{display:none}
.dual-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 50px auto 0;
  width: 90%;
  max-width: 1200px;
}

.dual-box {
  flex: 1;
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  background-color: #1a1a1a;
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.box-content {
  padding: 30px;
  text-align: center;
  min-height: 196px;
}

.box-content h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 600;
}

.box-content p {
  color: #ececec;
  font-size: 16px;
  line-height: 1.6;
}

.box-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  background-color: #000;
}

.box-image img {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
  border-radius: 8px;
}

@media only screen and (max-width: 768px) {
  .dual-container {
    flex-direction: column;
    margin: 30px auto 0;
    width: 95%;
  }
  
  .dual-box {
    margin: 15px 0;
  }
  
  .box-content {
    padding: 20px;
  }
  
  .box-content h3 {
    font-size: 26px;
  }
  
  .box-content p {
    font-size: 23px;
  }
  
  .box-image {
    padding: 15px;
  }
  
  .box-image img {
    max-height: 250px;
  }
}
.s8-sec3{background-color:#000}
.s8-sec4{height:1100px;background:url(../images/us7000-5.png) no-repeat center center;background-size:cover;background-position:center;background-repeat:no-repeat}
.s8-sec5{height: 1050px;background:url(../images/us7000-6.png) no-repeat center center;background-size:cover;background-position:center;background-repeat:no-repeat}
.s8-sec6{background-color:#000}
.s8-sec7{background-color:#000}
.s8-sec8{height:1100px;background:url(../images/us7000-8.png) no-repeat center center;background-size:cover;background-position:center;background-repeat:no-repeat}
.s8-sec9{height:1100px;background-color:#000;}
.s8-sec10{background-color:#000}
.s8-sec11{background-color:#000}
.text-top5{padding-top:5%}
.text-top2{padding-top:2%}
.text-top8{padding-top:8%}
.text-top10{padding-top:10%;}
.text-bottom10{padding-bottom:10%}
.text-bottom5{padding-bottom:5%}
.text-top20{padding-top:20%}
.about-three-right-content{padding:15px}
@media only screen and (max-width:768px){.about-three-right-content{padding-left:35px}
}
.text-overlay{position:absolute;top:23%;left:50%;transform:translate(-50%,-50%);color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.5);text-align:center;z-index:1;width:1200px}
@-webkit-keyframes drop-down{0{transform:translateY(0)rotateY(-30deg)scale(0.9)skewX(-15deg)}
100%{transform:translateY(100px)rotate(0)scale(1)skewX(0)}
}
@keyframes drop-down{0{transform:translateY(0)rotateY(-30deg)scale(0.9)skewX(-15deg)}
100%{transform:translateY(100px)rotate(0)scale(1)skewX(0)}
}
@-webkit-keyframes charging{0{background-position:0 200px}
20%{background-position:0 160px}
40%{background-position:0 120px}
60%{background-position:0 80px}
80%{background-position:0 40px}
100%{background-position:0 0}
}
@keyframes charging{0{background-position:0 200px}
20%{background-position:0 160px}
40%{background-position:0 120px}
60%{background-position:0 80px}
80%{background-position:0 40px}
100%{background-position:0 0}
}
@-webkit-keyframes bling{from{transform:scale(0)}
to{transform:scale(1)}
}
@keyframes bling{from{transform:scale(0)}
to{transform:scale(1)}
}
@media only screen and (max-width:768px){.s8-inner{width:auto}
.s8-inner h2{font-size:30px;white-space:normal;padding-top:20px;padding-bottom:5px;padding:10px}
.s8-inner h3{font-size: 30px;}
.s8-inner p{font-size: 2.6rem;line-height:1.3;letter-spacing:.5px;padding-top:20px;font-weight:500}
.center-text{float:none;width:90%;/* padding-top:80px!important; */}
.right-text{text-align:left;width:100%;float:unset;padding-left:15px;padding-right:15px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;height:auto;color:#fff;padding-top:50px}
.left-text{float:none;width:90%;padding-top:30px!important;color:#fff}
.ug_image_1{display:none}
.ug_image_2{display:block}
.ug_image_3{width:100%}
.float-img{position:static}
.s8-sec1{height: 55vh;background: url(../images/us7000-1-1.png) no-repeat center bottom;background-size:100%;background-color:#000;}
.s8-sec2{background-size:100%;background-color:#000}
.s8-sec3{background-color:#000}
.s8-sec4{background: url(../images/us7000-4-1.png) no-repeat center bottom;background-size:100%;/* background-position:center; */background-repeat:no-repeat;background-color:#000;}
.s8-sec5{height: 50vh;background: url(../images/us7000-6.png) no-repeat center bottom;background-size:200%;background-repeat:no-repeat;background-color:#000;background-position:bottom;}
.s8-sec6{background-color:#000}
.s8-sec7{background-color:#000}
.s8-sec8{height: 80vh;background:url(../images/us7000-8-1.png) no-repeat center center;background-size: 100%;background-position: bottom;background-repeat:no-repeat;background-color: #000000;}
.s8-sec9{height: 600px;/* background:url(../images/us7000-9.png) no-repeat center center; */background-size:300%;background-repeat:no-repeat;background-color:#000}
}
@media screen and (min-width:1024px) and (max-width:1368px){.s8-inner{width:auto}
}
@media only screen and (min-width:1200px) and (max-width:1599px){.s8-inner{width:auto}
}
@media only screen and (min-width:768px) and (max-width:991px){.s8-inner{width:auto}
}