/*font links*/
@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');

:root{
    --main:#BAD8B6;
    --sub:#E1EACD;
    --side:#8D77AB;
    --black:#000000;
    --white:#ffffff;

    --pop:"Poppins", serif ;
    --robo:"Roboto", serif ;
  } 

/*common css*/    
  body{
      font-family: var(--pop);
      font-size: 16px;
      font-weight: 400;
      color: var(--black);
  }
  /*common end*/ 
header{padding-top: 15px;
      padding-bottom:15px;
  background-color:var(--sub);
    
}
.c_nav{}
.logo{}
.menu{font-family: var(--pop);
      font-size: 16px; 
      font-weight: 400;
      }
.menu ul li a{color:var(--black);
              padding:0 20px !important ; }
.menu ul li a:hover{background-color: var(--side); border-radius: 23px;}
.btn_cm{border-radius: 33px;
        background-color: var(--main); 
        font-family: var(--robo);
        color: var(--white); 
         }
.btn_cm:hover{background-color: var(--side);
             color: var(--white);
             box-shadow:0 0 0 0.1rem;}


.e_button{margin-left: 10px;
          padding: 12px 28px;}
/*banner start*/
.banner{ padding-bottom: 80px;
  background-color:var(--sub);}
.p_b{color: var(--side);}
.b_h1{margin: 10px 100px 20px 0;
      font-size: 48px;
      font-weight: 700; 
      color: var(--black);
      line-height: 60px;}
.span_h1 {color: var(--side);}      
.p2_b{line-height: 36px;}
.b_button{margin: 15px 0 0;
          padding: 12px 36px;}
.b_img{}
/*feature*/
.feature{}
.c_padding{padding-bottom: 100px;}
.f_item{margin: 40px 0 0;
       padding:50px 0 50px;
       background-color: var(--white);
       border-radius: 10px;
       transition:.33s linear; }
.f_item:hover{background-color: var(--sub);  
              box-shadow: 0px 20px 40px 0px #0000001A;
}       
.f_img{width: 66px;
       height: 85px;}
.f_h2{margin: 22px 0 0;
      font-size: 24px;
      font-weight: 500;
      line-height: 36px;
}
.f_p1{}
.course{}
.c_title{text-align: center !important;}
.c_h1{font-size: 24px;
     font-weight: 500;
    line-height: 54px;
    color: var(--black);
}
.co_item{padding: 24px 20px 30px;
         box-shadow: 0px 20px 40px 0px #0000001A;
         border-radius: 18px;}
.co_img{}
.co_h2{margin: 19px 0 3px;
       font-size: 24px;
       font-weight: 500;
        color: var(--black);
        line-height: 36px;
        }

.co_p{}
.co_bu{margin: 19px 0 34px;
        padding: 8px 28px;}
.co_footer{overflow: hidden !important;}
.co_left{float: left !important;}
.co_right{float: right !important;}
.t_item{margin-top: 50px;}
.t_img{}
.t_img img{}
.t_text{}
.t_text p{}
footer{background-color: var(--sub);
       padding-top: 60px;
      padding-bottom: 80px;}

.f_1{}
.f_1 p{}
.f_2{} 
.f_2 p a {color: var(--black);
          font-weight: 600;
text-decoration: none;}
.copy_right{margin-top: 60px;    
            background-color: var(--sub);}