@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');
.carousel-item {/* height: 100vh; */min-height: 300px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.carousel-caption {bottom: 270px;}
.carousel-caption h5 {font-size: 45px;text-transform: uppercase;letter-spacing: 2px;margin-top: 25px;}
.carousel-caption p {margin: auto;font-size: 18px;line-height: 1.9;}
.navbar-light .navbar-brand {color: #fff;font-size: 25px;text-transform: uppercase;font-weight: bold;letter-spacing: 2px; position: relative;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color: #fff;}
.navbar-light .navbar-nav .nav-link {color: #fff;}
.navbar-toggler {background: #fff;}
.navbar-nav {text-align: center;}
.nav-link {padding: .2rem 1rem;}
.nav-link.active,.nav-link:focus{color: #fff;}
.navbar-toggler {padding: 1px 5px;font-size: 18px;line-height: 0.3;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}
.navbar ul {position: relative;left:10%;}
/* .navbar ul li {font-size:20px;margin: 0px 44px;} */
.navbar ul li {font-size:18px;margin: 0px 30px;}
.carousel-control-next, .carousel-control-prev { float: left; position: relative; left: 150px; bottom: 250px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 3%; padding: 10px; margin: 8px; color: #fff; text-align: center; background: 0 0; border: 1px solid; border-radius: 10px; opacity: .5; transition: opacity .15s ease;}
.about {padding: 50px;}
.about h2 { color: #484848;font-style: normal; font-weight: 275; font-size: 35px;}
.about .inner-admission-box{margin: 20px 5px; position: relative; bottom: 50%; padding: 30px 30px; background: #FFFFFF; border-radius: 30px; text-align: center; box-shadow: 0px 30px 60px rgba(46, 48, 146, 0.1)!important; display: block;}
.about .inner-admission-box img{margin: 5px auto;}
.about .inner-admission-box h2{ font-style: normal; font-size: 20px; line-height: 30px; font-weight: 400; margin-top: 10px; color: #484848; text-decoration: none;}
.welcome {padding: 80px 0;}
.welcome h1 {font-weight: 300; font-size: 50px; color: #484848;}
.welcome a {color: #2E3092;text-decoration: none;}
.welcome p { text-align: justify; font-weight: 400; font-size: 14px; line-height: 26px; color: #484848; padding: 10px 0;}
.welcome h4 { color: #2E3092; font-size: 20px; font-weight:600; margin-bottom: 0; position: relative; z-index: 0; display: inline-block; }
.welcome h4 i { color: #2E3092; position: absolute; right: -20px; top: 3px; }

.partners { padding: 80px 0;}
.partners h2 { color: #484848;font-style: normal; font-weight: 300; font-size: 30px; margin:60px 0px;}
.partners img { display: block !important; margin: auto !important; width: auto !important;}

.what-we-do .what-we-do-left {position: relative; padding-left: 9%;}
.what-we-do .what-we-do-left h2 { font-style: normal;font-weight: 300;font-size: 60px; padding-top: 20%; line-height: 115.1%; color: #484848;}
.what-we-do .what-we-do-left h2 span {color: #2E3092;}
.what-we-do .what-we-do-left h4 { padding-top: 10%; font-style: normal;font-weight: 400;font-size: 30px;line-height: 115.1%; color:#484848;}
.what-we-do .what-we-do-right{ background: #F3F3F3;border-radius: 59px 0px 0px 59px;padding: 5% 2%;}

.crowd {padding: 80px 0;}
.crowd h2 {font-weight: 300; font-size: 50px; color: #2E3092;}
.crowd p { text-align: justify; font-weight: 400; font-size: 15px; line-height: 26px; color: #686868; padding: 30px 0; text-align: justify;}
.crowd h4 { color: #2E3092; font-size: 20px; font-weight:600; margin-bottom: 0; position: relative; z-index: 0; display: inline-block; }
.crowd img {display: block; margin: auto; height: 100%;}

.techno-partners { padding: 80px 0;}
.techno-partners h2 { text-align:center; color: #484848;font-style: normal; font-weight: 300; font-size: 30px; margin-bottom:60px;}
.techno-partners img { display: block !important; margin: auto !important; width: auto !important;}

.impact { background-image: url("../images/impact/impact-bg.jpg"); padding: 90px 0; background-repeat: no-repeat; background-size: cover; position: relative;}
.impact h2 { color: #ffffff;font-style: normal; font-weight: 300; font-size: 50px; padding: 40px 0 30px;}
.impact h2 span {color: #4B2BBD;}
.impact p { text-align: justify; font-size: 16px; font-weight: 400; color: #ffffff; padding-bottom: 30px;}
.impact h4 { color: #4B2BBD; font-size: 20px; font-weight:600; margin-bottom: 0; position: relative; z-index: 0; display: inline-block; }
.impact h4 i { color: #4B2BBD; position: absolute; right: -20px; top: 3px; }

.services {position: relative;  padding-top: 90px; margin-bottom: -10%; z-index: 1;}
.services .mtop{ margin-top: 4%;}
.services .service-box{position:relative; padding: 23% 2%; min-height: 350px; background: #FFFFFF; border-radius: 30px; text-align: center; box-shadow: 0px 30px 60px rgba(46, 48, 146, 0.1)!important;  margin: 10px 0px;}
/*.services .service-box-middle{position:relative; min-height: 350px; background: #FFFFFF; border-radius: 30px; text-align: center; box-shadow: 0px 30px 60px rgba(46, 48, 146, 0.1)!important;  margin: 10px 0px; bottom:20%;}
.services .service-box-content {position:absolute; top:25%; padding: 0px 31px;} */
.services .service-box img, .service-box-middle img{margin: 5px auto;}
.services .service-box p, .service-box-middle p{ font-style: normal; font-size: 18px; line-height: 30px; font-weight: 400; margin-top: 10px; color: #2D2D2D; text-decoration: none;}
.home-services .item{ margin: 20px !important;}
.home-services .owl-item img{position: relative;}
/*.home-services .owl-item img:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(5,0,94,0.8);
    width: 100%;
    height: 100%;
    z-index: -1;
}*/
.home-services .owl-item i img{width: 46%;
    height: 45%;
    /* vertical-align: middle; */
    text-align: center; margin: 0 auto;}
.testimonial { background-image: url("../images/testimonial/testimonial-bg.png"); padding: 290px 0; background-repeat: no-repeat; background-size: cover; position: relative;}
.testimonial h2 { text-align:center; color: #ffffff;font-style: normal; font-weight: 300; font-size: 30px; padding: 30px 0;}
.testimonial p { text-align: center; font-size: 16px; font-weight: 400; color: #ffffff; }
.testimonial .testi-name {text-align: center; font-size: 16px; font-weight: 600; color: #ffffff;}

.credentials {padding: 180px 0px 8px;}
.credentials h2 { text-align:center; color: #484848;font-style: normal; font-weight: 300; font-size: 30px; margin-bottom:60px;}
.credentials img { display: block !important; margin: auto !important; width: auto !important;}
hr.hr-credentials { border-top: 1px solid #686868;}

.clients { padding: 80px 20px 120px;}
.clients h2 { text-align:center; color: #484848;font-style: normal; font-weight: 300; font-size: 30px; margin-bottom:60px;}
.clients img { display: block !important; margin: auto !important; width: auto !important;  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.clients .opacity { opacity: 60%;}
.clients .mt10 { margin-top:10px !important;}
.clients .mt25 { margin-top: 25px !important;}

footer { background: #484848;}
footer .content {padding: 30px 0px;}
footer img{ margin: 0 auto;display: block;padding: 30px 0;}
footer h5{color:  #FFFFFF;}
footer p { font-size: 16px;font-weight: 300;color:  #FFFFFF;line-height: 26px;}
footer ul {display: table; margin: 0 auto;}
footer li { font-weight: 400;font-size: 16px;color: #FFFFFF;padding: 5px;list-style: square;}
footer a{ font-weight: 400;font-size: 16px;color: #FFFFFF;padding: 5px;text-decoration: none;}
footer a:hover{color: gray;text-decoration: none;}
footer .dev{ float: right;}
.carousel-caption {
    position: absolute;
    left: 9%;
    bottom: 35%;
    /* bottom: 1.25rem; */
    /* left: 15%; */
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
}
.carousel-caption h5{ font-size: 58px; font-weight: 300; line-height: 60px; color: #fff; text-transform: uppercase;}
.carousel-caption p{ font-size: 18px; color: #fff;}
@media(min-width:320px) and (max-width:1080px) {
   .navbar-brand img{width:70%}
   .menuNav{ background: #2E3092; color: #fff;}
   .navbar ul li{background: #2E3092;
    border-bottom: 1px solid #044cb8; margin: 0;}
    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        padding: 12px;
    }
    .navbar-light .navbar-toggler{ color:#fff ;}
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color: #044cb8 !important; background: #F3F3F3 !important;}
    .navbar ul{ left: 0;}
    .navbar-toggler-icon{width: 2em;
        height: 2em;}
    .navbar-light .navbar-toggler{ border: none; padding: 3px 10px;top: 19px; position: absolute;right: 19px;}
    .about .inner-admission-box{ bottom: 0;}
    .testimonial {
        padding: 200px 0 60px 0;
    }
    .techno-partners{ padding: 30px 0;}
    .services {
        top:10px
    }
    .carousel-control-next, .carousel-control-prev{
        left: 20px;
        bottom: 122px;

        width: 7%;
        padding: 2px;
        margin: 8px;}
    }



.breadcrumbs {display: inline-block;margin-bottom: 10px; padding: 0;}
.breadcrumbs ul {padding:  25px 0 0 12px;margin: 0; float: right;}
.breadcrumbs ul li {float:left;list-style: none;display: inline-block;}
.breadcrumbs ul li a {display: inline-block;padding: 0 5px;font-size: 20px;color: #48B4AD;}
/* .breadcrumbs ul li a:hover {color: #365d7e;} */
.breadcrumbs ul li.current a{font-size:20px !important;font-weight: 400;}
.breadcrumbs ul li.current { white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.about-inner {padding: 40px;}
.about-inner h3{ font-style: normal;font-weight: 275;font-size: 50px; line-height: 58px; margin-bottom: 20px;}
.about-inner p{text-align: justify;font-weight: 400;font-size: 16px;line-height: 25px;margin: 5px 0px;}
.about-inner hr{height:0.5px;border-width:0;color:gray;background-color:686868;margin-top:80px;}
.about-inner-journey{ padding: 40px;}
.about-inner-journey h3{font-style: normal;font-weight: 275;font-size: 50px;line-height: 58px;margin-bottom: 20px;}
.about-inner-journey h4{font-style: normal;font-weight: 600;font-size: 60px;line-height: 115.1%;color:#dedede;margin-bottom: 31px;margin-top: 30px}
.about-inner-journey p{font-weight: 400;font-size: 16px;line-height: 193.6%;text-align: justify;color: #686868;margin-right: 12px;margin-bottom: 30px;}
.about-inner-journey hr{height:0.5px;border-width:0;color:gray;background-color:686868;}
.about-inner-key {padding: 40px;}
.about-inner-key h4{font-family: 'Titillium Web';font-style: normal;font-weight: 275;font-size: 50px;line-height: 58px;margin-top: 10px;margin-bottom: 47px;}
.about-inner-key-border   {height: 540px;background: #F3F3F3;border-radius: 30px;margin: 10px;}
.about-inner-key-img {    margin: 0 auto;
    display: block;
    padding: 20px 0;}
.about-inner-key h3{text-align: center;color: #2D2D2D; font-weight: 600;font-size: 25px;}
.about-inner-key p{ text-align: center;color: #2D2D2D;font-weight: 300;font-size: 20px;}
.about-inner-key ul{margin-top:28px;}
.about-inner-key li{color: #2D2D2D;font-weight: 300;font-size: 14px;}


.about-service {padding: 40px;}
.about-service-img {margin: 0 auto;display: block;}
.about-service h4{font-weight: 400;font-size: 30px;color: #484848; padding: 70px 0;}
.about-service p{font-weight: 400;font-size: 16px;color: #686868;text-align: justify;}
.about-service .list {padding: 0 63px;line-height: 30px;}
.about-service h5 {font-weight: 600;font-size: 20px;}


.contact-us { padding: 60px;}
.contact-us .verticle { border-right: 1px #7C7C7C solid; height: 98%;margin-right: -20px;}
.contact-us .col{margin: 0 auto;}
.contact-us .unit{margin: 0 auto;}
.queiri{background-color: #F3F3F3;padding: 60px;}
.queiri h2{padding: 40px;text-align: center;}
.queiri .form-input {    width: 100%;height: 45px;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #D9D9D9;margin: 20px 20px 20px 0;background: none;float: left;}
.queiri .submit{background-color: #484848;color: #ffffff;padding: 10px 60px;}
.queiri .submit:hover{background-color: #FFFFFF;color: #686868;}
.queiri .col-submit {margin: 14px auto;}
.contact-end {background-color: #F3F3F3;padding-top: 62px;}
.contact-end .firstrows {padding: 49px;background-color: #2E3092;}
.contact-end p{text-align: center;color: white;font-size: 24px;}

.about-social {padding: 40px;}
.about-social-center {margin: 0 auto;display: block;padding: 60px;}
.about-social h4{font-weight: 400;font-size: 30px;color: #484848;margin-bottom: 70px;}
.about-social p{font-weight: 400;font-size: 16px;color: #686868;text-align: justify;}
.about-social-vector {margin-left: 83px;}
.about-social-vector img{margin: 0 auto;display: block;padding: 25px;}
.about-social-vector p{text-align: center;color: #686868;font-size: 17px;}
.about-social-vector .secound { padding: 21px 0; margin-left: 40px;}

.social-end {padding-top: 62px;}
.social-end .firstrows {padding: 49px;background-color: #2E3092;}
.social-end p{text-align: center;color: white;font-size: 24px;}
.about-service-end-vertical {border: 1px solid #FFFFFF;margin: 17px;}
.xs {display: none;}
.md {display: block;}
.units {background-color: #F3F3F3;
    padding: 70px 0;}
.units h1 {color: #FFFFFF;
    position: relative;
    bottom: 51px;
    left: 24px;}
.unitsp {position: relative;
    bottom: 20px;
    text-align: justify;}
.image-gallery {padding: 70px 0;}
.image-gallery h1{    color: #484848;
    font-weight: 100;
    padding-bottom: 20px;}
.image-gallery .owl-dots {
    margin-top: 25px;
}



@media(min-width:320px) and (max-width:1080px){
    .xs {display: block;}
    .md {display: none;}
    .about-inner-key-img {padding: 35px 24px;}
    .about-social-vector {margin-left: 14px;padding: 11px;}
    .about-social-vector .secound { margin: 0 auto; }
    .about-inner-key-border   {height: 570px;}
    .queiri .submit{margin-top: 50px;}
    .queiri h2{padding: 0px;text-align: center;}
    .contact-us .verticle { border-right: 1px #ffffff solid; height: 98%;}
    .breadcrumbs {display: none;}
    .about-service {padding: 40px;  margin-top: 50px;}
    .about-social-center {margin: 0 auto;display: block;padding: 30px;}
    .contact-us .unit{margin: 0 auto;margin-top: 50px;}
    .about-inner {    padding: 50px 10px 0px;}
   .about-service h4{font-size: 35px; padding: 14px 0;}
   .about-service p{padding: 0px;}
   .about-service h5 {font-weight: 600;font-size: 20px;padding: 0;}
   .about-service .list {padding: 0 35px;}
   .social-img {padding: 20px 0 10px;}
   .about-social {padding: 0 40px;}
   .about-social .list {padding: 0 35px;}
   .carousel-control-next, .carousel-control-prev{left: 143px;bottom: 159px;}
   .about {    padding: 30px 50px;}
   .welcome {padding: 0px;}
   .what-we-do .what-we-do-left { padding-left: 3%;  }
   .what-we-do .what-we-do-left h4{padding-left: 1%;
    padding-bottom: 3%;}
   .crowd {padding: 40px 0;}
   .crowd h2 {font-size: 35px;}
   .services {padding-top: 5px;}
   .carousel-item {min-height: 200px;}
   .about h2 {font-size: 35px;}
   .welcome h1 {font-size: 35px;}
   .what-we-do .what-we-do-left h2 {font-size: 35px;}
   .techno-partners h2{font-size: 35px;}
   .techno-partners {padding: 30px 0 0;}
   .about-inner-journey p {    margin-right: 1px;
    margin-bottom: 1px;}
    .about-inner h3 {font-size: 35px;
        line-height: 36px;}
    .about-inner-journey h3 {font-size: 35px;}
    .about-inner-key h4 {font-size: 35px;}
    .about-inner-key {
        padding: 0 10px;
    }
    .about-inner-key-img {
        padding: 35px 57px;
    }
    .credentials {    padding: 80px 0px 8px;}
    .contact-us {
        padding: 26px;
    }
    .units {padding: 70px 10px;}
    .units h1 {left: 5px;}
    .image-gallery {
        padding: 40px 10px;
    }
    .image-gallery h1{
        font-size: 35px;
    }
}