*{padding: 0%; margin: 0%; box-sizing: border-box; font-family: sans-serif;}
    .hero{display: flex; color:chartreuse; flex-wrap: wrap;
         background-image: url('image/mainimg.png'); align-items: center;
          background-color: rgba(0, 0, 0, 0.700); background-blend-mode: multiply;
         justify-content: space-around; text-align: center; height: 500px; background-size:cover;
          background-position: center;}
  .about{display: flex; flex-wrap: wrap; padding: 0 40px; align-items: center; justify-content: center; padding-top: 20px; background-color: #110B16;}  
  .about-content{width: 600px; padding: 30px;}       
   .about-image{width: 300px;  padding-right: 100px;;}
   .traind-flex{ display: flex; align-items: center;background: #110B16; justify-content: center; flex-wrap: wrap; }
.traind1{ height: 120px; padding: 5px; width:310px;  border-radius: 12px;margin: 10px; margin-top: 20px;color:#ffffff;background: #1e1e1e;} 
.traind-image{width: 60px; height: 60px; margin-left: 100px;;}
.traind-image img{width: 100%; height:auto; }
.virtues-flex{ display: flex; flex-wrap: wrap; align-items: center;
     justify-content: center; font-family: sans-serif; background:#110B16; color: #ffffff;}
     .virtues-text{width: 650px; background: #1e1e1e; height: 450px; margin: 10px; border-radius: 12px;}
     .course-flex{ display: flex; flex-wrap: wrap; background:#110B16; 
    align-items: center;justify-content: center; font-family: sans-serif; }
.course-box{ width: 310px; height: 400px;  padding: 10px; background: #1e1e1e; margin: 10px; border-radius: 12px;}   
.course-image{ width: 120px; height: 120px; margin-left: 80px;}  
.course-image img{width: 100%; height: auto; border-radius: 50%; }
.course-text h2{background: linear-gradient(to right,red,blue);color: transparent; -webkit-background-clip:text; padding: 5px; font-size: 20px; text-align: center;}
.course-text .btn{ background: #050127; padding: 5px;
     width:130px; margin: 12px; border: none; margin-left: 80px; border-radius: 12px; }
     .btn a{text-decoration: none; color: #b9beb9;font-size: 15px;}
     .btn:hover{background: white; color: #050127;}
     .course-text h6{ color: white; font-size: 18px; padding: 20px; margin-left: 80px;}
.course-text ul{display: flex; padding: 10px; margin-left: 80px;; color: rgb(233, 230, 224); list-style: none;}
.star{color: #e78607;}
    .grand{text-align: center;}
 .grand-flex{ display: flex; flex-wrap: wrap; align-items: center;
    justify-content: center;  text-align: center; background: #110B16;;}
 .grand-box{ width: 310px; height: 450px;    background:#1e1e1e; padding: 5px; border-radius: 12px;margin: 10px;}
 .grand-image{ width: 120px; height: 120px; margin-left: 40px;}  
.grand-image img{width: 100%; height: auto; border-radius: 50%; }
.grand-text h2{color: #fffff; padding: 5px; font-size: 20px; text-align: center;}
.grand-text .btn{ background: #050127; padding: 5px;
     width:130px; margin: 12px; border: none; margin-left: 30px; border-radius: 12px; }
     .btn a{text-decoration: none; color: #b9beb9;font-size: 15px;}
     .btn:hover{background: white; color: #bdbbce;}
     .grand-text h6{ color: white; font-size: 18px; padding: 20px; margin-left: 10px;;}
.grand-text ul{display: flex; padding: 10px; margin-left: 80px;; color: rgb(233, 230, 224); list-style: none;}
.star{color: #e78607;}
.pdf{text-align: center;}
.pdf-flex{ display: flex; flex-wrap:wrap; align-items: center; 
    justify-content: center; text-align: center;background:#110B16;}
.pdf-box{width: 310px; height: 400px; color:#ffffff;  margin: 10px; background : #1e1e1e; padding: 5px; border-radius: 12px;}   
.pdf-image{width: 150px; height: 150px; margin-left: 40px;; }
.pdf-image img{width: 100%; height: auto;} 
.pdf-box ul{display: flex; margin-left: 100px; list-style: none; font-size: 20px; margin-top: 30px; color: #fffff;}
.pdf-box h5{ font-size: 25px; margin: 20px; color: #ffffff;}
.pdf-box ul p{font-size: 16px; padding: 3px; }
.team-flex{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;background:#110B16;}
.team-box{width: 416px; height: 550px;  justify-content: space-around;
     text-align: center; border-radius: 12px;;   padding: 10px; background: #1e1e1e; margin: 10px;}
.team-image { width: 150px; height:225px;  margin: 20px; margin-left: 45px;}
.team-image img{ width: 100%; height: auto; border-radius: 10%;}
.team-text ul{display: flex; justify-content: center; padding: 15px; list-style: none;}
.team-text h3 { color:#ffffff;}
.team-text p { color: #ffffff; padding: 10px;}
.other-flex { display: flex;flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; background: #110B16;;}
.other-box{width:416px; height: 250px;  padding: 10px;  margin: 10px; border-radius: 12px; background: #1e1e1e;}
.other-box h3 { color:#ffffff; padding: 20px;} 

.footer{ display: flex; flex-wrap: wrap; align-items: center;justify-content: center;}
.footer-box{width: 330px; height: 400px;padding: 30px;border: 2px solid yellow; background-image: linear-gradient(to right, #b6246e, #e2a9c7); }
@media (width:768px){
    .hero{flex-direction: column;}
  .about-content{padding: 0px;}
  .traind-flex{flex-direction: column;}
   .virtues-flex{flex-direction: column;}
   .course-flex{flex-direction: column;}
   .grand-flex{flex-direction: column;}
   .pdf-flex{flex-direction: column;}
   .team-flex{flex-direction: column;}
   .foooter-flex{flex-direction: column;}
}