/* font family start */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');
/* font family end */

/* common css */
:root{
    --pop: "Poppins", sans-serif;
    --rob: "Roboto", sans-serif;
    --green: #21B573;
    --red: #fd511a;
    --black: #000000;
}
body{
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
}
/* common end */

/* header start */
header{
    background-color: #F0FFF0;
    padding: 15px 0;
}
.logo{}
.menu{}
.menu ul li a{
    color: var(--black) !important;
    padding: 0 15px !important;
}
.menu ul li a:hover{
    color: var(--red) !important;
}
.btn_cm{
    background-color: var(--green);
    font-family: Roboto;
    color: white;
    line-height: 18.75px;
    border: none;
    border-radius: 33px;
}
.btn_sig{
    margin-left: 10px;
    padding: 12px 28px;
}
.btn_cm:hover{
    background-color: var(--red);
    color: white;
}
.btn_cm:active{
    background-color: var(--red) !important;
    color: white !important;
}
/* header end */

/* banner start */
.banner{
    background-color: #F0FFF0;
    padding-bottom: 65px;
}
.b_text{}
.b_p1{
    color: var(--red);
}
.b_h1{
    margin: 10px 30px 20px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 70px;
}
.b_h1 span{
    color: var(--green);
}
.b_p2{
    line-height: 36px;
}
.btn_get{
    margin-top: 15px;
    padding: 12px 36px;
}

.b_img{}
/* banner end */


/* feature start */

.feature{}
.c_p{
    padding-bottom: 100px;
}
.sf_item{
    margin: 40px 0 0;
    padding: 55px 0 50px;
    background-color: #F8FFFB;
    border-radius: 10px;
    transition: .3s linear;
}
.sf_item:hover{
    background-color: white;
    box-shadow: 0px 20px 40px 0px #0000001A;
}
.sf_img{
    width: 66px;
    height: 85px;
}
.sf_h2{
    margin: 22px 0 0;
    font-size: 24px;
    color: var(--black);
    font-weight: 500;
    line-height: 36px;
}
.sf_p{}
/* feature end */


/* courses start */
.course{}
.c_title{}
.c_title h1{
    font-size: 36px;
    font-weight: 700;
    color: var(--black);
    line-height: 54px;
}

.c_item{
    margin: 60px 0 0;
    padding: 24px 20px 30px;
    border-radius: 18px;
    box-shadow: 0px 10px 40px 0px #0000001A;
}
.ci_img{}
.ci_img img{
    border-radius: 11px;
}
.ci_h2{
    margin: 19px 0 3px;
    font-size: 24px;
    font-weight: 500;
    color: var(--black);
    line-height: 36px;
}
.ci_p{}
.c_link{
    margin: 19px 0 34px;
    padding: 8px 28px;
}

.c_footer{}
.ci_left{}
.ci_right{}
.nli{
  
}
.ci_icon{
   
}
.ci_span{
    font-weight: 500;
}

/* courses end */

/* testimonial start */
.t_item{
    margin-top: 60px;
}
.t_img{}
.t_img img{}
.t_text{}
/* testimonial end */

/* footer top start */
.footer_top{
    padding: 55px 0 55px;
    background: #282531;

}
.ft_dtetails{
    padding-right: 120px;
}
.ft_details p{
    color: #FFFFFF;
    line-height: 30px;
}
.ft_links{}
.ft_links ul li a{
    margin-bottom: 8px;
    display: block;
    text-decoration: none;
    color: white;
}
.ft_links h2{
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 30px;
}
/* footer top end */

/* footer start */
footer{
    padding: 20px 0 30px;
    background-color: #282531;
}
footer p{
   color: white;
   line-height: 30px;
}
footer p a{
    color: white;
    text-decoration: none;
}
/* footer end */