h1 , h2{
    color: white;
}
body {
    font-family: Arial, sans-serif;
    background-color: black;
    color: #fff;
    
   
  }
  
  
  .font-small{
    font-size: 14px;
    color: #b6b6b6;
  }
  
  .background-title {
    width: 100% !important;
    height: 100vh; /* Adjust the height as needed */;
    background-image: url(images/2024\ ROG\ Strix\ G16_G614_Product\ Photo_photo2_16x99.jpg);
    background-size: cover;
    background-position: 100% 100%;
    position: relative;
    
   
  }
  
 .content {
    color: #fff; 
    position: absolute;
    top: 15%; 
}
.content h2{
  font-size: 48px;
  font-weight: bold;

}
.content p{
  font-size: 20px;
  padding: 5px 10px;
  width: 70%;

}
.description{
  width: 50%;
}
.description p {
  font-size: 24px;

}

.faster span{
  font-weight: bold;
  font-size: 56px;
}
.disclaimer{
 color:#909090;
 font-size: 12px;
 width: 90%;
}
.world_ai{
  background-color: #313131;
  text-align: center;
  padding: 30px 0px;
}
.world_ai h3{
  font-weight: bold;
}
.world_ai .description{
  font-size: 15px;
  color: #b6b6b6;
  width: 50%;
  text-align: center;
  margin: 0 auto;
 
}
.card-content{
  padding: 30px;
}

  .card-content p{
font-weight: 400;
font-size: 18px;
}
.section_studing{
  position: relative;
}

.second_banner{
 
  height: 100vh; /* Adjust the height as needed */;
  background-image: url(images/2024-ASUS-TUF-Gaming-A16_FA608_Scenario-Photos_Jaegar-Gray_07\ \(2\).jpg);
  background-size: cover;
 background-position: center center;
 
}
.over_lay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
}

.banner_content{
position: absolute;
top: 20%;
left: 10%;
width: 50%;
z-index: 9999;
}
.chart_image{
  display: flex;
  justify-content: center;
}
.chart_image img{
  
  width: 80%;
  padding: 50px 20px 30px 20px;
}
.section_gaming{
  position: relative;
}
.third_banner{
 
  height: 80vh; /* Adjust the height as needed */;
  background-image: url(images/2024\ ROG\ Zephyrus\ G16_GA605_Scenario\ Photo_13\ \(2\).jpg);
  background-size: cover;
 background-position: 100% 100%;
 
}
.banner_content_right{
  position: absolute;
  top: 20%;
  left: 50%;
  width: 50%;
  z-index: 999;
  }
.creating_banner{
    height: 80vh; /* Adjust the height as needed */;
    background-image: url(images/ProArt_2023VI_Lineup\ Photo_Studiobook.jpg);
    background-size: cover;
   background-position: center ;
   position: relative;
  
}

.section-title {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
  }
  
  .partners-section {
    padding: 100px 0;
    display: flex;
    justify-content: center;
    
  }
  .partner-card img {
   width: 50%;
   text-align: center;
   margin: 0 auto;

  }
  .partner-card a {
   
   background-color: #76b900;
    cursor: pointer;
  
  }
  .partner-card  {
   
    padding: 30px 0;
   
   }
  .creating_section{
    position: relative;
  }
  .icons_section{
    text-align: center;
    padding: 30px 0px;
  }
  .icons_creator{
    width: 1000px;
    margin: 0 auto;
    padding: 20px;
  }
  .icons_creator img{
    padding: 25px;
  }
  .icons_creator .card-content{
    padding: 15px;
  }
  .stem_main{
width: 75%;
  }
 

    footer {
    background-color: #060606;
    color: #fff;
    padding: 20px;
    text-align: center;
  }

  @media screen and (max-width: 800px) {
    .background-title {
      width: 100% !important;
      height: 100vh; 
      background-image: url(images/2024\ ROG\ Strix\ G16_G614_Product\ Photo_photo2_9x16.jpg);
      background-size: cover;
      background-position: center center;
      position: relative;
      
     
    }
    .world_ai .description {
      width: 90%;
    }
    .creating_banner{
      height: 70vh; /* Adjust the height as needed */;
      background-image: url(images/ProArt_2\ \(2\).jpg);
     background-position: center center;
     position: relative;
    
  }
    .over_lay{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      content: '';
      background-color: rgba(0, 0, 0, 0.3);
    }
    .content {
      color: #fff; 
      position: absolute;
      top: 15%; 
  }
    .content h2{
      font-size: 28px;
      font-weight: bold;
    }
    .content p{
      font-size: 16px;
      padding: 5px 10px;
    
    }
    .description{
      width: 75%;
    }
    .chart_image{
      width: 100%;
     
    }
    .chart_image img{
      width: 100%;
     
    }
    .banner_content{
      position: static;   
      display: block;
       width: 100%;
       padding: 10px;

      }
      .banner_content_right{
        
         width: 100%;
         padding: 10px;
         
        }
      .banner_content p{
       
           width: 100% !important;
        }

    .second_banner{
 
      height: 70vh;
      background-image: url(images/2024-ASUS-TUF-Gaming-A16_FA608_Scenario-Photos_Jaegar-Gray_07\ \(2\).jpg);
      background-size: cover;
     background-position: center center;
     position: relative;
     width: 100%;
   
    }
    .third_banner{
 
      height: 70vh;
      background-image: url(images/2024\ ROG\ Zephyrus\ G16_GA605_Scenario\ Photo_13\ \(3\).jpg);
      background-size: cover;
     background-position: center center;
     position: relative;
     width: 100%;
   
    }
  
    .banner_content_right{
      position: static;   
      display: block;
         width: 100%;
      }
   
    .icons_creator{
      width: auto;
      margin: 0 auto;
      padding: 20px;
    }
    .stem_main{
      width: 100%;
        }
     
  }