/*=================Basic Styles ================= */

.dp0{padding:0px;}
.dp50{padding:50px 0;}
.bggray{background:#f7f8f9; padding:50px 0;}
.latestol ol{padding:15px 30px;}
.latestol li{list-style:decimal; margin-top:8px; line-height:26px;}
.latestol h4{background:rgba(20, 111, 201, 0.9); color:#fff; padding:10px 15px; margin:0px; text-transform:capitalize;}
.latestol{border:1px solid #ddd;}
.dmb15{margin-bottom:15px;}
.fl{float:left;}
.dmb30{margin-bottom:30px;}
.dropdown-menu{background:#ff9600;}
.dropdown-menu{width:200px; padding:0px;}
.dropdown-menu a{padding:4px 10px; margin-left:0px !important; color:#fff !important; white-space:pre-wrap; border-bottom:1px solid #a95c25;}
.dropdown-menu a:last-child{border-bottom:0px solid #a95c25;}
.dropdown-menu a:hover{background:#715227cc !important;}

body{
    margin:0px;
    padding:0px;
	line-height:1.5;
	font-family: 'Noto Sans', sans-serif;
	}
	
	.chalkbox-logo-set {
    border-radius: 10px;
    padding: 1px;
    background: #fff;
    margin-left: 5px;
}
	
a  {
	outline:none !important;
	text-decoration:none !important;
	color:#222;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
p  { 
	padding-top:2px;
	padding-bottom:2px; 
	margin:0;
   }
ul {
	padding: 0;
    margin: 0;
    list-style: none;
   }
ol, ul, li{
	list-style: none;
	}
a img {
	border: none;
	max-width: 100%;
	}
h1,h2,h3,h4,h5,h6{
	margin-bottom:5px;
	margin-top:5px;
	color:#222;
   }
a:hover, a:focus {
	color: #222;
    }
input ,textarea{
	outline: none
	}
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
	/* header */
.pdx{padding:0px;}
.pdall{padding:0px;}
.pdl{padding-left:0px;}
.pdr{padding:0px;}

#header-top{
	background: #3b3436;
	width:100%;
}
#centera{
	background: #f5f5f5;
	width:100%;
}
.top-media {float:left;width:100%;}
.follow-us {padding: 8px 0px;float:right}
.top-media  li{display: inline-block;color: #F7AB15;padding: 0 10px;font-size: 10px;line-height: 30px;background: #F9A11B;background: rgba(255,255,255,.15);background-color: rgba(255, 255, 255, 0.15);border-radius: 2px;/*! color: rgba(255,255,255,.5); */border: none;text-align: center;margin-right: 5px;}
.top-media  li a{color: #fff;text-decoration: none !important;display: inline-block;font-size: 12px;}
.top-media  li a i{margin-right: 8px;}
.contact-top{float: left;width: 100%;}
.contact-top .top-addr{padding: 10px 0px;display: inline-block;float: left;}
.contact-top .top-addr li{display: inline-block;color: #fff !important;font-size: 13px;margin-right: 23px;}
.contact-top .top-addr li i{padding-right: 5px;}
.box-contact{float: left;width: 100%;padding-top: 0px;padding-bottom: 12px;}
.icosn-box{float:left;width:30%;padding-top: 20px;}
.icosn-box .icons{text-align: center;position: relative;width: 42px;height: 30px;background-color:#007bb6;border-radius: 2px;margin: auto;}
.icosn-box .icons:before{content: "";
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 22px solid transparent;
    bottom: 100%;
    border-bottom: 11px solid #007bb6;
    left: 0;}
.icosn-box .icons:after{content: "";

position: absolute;

border-left: 20px solid transparent;

border-right: 22px solid transparent;

top: 100%;

width: 0;

border-top: 10px solid #007bb6;

left: 0;}


.icosn-box .icons i{color: #fff;font-size: 27px;}
.box-contact .icons-headding{float: left;width: 70%;margin-top: 9px;}
.box-contact .icons-headding h2{font-size: 17px;text-transform: uppercase;color: #0069b0;margin-top: 8px;margin-bottom: 4px;font-weight: bold;}
.box-contact .icons-headding p {font-size: 11px;line-height: 15px;padding-top: 0px;}
.notic{
	
float: left;
	
width: 100%;
	
padding-top: 3px;
	
padding-bottom: 8px;
	
margin-top: 20px;
	
text-align: center;
}
.notic .order-request {
	margin-top: -3px;
	border: none;
	border-radius: 3px !important;
	background: #618bae;
	border-radius: 2px;
	padding: 6px 34px 7px 34px;
	font-size: 14px;
	font-weight: 400;
	background: linear-gradient(0deg, #007bb6, #007bb6) top left, linear-gradient(0deg, #007bb6, #007bb6) top right, linear-gradient(315deg, transparent 10px, #007bb6 0) bottom right, linear-gradient(0deg, #007bb6, #007bb6) bottom left;
	background-repeat: repeat, repeat, repeat, repeat;
	background-size: auto, auto, auto, auto;
	background-size: 55% 55%;
	background-repeat: no-repeat;
}

 /* Silder */ 
.dircation1{
    width: 8px;
}
.dircation2{
    width: 8px;
}
.silder-angle-left{
	left: 106px;
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgb(17, 85, 152);
    line-height: 40px;
	top: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.silder-angle-right{
	right: 106px;
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgb(17, 85, 152);
    line-height: 40px;
	top: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.navbars{
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right:0px;
	}
#manu{
    /* background: #0080cc; */
    width: 100%;
}
.manu-drop{}
.manu-drop li{
}
.manu-drop li a{
	    font-size: 14px;
	    color: #3b3436;
	    font-weight: 200;
	    margin-left: 10px;
	    position: relative;
	    text-transform: capitalize;
		
}
.manu-drop li a:hover, .manu-drop li.active a{
	 color: #ff9600;
	 transition: all 0.4s ease;
}

.manu-drop li a:before{
	    content: "";
	    position: absolute;
	    width: calc(100% - 23px);
	    left: 10px;
	    bottom: 0px;
	    height: 2px;
	    background-color: #ff9600;
	    transform-origin: left;
	    transform: scale(0,1);
	    -webkit-transform: scale(0,1);
	    -webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
}
.dropdown-toggle::after {
    display: none;
  }
.manu-drop li a:after{   
   content: "";
    position: absolute;
    width: 5px;
    right: 10px;
    bottom: 0px;
    height: 2px;
   
    transform-origin: right;
    transform: scale(0,1);
    -webkit-transform: scale(0,1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.manu-drop li:hover>a:before, .manu-drop li.active>a:before{
	transform:scale(1,1);
	-webkit-transform:scale(1,1)
  }
.manu-drop li:hover>a:after, .manu-drop li.active>a:after{
	transform:scale(1,1);
	-webkit-transform:scale(1,1)}

/* about */
#about-bg-section{
	background: url(../image/about-bg.jpg) no-repeat center bottom;
	padding-bottom: 44px;
}
#grid-box-both{margin-top: -40px;}
.grid-boxs{float: left;width: 100%;min-height: 203px;background: #ff9600;display: block !important;padding: 56px 0px 21px 57px;opacity: 1 !important;position: relative;}
.grid-boxs figure{width: 23%;float: left;}
.grid-boxs figure img{}
.grid-boxs .detail-boxs{width: 60%;padding-left: 20px;float: left;color: #fff;}
.grid-boxs .detail-boxs h3{padding-bottom: 2px;font-size: 20px;color: #fff;text-transform: capitalize;}
.grid-boxs .detail-boxs p{font-size: 12px;line-height: 16px;}
.btn-more{display: inline-block;width: 38px;height: 38px;line-height: 34px;position: absolute;bottom: -17px;margin: 0 auto;left: 0;right: 0;background: #fff;font-size: 20px;color: #ff9600;border-radius: 50%;text-align: center;border: 2px #ff9600 solid;}
.document-dawnload{    display: block;
    font-size: 12px;
}
.box-bg-1{background: #ff9600;}
.box-bg-2{background: #2c97ea;}
.box-bg-3{background: #f0bc01;}
#about-section{padding-top:60px;padding-bottom:20px;}
.about-imges{float: left;width: 100%;}
.about-imges img{border: 1px solid #7d7c7c;border-radius: 5px;}
.about-grid-right{float: left;width: 100%;margin-top: 20px;}
.about-headding{display: block;font-size: 14px;color: #7d7c7c;line-height: 18px;text-transform: uppercase;}
.about-grid-right h2{display: block;font-size: 24px;text-transform: uppercase;text-align: left;font-weight: bold;}
.about-grid-right p{display: block;padding-bottom: 10px;font-size: 13px;color: #93a0a7;line-height: 22px;}
.about-grid-right .know-more-wrapper{}
.know-more-wrapper .know-more{font-size: 14px;padding: 5px 10px;background: #ff9600;border: none;}


#facultie-section{display: block;
padding-top: 44px;
padding-bottom: 22px;background: #fff;}
.service-headding{float: left;width: 100%;}
.service-headding h2{display: block;font-size: 30px;text-align: center;position:relative;margin-bottom: 20px;color: #007bb6;}
.service-headding h2:before{
	position:absolute;left:47.2%;width:60px;margin-left:-30px;content:'';height:2px;background-color:#17a6d5;
	bottom: -12px;
}
.service-headding h2:after{
	position:absolute;right:45%;width:60px;margin-left:-30px;content:'';height:2px;background-color:#ff9600;
	bottom: -12px;
}
.faculties-box{float: left;width: 100%;}
.facultie-list{padding: 30px;display: block;margin-bottom: 30px;border-right: 1px #e9e9e9 solid;position: relative;text-align: center;}
.inner{margin: auto;}
.faculties-box li:{position:relative;}
.faculties-box li:after{
	width: 80%;
	height: 1px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	display: block;
	position: absolute;
	bottom: 0px;
	content: "";
	background: #e9e9e9;
}
.inner img{border-radius: 3px;height: 59px;width: 59px;margin: auto;text-align: center !important;}
.inner h3{
	display: block;
	padding: 16px 0 12px 0;
	font-size: 18px;
	color: #007bb6;
	line-height: 24px;
	position:relative;
}
.inner h3:before{
	position:absolute;
	content:'';
	left:50%;
	width:80px;
	height:2px;
	background:#007bb6;
	bottom: 0px;
	margin-left: -40px;
}
.inner h3:after{
	position:absolute;
	content:'';
	left:50%;
	width:8px;
	height:8px;
	background:#fd5927;
	bottom: -3px;
	margin-left: -3px;
	border-radius: 50%;
}
.inner p{display: block;font-size: 13px;color: #969a9e;line-height: 22px;margin-top:30px}

/*  Study-section */
.study-section{background: #f3f6f8;padding-top: 44px;padding-bottom: 58px;}
.study-headding{width: 100%;text-align: center;}
.study-headding h2{display: block;padding-bottom: 44px;font-size: 30px;text-align: center;color: #007bb6;position:relative;}
.study-headding h2:before{position: absolute;
left: 47.2%;
width: 60px;
margin-left: -30px;
content: '';
height: 2px;
background-color: #17a6d5;
bottom: 35px;}
.study-headding h2:after{position: absolute;
right: 45%;
width: 60px;
margin-left: -30px;
content: '';
height: 2px;
background-color: #ff9600;
bottom: 35px;}
.study-headding span{}
.overly{width: calc(100% - 30px);height: 95%;position: absolute;left: 15px;top: 0px;background: rgba(0, 0, 0, 0.5);transition: all 0.4s ease 0s;}
.area-hover:hover .overly {
    background: rgba(0, 0, 0, 0.9);
}
.overly .study-block{max-width: 220px;position: absolute;bottom: 30px;left: 11%;color: #fff;}
.overly .study-block h3{display: block;padding-bottom: 12px;font-size: 22px;color: #fff;line-height: 26px;position: relative;text-transform: none;}
.overly .study-block h3:before{
	display: block;
	margin-bottom: 8px;
	width: 40%;
	height: 4px;
	content:" ";
	background: #ff9600;
}
.overly .study-block p{display: block;font-size: 13px;line-height: 16px;opacity: 0.7;}
.study-more{display: block;width: 24px;height: 24px;position: absolute;right: 30px;bottom: 30px;border-radius: 50%;line-height: 24px;background: #fff;font-size: 18px;color: #000;text-align: center;}
.study-more a{}
.study-more i{margin-left: 4px;}

#achevement-bg-section{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding-bottom: 105px;
	padding-top: 58px;
	background: linear-gradient(rgba(13, 14, 15, 0.9), rgba(7, 8, 9, 0.84)), url(../image/achevements.jpg);
}

.acheivement-headding{float: left;width: 100%;text-align: center;margin-bottom:30px}
.acheivement-headding h2{position: relative;z-index: 10;margin-bottom: 10px;font-size: 30px;font-weight: 700;line-height: 40px;color: #fff;}
.acheivement-headding h2:before{position: absolute;
left: 47.2%;
width: 60px;
margin-left: -30px;
content: '';
height: 2px;
background-color: #17a6d5;
bottom: -12px;}
.acheivement-headding h2:after{position: absolute;
right: 45%;
width: 60px;
margin-left: -30px;
content: '';
height: 2px;
background-color: #ff9600;
bottom: -12px;}
.acheivement-headding  p{
	color: #fff;
	margin-bottom: 40px;
	font-size: 12px;
	margin-top: 21px;
	text-align: center;
}
.icons-both-tittle{float: left;width: 100%;border-right: 2px dotted #f3f3f3;}	
.last-border-section{border-right: 2px dotted transparent;}
.iocns-boxs{float: left;width: 40%;text-align: center;padding-top: 18px;}
.iocns-boxs i{color: #fff;font-size: 17px;height: 50px;width: 50px;border-radius: 50%;border: 1px solid #fff;line-height: 50px;}
.icons-both-tittle .counter-count{float: left;width: 60%;}
.count{color: #fff;font-size: 38px !important;line-height: 50px !important;margin-bottom: 2px;font-weight: bold;}
.number-names{color: #fff;font-weight: 500 !important;margin-bottom: 0;font-size: 20px;text-transform: uppercase;}
#testimonial{
	
	padding-top: 56px;
	padding-bottom: 84px;
}
.testimonials-headding{float: left;width: 100%;margin-bottom: 24px;}
.testimonials-headding  h2{text-transform: capitalize;text-align: center;margin-bottom: 0;color: #007bb6;font-size: 30px;position:relative;}
.testimonials-headding  h2:before{position: absolute;
left: 47.2%;
width: 60px;
margin-left: -30px;
content: '';
height: 2px;
background-color: #17a6d5;
bottom: -12px;}
.testimonials-headding  h2:after{position: absolute;
right: 45%;
width: 60px;
margin-left: -30px;
content: '';
height: 2px;
background-color: #ff9600;
bottom: -12px;}
.textimonials-both-side{float: left;width: 100%;position: relative;}

.name-title{font-size: 20px;font-weight: 500;color: #960f0f;text-align: left;margin-bottom: 26px;}
.name-title a{color: #9b2714;font-size: 15px;}
.item-content{float: left;width: 100%;position: relative;padding: 30px 130px 30px 30px;background: #ff9600cc;color: #646464;}
.item-content p{font-size: 14px;color: #fff;}
.item-content:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 156px;
	top: -30px;
	border: 15px solid;
	border-color: transparent transparent #ff9600cc #ff9600cc;
}
.img-perent{position: absolute;z-index: 1;right: 15px;top: -6px;}
.img-perent img{border: 10px solid #e5ded4;
    width: 100px;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: 15px;}
#testimonial .owl-theme .owl-controls {
    text-align: center;
    position: absolute;
    bottom: -43px;
    left: 46.5%;
}
.news-event-area{
	padding: 53px 0 28px;
background: #f5f5f5;
}
.news-inner-area{}
.title-default-left{margin-bottom: 30px;color: #007bb6;font-size: 20px;}
.news-wrapper{float: left;width: 100%;}
.news-img-holder{float: left;width: 100%;}
.news-img-holder a{}
.news-img-holder a img{border: 1px solid #7d7c7c;}
.news-content-holder{float: left;

width: 100%;}
.news-content-holder h3{font-weight: 500;

font-size: 18px;

margin-bottom: 0;

color: #fff !important;}
.news-content-holde  a{}
.post-date{font-style: italic;

font-size: 14px;

font-weight: 500;

color: #fdc800;}
.post-para{font-size: 13px;

margin: 5px 0;

font-weight: 500;

color: #0c0c0a;
margin-bottom:30px;}
.title-default-right{
	
	margin-bottom: 30px;
	color: #007bb6;
	font-size: 20px;
}
.upcome-news{margin-bottom:20px}
.event-calender-holder2{text-align: center;width: 100%;background: #007bb6;}
.event-calender-holder2 h3{font-size: 18px;padding-top: 10px;color: #fff;}
.event-calender-holder2 p{color: #f5f5f5;margin-bottom: 5px;text-transform: uppercase;font-size: 16px;}
.event-calender-holder2 span{line-height: 2.5;background: #ffab33;height: 40px;display: block;color: #ffffff;margin-bottom: 20px;}
.event-content-holder2{float: left;width: 100%;}
.event-content-holder2 h3{font-weight: 500;font-size: 18px;margin-bottom: 0;color: #fff !important;}
.event-content-holder2 p{font-size: 13px;margin-top: 10px;}
#footer-section{
	background: url(../image/footerbanner.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:42px;
	position:relative;
}
#footer-section:before{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	content:'';
	display:block;
	background: rgba(0, 0, 0, 0.9);
}
.about-footer{float: left;width: 100%;margin-top: 12px;}
.about-footer img{}
.footer-descripation{margin-top: 21px;color: #afb0b2;font-size: 13px;margin-bottom: 15px;}
.footer-descripation2{color: #afb0b2;font-size: 13px;}
.footer-box-2{float: left;width: 100%;margin-top: 8px;}
.footer-title{margin-bottom: 24px;padding-bottom: 5px;color: #ffffff;font-size: 15px;position: relative;text-transform: uppercase;position:relative;}
.footer-title:before{
	background-color: #007bbf !important;
	content: '';
	position: absolute;
	left: 2px;
	bottom: -5px;
	height: 1px;
	width: 50px;
	background-color: #ff3115;
}
.links-list{float: left;width: 100%;}
.links-list .link-manus-f{padding-left: 0px;}
.links-list .link-manus-f li{position:relative;}
.links-list .link-manus-f li a{font-size: 12px;color: #fff;margin-left: 16px;line-height: 27px;}
.links-list .link-manus-f li :before{
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	left: 0px;
	top: 0px;
}

.links-contact{float: left;width: 100%;margin-top: 8px;}
.Contact-list{}
.Contact-list li{}
.Contact-list li a{}
.Contact-list li a span{width: calc(100% - 30px);

float: left;

color: #fff;

font-size: 13px;

line-height: 36px;}
.Contact-list li a i{width: 30px;

float: left;

line-height: 36px;

font-size: 14px;

color: #fff;

height: 32px;

padding-left: 4px;}
.links-medias{float: left;width: 100%;margin-top: 8px;}
#footer-last{
	padding-bottom: 42px;
}
.authoritie-compony{
	float:left;
	width:100%;
}
.authoritie-compony span a{font-size: 13px;color: #fff;}
.authoritie-compony span a img{width: 88px;}



 /* About */
#comman-banner{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	padding-bottom: 15px;
	padding-top: 15px;
	background: linear-gradient(rgba(20, 111, 201, 0.9), rgba(49, 131, 213, 0.84)), url(../image/commn.jpg);
}
.comman-text-headding{float: left;width: 100%;}
.comman-text-headding h2{font-size: 18px;color: #fff;}
.order-breadcrumd{background: transparent;padding-left: 0px;margin-bottom: 0;}
.order-breadcrumd li{font-size: 13px;color: #fff;}
.order-breadcrumd li a{color: #fff;}
.breadcrumb-item.active {
  color: #fff;
}
.breadcrumb-item + .breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff;
    content: "/";
}
#wlimg-both{
	
	padding-top: 44px;
	padding-bottom: 44px;
}
.wl-section{float: left;width: 100%;}
.wl-section h2{font-size: 20px;line-height: 40px;color: #007bb6;position:relative;}

.wel-icosn{color: #da7b10;font-weight: bold;font-size: 23px;}
.wel-subtittle{color: #222;font-size: 17px;margin-bottom: 30px;position: relative;}
.wel-subtittle:before{
	background-color: #007bbf !important;
	content: '';
	position: absolute;
	left: 2px;
	bottom: -14px;
	height: 2px;
	width: 71px;
}
.wl-section .para-wl{float: left;width: 100%;margin-top: 4px;}
.para-wl p{color: #222;font-size: 14px;line-height: 29px;margin-bottom: 26px;}
.wel-image{float: left;width: 100;position:relative;}
.wel-image img{width: 100%;}
.para-wl .wel-more{
	color:#fff !important;
	font-size: 13px;
	padding: 6px 19px;
	border: 0px;
	border-radius: 1px;
	background: #da7b10;
}
#target-both{background-color: #f5f5f5;padding-top: 41px;padding-bottom: 40px;}
.target{float:left;width:100%;text-align: center;}
.target-tittle{font-size: 29px;color: #da7b10;font-weight: bold;}
.box-hexagon{padding: 41px 28px;width: 100%;transition: .4s all ease;float: left;}
.hexagon-outter{position: relative;
width: 70px;
margin: auto;
}
.hexagon-inner{position: relative;
width: 70px;
height: 40.41px;
background-color: #007bb6;
transition: .25s ease-out all;
margin: 20.21px 0;
}
.hexagon-inner:before{bottom: 100%;
border-bottom: 20.21px solid #007bb6;
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 0;
border-left: 35px solid transparent;
border-right: 35px solid transparent;}
.hexagon-inner:after{top: 100%;
width: 0;
border-top: 20.21px solid #007bb6;
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 0;
border-left: 35px solid transparent;
border-right: 35px solid transparent;}
.box-hexagon:hover .hexagon-inner {
     transform: rotate(-90deg);
    transition: .4s all ease;
}
.hexagon-outter img{position: absolute;
top: 47%;
left: 50%;
transform: translate(-47%,-50%);}
.hexagon-title{float: left;width: 100%;text-align: center;margin-top: 10px;margin-bottom: 10px;font-size: 22px;color: #c27910;}
.hexagon-title a{font-size: 22px;font-weight: bold;color: #c27910;transition: all .3s ease-in-out;}
.hexagon-text{font-size: 13px;text-align: justify;}
.box-hexagon:hover .hexagon-title a{color:#007bb6;transition: all .3s ease-in-out;}

#why-choose{padding-top:60px;padding-bottom:40px;}
.choose-section{
   float: left;
   width: 100%;
}
.choose-section h2{color: #007bb6;font-weight: bold;font-size: 23px;margin-bottom: 18px;}
.choose-section .choose-para1{font-size: 13px;line-height: 24px;margin-bottom: 14px;}
.choose-step-by-step{float: left;width: 100%;margin-top: 40px;}
.choose-step-by-step ul{}
.choose-step-by-step li{position:relative;}
.choose-step-by-step .choose-boxs{float: left;width: 100%;text-align: center;border-right:1px dotted #222;margin-bottom: 25px;}
.choose-step-by-step .choose-icons{display: inline-block;width: 56px;height: 56px;line-height: 52px;text-align: center;color: #ffffff;border-radius: 50%;font-size: 24px;border: 2px dotted #007bb6;}
.border-right{border-right: 1px solid transparent !important;;}
.choose-step-by-step .choose-icons i{font-size: 25px;color: #c27910;}
.choose-boxs h4{font-size: 17px;color: #c27910;}
.choose-image{float:left;width:100%;margin-top: 51px;}
.choose-image img{width:100%;}



/* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 500px; }



 .title{font-size:18px}
.description{font-size:13px}
#facultie-section1 {
    display: block;
    padding-top: 44px;
    padding-bottom: 22px;
}
 .courses1-area {
    background: #f5f5f5;
}
.serviceBox .service-icon span {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 3px;
    background: #ff9600;
    font-size: 30px;
    color: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease-out 0s;
}
 .serviceBox .service-content {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 55px 15px;
    position: relative;
    min-height: 320px;
}
.serviceBox .service-icon {
    width: 78px;
    height: 78px;
    border-radius: 3px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
}
.serviceBox {
    text-align: center;
    margin-top: 50px;
    position: relative;
}
 .section-bg {
    background-color: #f8f8f8;
}
.contact-form-area{margin-top:30px}
.section-padding {
    padding-top: 44px;
    padding-bottom: 44px;
}
.form-area {
    padding: 30px 20px 12px 20px;
}
/* contact-section css start */
.company-contact-info-area {
  margin-top: 30px;
}
.company-info-item {
  padding: 15px 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 12px;
}
.company-info-item .title {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--heading-font);
  text-transform: capitalize;
}
.company-info-item p {
  margin-top: 0;
}
.company-info-item .icon {
  width: 65px;
  height: 65px;
  background-color: rgba(236, 78, 32, 0.05);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
  line-height: 65px;
  font-size: 24px;
  color: #ec4e20;
}
.company-info-item .content {
  width: calc(100% - 65px);
  padding-left: 30px;
}
.contact-form-area {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.contact-form input,
.contact-form textarea {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  padding: 10px 15px;
}
.contact-form textarea {
  height: 100px;
  resize: none;
}
.frm-group {
    position: relative;
}

.frm-group {
    margin: 7px 0;
}
.cmn-button {
    padding: 15px 40px;
    background-color: #ec4e20;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0px 3px 11.64px 0.36px rgba(0, 0, 0, 0.05);
    text-transform: capitalize;
    color: #ffffff;
    font-family: var(--heading-font);
    font-weight: 500;
}
.navbar-expand-md img{height:60px}



/**=============== Responsive==================== ********/
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation:portrait) {    

    
    
    
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape) {    


}



@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation:portrait) {

}


@media only screen and (min-width: 481px) and (max-width: 767px) and (orientation:landscape) {

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    .mpad0{padding:0px;}
    .navbar-expand-md img {
    height: 60px;}
    .box-hexagon {
    padding: 15px 0px;}
  .facultie-list {
    margin-bottom: 15px;
 }  
    
    
    
    
.follow-us{display:none}
#centera{display:none}
.contact-top .top-addr{float:left}
.navbar-toggler-icon i{font-size:28px}
.silder-angle-right { right: 18px;}
.silder-angle-left {left: 18px;}
.carousel-inner img { width: 100%; height: 300px;}
.btn-more{   display:none}
.grid-boxs{min-height:auto;padding:20px 15px;    display: flex !important;justify-content: center;}
.study-headding h2{    font-size: 22px;}
.number-names{font-size: 15px;margin-bottom:30px}
.count{font-size: 25px !important;}
.last-border-section { border-right: 2px dotted #f3f3f3;}
.paddxz{padding:0}
.icons-both-tittle{margin-bottom:20px}
#achevement-bg-section{padding-top: 30px;padding-bottom:30px}
.news-content-holder h3{font-size: 16px;}
.event-content-holder2 h3{font-size:16px}
#about-section { padding-top: 30px;  padding-bottom: 20px;}
.manu-drop { background: #3b3436; padding: 15px; text-align: center;margin-top:15px}
.manu-drop li a{color:#fff}
.navbars{padding-right:0}
.title { font-size: 18px;}
.serviceBox .service-content{min-height:auto }
.description { font-size: 14px;}
#facultie-section{padding-top:20px;padding-bottom: 50px;}
.grid-boxs .detail-boxs h3{font-size:22px}
#wlimg-both,#target-both, #why-choose{ padding-top: 30px;  padding-bottom: 30px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
    

}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    

}