body{ margin: 0px; padding: 0px; width: 100%; height: 100%; font-family:  'Open Sans', sans-serif; font-weight:normal; font-size: 12px; }
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;700&display=swap');
ul, li { margin:0px; padding: 0px; list-style: none;    line-height: 28px;
    font-size: 15px;
}
p{line-height: 27px; color: #333;font-family: 'Open Sans', sans-serif; font-size: 14px;}
a, a img { outline:none; border:none;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Comfortaa', cursive; font-weight: 500}
input:focus, button:focus, select:focus, textarea:focus {box-shadow: none !important;}
a:hover{text-decoration: none;}
h1,{font-weight: bold;}
.bgim{ background: url("../images/footer_bg.png") no-repeat center;}
.hdbg {
    background-image: url(../images/bg.png);
    padding:70px; margin-top:50px;
}
/*-----------------header top CSS Start here--------------------------------------*/

.header{ background:#f0f0f0; color: #c9d0e2 ;top: 0;  position: fixed; z-index: 999; box-shadow: 0 1px 3px 0 rgba(32,33,36,0.28) }
.header .navbar-collapse{background-color:none }
.header h1{margin: 0; padding: 10px 0 10px; font-size: 20px; color:#fff; font-weight: bold; }
.navbar-expand-lg{padding: 0}
.header ul{margin-top: 0px ; margin-left:20px;}
.header ul li{ float:left; margin-left:10px; padding: 5px 0  }
.header ul li:hover{color: #e3a564; transition: .1s}
.header ul li a{text-decoration: none ; font-weight: 600; color: #333; font-size: 14px; opacity: .9}
.header ul li a:hover{ transition: .1s;opacity: 1}
.header .nav-link{color: #333!important; font-size: 14px; font-weight: 600;}
.header .nav-link:hover{color: #f16136!important; font-size: 14px; font-weight: 600;}

.header .right{text-align: right;}
.header .right ul{ display: inline-block; }
.header .right ul li{ margin-top:7px;}
.header .right ul li a{ border-radius: 50px; padding:8px 13px 8px 15px; background-color:#27c6ff;opacity:.9;   color: #fff !important;}
.header .right ul li a:hover{ color: #fff!important; border: 0; opacity: 1 }
/*-----------------sliderclm --------------------------------------*/
.sliderclm{ position: relative; padding: 0}
.slid{max-height: 500px;}
.sliderheader{ position: relative;    top: 50px;   }
.sliderheader h4{font-size:36px; }
.sliderheader p{font-size: 16px ; color: #fff}
#div1{width: 30px;}
.mbl-0{padding-right: 0; padding-left: 0}
.imw{width:390px;}
.servicesname{
  height:38px;
  margin: auto;
  overflow: hidden;
  font-size: 30px;
}
.servicesname span {
    height: 100px;

    color: red;
    padding:5px;
    float:right;
    position :relative;
    -webkit-animation: mymove 6s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 6s infinite;
  -webkit-animation-delay: 2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%   {top: 0px;}
    20%  {top: -100px;}
    40%  {top: -200px}
    60%  {top: -300px;}
    80%  {top: -400px;}
    100%  {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {top: 0px;}
    20%  {top: -100px;}
    40%  {top: -200px}
    60%  {top: -300px;}
    80%  {top: -400px;}
    100%  {top: 0px;}
}

/*-----------------featured  --------------------------------------*/
.featured_college{background-color: #f8fafb; padding:50px 0}
.featured_college h2{ text-align: center;color: #40454c;font-size: 20px;  margin-bottom: 30px;}
.featured_college .box{ background-color: #fff; padding: 20px; border-bottom:3px solid #e9eef1; text-align: center; border-radius:3px; margin-top: 20px; box-shadow: 0 3px 81px 0 rgba(216,216,216,.45); }
.featured_college .box .img{}
.featured_college .box img{ width:140px; height: 100px; border-radius:20px; box-shadow: 0 0 7.65px 1.35px rgba(211,232,248,.68)}
.featured_college .box:hover {border-bottom-color: #999;}
.featured_college .box:hover span{font-weight: 600; }
.featured_college .box span{font-size: 16px;  margin-top:10px;  display: block;}

/*-----------------welcome --------------------------------------*/

.welcome{margin-top:120px; padding:40px 0; }
.welcome .left{background: url(../images/welcome-bg.png);    background-size: cover; background-repeat: no-repeat;    background-position: top center;}
.welcome h2{font-size: 74px; color:#2d2f32; text-align: center;animation:spgroup 1s infinite; }
@keyframes spgroup{
	0%{ color:#b766d8 }
	25%{ color:#d36ac2 }
	50%{ color:#ed619e }
	100%{ color:#ee609c }
}
.welcome h3{font-size:62px; text-transform: uppercase; color:#0ab6ff; text-align: center; font-weight: 600; letter-spacing: -3px;}
.welcome h4{font-size: 18px; color:#2d2f32; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; text-align: center; margin-bottom:80px;}
.welcome p{font-size: 16px; }
.welcome .feature_part_text_iner { background-image: linear-gradient(to right , #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);    border-radius: 50px; height: 210px;  border-top-right-radius: 50px;    border-top-right-radius: 0;       text-align: center;
    padding: 34px 27px 31px;    -webkit-transition: .5s;	transition: .5s;}

.welcome h5{font-weight: bold; font-size:30px; color: #fff }

.welcome .welp{color: #fff}

.gov{text-align: center; margin:50px;}
/*-----------------latest_products --------------------------------------*/
.backgs{color: #333!important; background-color: #e3e3e3!important; border-radius: 30px; display: inline-block; padding: 5px 20px; }
.latest_rojects{text-align: center; margin: 100px 0}
.latest_rojects a{color: #212529}
.latest_rojects a:hover{color: #d29458 ;transition: .1s}
.latest_rojects .project-wrap {padding: 0} 
.latest_rojects h2{ text-align: center;color: #40454c;font-size: 20px; padding-top: 30px; }
.latest_rojects p{ text-align: center;color: #40454c;  margin-bottom: 30px;}
.latest_rojects .project-wrap{}
.latest_rojects .project-wrap .projectImg{position: relative}
.latest_rojects .project-wrap .projectImg img{max-width: 100%}
.latest_rojects .project-wrap .service-overlay {    position: absolute;    left: 30px;    bottom: 0px;    right: 40px;    opacity: 0;    -webkit-transition: all .3s ease-in-out 0s;	transition: all .3s ease-in-out 0s;}
.projectImg:hover .service-overlay { bottom: 30px;opacity: 1;   }
.projectImg::after {  position: absolute;content: "";left: 0;  bottom: 0; width: 100%;  height: 0;    background-color: rgba(0, 0, 0, 0.50);  -webkit-transition: all .3s ease-in-out 0s;    transition: all .3s ease-in-out 0s;}
.latest_rojects .project-wrap .first{height: 526px;}
.latest_rojects .heading a {    text-decoration: none;    color: #fff;    z-index: 100; text-align: center; font-size: 24px;    font-weight: bold; display: block}
.latest_rojects p{text-align: center; color: #fff}

/*-----------------Student Satisfaction --------------------------------------*/
.marketsurveys{text-align: left;}
.marketsurveys h3{text-align: left;}
.marketsurveys p{line-height: 27px; color: #3d3740;font-family: 'Open Sans', sans-serif; font-size: 16px; text-align: left; margin-bottom: 10px}

.footerup{background:url(../images/bg.jpg); padding:40px; align-items: center;display: flex;  }
.footerup .alert{font-size: 16px; text-align: center; cursor: pointer}
.footerup h2{text-align: center;color: #000;font-size: 20px; margin: 10px 0 40px 0;}


/*-----------------md --------------------------------------*/
.md{text-align: center; padding: 50px 0}
.md .box{background-color: #eee; padding:30px 0; border-radius: 20px; margin: 10px 0}
.md .box .im{border-radius: 50%; transition: width 2s, height 2s, transform 1s; width: 100%}
.md .box .im:hover{transform: rotate(360deg);}
.md .box .name{font-size: 20px; font-weight: 600;}
.md .box .span{font-size:16px; font-weight: 600;}

/*-----------------footer --------------------------------------*/

.footers{background: #171819;padding: 44px 0 15px 0;}
.footers h5{text-align: left; font-style: 18px; color: #eee}
.gallery{float: left; padding:1px;opacity: 1}
.social_media{ position: fixed;left:0px; background-color: #ccc; bottom:40px; z-index: 999}
.social_media li{ display: block; padding: 10px 5px; text-align: center}
.social_media .tw{background-color: #01acef ;padding: 10px; color: #fff}
.social_media .fb{background-color: #3b5999 ;padding: 10px;color: #fff}
.social_media .li{background-color: #007bb6 ;padding: 10px;color: #fff}
.social_media .gp{background-color: #de4b36 ;padding: 10px;color: #fff}
.social_media a{color:rgb( 255,255,255,.9)}

.footers .footernav{}
.footers .footernav ul{ border-right: 1px dashed #5d5d5d ; height:200px; }
.footers .footernav .new{}
.footers .footernav .new li{width:90%; float: left;}

.footers .footernav ul li{text-align: left; }
.footers .footernav ul li a{color: #fff; font-size: 14px; opacity: .6 ;padding: 2px; }
.footers .footernav ul li a:hover{ opacity: .9; transition: .2s}
.footers p{ color: #aaa}

/*-----------------Footer--------------------------------------*/
.borderft{  border-top: 15px solid #dadada }
.footer{ background: url("../images/footer_bg.png") no-repeat center; background-color: #141415; padding:80px 0;}
.footer h2{ margin:18px; color: #ccc }
.footers .social-list{text-align: center; width: 100%}
.footers .social-list ul{ text-align: center} 
.footers .social-list li {display: inline-block; margin-right: 10px;}
.footers .social-list li a { background-color: #222; display: inline-block; width:50px; font-size: 1.125rem;height:50px;line-height:50px;  box-shadow: 0px 7px 25px 0px  rgba(0, 0, 0, 0.1); text-align: center; border-radius: 50px; transition: all 0.4s ease;}
.footers .social-list li a.facebook{color:#4969a8; font-size:18px; }
.footers .social-list li a.facebook:hover{background-color: #4969a8; color: #fff}
.footers .social-list li a.twitter{ color: #2aa3ef; font-size:18px;   }
.footers .social-list li a.twitter:hover{background-color: #2aa3ef;color: #fff}
.footers .social-list li a.linkedin{ color: #1178b3 ; font-size:18px; }
.footers .social-list li a.linkedin:hover{background-color: #1178b3;color: #fff}
.footers .social-list li a.instagram{color:#e8715c ; font-size:18px; }
.footers .social-list li a.instagram:hover{background-color: #e8715c;color: #fff}


.footer .page{margin-top: 30px}
.footer .page .links{ list-style: none; width: 100% ; text-align: center}

.footer .page .links .list{ display: inline-block;}
.footer .page .links .list a{ margin: 10px; color: #fff; opacity: .6}
.footer .page .links .list a:hover{  opacity: .9; transition: .2s}
.footer 
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}

.copyright{padding: 13px 0px 0 ; background-color: #000;}
.copyright p{ color: #c7cace!important; text-align: left!important; line-height: 22px; opacity: .6}
.copyright .right{text-align: right!important;}


.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

/*-----------------contact --------------------------------------*/

.heading{margin-top:50px; background-color: #45a8f5; text-align: center;}
.heading h3{ color: #fff; margin-top:150px!important; text-align: left; font-size: 50px; }
.heading p{ color: #fff; margin-top:10px!important; text-align: left; font-size: 22px; }
.lead{font-size: 16px; font-weight: normal}
.contact{}
.btn-primary{ background-image: linear-gradient(to left,#00b4ff 0%,#57ddff 51%,#00b4ff 100%); border: none; padding: 15px 24px; border-radius:0;transition: .5s;background-size: 200% auto;}
.btn-primary:hover {   background-position: right center;

}
.process{ text-align: center;}
.process h3{ text-align: center; margin-top:50px;}
.process .box{ text-align: center; padding: 20px; border: 1px solid #efefef; border-radius: 5px;}
.process .box:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.1),0 10px 40px rgba(50,50,93,0.01); transition: .5s ;background-color: #f7f7f7}
.process .box:hover span{ background-color: #ccc; transition: .5s}
.process .box:hover .headin{color: #e65429;}
.process span{font-size:18px;margin-top:10px; display: inline-block; background-color: #ececec; border-radius: 50%; padding:11px 20px;}
.process .headin{font-size: 20px; margin-top: 20px;}

.vision{margin:80px 0; }
.vision p{font-size: 16px; }
.vision span{font-size: 16px;}
.vision img{width: 90%}
.cont{margin: auto; padding-bottom: 20px; margin-top: 50px!important;}

/*-----------------products --------------------------------------*/
.headings{margin-top:145px; }
.gallery_product{margin-bottom: 5px;}
.gallery_product img{max-height: 320px; max-width: 100%;min-width: 100%;min-height: 320px;}
.gallery_product .cnt{display: flex;padding: 30px 30px;box-shadow: 0px 6px 12px 2px rgba(0,0,0,0.07); margin-bottom: 20px; }
.gallery_product .cnt h3{font-size: 16px;flot:left; font-weight: 600}
.gallery_product .cnt span{font-size: 14px;float: right}
.gallery_product .cnt .left{float: left; width: 60%}
.gallery_product .cnt .right{float: right;width: 40%}

/*-----------------services --------------------------------------*/
.services{}
.services .box{padding-top:50px; padding-bottom: 20px;}
.services h2{ text-align: left;color: #40454c;font-size: 20px;  margin-bottom: 10px;}
.services h3{ text-align: left;color: #40454c;font-size: 20px;  margin-bottom: 10px; font-weight: normal}
.services p{ text-align: left;color: #40454c;line-height: 30px; padding: 0; margin: 0}

.services img{    max-height: 320px;
    max-width: 100%; 
    min-height:80px;border: 0;border-radius: 10px; margin: 0 auto;}
.serviceimg{padding: 20px 0}
.con-box {
   background-image: linear-gradient(to right , #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);  
    min-height: 220px;margin-top: 50px;
    box-shadow: 0px 0px 12px #0000006b;
    border-radius: 15px;
}
.coInfoBlocks {
 /*   background-color: #961f64;*/
    text-align: center;
}
.coInfoBlocks .icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid #961f64;
    display: inline-block;
    background-color: #fff;
    margin-top: -43px;
}
.coInfoBlocks .icon img {
    display: block; margin:0 auto
}
.coInfoBlocks h2 {
    margin: 15px 0 14px 0;font-weight: bold;   text-align: center;    font-size: 1.4em;
    color: #fff; font-size: 18px;}
.coInfoBlocks p {
    font-weight: 500;
    margin: 0;
    padding:0 10px;
    font-size: 1.3em;
    color: #fff;
    text-align: center;
}
.coInfoBlocks a {
    color: #fff;
}
.coInfoBlocks .row>div {
    padding-bottom: 20px;
}
.coInfoBlocks .row>div:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 10%;
    background-color: #fff;
    width: 1px;
    height: 80%;
}
.coInfoBlocks .row>div:last-child:after {
    display: none;
}




/*-----------------contact --------------------------------------*/

.contact{ background: url(../images/contact-bg.jpg) no-repeat   ;  background-position: right top; padding: 50px 0 }
.contact .box{margin-top: 30px;}
.contact .top{margin-top: 10!important}
.contact .imag{ width: 40px;}
.form-control{ opacity: .8}

@media screen and (max-width:480px){
    .imw{width:260px;}
	.slid{max-height: 220px}
	.welcome .feature_part_text_iner{margin-top: 20px;}
	.welcome .feature_part_text_iner{height: 160px;}
	.header h1{text-align: center}
	.header .right{text-align: center}
	.header .container{padding: 0}
	.header .right ul{margin: 0}
	.sliderheader{top:70px}
	.welcome{margin-top:60px}
	.welcome h2{font-size: 38px}
	.welcome h3{font-size: 44px;}
	.welcome h4{margin-bottom: 20px;}
	.navbar-light .navbar-toggler{background:rgba(233, 233, 233, 0.9)}
	.header ul li{padding: 0; margin: 0}
	.social_media{right: 0; left: auto}
	.footer .footernav ul{border: none}
	.navbar{padding: 15px 10px;}
	.header .right{display: none}
	.welcome p{margin-top: 0px; padding: 0px 10px; text-align: center;}
	.services h2{margin-top:30px;}
	.services img{margin: 10px 0;}
	.services .box{padding: 0}
	.footer .footernav ul{height: auto; padding: 10px;}
	.btn{margin: 4px;}
	.featured_college h2{margin-bottom:10px;}
    .navbar-light .navbar-toggler{background-color:rgba(230, 230, 230, 0.9)}
    .md .box{margin-top:10px}
    .marketsurveys{text-align: center;}
    .marketsurveys h3{text-align: center;}
    .backgs{text-align: center!important;}
    .marketsurveys p{text-align: center;}
    .md .box .im{width: 70%}
/*-----------------contact --------------------------------------*/
	
	.form-signin{margin-top:30px;}
	.heading{margin-top:60px; }
    .heading h3{margin-top:40px!important; text-align: center; font-size: 30px;}
    .heading p{text-align: center;}
    .heading img{width: 100%;}
    .gov{}
    .gov img{width: 100%;}
    .process{margin: 5px 10px}
    .process h3{margin:25px 10px; font-size: 24px;}
    .process .box{margin: 10px 0}




	.headings{margin-top:105px; }
	.classic-title{margin-top:30px;}
	.gallery_product img{max-height:250px; max-width: 100%;min-width: 100%;min-height:250px;}
	.contact .mt-5{margin-top: 0!important}
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}