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

/* common CSS */
:root{
    --pop : 'Poppins', sans-serif;
    --rob : 'Roboto', sans-serif;
    --bl : #000000;
    --or : #FD511A;
    --gr : #21B573;
    --wh : white;
}
body {
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400; 
    color: var(--bl);    
}
/* header start */
header {
    background-color: #F0FFF0;
    padding: 15px 0;
}
.cnav{}
.logo{
    
}

.nbtn{}
.nabtn:focus{
    box-shadow: 0 0 0 1px #e9ec0b;
}

.menu{}
.menu ul li a{
    font-family: var(--pop)!important;
    font-size: 16px!important;
    font-weight: 400!important; 
    color: var(--bl)!important;
    padding: 0 20px !important;
    transition: .33s linear;
}
.menu ul li a:hover{
    color: var(--or)!important;
}
.btn_cm{
    background-color: var(--gr) !important;
    border-radius: 33px !important;
    font-family: var(--rob)!important;
    color: var(--wh) !important;
    border: none !important;
}
.btn_sn{
    margin-left: 10px !important;
    padding: 12px 28px !important;
}

.btn_cm:hover{
    background-color: var(--or) !important;
}
.btn_cm:active{
    background-color: var(--or) !important;
    color: var(--wh) !important;
}
/* header end */

/* Banner Start */
.banner{
    background-color: #F0FFF0;
    padding: 65px 0;
}

.b_text{}
.bp1{
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400;
    color: var(--or);
    
}
.bh1{
    margin: 10px 110px 20px 0;
    font-family: var(--pop);
    font-size: 48px;
    font-weight: 700;
    color: var(--bl);
    line-height: 70px;
}
.bh1 span{
    color: var(--gr);
}
.bp2{
    line-height: 36px;
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400;
    color: var(--bl);
}
.btn_get{
    margin: 15px 0 0;
    padding: 12px 36px !important;
}
.b_img{}
/* Banner End */
/* features start here */
.feature{

}
.c_p{
    padding-bottom: 100px;
}

.f_item{
    margin-top: 45px;
    padding: 55px 0 50px;
    background-color: #F0FFF0;
    border-radius: 10px;
    transition: .33s linear;

}
.f_img{
    width: 66px;
    height: 85px;
}
.f_h2{
    margin-top: 20px !important;
    font-family: var(--pop) !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: var(--bl);
}
.f_p{
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400;
    color: var(--bl);
}
.f_item:hover{
    background-color: var(--wh);
    box-shadow: 0px 20px 40px 0px #0000001A;

}

/* Features ends here */
/* course start */
    .course{
        
    }
    .c_title{}
    .c_h1{
        font-family: Poppins;
        font-size: 36px;
        font-weight: 700;
        color: var(--bl);
    }
    .s_course{
        margin: 60px 0 0;
        padding: 24px 20px 30px;
        border-radius: 18px;
        box-shadow: 0px 10px 40px 0px #0000001A;
        
    }
    .s_img{

    }
    .s_h2{
        margin: 20px 0 5px;
        font-family: var(--pop);
        font-size: 24px;
        font-weight: 500;
        color: var(--bl);
    }
    .s_p{
        font-family: var(--pop);
        font-size: 16px;
        font-weight: 400;
        color: var(--bl);
    }
    .s_btn{
        margin: 20px 0 35px;
        padding: 8px 28px !important;
    }

    .c_left, .c_right{
        
    }
    .c_left ul li img, 
    .c_right ul li img{

    }

    .c_left ul li span, 
    .c_right ul li span{
        font-weight: 500;
    }
    
   
/* Course End */
/* Testimony Start HEre */
    .testimony{
        padding-bottom: 100px;
    }
    .t_item{
        margin-top: 60px;
    }
    .t_img{}
    .t_img img{
        width: 100%;
    }
    .t_text{}
    .t_text p{
        font-family: var(--pop);
        font-size: 16px;
        font-weight: 400;
        color: var(--bl);
        line-height: 30px;
    }
/* Testimony Ends Here */

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

}
.ft_details{
    padding-right: 120px;
}
.ft_details p{
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
}
.ft_links{}
.ft_links h2{
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 30px;
}
.ft_links ul li a{
    margin: 0 0 10px;
    display: block;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;  
    color: #ffffff;
    text-decoration: none;

}

/* footer top ends here */
/* footer start */
footer{
    padding: 25px 0 30px;
    font-family: var(--pop);
    font-size: 16px;
    font-weight: 400;
    background-color: #282531;
}
footer p{
    color: #ffffff;
    line-height: 30px;
}
footer p a{
    color: #ffffff;
    text-decoration: none;
}
/* footer ends */