/* Universal */
*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     text-decoration: none;
     list-style: none;
     font-family: Arial, Helvetica, sans-serif;
}
header{
     background: whitesmoke;
     padding: 20px 8%;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.logo{
     width: 150px;
     height: 90px;
     border-radius: 30px;
     /* background-color: beige; */
}
.logo:hover{
     color: orangered;
}
li{
     display:inline-block;
}
li a{
     color: orangered;
     font-size: 18px;
     font-weight: 400;
     margin-right: 20px;
     
}
li a:hover{
     color: rgb(185, 158, 107);
}
.container{
     width: 90%;
     margin: 0 auto;

}
.im{
     width: 80%;
     border-radius: 50px;
}
main{
     padding-top: 20px;
}
h1{
     font-family:  "Poppins", sans-serif;
}
.container1{
     width: 90%;
     margin: 0 auto;
} 
.home{
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: #F0FFF0;
}

 .h-1{
     width:80%;
     text-align: left;
     align-items: center;
     padding-right: 70px;
     line-height: 30px;
     font-family: 'Lexend', sans-serif;;
 }

 .im{
     width: 300px;
     height: 200px;
     border-radius: 10%;
     /* border: 1px solid darkslategray; */
 }
 .h-2 .im{
     width: 400px;
     height: 300px;
     margin-left: 2px;
 }
 .h-p1{
     text-align: justify;
     font-size: 16px;
 }
 h1{
     font-size: 30px;
     padding-bottom: 8px;
     color:#2d2e74;
     line-height: 40px;
 }
 /* service section star */

.service{
     padding-top: 20px;
     display: grid;
     grid-template-columns: repeat(4,1fr);
     gap: 20px;
     
 }
.serv{
     padding-top: 60px;
    text-align: center;
 }
 .swd{
          width: 220px;
          height: 400px;
          /* background-color: gray; */
          /* padding: 10px; */
          /* border: 2px solid black; */

 }
 .swd:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
 .swde{
          width: 220px;
          height: 400px;
          /* background-color: blue; */
          /* padding: 10px; */
          /* border: 2px solid black; */
}
 .swde:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
 .sbp{
          width: 220px;
          height: 400px;
          /* background-color: red; */
          /* padding: 10px; */
          /* border: 2px solid black; */
 }
  .sbp:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
 .sit{
          width: 220px;
          height: 400px;
          /* background-color: green; */
          /* padding: 10px; */
          /* border: 2px solid black; */
          
 }
  .sit:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
 .sdm{
          width: 220px;
          height: 400px;
          /* background-color: yellow; */
          /* padding: 10px; */
          /* border: 2px solid black; */
 }
  .sdm:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
 .ssd{ 
          width: 220px;
          height: 400px;
          /* background-color: orange; */
          /* padding: 10px; */
          /* border: 2px solid black; */
 }
  .ssd:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
 .sgd{
          width: 220px;
          height:400px;
          /* background-color: purple; */
          /* padding: 10px; */
          /* border: 2px solid black; */
 }
  .sgd:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
 .sce{
          width: 220px;
          height: 400px;
          /* background-color: pink; */
          /* padding: 10px; */
          /* border: 2px solid black; */
 }
  .sce:hover{
          box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
          transition: all 0.3s ease;
          border-radius: 5px;
 }
.serim{
     width: 216px;
     height: 200px;
     border-radius: 10px;
 }
.ser{
     text-align: center;
     font-size: 25px;
     font-weight: 600;
 }
 .para{
     text-align: justify;
     padding: 2px 4px;
     font-size: 12px;
     color: black;  
 }
 /* service section end */

 /* team section start */

.team{
     padding-top: 30px;
     gap: 50px;

}
.ot{
     text-align: center;
     padding-bottom: 20px;
     font-size: 30px;
}
.pos{
     font-size: 16px;
     font-weight: 600;
}
.member{
     width: 100%;
     height:100%;
     display: flex;
     flex-direction: row;
     gap: 45px;
     align-items:center;

     
}
.te{
     font-size: 25px;
}
.ceo, .gm, .sd, .wd, .wdv, .gd, .dm{
     width: 200px;
     height: 200px;
     justify-content: space-between;
     padding-bottom: 10px;
     /* background-color: #0047AB; */
     border-radius: 50%;
     /* background-image: url(/image/team/gm.jpg); */
}
.t1{
     border-radius: 50%;
     width: 180px;
     height: 210px;
     
     margin-bottom: 30px;
     border: 1px solid gray;
     box-shadow: 5px 5px 20px;
}
.ceot, .gmt, .sdt, .wdt, .wdvt, .gdt, .dmt{
     width: 850px;
     height: auto;
     text-align: justify;
}
h3{
     color: navy;
}

 /* team section end */
 /* cource Section start */
.c-h2{
     margin-top: 60px;
     text-align: center;
}
.course{
     display: grid;
     grid-template-columns: repeat(4
     , 1fr);
     gap: 30px;
     margin-top: 30px;
}
.boxs{
     border-radius: 6px;
}
.boxs:hover{
     box-shadow: 4px 4px 8px rgba(100, 97, 97, 1);
     transition: transform 0.3s ease;
     transform: scale(1.05);
}
.boxs img{
     width: 100%;
     border-radius: 11px;
}
.co{
     font-size: 20px;
     font-weight: 500;
     color: #413960;
     padding-top: 20px;
     text-align: center;
}
.cou{
     font-size: 16px;
     font-weight: 400;
     color:#585859;
     padding-top: 20px;
}
.lh{
     line-height: 25px;
}
.btn-c{
     padding: 8px 28px;
     border-radius: 33px;
     background-color: #21B573;
     color: white;
     border: none;
     margin-top: 20px;
     margin-bottom: 10px;
}
.btn-c:hover{
     background-color: #FD511A;
     color: white;
     cursor: pointer;
}


/* cource Section end */

/* Gallery section start */

.gallery{
     padding-top: 50px;
     width: 100%;
     height: 10px;
}
.gallery img{
     width: 600px;
     height: 500px;
}
.gal{
     font-size: 50px;
     font-weight: 600;
     padding-top: 60px;
     text-align: center;
}
/* Gallery section end */


/* Contact section start */

.cont{
     padding-top: 600px;
     text-align: center;
     font-size: 50px;
}
.contact{
     padding-top: 10px;
     background-color: wheat;
     
}
.con{
     width: 100%;
     height:100%;
     display: flex;
     flex-direction: row;
     gap: 10px;
     align-items:center;
}
.ct{
     font-size: 20px;
}
.ima{
     margin-left: 10px;
     width: 50px;
     height: 50px;
     padding-top: 10px;
}
.no{
     padding-left: 10px;
    
}
/* Contact section end */

/* footer section start */

.footer{
     width: 100%;
     height: 100px;
     background-color: navy;
     color: white;
     padding: 20px 0;
     text-align: center;
}
.cpr{
     padding-top: 10px;
     margin-top: 10px;
     font-size: 14px;
}
.icon{
     display: inline-block;
     padding-top: 10px;
}

/* footer section end */