/* common css start  */
body{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
/* common css start  */


/* header start  */
header{
    background-color: #F0FFF0;
    padding: 15px 0;
}
.logo{
    width: 300px;

}
/* .cnav{

}
.menu{

} */
.menu ul li a{
    color: #000000 !important;
    padding: 0 20px !important;
    transition: .3s;
}
.navt:focus{
    box-shadow: none;

}
.menu ul li a:hover
{
 color: #fd1a1a !important;
}
.btn_c{
   font-family: 'Roboto', sans-serif;
   background:#21B573 ;
   border-radius:33px ;
   font-weight: 400;
   color: #FFFFFF;
   background-color:#21B573 ;
   line-height: 19px;
   display: flex;
   justify-content: center;
   align-items: center;
   

}
.btn_s{
    width: 105px;
    height: 45px;
    margin-left: 10px;
}
.btn_c:hover{
    color: #FFFFFF;
    background-color:#FD511A;
}
/* header end */

/* banner start  */
.banner{
    padding: 40px 0 60px;
    background-color:#F0FFF0 ;

}
/* .b_text{

} */
.b_p1{
    color: #FD511A;
    line-height: 24px;
}
.b_p2{
    line-height: 36px;

}
/* .b_text p{

} */
.b_text h1{
    margin: 10px 0 20px;
    padding-right: 25px;
    Font-size: 48px;
    font-weight: 700;
    line-height: 70px;

}
.b_text h1 span{
    color: #21B573;
}
.btn_g{
    margin-top: 15px;
    width: 200px;
    height: 45px;
}
/* .b_img{

}
.b_img img{

} */
/* banner end */

/* feature start  */
.feature{
    padding: 45px 0 100px;
}
.f_item{
    padding: 60px 0 55px;
    background-color:#F0FFF0 ;
    border-radius: 10px;
    text-align: center !important;
    transition: 0.33s ease;
}
.f_img{
    margin: 0 auto 20px;
    width: 65px;
    height: 85px;
}
/* .f_img img{

} */
.f_item h2{
font-weight: 500;
font-size: 24px;
line-height: 36px;
}

.f_item p{
line-height: 24px;

}

.f_item:hover{
    background-color: #FFFFFF;
    box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);

}

/* feature end */

/* courses start  */
.c_pad{
    padding-bottom: 100px;
}
/* .course{
   
}
.c_title{

} */
.c_h1{
    font-weight: 700;
    font-size: 36px;
    line-height: 54px;

}
.c_course{
    margin-top: 60px;
    padding: 25px 20px 30px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
border-radius: 18px;
}
.c_img img{
    border-radius: 11px;
    width: 100%;
}
.c_h2{
    margin: 20px 0 5px;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
}
.c_p{
    line-height: 24px;

}
.btn_b{
    margin: 20px 0 35px;
    width: 140px;
    height: 35px;
}


/* .c_footer{

}

.c_left{

}
.c_left ul li{

} */
.c_left ul li img ,.c_right ul li img{
    height: 18px;
}
.c_left ul li span , .c_right ul li span {
    font-weight: 500;
    line-height: 24px;
}
/* 
.c_right{
    
}
.c_right ul li{

}
.c_right ul li img{

}
.c_right ul li span {

} */

/* courses end  */

/* slider start  */
.slider{
    padding-bottom: 100px;

}
.c_ind {
    bottom: -80px ;
}
.c_ind [data-bs-target] {
    
    width: 15px;
    height: 15px;
    border-radius: 50% ;
    background-color:black; 
    
}

/* .s_text{

} */

.s_text p{
    color:#000000;
    margin-left: -62px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;

}
.s_icon{
    color: #010101;
    font-size: 42px; 
}

.s_img{
    width: 100%;
   
}
.s_img img{
    width: 120px;
    height: 120px;
    margin-right: -95px;
}

/* slider end */

/* footer start  */

footer{
    /*background-color:#282531;*/
    background-image: url("/images/footbg.jpg"); /* path to your picture */
    background-size: cover;   /* makes the image fill the footer */
    background-position: center; /* centers the image */
    background-repeat: no-repeat; /* prevents tiling */
    padding-bottom: 120px ;
}
.blog{
    padding-top: 60px;
}
.c_h{
    font-weight: 700;
}
.f_1{
    color: #fff;
}
/* .f_1 address{

} */
/* .f_2{
  
} */
.f_2 p a{
    color: #fff;
    text-decoration: none;
}

/* .f_3{
   
} */
.f_3 p a{
    color: #fff;
    text-decoration: none;
}
/* .f_4{
   
} */
.f_4 p a{
    color: #fff;
    text-decoration: none;
}
/* .f_5{
    
} */
.f_5 p a{
    color: #fff;
    text-decoration: none;

}
.f_3 p a:hover, .f_4 p a:hover, .f_5 p a:hover {
  color: Green;
}
.footer2 {
  background-color: #282531;
}
.f_l{
    text-decoration: none;
    font-weight: 700;
    color: #9dc209;
}
.f_l:hover{
    color: green;
}
.f_p{
    color: white;
    font-weight: 400;
}

.ad{
    text-decoration: none;
    font-weight: 700;
    color: #9dc209;
}
.ad:hover{
    color: blue;
}
.ab{
    text-decoration: none;
    font-weight: 700;
    color: #9dc209;
}
.ab:hover{
    color: red;
}
.es{
    text-decoration: none;
    font-weight: 700;
    color: #9dc209;
}
.es:hover{
    color: white;
}
.ku{
    text-decoration: none;
    font-weight: 700;
    color: #9dc209;
}
.ku:hover{
    color: pink;
}
.nk{
    text-decoration: none;
    font-weight: 700;
    color: #9dc209;
}
.nk:hover{
    color: green;
}
.oy{
    text-decoration: none;
    font-weight: 700;
    color: #9dc209;
}
.oy:hover{
    color: yellow;
}

.form-group {
  position: relative;
  margin-top: 20px;
}

.form-group input {
  width: 200px;
  padding: 10px;
}

.form-group label {
  position: absolute;
  left: 12px;
  top: -10px;
  color: #888;
  pointer-events: none;
  transition: 0.2s ease all;
}

.form-group input:focus + label,
.form-group input:valid + label {
  top: -10px;
  left: 8px;
  font-size: 12px;
  color: #333;
}
/* footer end  */