@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/*font-family: 'Roboto', sans-serif;*/
/* start  defaut 01 css*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-family: 'Roboto', sans-serif;

}
h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto', sans-serif;

}

.container-full{
	width: 100%;
	height: auto;
}
.container{
	width: 1200px;
	margin: 0 auto;
	padding: 0 15px;


}
.container-full:before,
.container-full:after,
.container:before,
.container:after{
	content: "";
	clear:both;
	display: table;
}
.col-100{
	width: 100%;
	float: left;
	padding: 0 15px;


}
.col-80{
	width: 80%;
	float: left;
	padding: 0 15px;


}
.col-70{
	width: 70%;
	float: left;
	padding: 0 15px;


}
.col-60{
	width: 60%;
	float: left;
	padding: 0 15px;


}
.col-50{
	width: 50%;
	float: left;
	padding: 0 15px;


}
.col-13{
	width: 13%;
	float: left;
	padding: 0 10px;
}
.col-33{
	width: 33%;
	float: left;
	padding: 0 10px;
}
.col-30{
	width: 30%;
	float: left;
	padding: 0 10px;
}

.col-20{
	width: 20%;
	float: left;
	padding: 0 15px;
}
.col-25{
	width: 25%;
	float: left;
	padding: 0 15px;
}
.col-22{
	width: 22%;
	float: left;
	padding: 0 15px;
}

.col-60{
	width: 60%;
	float: left;
	padding: 0 15px;
}
.col-40{
	width: 40%;
	float: left;
	padding: 0 15px;
}
.col-10{
	width: 10%;
	float: left;
	padding: 0 10px;
}
.col-55{
    width: 55%;
    float: left;
    padding: 0 10px;
}
.col-45{
    width: 45%;
    float: left;
    padding: 0 10px;
}

.section-padding{
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-top{
    padding-top: 100px;
}
.section-bottom{
    padding-bottom: 100px;
}
.button {
    background-color: #00a651;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 22px 51px 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 1;
    letter-spacing: .5px;
    border-radius: 63px;
}
/* end  defaut 01 css*/

/* start  header top 01 css*/
 .header-top{
 	background: url('../image/header-shape.png');
 	background-repeat:  no-repeat;
    background-position: center;
    background-size: cover;
 	/*background: #22B369;*/	
        padding: 1px 0 2px;
    position: relative;
    z-index: 1;
 }
 .header-top:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px;
    content: "";
    background-color: #00a651;
    opacity: .8;
    z-index: -1;
}
 .heading-top i{
 	padding-right: 5px;
 }
 .header-top-left li,
  .header-top-right li{
  	list-style: none;
  	display: inline-block;
  	color: #fff;
  	font-weight: 500;
  	font-size: 14px;
  	    padding: 18px 8px;

  }
  .header-top-left li a,
  .header-top-right li a{
  	color: #ffff ;
  	text-decoration: none;
  	font-family: 'Roboto', sans-serif;
  }
.header-top-left{
  		float: left;
  	text-transform: capitalize;
  }
  
 .header-top-right{
  	float: right;
  	text-transform: capitalize;
  }
  .header-top-right ul li{
  	position: relative;
  	margin-right: 20px;
  	z-index: 1;
  }
  .header-top-right ul li:before {
    position: absolute;
    top: 0px;
    right: 0px;
    content: "";
    background-color: #fff;
    height: 10px;
    width: 1px;
    z-index: -1;
}

/* end  header top 01 css*/
/* start  header  02 css*/
.home{
	width: 100%;
	/*height: 120vh;*/
	
	   padding: 20px 0;  
	   border: 2px solid black; 

}
.main-menu{
	width: 100%;
	height: auto;

}
header.main-menu .logo img {
 
    /* padding-top: 10px; */
       height: 114px;
    width: 166px;

}

.main-menu .col-75 ul{   /*.col-75 er age space na dile foat kaj kore nah*/
	float: right;
        line-height: 54px;
	
}
.main-menu ul li{
	list-style: none;
	display: inline-block;
	padding: 29px 10px;
}
.main-menu ul li a{
	color: black;
	font-size: 16px ;
	font-weight: 400;
    text-transform: uppercase;
	text-decoration: none;
	transition: .3s;

}
.main-menu ul li a:hover{
	color: #00a651;
}


/* end  header top 02 css*/
/* start  header top 02.1 css*/
.alumni{
    width: 100%;
    
    
       background: url("../image/city2_bg.jpg") no-repeat center/cover;
   /* background: url("../img/alumni-bg.jpeg") no-repeat center/cover;*/
    position: relative;
    z-index: 1;


}
 .alumni:before {
    position: absolute;
    content: "";
    background-color: #000;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0.6;
}
.col-100.alumni-content {
    text-align: center;
}
.col-100.alumni-content h1 {
    padding: 20px;
    color: #fff;
    font-weight: 700;
    font-weight: bold;
    font-size: 64px;
    line-height: 80px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
        margin-top: 50px;
}
.col-100.alumni-content h4 {
    padding: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 4.5px;
    line-height: 18px;
    text-transform: capitalize;
}

.alumni a.button{
        box-shadow: 2px 6px 12px 0.8px rgb(14 32 14 / 26%);
        margin: 54px 0 0 32px;

}
.alumni a.button:hover{
    background: #000000;

    }
/* end  header top 02.1 css*/

/* start header alumn-story 02.2 css*/

.col-100.alumni-story {
    text-align: center;
}
.alumni-story .alumni-left h2 {
    /* padding: 20px; */
    color: #000;
    font-weight: 700;
    /* font-weight: bold; */
    font-size: 34px;
    /* line-height: 14px; */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    /* margin-top: 50px; */
}
.alumni-story .alumni-left p {
    /* padding: 69px; */
    color: #1b191dcc;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: lowercase;
    letter-spacing: 0.5px;
    margin-top: 17px;
}
.alumni-story .alumni-right img {
    height: auto;
    width: 100%;
    }


/*  start header alumn-story 02.2 css*/


/* start  world part  03 css*/
.world{
	width: 100%;
	
	background: url("../image/assets (2)/world-bg.jpeg")no-repeat center/cover; 

	
	   padding: 20px 0;

}
.world-home{
	overflow: hidden;
}
.world .world-content{
	padding-top: 225px;
}
.world .world-content h1{
	color: #ffffff;
	font-size: 47px;
	font-weight: 700;
	line-height: 60px;
	text-transform: capitalize;
	  padding-bottom: 30px;
	

}
.world .world-content p{
	color:#ffffff;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	text-transform: capitalize;
	  padding-bottom: 45px;

}
.world .world-content .world-button ul li{
    display: inline-block;
       padding: 15px 26px;
}

.world .world-content .world-button li a{
   
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding: 22px 51px 25px;
    line-height: 1;
       border-radius: 63px;
}
.world .world-content .world-button li a.left{
     color: #ffffff;
    background: #00a651;
      transition: .5s;
    }
 .world .world-content .world-button li a.left:hover{
     background: #ffffff;
    color: #00a651;
    }
    .world .world-content .world-button li.right a{
     background: #ffffff;
     color: #00a651;
     transition: .5s;
    }
    .world .world-content .world-button li.right a:hover{
     color: #ffffff;
     background: #00a651;
    }

 .world .col-40{
    padding: 0;
    float: left;
    }




/* end  world part  03 css*/


/* schoolership section start 04*/


.schoolership .col-25{
	padding: 0;
}
.schoolership .home-box {
    padding: 49px 13px;
    background: #48A7D4;
    display: flex;
    margin-top: -136px;
}
.schoolership .ship-box2 {
	background: #FDC735;
}
.schoolership .ship-box3 {
	background: #307AD5;
}
.schoolership .ship-box4 {
	background: #10C45C;
}

.home-box img {
    width: 48px;
    height: 47px;
    padding: 0px 10px 0 0;
}

.home-box:hover img{
	transform: scale(1.2);
	transition: .3s;
}
.home-box-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #ffff;
    line-height: 16px;
    text-transform: capitalize;
    padding-bottom: 15px;
}
.home-box-content p{
	font-size: 14px;
	font-weight: 400;
	color: #ffff;
	line-height: 26px;
	text-transform: lowercase;
}

/* schoolership section end 04*/

/* about start 05*/
.about{
	padding-top: 50px;
	
}

.about-content{
	  width: 92%;
    margin: 15px 32px 6px 27px;
    padding: 50px;

}
.about-content h2 {
    font-size: 48px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 38px;
    text-transform: capitalize;
}
.about-content span {
     color: #00a651;
 }
.about .about-content  p.one{
	font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #00a651;
    padding: 20px 0;

}
.about .about-content  p.two{
	font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000000;
    padding: 20px 0 30px 0;
  

}
.about .about-content  a.button{
	    box-shadow: 2px 6px 12px 0.8px rgb(14 32 14 / 26%);
        margin: 3px 0 0 32px;
}
.about .about-content  a.button:hover{
	background: #000000;

	}
.about-content-right iframe {
    width: 100%;
    height: 512px;
    padding-top: 44px;
}

/* about  end 05*/
/* courses start 06*/
.courses{
	width: 100%;
	background: url("../image/assets (2)/courses/bg-1.jpg") no-repeat center/cover;

}
.courses .col-25{
	padding: 0;
}
.courses_box {
    background: #ffffff;
    border: 1px solid #ddd;

}
 .section_title {
    text-align: left;
    padding-bottom: 50px;
    display: inline-block;
    margin: 5px 10px;
}
.section_title h2{
	 text-transform: capitalize;
	font-size: 48px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 38px;
    color: #00A651;

}
.section_title span{
	color: #333333;

}
.section_title p {
    font-size: 16px;
    color: #333333;
    text-transform: lowercase;
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 26px;
   
}

.courses_bg {
    position: relative;
    overflow: hidden;
}
.courses_bg img {
    width: 100%;
    height: 200px;
    transition: .6s
}
.courses_box:hover .courses_bg img {
    transform: scale(1.3);
}
.courses_bg span {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    background: #00a651;
    color: #ffffff;
    padding: 9px 18px;
    border-radius: 5px;
    position: absolute;
    top: 0px;
    left: 0px;

}
.courses_content {
    padding: 30px;
}
.courses_content h4 {
    padding: 10px 0;
}

.courses_content h4 a {
    text-transform: capitalize;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    transition: .4s;
    line-height: 24px;
}

.courses_content h3 a:hover {
    color: #00a651;
}
.courses_content p{
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 23px;
    padding-bottom: 10px;
}

.courses_footer {
    border-top: 1px solid #e2e1e1;
        padding: 10px 0 0 0;
}

.courses_footer_left,
.courses_footer_right {
    font-size: 14px;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    float: left;
}

.courses_footer_left i,
.courses_footer_right i {
    color: #00A651;
}

.courses_footer_right {
    float: right;
}



/* courses  end 06*/


/*       achievement start     07*/
.section_title h2{
	color: #333333;

}
.section_title span{
	 color: #00A651;

}
.achievement .event-content{
    padding: 15px 15px;
    display: flex;
}
.event-content img {
    height: 67px;
    width: 70px;
    margin: 6px 1px 5px 10px;
}
.date{
	color: #FFB606;
	font-weight: 700;
	font-size: 72px;
	position: relative;
}
.date:before {
    content: "";
    position: absolute;
    height: 70px;
    width: 3px;
    background: #666666;
    right: 20px;
    top: 6px;
    /* float: right; */
}
.date ul {
    display: inline-block;
    
    /* text-align: center;
     top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto; 
   */
    padding-left: 24px;
    margin-right: 120px;


}
.date ul li{
	list-style: none;
	color: #0DAB5A;
	 font-size: 42px;
	 font-weight: 700;
	 text-align: center;
    
}
.date ul .first{
	text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    line-height: 16px;

} 
.achievement-part2 .col-50{
	padding: 0;

}
.achievement-part2 img{
	height: 100%;
	width: 100%;

}
.achievement-part2 .right-side{
	width: 100%;
	height: 437px;
	
	background: url("../image/assets (2)/right-side1.jpeg") no-repeat center/cover;
	
	
}
/*.achievement-part2 .right-side{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: black;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: .6;
		
	}*/

	.right-side{
		padding: 20px;
	}
	/*.quota-first i{
		font-size: 24px;
		margin-top: 20px;
		
		color: #ffffff;
	}
	.quota-second i{
		font-size: 24px;
		margin-top: 20px;
		display: inline-block;
		color: #ffffff;
	}*/
	.right-side p {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    text-transform: lowercase;
    padding-top: 15px;
    padding-bottom: 25px;
}
.right-side h5 {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 7px;
}
 .achievement .right-side span {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 20px;
    line-height: 37px;

}
.queta-second {
    padding-left: 228px;
    padding-top: 43px;
}
.quota-second i{
		font-size: 24px;
		margin-top: 20px;
		display: inline-block;
		right: 20px;
		
		color: #ffffff;
	}
	/*.queta-second i{
		position: relative;
	}
	.queta-second i:before{
		content: "";
		position: absolute;
		top: 420px;
		right: 50px;

	}*/

.arrow img {
       width: 94px;
       height: auto;
        margin-top: 88px;
}
.last-portion .col-40{
	float: right;
}
.pic-box img {
    height: 95px;
    width: 125px;
}
.col-40.three-pic {
    margin-top: -61px;
    padding-left: 31px;
    padding-right: -5px;
    /* float: right; */
    /* margin-right: 14px; */
    /* text-align: right; */
}


/*       achievement end 07*/

/*        register start 08   */        
.register{
	width: 100%;
	height: auto;
    background: url('../image/register-bg.jpeg') no-repeat center/cover;
}
.register .section_title{
	color: #ffffff;
	margin-left: 20px;
	margin-top: 100px;
	position: relative;


}
.register .section_title h2{
	color: #ffffff;
}
.register .section_title p{
	color: #ffffff;
}
.register .section_title:before {
    content: "";
    position: absolute;
    height: 96px;
    width: 3px;
    background: #ffffff;
    left: -15px;
    top: 6px;
}
.register .col-40.right-hand {
    margin-top: 74px;
    /* margin-left: 1px; */
    padding-left: 139px;
}
.register .col-40 .right-hand-content span{
	    color: #f6f6f6;
    font-weight: bold;
    font-size: 18px;
   
    line-height: 1;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.register .col-40 .right-hand-content h3{
	    font-size: 48px;
    font-weight: bold;
    color: #f6f6f6;
    letter-spacing: .5px;
    margin: 14px 0 20px;
}
.register .right-hand{
	position: relative;
	z-index: 1;

	}
	.register .right-hand-content {
    		text-transform: capitalize;
   		   font-size: 13px;
   		    font-weight: 400;
    		/* background: #3e3c3c; */
    		color: #00a651;
    		padding: 16px 28px;
    		border-radius: 5px;
   		   position: absolute;
   		   top: 30px;
   		   left: 167px;
   		   line-height: 30px;
    	 	text-align: center;
}
.register .register-heading h4{
	    font-weight: bold;
    font-size: 24px;
    margin: 0 0 32px;
    color: #fff;
    text-transform: uppercase;

}
.registration-form .col-50{
    padding: 0;
}

.register .contact-form input {
    display: inline-block;
    padding: 17px 15px;
    width: 100%;
    margin: 10px;
    width: 90%;
}
.register .contact-form textarea {
    display: block;
    padding: 29px 15px;
    width: 95%;
    margin: 10px;
    font-size: 16px;
}
.registration-form{
	
}
.register .footer-button {
    padding-top: 100px;
    text-align: left;

}
.register .footer-button .button {
	    padding: 36px 63px 36px;
        border: none;
        background: #fff;
        color: #037831;
        transition: .5s;
}
.register .footer-button button:hover{
   cursor: pointer;
   color: #ffffff;
   background: #000000;
}



/*        register end 08           */
/*        teacher part start      10*/
.teacher .section_title{
	color: #ffffff;
	margin-left: 20px;
	margin-top: 100px;
	position: relative;


}
.teacher .section_title:before {
    content: "";
    position: absolute;
    height: 96px;
    width: 3px;
    background: #000000;
    left: -15px;
    top: 6px;
}
.section_title h2{
	color: #333333;

}
.section_title span{
	 color: #00A651;

}

.teachers_box {
    background: #dddddd;
    border: 1px solid #000;

}
.teachers_bg {
    position: relative;
    overflow: hidden;
}
.teachers_bg img {
    width: 100%;
    height: 250px;
    transition: .6s
}
.teachers_box:hover .teachers_bg img {
    transform: scale(1.3);
}
.teachers_bg span {
    text-transform: capitalize;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    background: #ffffff;
    color: #00a651;

    padding: 16px 28px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    right: 0px;
}
/*        event part start      10*/
.event{
	width: 100%;
	background: url('../image/event-bg.jpg')no-repeat center/cover;
}

.event .section_title {
    color: #ffffff;
    margin-left: 20px;
    margin-top: 50px;
    position: relative;
}
.event .section_title:before {
    content: "";
    position: absolute;
    height: 96px;
    width: 3px;
    background: #000000;
    left: -15px;
    top: 6px;
}
.event .section_title h2{
	color: #00A651;

}
.event .section_title span{
	 color: #333333;

}
.event .courses_bg img {
    width: 100%;
    height: 301px;
    transition: .6s;
}
.event .courses_bg span {
  text-transform: capitalize;
    font-size: 21px;
    font-weight: 700;
    background: #00a651;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 5px;
    position: absolute;
    top: 36%;
    left: 0px;

}
 .event .courses_box:hover .courses_bg img {
    transform: scale(1.2);
}
.event .courses_content p {
    text-transform: lowercase;
    font-size: 13px;
    font-weight: 500;
    color: #333333;
    line-height: 23px;
    padding-bottom: 10px;
}
.event..courses_content h4 a {
    text-transform: capitalize;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    transition: .4s;
    line-height: 24px;
}

/*        event part end      10*/
/*        newsfeed part start      10*/


.newsfeed .section_title {
    color: #ffffff;
    margin-left: 20px;
    margin-top: 50px;
    position: relative;
}
.newsfeed .section_title:before {
    content: "";
    position: absolute;
    height: 96px;
    width: 3px;
    background: #000000;
    left: -15px;
    top: 6px;
}
.newsfeed .section_title h2{
	color: #333333;

}
.newsfeed .section_title span{
	 color: #00A651;

}
.newsfeed .footer-end{
	    background-color: #00a651;
        text-align: center;
         padding: 6px 20px 8px;
}
.newsfeed .footer-end a{
	line-height: 1;
    display: block;
    color: #fff;
    text-decoration: none;
}
.newsfeed .footer-end a i{
	font-size: 12px;
    margin-right: 5px;
	}

.newsfeed .courses_bg span {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    background: #00a651;
    color: #ffffff;
    padding: 9px 18px;
    border-radius: 5px;
    position: absolute;
    top: 174px;
    left: 36px;
    z-index: 1; 
}
.newsfeed .courses_content{
	    padding: 18px;
	}


/*        newsfeed part end      09*/

/*        footer part start      10*/
.footer{
	width: 100%;
	
	background: url('../image/assets (2)/footer-bg.jpeg')no-repeat center/cover;
	position: relative;
	z-index: 1;
}
.footer:before{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #104614;
	
	opacity: 0.9;
	z-index: -1;
}

.footer-content{
    color: #fff;
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
}
.footer-content p {
    margin-top: 20px;
}
.footer-content h3{
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
    position: relative;
}
.footer-content h3::before{
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background: #ff5421;
    bottom: 0;
    left: 0;
}

.footer-content ul{
    padding-top: 25px;
}
.footer-content li{
    list-style: none;
}
.social li{
    display: block;
 
}
.social li i {
    color:#fff;
    margin-right: 10px;

}
.social li a{
    color:#fff;
    text-decoration: none;
    
}


.footer-content ul li {
    list-style: none;
    /* margin-bottom: -2px; */
    transition: .3s;
    display: inline-block;
}
.footer-content ul li:hover a {
    color:#00A651;
	transition:.3s;
}
.footer-content a {
    color: #ffffff;
    text-decoration: none;
	 font-size: 14px;
   
    font-weight: 500;
	transition:.2s;
}
.footer-news input {
    background: #ffffff;
    border: none;
    height: 43px;
    padding: 1px 26px;
    font-size: 14px;
    color: #333;
    width: 188px;
    margin-bottom: 11px;

}
.footer .end-btn input{
	width: auto;
    font-weight: bold;
    text-transform: uppercase;
    color: #00a651;
    height: auto;
    padding: 9px 40px;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: .5px;
    transition: .3s;

}
.footer .end-btn input:hover{
	cursor: pointer;
	background: #00A651;
	color: #ffffff;
}
/*        footer part end      10*/
/*        copyright part start    11*/


.copyright{
     background: #00A651;
 }

.copyright p {
    color: #fff;
    margin: 0;
    padding-top: 21px;
}
.copyright p a {
    text-transform: uppercase;
     color: #fff;
     text-decoration: none;
}
.right-side .footer-menu
 ul li {
    list-style: none;
    /* margin-bottom: -2px; */
    transition: .3s;
    display: inline-block;
    padding-right: 15px;

}
.right-side .footer-menu ul li a{
	text-decoration: none;
	   color: #fff;

}
.icon li{

}
.icon li i{
    color: #f7f1f1;
    text-decoration: none;
    text-align: center;
    font-size: 20px;

    
}

/*        copyright part end      11*/