body{
margin: 0px;
padding: 0px;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4863A0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#4863A0; 
}
button.btn.btn-primary.main-en {
position: fixed;
top: 50%;
transform: translateY(-50%);
transform: rotate(-90deg);
left: -34px;
background: #4863A0;
color: #ffff;
font-weight: 700;
}
button.btn.btn-primary.main-en:focus{
  background: #4863A0;
}

.main-menu.darkHeader{
position: fixed;
width: 100%;
top: 0;
z-index: 99999;
transition: 0.3s linear;
background: #e6dada;
box-shadow: 0px 4px 6px -2px #ddd9d99c;
}


img{
max-width: 100%;
}
.mb{
margin-bottom: 5px;	
}


html{
scroll-behavior: smooth; 
}
.main-modal form h3 {
font-weight: 800;
text-align: left;
margin-top: 0;
font-size: 15px;
color: #1f2a4a;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
padding-bottom: 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30); 
width: 95%;
}
.main-modal form label{
 display: block; 
}
.main-modal form input{
width: 100%;
display: block;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
height: 45px;
border-radius: 2px; 
}
.main-modal form input[type="submit"] {
color: #FFF !important;
border: 0;
padding: 14px 36px;
border-radius: 3px;
text-align: center;
letter-spacing: 1.5px;
transition: all 0.3s ease;
background-color: #4863A0;
font-weight: 700;
box-shadow: 0 2px 15px #ddd;
}


/*navbar*/
a {
color: 	#080808;
transition: all 0.3s ease 0s;
text-decoration: none !important;
outline: none !important;
}

.top-bar{
background: #4863A0;
border-bottom: 1px solid #fff;
}
.top-bar ul{
margin: 0px;
padding: 10px 0;	
list-style: none;	
display: flex;
justify-content: flex-end;	
}
.top-bar ul li {
margin-left: 30px;
}

.top-bar ul li .fa {
position: relative;
left: -15px;
}
.top-bar .left-tag ul{
justify-content: flex-start;
}

/*main footer*/

.footer-add{
background: #294b71;
padding: 15px 0px 15px 0px;	
}
.footer-add .col-sm-4{
margin-bottom: 20px;	
}
.footer-add h3.footer-title{
line-height: 20px;
font-weight: 700;
color: #e7f9fe;
font-size: 16px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1.5px;
position: relative;
}
.footer-add p{
color: #fff;	
}
.footer-add h3.footer-title::after{
position: absolute;
content: "";
width: 50px;
height: 2px;
background: #e6ebf4;
top: 22px;
left: 0; 	
}
.footer-add a{
color: #fff;	
}
.footer-add .md-social{
padding: 0;
width: 50%;
list-style: none;
display: flex;
list-style: none;
justify-content: space-between;
}
.footer-add .md-social li{
display: inline-block;	
}
.footer-add .md-social li a{
color:#fff;
 font-size: 26px;	
}

.footer-add ul{
padding-left: 0;
list-style: none;	
}
.footer-add ul li a{
font-size: 16px;
font-weight: 600;
display: block;
margin-bottom: 10px;	
}

.footer-add ul li a:hover{
color: e6ebf4;
transition:0.4s;	
}

.footer-add .col-sm-12{	
text-align: center;
}
/*logo*/

.main-menu a.navbar-brand img{
width: 187px;
    height: 84px;	
}



/*main header*/
.main-header{
padding-top: 0px;
padding-bottom:0px;	
}
.logo img{
width: 120px;	
}
.main-header .row{
align-items: center;	
}

.icon-show span{
display: inline-block;
vertical-align: middle;
line-height: initial;

}
.icon-show span.lft-span{
width:50px;
font-size: 35px;
color:#747e7d; 
}

.icon-show span.rgt-span{
vertical-align: middle;
}
.icon-show span.rgt-span{
font-weight: 700;
color: #747e7d;
line-height: 18px;
text-transform: capitalize;	
text-align: left !important;
padding-left: 15px;
} 
.icon-show span.rgt-span i{
display: block;
font-style: normal;
font-weight: 300;
margin-top: 3px;	
}
.logo-show {
    order: -1;
}
.logo{
text-align:left;
}

.menu-lft ul li.nav-item img {
position: absolute;
right: -8px;
top: 50%;
width: 10px;
transform: translateY(-50%);

}
.menu-lft ul li.nav-item:hover img {
filter: invert(1);
}

.rgt-call{
text-align: right;	
}
.rgt-call span.rgt-span{

}
.menu-lft ul li.nav-item .drop-downs{
position: absolute;
z-index: 9999999;
width: 400px;
top: 40px;
display: none;
background: #232323;
}
.main-menu{
background: #fff;
position: relative;	
}
.main-menu .menu-lft{
padding-left: 0px;	
}

.menu-lft ul li a{
font-size: 16px;
color: #000000;
text-transform: uppercase;	
font-weight: 700;
color: #4863A0;
}
.menu-lft ul li{
margin-right:25px;	
}
.menu-lft li.nav-item.active a {
color: #fff;	
}
.menu-lft ul li a:hover, .menu-lft ul li a:focus{
color: #4863A0; !important;
}
.menu-lft ul li.nav-item{
position: relative;	
}
.drop-down ul{
padding-left: 0px;	
}
.drop-down ul li{
list-style: none;

}
.menu-lft ul li.nav-item .drop-down{
position: absolute;
z-index: 9999999;
width: 260px;
top: 30px;
display: none;
background:#2d7df6;	
}

/*.drop-down ul li a{
padding:1px 4px;	
color: #fff;
font-size: 14px;
}*/
.drop-down ul li{
border-bottom: 1px solid #fff;
margin-right: 0;	
}
.drop-down ul li a {
padding:0px 9px;
display: block;
color: #fff;
font-size: 14px;
font-weight: 500;
}
.drop-down ul li a:hover, .drop-down ul li a:focus{
color:#fff !important;	
}

.menu-lft ul li.nav-item:hover .drop-down{
display: block;	
}

.drop-down ul li.sub-menu img{
right: 10px;
filter: invert();
}

/*this is menu iteam*/

.menu-lft .drop-down ul li.sub-menu{
position: relative;  
display: block;
padding: 3px 0px;
}

.drop-down ul li.sub-menu img{
 transform: rotate(190deg); 
 transform: rotate(-96deg);
    top: 10px;
}
.menu-lft .drop-down.sub-down{
position:static;
right: 0%;
display: none !important;
transition: 0.3s linear;
}
.menu-lft .drop-down ul li.sub-menu:hover .drop-down.sub-down{
display: block !important; 
transition: 0.3s linear; 
position:absolute;
right:-100%;
top: 0;
} 
.main-menu .rgt-menubar{
position: absolute;
top: -40px;
right: 0;	
}
.rgt-menubar .navbar-toggler{
display: block;
background: #e41f05;
width: 55px;
height: 56px;
pointer-events: none;
border-radius: 0px;	
} 
.rgt-menubar .navbar-toggler span {
display: block;
width: 28px;
height: 3px;
background: black;
margin-top: 5px;
background: #fff;
}
.rgt-menubar .navbar-toggler span:fist-child{
margin-top: 0px;	
}

.rgt-menubar ul.navbar-nav{
flex-direction: column !important;	
}

.rgt-menubar .navbar-brand{
background:#e41f05;
margin-right: 0px;
padding: 13px 10px;
}
.rgt-menubar .navbar-brand .fa{
color: #fff;	
}

.rgt-menubar .collapse{
background: gray;	
left: 0;
display: none;
opacity: 0;
}


/*site info*/
.site-info h2{
font-weight: 800;
text-align: center;
font-size: 15px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);

}
 .site-cont img{
 width: 70px;
 padding-bottom: 10px;	
 }
 .site-cont h4{
font-size: 14px;
color: #1b1d28;
letter-spacing: 1.5px;
font-weight: 700;
padding: 5px 0px;
}
.site-cont p{
font-weight: 400;
font-size: 14px;
color: #2B1B17;
letter-spacing: 0px;
margin-bottom: 10px;
line-height: 1.5;	
}




/*banner slider*/
.slider.container-fluidd {
    width: 97%;
    margin: 0 auto;

}
.your-class ul.slick-dots{
position: absolute;
top: 0px;
right: 40px;
top: 50%;
transform: translateY(-50%);
}
.your-class .inner-wp{
position: relative;
overflow: hidden;
}
.your-class ul.slick-dots li.slick-active{
background: #fff;	
}
.your-class ul.slick-dots li{
list-style: none;
border: none;
width: 5px;
height: 17px;
margin-bottom: 9px;
background:#2d7df6;	
}
.your-class ul.slick-dots li button{
display: none;	
}


.your-class .inner-cont{
left: 50%;
top: 50%;
position: absolute;
width: 700px;
transform: translate(-50%, -50%);
display: none;
}

.inner-cont h2{
color: #fff;
font-size: 35px;
text-align: center;
text-transform: uppercase;
font-weight: 700;	
}
.inner-cont p{
text-align: center;
font-size: 18px;
color: #fff;
font-weight: 600;
line-height: initial;	
}
.inner-cont ul.btn {
display: flex;
justify-content: space-around;
width: 391px;
margin: 41px auto 0 auto;
}
.inner-cont ul.btn li{
display: inline-block;	
}
.inner-cont ul.btn li a{
color: #fff;
padding: 14px 22px;
background: #747e7d;
text-transform: uppercase;
font-size: 16px;
font-weight: 600; 	
}
.inner-cont ul.btn li:first-child a{
background: #747e7d;	
}

/*banner info section*/
.preparation {
background: #f4f4f4;
padding: 10px 0px;	
}
.preparation .row{
justify-content: space-between;	
}
.preparation .col-sm-3{
text-align: center;
min-width: 22%;
max-width: 22%;
background: #fff;
padding: 39px 15px;
}

.preparation .col-sm-3 h3{
font-size: 16px;
text-transform: uppercase;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);
}
.preparation .col-sm-3 .fa{
font-size: 20px;
border-radius: 50%;
border: 1px solid;
width: 50px;
height: 50px;
padding: 15px 0px 0px 0px;
color: #2d7df6;
margin-bottom: 24px;
text-align: center;
}
/*info-time*/
.info-time{
background: #f4f4f4;
padding: 17px 0px;	

}
.info-time .inner-time{
box-shadow: 0px 0px 4px 3px #acacac73;	
}

.info-time h2{
font-weight: 800;
text-align: center;
font-size: 20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);

}

.info-time .courses h3{
margin-top: 17px;
text-align: center;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
}
.info-time .courses ul{
padding-left: 10px;
list-style: none;	
}
.info-time .courses ul li{
padding-bottom: 5px;
font-size: 13px;
text-transform: capitalize;
}
.info-time .courses ul li:hover{
color: red;
transition: 0.4s linear;	
}


.info-time .courses div{
padding: 4px;	
}
.info-time .courses img{
display: block;
margin: auto;	
}

/* */
.new-courses .row{
justify-content: space-between;	
}
.new-courses .col-sm-3{
margin-bottom: 30px;
padding: 0;
min-width: 24%;
max-width: 24%;
box-shadow: 0 0 3px #bdbdbd;
}
.new-courses .col-sm-3 a{
color: #000;	
}

.new-courses h2{
font-weight: 800;
text-align: center;
font-size: 20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);
}
.new-courses h4{
margin-top: 10px;
font-size: 16px;
padding: 17px 7px;	
}
/*intresting*/
.intresting{
padding: 15px 0px;	
}
.intresting h2{
font-weight: 800;
text-align: center;
font-size: 20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);	
}
.intresting .fa{
font-size: 25px;
font-weight: 700;	
}
.intresting p{
margin: 0px;	
text-transform: capitalize;	
}
.intresting .row{
display:flex;	
justify-content: space-between;
}
.intresting .row .sm-2{
width: 18%;
margin-bottom: 10px;
text-align: center;
background: #fff;
padding: 30px 0;
box-shadow: 0px 0px 11px 1px #c4bfbf
}
.intresting .row .sm-2 img{
 width:60px; 
}

.intresting .row .sm-2:hover img{
 filter: opacity(0.6); 
}

.intresting .row .sm-2 p{
margin-top: 10px;
font-size: 16px;
font-weight: 500;
}
.intresting .row .sm-2 a{
color: #000;	
}
.intresting.engineering .row .sm-2 img{
 width: auto; 
}
.intresting.engineering .row .sm-2{
padding: 0px 0px 15px 0px;
}




/*about section*/
.about-us h2{
text-align: center;
font-size: 36px;
text-transform: uppercase;
font-weight: 700;	
}
.about-us p{
text-align: center;
font-size: 20px;
font-weight: 600px;
position: relative;
margin-top: 10px;
}
.about-us p::before{
position: absolute;
content: "";
width: 90px;
height: 3px;
left: 50%;
transform: translateX(-50%);
background: #747e7d;
bottom:-16px;
}
.about-us .container{
margin-top:0px;	
}
.vd-icon a{
display: block;
position: relative;	
}

.vd-icon a::before{
position: absolute;
width: 100px;
height: 200px;
content: "\f04b";
font-size: 90px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-family: FontAwesome;
}

.about-us .rgt-accor h4{
font-weight: 800;
text-align: center;
font-size:20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);
}

.rgt-accor ul{
padding-left: 0px;
list-style: none;	
}
.rgt-accor ul li{
margin-bottom: 20px;	
}
.rgt-accor ul h3{
line-height: 20px;
font-weight: 700;
color: #294a70;
font-size: 16px;
margin-bottom: 0px;
text-transform: none;	
}
.rgt-accor ul span{
font-size: 15px;
display: block;
margin-top: 5px;	
}





/*our popular courses*/

.popular{
margin-top: 5px;	
}

.popular h2{
text-align: center;
font-size: 36px;
text-transform: uppercase;
font-weight: 700;	
}
.popular p.pt{
text-align: center;
font-size: 20px;
font-weight: 600px;
position: relative;
margin-top: 10px;	
}
.popular p.pt::before{
position: absolute;
content: "";
width: 90px;
height: 3px;
left: 50%;
transform: translateX(-50%);
background: #747e7d;
bottom: -16px;}
.popular .inner-cr{
padding: 10px;
position: relative;	
}
.popular .inner-cr a.pr-tag {
width: 50px;
height: 50px;
background: #747e7d;
color: #fff;
font-size: 16px;
border-radius: 50%;
display: inline-block;
text-align: center;
font-weight: 600;
position: absolute;
right: 45px;
top: 85%;
}

.inner-cr  .img-bd{
position: relative;	
}
.img-bd .overlay{
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
transition: 0.6s;	
display: none;
}
.img-bd:hover .overlay{
display: block;
transform: 0.4s linear;	
}

.inner-cr a.pr-tag span{
display: inline-block;
padding-top: 13px;	
}
.course-bd{
text-align: center;
padding: 0 0px;
margin-top: 30px;
}

.course-bd h4{
margin: 0;
padding: 0;
line-height: 0;
font-size: 15px;
color: #747e7d;
text-transform: capitalize;	
}
.course-bd p{
margin: 10px 0px 0px 0px;
padding: 0px;
position: static;
font-size: 18px;
text-transform: capitalize;
font-weight: 700;	
}

.review-wrap ul.rating{
padding-left: 0px;
display: inline-block;
color: #ff3115;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #ddd;
line-height: 10px;	
}

.review-wrap .review{
line-height: 10px;
display: inline-block;	
}

.course-desc p{
margin: 0 0 22px;
font-size: 14px;
position: static;
color: #5d5d5d;
line-height: normal;
}
.course-footer{
padding: 16px 0px;
background-color: #f0f0f0;
text-align: center;
}	

.course-footer ul{
display: inline-block;
text-align: center;	
padding-left: 0px;
margin-bottom: 0px;
}
.course-footer ul li{	
border-right: 1px solid lightgrey;
padding-right: 8px;
display: inline-block;
}
.course-footer ul li:last-child{
border: none;	
}
.course-footer ul li span{
display: block;
font-size: 14px;
}

.course-footer ul li span.label{
text-align: center;
text-transform: capitalize;
font-weight: 900;
font-size: 13px
}


.courses .slick-prev.slick-arrow{
position: absolute;
content: "";
z-index: 99;
left: -71px;
top: 50%;
transform: translateY(-50%);
width: 40px;
background-color: #747e7d;
height: 40px;
border-radius: 50%;
border: none;
font-size: 0px;
outline: none;
/*background:url('assets/images/rg-arrow.png') no-repeat;*/
}

.courses .slick-prev.slick-arrow::before{
position: absolute;
content: "";	
background:url('file:///C:/Users/Himanshu/Desktop/educom/assets/images/left-arrow.png') no-repeat;
width: 30px;
height: 30px;
top: 10px;
left: 7px;	

}
.courses .slick-next.slick-arrow{
position: absolute;
z-index: 99;
outline: none;
right: -71px;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
border: none;
font-size: 0px;	
background: #747e7d;
}
.courses .slick-next.slick-arrow::before{
position: absolute;
content: "";	
background:url('file:///C:/Users/Himanshu/Desktop/educom/assets/images/rg-arrow.png') no-repeat;
width: 30px;
height: 30px;
top: 9px;
right:0px;	

}
/*demo slider*/
.demo-sign{
padding: 30px;
background:url(../images/demo.jpg);
background-size: cover;
height:auto;
}

.demo-sign .demo-from{
padding: 20px;
background-color: #FFF;	
}
.demo-form form{
background: #fff;
width: 400px;	
margin: 0px;
padding: 30px;
-webkit-box-shadow: inset 0px 0px 0px 5px #f3f3f3;
-moz-box-shadow: inset 0px 0px 0px 5px #f3f3f3;
box-shadow: inset 0px 0px 0px 5px #f3f3f3
}

.demo-form h3{
font-weight: 800;
text-align: left;
margin-top: 0;
font-size: 15px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);
}
.demo-form h3::before{
content: ' ';
background: #ff585c;
box-shadow: 0px 4px 8px 0px rgba(255,88,91,0.30);
width: 44px;
height: 4px;
position: absolute;
bottom: 0;	
}

.demo-form p {
font-size: 14px;
color: #1b1d28;
letter-spacing: 1.5px;
font-weight: 700;
padding: 5px 0px;
}
.demo-form label{
display: block;	
}
.demo-form label input{
width: 100%;	
display: block;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
height: 45px;
border-radius: 2px;
}

.demo-form label input[type="submit"]{
color: #FFF !important;
border: 0;
padding: 14px 36px;
border-radius: 3px;
text-align: center;
letter-spacing: 1.5px;
transition: all 0.3s ease;
background-color: #4863A0;
font-weight: 700;
box-shadow: 0 2px 15px #ddd;	
}











/*our testimonial*/
.testimonial{
margin-top: 10px;
background: url("../images/testimonial-bg.jpg");
background-size: cover;	
padding: 40px 0px;
}
.testimonial .main-option{
padding: 10px;	
}
.inner-option{
position: relative;	
}

.inner-option{
background: #fff;	
}
.inner-option .img-test{
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
background-color: white;
border: 5px solid #fff;
top: -7px;
left: 50%;
transform: translateX(-50%);
z-index: 999999;	
}
.inner-option  .testi-desc {
padding:53px 20px;
position: relative;
}

.inner-option .testi-desc .testi-name {
font-size: 20px;

margin-bottom: 10px;
}

.inner-option .testi-desc p {
font-size: 16px;
line-height: 22px;
margin-bottom: 0;
text-align: left;
position: static;
font-weight: 500;
}
.testi-desc .fa.fa-quote-left{
font-size: 34px;
color: #747e7d;
margin-bottom: 10px;
}
.testi-desc .fa.fa-quote-right{
text-align: right;
display:block;
font-size: 34px;
color: #747e7d;
}

.partner{
margin-top: 20px	
}

.counter-set{
padding: 80px 0;
background-color: #4863A0;	
}
.counter-set .col-md-3{
text-align:center;	
}
.counter-set .col-md-3 h1 span{
color: #fff;
font-size:35px;
font-weight: 500;
display: inline-block;	
}
.counter-set .col-md-3 h3{
font-size: 16px;
color: rgba(255,255,255,0.8);
text-transform: uppercase;	
}

.counter {
animation-duration: 1s;
animation-delay: 0s;
}


/**/
.footer-address{
background: #f4f4f4;	
padding: 20px 0px;
}
.footer-address h2{
font-weight: 800;
text-align: center;
font-size: 20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);
}
.footer-address .row{
justify-content: space-between;	
}
.footer-address .col-sm-3 {
text-align: center;
max-width: 24%;
min-width: 24%;
background-color: #FFF;
box-shadow: 0 2px 15px #ddd;
border-radius: 3px;
padding: 15px;
transition: all 300ms ease-in-out;
margin-bottom: 10px;


}
.footer-address .col-sm-3 .fa{
font-size:30px;
color: #4863A0;
text-align: center;


}
.footer-address .col-sm-3 p{
font-size: 16px;
    font-weight: 500;
    margin: 6px 0px 0px 0px;
    color: #080808;
    text-transform: capitalize
}
.footer-address .col-sm-3 a{
font-size: 16px;
font-weight: 500;
margin: 10px 0px;
color: #191970;
letter-spacing: 1.5px;	
}

/*main*/
/*contact page*/

.contact{
display: flex;
width:70%;
margin: 90px auto;
box-shadow: 0px 0px 4px 5px #e9e9e9;
background: #fff;
padding: 30px 65px;
justify-content:center;
}

.contact .lft-contact{
height:auto;
background: #4863A0;
box-shadow: 5px 0px 7px 1px #e8c1c2;
padding: 18px;
width: 400px;
position: relative;
left: -140px;
}
.lft-contact ul{
padding-left: 0;
list-style: none;	
}
.lft-contact ul li{
padding-bottom: 10px;	
}
.lft-contact ul li a{
display: block;
position: relative;
padding-left: 40px;	
}
.lft-contact ul li a:hover{
color: #fff;	
}
.lft-contact ul li a .fa{
position: absolute;
left: 0;
top: 5px;	
}
.lft-contact h3{
font-weight: 800;
text-align: center;
font-size: 20px;
color: #fff;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);	
}

.contact .rgt-contact{
height: auto;
width: 600px;
background: #fcfcfc;
padding: 27px 30px;
box-shadow: 0px 0px 10px 0px #00000030;
}
.contact .rgt-contact label{
display: block;	
}
.contact .rgt-contact h3{
font-weight: 800;
    text-align: center;
    font-size: 20px;
    color: #666161;
    letter-spacing: 1.5px;
    position: relative;
    padding: 15px 0;
    text-transform: uppercase;
    line-height: 1.5;
    text-shadow: 0px 4px 8px rgba(0,0,0,0.30);	
}
.contact .rgt-contact label input{	
width: 100%;
outline: none;
padding:7px 7px;
border: 1px solid #8080802e;
}

.contact .rgt-contact form{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
} 
.contact .rgt-contact label.col-50{
width: 49%;	
}
.contact .rgt-contact label{
width: 100%;	
}
.contact .rgt-contact label textarea{
border: 1px solid #8080802e;
outline: none;
}
.contact .rgt-contact label textarea{
width: 100%;	
}

ul.social-media {
display: flex;
justify-content: space-between;
width: 110px;	
}
ul.social-media a{
display: block;
font-size: 25px;	
}
/*placement*/

.placement-process img{
width: 100%;	
}
.ab-cls{
margin-bottom: 49px;	
}
.partner{
	background: #ededed36;	
}
.partner ul{
padding-left: 0;	
display: flex;
flex-wrap: wrap;
list-style: none;	
justify-content: space-between;
}
.partner ul li{
width: 250px;
background: #fff;
text-align: center;
padding: 4px;
justify-content: space-between;
box-shadow: 0px 0px 11px -1px #aca7a7eb;
margin: 15px 0;
}

.partner h2{
width: 100%;	
font-weight: 800;
text-align: center;
font-size: 20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);	
}

/*gallery news paper*/


.gallery{
 padding: 30px 0px; 

}
.gallery h2{
font-weight: 800;
text-align: center;
font-size: 20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30); 
}

.nGY2ViewerToolsTopRight {
 display: block;
 opacity: 1;
}

.nGY2ViewerToolsTopRight::after{
 position: absolute;
content: "X";
width: 10px;
height: 10px;
font-size: 30px;
color: #fff;
right: 18px;
font-weight: 800;
z-index: -1;
}
.nGY2ViewerToolsTopRight .toolbar{
 opacity: 0 !important;
}
.function-section h2{
font-weight: 800;
text-align: center;
font-size: 20px;
color: #333742;
letter-spacing: 1.5px;
position: relative;
padding: 15px 0;
text-transform: uppercase;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30);  
}
.function-section  .slick-slide >div{
padding: 10px;
}

.nanogallery_viewertheme_dark_my_nanogallery .nGY2Viewer .nGY2ViewerAreaPrevious{
width: 20px;
height: 20px;
border: 0px solid #fff;
}
.nanogallery_viewertheme_dark_my_nanogallery .nGY2Viewer .nGY2ViewerAreaPrevious::after{
position: absolute;
content: "<";
width: 20px;
height: 20px;
font-size: 20px;
top: -7px;
left: 10px;
}
.nanogallery_viewertheme_dark_my_nanogallery .nGY2Viewer .toolbarBackground{
 display: none; 
}
.nanogallery_viewertheme_dark_my_nanogallery .nGY2Viewer .nGY2ViewerAreaNext{
 border: none !important; 
}
.nGY2 .nGY2ViewerAreaNext > i{
 opacity: 0; 
}
.nanogallery_viewertheme_dark_my_nanogallery .nGY2Viewer .nGY2ViewerAreaNext::after{
position: absolute;
content: ">";
width: 20px;
height: 20px;
font-size: 20px;
top: -7px;
left: 10px;
}
.nGY2 .nGY2ViewerAreaPrevious > i{
display: none; 
}

/*side-bar contact form*/
.news-form {
position: relative;
}

.news-form input {
background: rgba(0, 0, 0, 0);
border: 1px solid #747e7d;
color: #ffffff;
height: 50px;
outline: 0 none;
padding: 5px 15px;
width: 100%;
}

.news-form button {
background: #747e7d;
border: none;
color: #ffffff;
font-size: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 60px;
transition: all 0.3s ease 0s;
cursor: pointer;
}

.footer-share {
text-align: center;
margin-top: 42px;
border-bottom: 1px solid #908686;
margin-bottom: 5px;
padding-bottom: 8px;
}

.footer-share ul li {
display: inline-block;
}
.footer-share ul li a {
font-size: 13px;
display: block;
width: 42px;
height: 42px;
border-radius: 50%;
line-height: 44px;
text-align: center;
color: #fff;
transition: all .3s ease 0s;
background: rgba(255, 255, 255, 0.15);
}

.heading p{
 width: 100%; 
}


.copyright{
color: #fff;
text-align: center;
padding: 15px 0px;    
}


#scrollUp {
text-align: center;
bottom: 40px;
cursor: pointer;
background: #747e7d;
display:none;
position: fixed;
right: 40px;
z-index: 999;
padding: 10px 10px;
font-size: 44px;
width: 42px;
height: 36px;
border-radius: 1px;
}




#scrollUp .fa{
position: absolute;
vertical-align: top;
top: -5px;
left: 15%;
color: #fff;    
}

.enquery-detail{
width: 330px;
position:fixed;
/* height: 100%; */
top: 0;
right: -350px;
background: #4863A0;
z-index: 999;
transform: translateX(0%);  
transition:0.4s linear;
z-index: 9999999;
}
.enquery-detail .eq-click{
position: fixed;
left: -83px;
background: #4863A0;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
transform: rotate(-90deg);
}
.fm{
transform: translateX(0%);
transition:0.4s linear;
right: 0px;
}
.eq-click p{
font-size: 18px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
width: 116px;
padding: 6px 0px 18px 0px;
text-align: center;
height: 34px;
letter-spacing: 2px;   
}

.enquery-detail h4{
text-transform: uppercase;
color: #fff;
margin-bottom:0px;  
font-size: 18px;
padding-left: 8px;
padding-top: 10px;
}
.enquery-detail form{
background: #4863A0;
padding: 10px 10px;
/* height: 100vh; */
}
.enquery-detail form label{
display: block;;
width: 100%;    
}
.enquery-detail form label p{
color: #fff;
text-transform: capitalize;
margin: 0px 0px;
font-size: 12px;
font-weight: 700;
}

.enquery-detail form label input{
border: 1px solid lightblue;
padding: 5px 5px;
border-radius: 3px;
width: 100%;
}

.enquery-detail form label textarea{
border: 1px solid lightblue;
padding: 5px 5px;
border-radius: 3px;
width: 100%;
margin-top: 10px;   
}
.enquery-detail form label select{
border: 1px solid lightblue;
padding: 8px 5px;
border-radius: 3px;
width: 100%;
}

.enquery-detail form label input[type="submit"]{
color: #fff;
background: #4863A0;
font-size: 19px;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
}

a.ac-cl{    
color: #fff !important; 
}

ul.listing{
 list-style: none;
 padding: 0;
}
ul.listing li{
 font-weight: 500;
 padding-bottom: 10px; 
}


/*responsive view port*/
.toggle-menu{}
@media screen and (max-width: 1200px){
/*.container{
min-width: 99%;  
}*/  
}
@media screen and (max-width: 1025px){

.menu-lft button.navbar-toggler{
display: block; 
}
.menu-lft button span{
display: block;
width: 40px;
height: 2px;
background: #fff;  
margin-bottom: 6px;
outline: none;
}
.menu-lft button span::last-child{
margin: 0;
}

.icon-show span.lft-span{
width: auto;
font-size: 18px;
}

.menu-lft .navbar-collapse {
width:300px;
position: absolute;
z-index: 9999;
background: #212121;
top: 50px;
padding-left: 13px;
left: -348px;
transition: 0.3s linear;    
}

.menu-lft .navbar-collapse.toggle-menu{
left: -48px;
transition: 0.3s linear;
}
.menu-lft .navbar-collapse ul{
flex-direction: column; 
}
.menu-lft ul li a{
color: #fff;
cursor:pointer; 
}

.menu-lft ul li.nav-item .drop-down{
position:static;
width: 286px; 
transition: 0.3 linear; 
}
.menu-lft .drop-down ul li.sub-menu:hover .drop-down.sub-down{
display: block !important; 
transition: 0.3s linear; 
position:static;
right:0;
top: 0;
} 
.main-menu .rgt-menubar{
display: none;   
}

/*banner*/

.inner-cont h2{
font-size: 30px;   
}
.inner-cont p{
font-size: 15px;   
}
.your-class .inner-cont{
width:85%;
}


/**/



.about-us h2{
font-size: 27px;   
}

.popular h2, .events h2.ev-hd, .our-latest h2.title-news{
font-size: 27px;    
}


.rgt-blog .news-blog{
width: 65%;    
}

.your-class ul.slick-dots{
right: 15px; 
}

}


@media screen and (max-width: 992px){
.container{
max-width: 100%; 
}
.menu-lft{
position: relative;  
}
.menu-lft button.navbar-toggler{
display: block; 
}
.menu-lft button span{
display: block;
width: 40px;
height: 2px;
background: #fff;  
margin-bottom: 6px;
outline: none;
}
.menu-lft button span::last-child{
margin: 0;
}

.menu-lft .navbar-collapse {
width:160px;
position: absolute;
z-index: 9999;
background: #747e7d;
top: 50px;
padding-left: 13px;
/*left: -348px;*/
transform: translateX(-100%);
transition: 0.3s linear;    
}

.menu-lft .toggle-menu{
padding-left: 24px;    
display: block !important;
transition: 0.3s linear !important;
transform: translateX(33px) !important;
}
.menu-lft .navbar-collapse ul{
flex-direction: column; 
}
.menu-lft ul li a{
color: #fff;
cursor:pointer; 
}
.menu-lft ul li.nav-item .drop-down{
position:static;
width: 266px;  
}

.our-latest .row{
margin: 0; 
}

.left-new{
min-width: 100% 
}
.left-new img{
min-width: 100%; 
}
.rgt-blog{
min-width: 100%;
margin-top: 40px; 
display: flex;
justify-content: space-between;
}

.rgt-blog .blog-wrapper{
width: 32.4%;
padding: 0;
display: inline-block;   
}
.rgt-blog .img-blog{
width: 100%;
display: block;  
}
.rgt-blog .news-blog{
width: 100%;
margin-top: 12px; 
}


}


@media screen and (max-width:800px){

.icon-show span.lft-span{
width: auto;
font-size: 15px;
top: 20px;
position: absolute;
}

.icon-show span.rgt-span{
font-size: 0px;	
margin-left: 8px;
}
.icon-show span.rgt-span i{
font-size: 16px;	
font-weight: 500;
}

.about-us .vd-icon{
min-width: 100%; 
}
.rgt-accor .card-header button::before{
right: 10px;
font-size: 9px; 
}
.rgt-accor .card-header button.collapsed::before{
font-size: 9px;
right: 0; 
}
.about-us .rgt-accor{
min-width: 100%;
margin-top: 60px; 
}
.about-us .rgt-accor h4, .about-us .rgt-accor p{
text-align: center;
margin-bottom: 20px;
}

.main-footer .foot-sect{
min-width: 50%;  
}
.news-form{
width: 80%;  
}
ul.sitemap-widget li{
width: 43%;  
}
.your-event h4.event-title{
font-size: 18px;  
}
}

@media screen and (max-width: 768px){
.inner-cont h2{
font-size:24px;   
}
.inner-cont p{
font-size: 15px;   
}
.inner-cont ul.btn li a{
padding: 11px 10px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;   
}


p.para-tag, .events p.tct, .popular p.pt{
font-style: normal;
font-weight: 400;
font-size: 15px;  
}
}

@media screen and (max-width: 767px){
.rs-toolbar .container .col-md-6{
min-width: 50% !important;
max-width: 50% !important;  
}
}

@media screen and (max-width:600px){
.slick-slide img{
min-width: 100%; 
}
.main-header .icon-show{
order: 2;
max-width: 49%;
min-width: 49%;
margin-top:0px;
padding: 0;
margin-bottom: 2px;
}
.main-header .logo-show{
order: 1;
min-width: 100%;
}
.logo img {
    width: 100px;
}

.icon-show span.lft-span {
width: 50px;
font-size: 35px;
color: #747e7d;
position: absolute;
font-size: 16px;
top: 10px;
text-align: center;
}
.icon-show span.rgt-span{
margin-left: 24px;	
position: relative;
top: -10px;
}


}

@media screen and (max-width:480px){
.your-class .inner-wp img{
height: 203px;
}
.rgt-blog{
flex-direction: column; 
}
.rgt-blog .blog-wrapper{
width: 100%;  
}
.slick-slide img{
min-width: 100%;  
}
.rs-toolbar .container .col-md-6{
padding-bottom: 15px;  
}
.rs-toolbar .rs-toolbar-left .welcome-message i{
position: absolute;
top: 6px;   
}
.rs-toolbar .rs-toolbar-left .welcome-message span{
display: block;
margin-top: 26px; 
}
.rs-toolbar .rs-toolbar-right .toolbar-share-icon{
margin-right: 0px;   
}
.toolbar-share-icon ul{
margin-bottom: 0;   
}
.rs-toolbar .rs-toolbar-right .apply-btn{
display: block;  
}
.inner-cont h2{
font-size:18px; 
}
.inner-cont ul.btn{
width: auto;   
}

}

@media screen and (max-width:420px){
.your-class .inner-wp img{
height: 203px;
}

.about-us h2, .about-us .rgt-accor h4, .popular h2, .events h2.ev-hd, h2.title-tag, .our-latest h2.title-news{
font-size:20px;
}
.enquery-detail{
width:275px;
right: -280px; 
}
.enquery-detail.fm{
transform: translateX(0%);
transition: 0.4s linear;
right: 0px;   
}
}

@media screen and (max-width:360px){
.your-class .inner-wp img{
height: 203px;
}
}
/*Page CSS */
.heading {
padding: 15px 0;
}
.heading p {

margin: 10px auto 40px;
line-height: 24px;
text-align: justify;
}
.wrapper_sec {
padding: 15px;
background-color: #fff;
box-shadow: 0 2px 8px #ccc;
}
.rebon {
font-weight: 800;
text-align: center;
font-size: 18px;
color: #2B1B17;
letter-spacing: 1.5px;
position: relative;
padding:0px 0;
text-transform: none;
line-height: 1.5;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30)

}

.wrapper_sec h4{
 font-weight: 800!important;;
text-align: center!important;;
font-size: 17px!important;;
color: #2B1B17!important;;
letter-spacing: 1.5px!important;;
position: relative!important;;
padding:0px 0!important;;
text-transform: none!important;;
line-height: 1.5!important;
text-shadow: 0px 4px 8px rgba(0,0,0,0.30) !important; 
}

.bann{
width:100%;
height: 100px;
background-image: url(../images/bann_1.png);	
background-size: 100% 100%;
padding:140px 0;
margin-top:100px;
background-repeat: none;
background-position: top center;


}
.bann h1 {
    /*text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 50px;*/


    font-weight: 800;
    text-align: center;
    font-size: 34px;
    color: #fff;
    letter-spacing: 1.5px;
    position: relative;
    padding: 0px 0;
    text-transform: uppercase;
    line-height: 0.2;
    text-shadow: 0px 4px 8px rgba(0,0,0,0.30);




}
.heading h3, h3.slideanim.slide {
    
    font-weight: 800;
    text-align: center;
    font-size: 17px;
    color: #0C090A;
    letter-spacing: 1.5px;
    position: relative;
    padding: 0px 0;
    text-transform: none;
    line-height: 1.5;
    text-shadow: 0px 4px 8px rgba(0,0,0,0.30);



}
.admission p {
    color: #777;
    font-size: 15px;
    line-height: 1.8em;
    margin: 1em auto 3em;
    width: 80%;
    text-align: center;
}
.admission_left {
    padding-left: 0;
}
.admission_left h2, .admission_right h3 {
    font-size: 1.5em;
    color: #000;
    margin-bottom: 1em;
}
.select-block1 {
    position: relative;
    margin-top: 10px;
}
.select-block1 select {
    box-shadow: none;
    border: 1px solid #3be8b0;
    border-radius: 0;
    outline: 0;
    background: #ffffff;
    height: 50px;
    line-height: 32px;
    padding: 5px 15px;
    width: 100%;
    color: #a7aebf;
}
.input-group {
    width: 100%;
}

.input-group1 {
margin-top: 10px;
}
.form_box {
padding-left: 0;
}

}