@font-face {
    font-family: 'roboto';
    src: url(../Roboto/Roboto-Regular.ttf) format('truetype');
  
  }



  /*  */

.time{
  padding-bottom: 70px;
}
.time h2{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #000;
  padding-bottom: 10px;
}
.time .row{
  gap: 50px;
}

.time p{
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #000;
}
.time hr{
  color: #000;
  width: 20%;
  height: 2px;
}


.misson{
  padding-bottom: 70px;
}

.misson h4{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #000;
  padding-bottom: 10px;
}
.misson h2{
  font-size:40px;
  font-weight: 700;
  letter-spacing: 1px;
  color: red;
  padding-bottom: 10px;
}
.misson p{
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #000;
  width: 70%;
}


 p{
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #000;
  width: 70%;
}
/*  */























  .about {
    padding: 120px 0;
    background-image: url("../images/about.avif");
    position: relative; 
    height: 120vh;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden; 
}

.about::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 1; 
}

.about > * {
    position: relative;
    z-index: 2;
}

  
  
  .about_detials  h5{
    font-family: 'roboto';
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1.5px;
  }
   .about_detials  h2{
    font-family: 'roboto';
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: red;
  }
  .about_detials p{
    font-family: 'roboto';
    font-size: 18px;
    color: #fff;
    font-weight: 400;
   
  }

  .about  .counter
{
    text-align: center;
}

.about .counter-count
{
    font-size: 40px;
    color:#fff ;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: inline-block;
}
.about .images{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}


.about  h3{
    font-family: 'roboto';
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }

  .about hr{
    color: #ffffff;
    width: 60px;
    height: 4px;
  }

  .about  h6{
    font-family: 'roboto';
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }


  
  .about  h4{
    font-family: 'roboto';
    font-size: 25px;
    font-weight: 500;
    color: #fff;
  }

  .pera {
    width: 60%;
    font-family: 'roboto';
    font-size: 18px;
    font-weight: 600;
    color:#000;
    line-height: 2rem;
  }













  /*  */



.course{
	text-align:center;
	color:green;
}
.course1{
	text-align:center;
	font-family:Bradley Hand ITC;
}
.cours2{
	margin-top:30px;
   
}
.course img{
 width: 100%;
}
.cours2{
	position:relative;
	margin-bottom:50px;
	
}


.cours3{
	-border:1px solid red;
	position:absolute;
	top:-100px;
	opacity:0;
	-bottom:100px;
	-background-color:rgba(142,198,63,.8);
	background-color:rgba(0,0,0,0.3);
	color:white;
	padding:10p;
}
.cours2:hover .cours3 {
	opacity:1;
	top:0px;
	transition:1s;
}
.cours4{
	position:absolute;
	-border:1px solid red;
	-margin-top:-80px;
	padding-top:20px;
	width:100%;
	height:80px;
	opacity:0;
	bottom:-50px;
	-background-color:rgba(142,198,63,.8);
	background-color:rgba(0,0,0,0.3);
}
.cours2:hover .cours4{
	opacity:1;
	bottom:0;
	transition:1s;
}
.cours2:hover .hover{
	transform:scale(1.3);
	transition:1s;
}
.cours7{
	border:1px solid rgb(73,183,43);
	background-color:rgb(73,183,43);
	color:white;
	font-size:18px;
	padding:10px 15px;
	border-radius:5px 20px;
}
.cours7:hover{
	background-color:transparent;
	color:rgb(73,183,43);
	border:1px solid rgb(73,183,43);
	transition:1s;
}

.cou:hover{
	background-color:transparent !important;
	color:rgb(237,78,110) !important;
	border:1px solid rgb(237,78,110) !important;
}




/*  */

.client{
    padding-bottom: 70px;
}

.heading{
    font-family: 'roboto';
    font-size: 25px;
    font-weight: 500;
    color: #333;
    text-align: center;
}

.main_heading{
    text-align: center;
    font-family: 'roboto';
    font-size: 40px;
    font-weight: 700;
    color: red;
}


.slidess{
  padding-top: 150px!important;
}

.slidess h2{
  color: #000;
    font-size: 40px;
    margin-top: 10px;
    font-weight: 700;
}

.slidess p{
  color: #000;
    font-size: 18px;
    font-weight: 500;
}


.topp{
  padding-top: 210px!important;
}