*{
    margin: 0%;
   padding: 0;
    box-sizing: border-box;
    font-family: 'gilroy';
    
}
body,html{
    height: 100%;
    width: 100%;
    color: rgb(19, 11, 11);
   
}
#nav{
    display: flex;
    height: 50px;
    width: 100%;
    justify-content: space-between; 
    position: fixed;

}

.start-menu{
display: flex;
align-items: center;
gap: 20px;

}
.end-menu{
display: flex;
gap: 25px;
align-items: center;

}
#nav h4{
    text-transform: uppercase;
}
#nav img{
    height: 40px;
   
}
.sign{
    display: flex;
    justify-content: end;
    gap: 40px;
}
#front-section{
    
    display: flex;
    width: 100%;
    font-family: 'gilroy';
}

.sec1{
    margin-top: 100px;
    margin-left: 50px;
    margin-right: 25px;
    padding-bottom: 2vh;
    font-family: "Gilroy";
   
    font-size: 27px;
}
#sec2 img{
    max-width: 630px;
    
}
span{
    color: #289e8a;
}
.notch{
    display: flex;
    gap: 10px;
    padding: 17px 0px;
}
.course{
    background-color:#289e8a ;
    color: white;
    padding: 19px 21px;
    border: none;
    border-radius: 5px;
    margin: 25px 0px;
    
}
.course:hover {
    background-color: #164b42;
  }
.instru{
    font-size: 15px;
}
.img-key{
    width: 50px;
    
}
/*2nd section*/
.middel-content{
margin: 100px 320px;


}
.disc{
    font-size: 40px;
}
.disc1{
    font-size: 23px;
}
.company-images{
    margin:60px  40px;
    display: flex;
    justify-content: space-between;
    filter: grayscale(100%);
}
.company-images img{
width: 90px;
height: 50px;
}

/*3nd section*/
.third-section{
    max-width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:180px 55px 20px 55px;

}
.row1 img{
   max-width: 80%;
   min-width: 375px;
}

.row2{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items:start ;
   
   
    
}
.row2 h1{
    font-size: 45px;
    padding-bottom: 20px;
}
.fourth-section{
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:40px 55px 20px 55px;
    

}
.row4 img{
    max-width: 35rem;
    min-width: 375px;
    padding-right: 45px;
 }
 .row4{

 }
 .row3{
    display: flex;
   flex-direction: column;
   justify-content: center;
   align-items:start ;
   padding-left: 80px;
   
 }
 .row3 h1{
    font-size: 45px;
    margin-bottom: 20px;
    max-height: 200px;
}
/*button*/
.same-button{
    background-color:#b1cfeb ;
    color: black;
    font-size: large;
    padding: 15px 22px;
    border: none;
    margin: 25px 0px;
    border-radius: 5px;
}
.same-button:hover{
    background-color:#739cc2 ;
}
/*5th section*/
.fifth-section{
background-color: hwb(0 91% 9% / 0.982);
width: 100%;
padding-bottom: 5%;


}
.fifth-section-row1{
   
    padding: 6rem 8rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;

}
.bg-row{
    min-width: 430px;
    padding: 30px;
    height:  27rem;
    background-color: white;
    
    margin-right: 29px;
}
.fifth-section-row2{
    display: flex;
    overflow: scroll;
    margin-left: 30px;
}
.bg-row h3{
 padding-top: 1px;
}
.fifth-section-row2::-webkit-scrollbar{
    width: 0;
}

.bg-row:hover .img-1st,
.bg-row:focus .img-1st{
  transform: scale(0.9);
}
.img-logo{
   
    display: flex;
    
    padding-top: 20px   ;
    padding-bottom: 10px;
    gap:25px;
 

}
.img-logo img{
    margin-bottom: 7px;
   height: 56px;
   width: 35px;
   
}

.img-2nd img {
    min-width: 95%;
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .2s;
    }
    .row2-2{
        margin-bottom: 20px;
    }
    .bg-row:hover .img-2nd,
    .bg-row:focus .img-2nd{
      transform: scale(0.9);
      
    }
    .fifth-section-row2 p{
    padding-top: 15px;
    }
    
    /*button*/
.same-button-knowmore{
    background-color:#6daeeb ;
    color: black;
    font-size: large;
    padding: 10px 13px;
    margin: 15px;
    border: none;
    
    border-radius: 5px;
}
.same-button-knowmore:hover{
    background-color:#4695df ;
}
.sixth-section-row1{
    display: flex;
    justify-content: space-around;
    margin: 40px 0px 170px 40px;
    padding: 20px;
}


.sixth-section-row2{
    display: flex;
    overflow: scroll;
    margin-left: 90px;
    margin-top: 0px;
}
.sixth-section{
    padding-bottom: 0px;
}

.text-info{
position: absolute;
width: 245px;
height: 10rem;
border-radius: 15px;
padding-left: 25px;

top: 72%;
left: 50%;
transform: translate(-50%, -50%);

backdrop-filter: blur(13px);
color: white;
}

.sixth-section-row2::-webkit-scrollbar{
    width: 0;
}
.pp-img{
    width: 314px;
    height: 450px;
    position: relative;
    border-radius: 5px;
    margin-right: 30px;
}
.pp-img img{
    width: 314px;
    height: 450px;
    padding: 0px 10px;
}
.common-coloumn-1{
    background-color:rgb(216, 240, 250) ;
    
}
.common-coloumn-2{
    background-color: #a7d79a;;
}
.common-coloumn-3{
    background-color:#6a7f8d ;
}
.common-coloumn-4{
    background-color:#d8bb99;
}
.common-coloumn-5{
    background-color:#d96861 ;
}
.common-coloumn-6{
    background-color:#87c8db ;
}
.common-coloumn-7{
    background-color:#d39c77 ;
}

/*seventh sectiion*/
.seventh-section{
    display: flex;
    justify-content: space-around;
    margin: 110px 0px 120px 16px;
}
.seventh-section-coloumn2 p{
    font-size: 44px;
    color: rgb(167, 165, 165);
}
.seventh-section-coloumn1 p{
    font-size: 34px;
    padding: 20px;
   font-weight: 800;
}
.seventh-section-coloumn1 img{
    width: 40px;
    height: 40px;
  
    color: black;
}
.seventh-section-coloumn1 h3{
    color: rgb(137, 127, 147);
    padding-top: 10px;
}
.mail{
    color: rgb(202, 158, 75);
   text-decoration: none;
}
/*final-section*/
.final-section{
  padding-bottom: 0px; 
}
.final-section-row1{
    height: 280px;
    background-color: rgb(23, 23, 35);
    color: white;
    text-align: center;
    padding-top: 40px;
    
}
.final-section-row1 img{
  border: white 1px solid;
  border-radius: 50%;
    width: 45px;
    background-color: white;
    
}

.final-section-row1 h1 , h3{
padding-bottom: 40px;

}
.final-section-row2{
    height: 250px;
    background-color: rgb(17, 17, 25);
    color: white;
}

.final-section-coloumn{
   
    display: flex;
    justify-content: space-around;
    padding-bottom: 50px;
   
}
.final-section-coloumn img{
    width: 6rem;
    height: 7rem;
}

  
.count1{
    font-size: 20px;
    margin-top: 10px;
    line-height: 1.5;
}
.copyrgt{
    text-align: center;
    padding-bottom: 3px;
}




/* Style all font awesome icons */
.fa {
    padding-top:10px ;
    border-radius: 50%;
    font-size: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    
  }
  
  /* Add a hover effect if you want */
  .fa:hover {
    opacity: 0.7;
  }
  
  /* Set a specific color for each brand */
  
  /* Facebook */
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  /* Twitter */
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }