img{
    max-width:100%
}
body {
    font-family: "Raleway", sans-serif;
}

.maincolor {
    color: #002D56 !important;
}
.mediumbold
{
    font-weight:500 !important
}
.single-banner-1 .container {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
}
.single-banner-1 .container .row
{
    height:100%
}
@media(max-width:991px)
{
    .banner-content1 .banner-meta-text span
    {
        font-size:18px;
    }
}
.services
{
    padding:70px 0 80px
}
#owl-services .owl-stage-outer
{
padding-top:10px;
}
.service
{
    text-align:center
}
    .service .serv-desc {
        margin-right: auto;
        margin-top: 15px;
        background: #F2F2F3;
        text-align: center;
        border-radius: 16px;
        font-weight: 700;
        color: #002D56;
        font-size: 16px;
        max-width: 315px;
        padding: 20px 10px;
        margin-left: auto;
    }
.aboutus {
    padding: 80px 0;
    background: #002D56;
}
.subtitle {
    font-weight: 600;
    line-height: 1.4;
    font-size: 14px;
    color: #fff;
}
.title {
    font-weight: 200;
    line-height: 100%;
    font-size: 36px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
}
.desc {
   
    font-weight: 500;
   line-height:27px;
    font-size: 16px;
   color:#fff;
}
.featu
{
    margin-bottom:30px;
}
.featu-title{

}
.featu ul{
    list-style:none;
    padding-left:0;
}
.featu ul li:first-child{
    padding-right:30px
}
.featu-title {
    color: #FFFFFF;
  
    font-weight: 600;
  
    font-size: 18px;
   
    line-height: 100%;
 margin-bottom:10px;
}
.featu-desc {
   
    font-weight: 500;
  
    font-size: 15px;
   
    line-height: 1.4;
  
    color: #FFFFFF;
}
.projects
{
    padding:80px 0
}
.projects-filter
{
    list-style:none;
    padding-left:0;
    display:flex;
    align-content:center;
    justify-content:end
}
.projects-filter li{
    padding-right:30px;
}
    .projects-filter li:last-child {
        padding-right: 0px;
    }
.projects .title
{
    margin-bottom:0;
    line-height:1
}
.projects-filter li a {
    font-weight: 600;
    font-size: 16px;
    color: #002D56;
    line-height: 100%;
    letter-spacing: 1%;
}
    .projects-filter li a.active {
        background: #F1F1F1;
        padding:5px 15px;
        border-radius:16px
    }
.project
{
    margin-bottom:30px;
}
.project-title {
    margin-top: 20px;
    margin-bottom: 5px;
   
    font-weight: 700;
   
    font-size: 21px;
   
    line-height: 100%;
    letter-spacing: 1%;
}
.project-btn {

    font-weight: 500;
 
    font-size: 12px;
 
    line-height: 100%;
    letter-spacing: 1%;
    color: #002D56;
}
.project img{
    border-radius:16px;
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1057px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1057px;
    }
}
.btn-more {
    border-bottom: 1px solid #002D56;
    border-radius: 16px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    display: inline-block;
    border-bottom-width: 1px;
    color: #002D56;
  
    font-weight: 600;

    font-size: 16px;
  
    line-height: 100%;
    letter-spacing: 1%;
}
.faq {
    background: #EAF5FA;
    padding:80px 0;
}



.accordion-button {
    background-color: #FFFFFF;
    border-radius: 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    color: #002D56;
 
    position: relative;
}

    /* Remove default Bootstrap arrow */
    .accordion-button::after {
        display: none;
    }

    /* Custom plus/minus icon */
    .accordion-button.collapsed::before {
        content: "+";
        font-size: 36px;
        color: #000000;
        margin-right: 10px;
        position: absolute;
        right: 15px;
    }

    .accordion-button:not(.collapsed)::before {
        content: "-";
        font-size: 36px;
        color: #000000;
        right: 15px;
        margin-right: 10px;
        position: absolute;
    }

/* Accordion body */
.accordion-body {
    background-color: #FFFFFF;
    border-radius: 16px;
    margin-top: 8px;
}

/* Optional: space between accordion items */
.accordion-item {
    margin-bottom: 12px;
    border: none; /* Remove default border */
}
.faq-imgs
{
    position:relative;
    text-align:center;
   
}
.faq-img2 {
    position: absolute;
    left: 30px;
    top: 0px;
}
.faq-img3 {
    position: absolute;
    right: 30px;
    bottom: -65px;
}
.faq .subtitle {
    color: #002D56;
}
.faq .desc {
    color: #272626;
}
.faq-img1 {
    margin-top: 100px;
}
.faq-imgs img{
    border-radius:16px;
}
#customAccordion
{
    margin-top:30px;
}
.partners
{
    padding:80px 0;

}
    .partners .title, .partners .subtitle, .partners .desc {
        color: #272626;
    }
@media (min-width: 768px) {
    .desk-banner {
        display: none;
    }
}
@media (max-width: 767px) {
    .mobile-banner {
        display: none;
    }
}
@media (min-width: 992px) {
    .desk-hidden {
        display: none;
    }
}
@media (max-width: 991px) {
    .mobile-hidden {
        display: none;
    }
}
.partners-box
{
    margin-top:50px;
}
.bx-wrapper
{
    margin-bottom:0;
}
.bx-wrapper {

    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;

}
.contact
{
    background:#fff;
    
}
.map
{
    height:100%;
    position:relative
}
.map .container
{
    position:absolute;
    left:0;
    right:0;
    height:100%;
    top:0
}
    .map .container .row, .map .container .col-md-6, .contact {
        height: 100%;
    }
.contact {
    padding-left: 45px;
    padding-right: 45px;
    display: flex;
    align-items: center
}
.btn-evc {
    padding: 15px 24px;
    background: #002D56;
    border-radius: 34px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    width: 175px;
}
.form-group
{
    margin-bottom:30px;
}
.map .form-control {
    height: 67px;
    line-height: 67px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000000;
    font-weight: 500;
    font-size: 14px;
    color: #002D56;
}
.contact .title, .contact .subtitle, .contact {
    color: #002D56;
}
    .contact .title
    {
        font-weight:bold
    }
.footer p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 27px;
    text-align:right
}
.footer {
    padding: 30px 0;
    background: #002D56;
}
.footer-social li {
    padding-right:15px;
}
.footer-social li:last-child{
    padding-right:0
}
.footer-social
{
    display:flex;
    align-items:center
}
.inner
{
    position:relative
}
.inner .container
{
    position:absolute;
    left:0;
    right:0;;
    height:100%;
    top:0
}
.inner-title {
  
    font-weight: 700;
    
    font-size: 43px;
  
    line-height: 100%;
 
    color: #002D56;
}
.inner > img{
max-width:100%
}
.inner .container .row{
    height:100%
}
.about
{
    padding:80px 0
}
.about img{
    border-radius:16px;
}
    .about .title {
        color: #002D56;
        margin-bottom: 20px;
       
        font-weight: 400;
      
        font-size:36px;
       
        line-height: 100%;
    
    }
    .about .desc {
        color: #3C3C3C;
        
        font-weight: 400;
       
        font-size: 21px;
      
        line-height: 150%;
 
        text-align: justify;
    }
.feat {
    background: #E4F2FE;
    border-radius:16px;
    padding:30px 20px;
}
.feat-title {
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
}
.feat-desc {
   
    font-weight: 500;
    
   
 
    line-height: 180%;

    color: #002D56;
}
.video {
    position: relative;
 

}
.video .container
{
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:100%;

}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 45, 86, 0.644) 0%, rgba(0, 45, 86, 0.828) 50.48%, rgba(0, 45, 86, 0.92) 100%);
}
.video img{
    max-width:100%
}
.feats {
    margin-bottom: -55px;
    z-index: 111;
    position: relative;
    background: transparent;
}
.video .row{
    height:100%
}
.video .title {
   
    font-weight: 600;
  
    font-size: 36px;
  
    line-height: 100%;
    color:#fff;
    margin-bottom:20px;
}
.video .desc {
   
    font-weight: 500;
  
    font-size: 16px;
  
    line-height: 27px;
    color:#fff;
}
.mission {
    background: linear-gradient(180deg, #E4F2FE 0%, rgba(228, 242, 254, 0) 100%);
    border-radius: 8px;
    padding: 45px 35px 0;
}
.mission-desc {
    font-weight: 400;
    font-size: 24px;
    color: #3C3C3C;
    line-height: 150%;
    text-align: center;
    margin-bottom: 30px;
}
.mission-title {
    opacity: 0.3;
    font-weight: 700;
    font-size: 54px;
    line-height: 150%;
    text-align: center;
    color: #002D56;
}
.vm
{
    padding:80px 0
}
.vision {
    background: linear-gradient(180deg, #F1F3F5 0%, rgba(241, 243, 245, 0) 100%);
    border-radius: 8px;
    padding: 45px 35px 0;
}
.vision-desc {
    font-weight: 400;
    font-size: 24px;
    color: #3C3C3C;
    line-height: 150%;
    text-align: center;
    margin-bottom: 30px;
    min-height: 180px;
}
.vision-title {
    opacity: 0.3;
    font-weight: 700;
    font-size: 54px;
    line-height: 150%;
    text-align: center;
    color: #636363;
}
.partners .title {
    font-weight: 500;
    color: #000000;
}

.contact-title {
  
    font-weight: 400;
  
    font-size: 36px;
  
    line-height: 100%;
 
    color: #002D56;
}

.sendus-title {
  
    font-weight: 600;
    
    font-size: 32px;
  
    line-height: 100%;
margin-bottom:20px;
    color: #002D56;
}
.sendus-subtitle {
   
    font-weight: 500;
  
    font-size: 16px;

    line-height: 27px;
    margin-bottom:40px;
    color: #272626;
}
.contactus {
    padding: 60px 0;
    background: #F6F6F6;
}
.form-label {
 
    font-weight: 600;
 display:block;
    font-size: 16px;
 
    line-height: 100%;
  margin-bottom:10px;
    color: #000000;
}
.contactus .form-control {
    height: 65px;
    padding-left: 15px;
    line-height: 65px;
    border: 2px solid #DCDCDC;
    background: #fff;
  
    font-weight: 600;
 
    font-size: 16px;
    line-height: 100%;
   border-radius:32px;
}
.contactus .form-group
{
    margin-bottom:30px;
}
.contactus textarea
{
    min-height:113px;
    padding-top:30px;
 
}
.text-right
{
    text-align:right
}
.contact-right {
    border-radius: 16px;
    background: #002D56;
    padding: 45px;
    right: -30px;
    top: 58px;
    width: 413px;
    position: absolute;
}
.contact-right-title {
    
    font-weight: 600;
    
    font-size: 32px;

    line-height: 100%;
    margin-bottom:20px;
    color:#fff
}
.contactus .row{
    position:relative
}
.co-item {
    padding-bottom: 22px;
    padding-top: 22px;
    background: #99abbb;
    margin-bottom:15px;
    padding-left: 20px;
    border-radius: 16px;
}
.co-t {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
}
.co-item ul li:first-child
{
    padding-right:30px;
}
.co-s {
  
    font-weight: 400;

    font-size: 20px;
  
    line-height: 100%;
    color:#fff;
}
.connect-title {
  
    font-weight: 600;
   
    font-size: 24px;

    line-height: 100%;
    margin-bottom:20px;
    color:#fff;
}
.connect {
    border-top: 1px solid #FFFFFF;
    margin-top:30px;
    padding-top:30px;
}
.connect ul li
{
    padding-right:15px;
}
    .connect ul li:last-child{
        padding-right:0
    }
.project-item img {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    max-width: 970px;
    border-radius: 16px;
}
.itemright {
    width: 376px;
    background: #002D56;
    border-radius: 16px;
    display:flex;
    align-items:center;
    padding-right:30px;
    padding-left:30px;
    padding-top:30px;
    padding-bottom:30px;
    position:relative;
    z-index:1
}
.itemright-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 21px;
    color: #FFFFFF;
}
.allprojects
{
    padding-bottom:60px;
}
.itemright-btn {
    height: 35px;
    line-height: 35px;
    border-radius: 16px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border: 1px solid #FFFFFF;
  
    font-weight: 600;
 
    font-size: 16px;
   
    line-height: 100%;
    color:#fff;
}
.project-item
{
    margin-bottom:30px;
}
.serv
{
    padding:80px 0;
}
.serv-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #002D56;
    margin-bottom:30px;
}
.serv-desc {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: #3C3C3C;
    text-align: justify;
    margin-bottom:50px;
}
.serv-item img
{
    border-radius:16px;
    max-width:100%
}
.serv-item-title {
    font-weight: 700;
    font-size: 32px;
    color: #002D56;
    line-height: 100%;
    margin-bottom:20px;
}
.serv-item-desc {
  
    font-weight: 400;
    
    font-size: 20px;
  
    line-height: 130%;
 
    text-align: justify;
    color: #3C3C3C;
    margin-bottom:20px;
}
.serv-ul
{
    list-style:none;
    padding-left:0
}
    .serv-ul li {
        background: #F4F4F4;
       padding-left:30px;
        border-radius: 16px;
        padding-top:10px;
        padding-bottom:10px;
        margin-bottom:10px;
        display:flex;
        align-items:center
    }
    .serv-ul li img{
        border-radius:0;
        padding-right:15px;
    }
        .serv-ul li span {
        
            font-weight: 500;
          
            font-size: 14px;
         
            line-height: 100%;
            
            color: #002D56;
        }
.serv-item .btn-evc {
    background: transparent;
    color: #002D56;
    border: 1px solid #002D56;
    padding: 10px 24px;
    margin-top: 10px;
}
.serv-item
{
    margin-bottom:50px;
}
.contactinner
{
    padding:60px 0
}
@media(max-width:767px) {
    .service {
        margin-bottom: 30px;
        text-align: center
    }

    .services {
        padding: 80px 0 50px;
    }
    .aboutus {
        padding: 80px 0 50px;
        
    }
    .aboutus .col-md-5{
        margin-bottom:30px;
    }
    .projects .text-right
    {
        text-align:left
    }
    .projects-filter {
       margin-top:30px;
        justify-content: start;
    }
    .project img {
        max-width: 100%;
        width: 100%;
    }
    .faq-imgs
    {
        margin-top:30px;
    }
    .faq {
      
        padding: 80px 0 40px;
    }
    .map .container {
        position: relative;
        left: inherit;
        right: inherit;
       
        top: inherit;
    }
    .contactbox textarea
    {
        height:90px;
        min-height:90px;
    }
    .contact
    {
        padding:30px 0
    }
    .footer-social
    {
        justify-content:center;
        margin-bottom:15px;
    }
    .footer p {
        margin-bottom: 15px;
      
        text-align: center;
    }
    .title {
        font-size: 24px;
        line-height: 1.2
    }
    .about .title {
        margin-top: 0;
        font-size: 24px;
        line-height: 1.2
    }
    .about .desc
    {
        font-size:16px;
        margin-bottom:30px;
    }
    .feat
    {
        margin-bottom:30px;
    }
    .feats
    {
        margin-bottom:0;
        padding-bottom:50px;
    }
    .play-a
    {
        display:block;
        margin-top:30px;
    }
        .play-a img {
            max-width: 65px;
        }
    .video .title {
        font-size: 24px;
        line-height: 1.2
    }
    .mission-desc {
     
        font-size: 21px;
     
        margin-bottom: 15px;
    }
    .vision-desc {
        font-size: 21px;
        margin-bottom: 15px;
        min-height:auto
    }
    .mission {
     
        padding: 30px 15px 0;
        margin-bottom:30px;
    }
    .vision {
        padding: 30px 15px 0;
    }
    .mission-title {
        font-size: 24px;
        line-height: 1.2
    }
    .vision-title {
        font-size: 24px;
        line-height: 1.2
    }
    .vm {
        padding: 80px 0 50px;
    }
    .serv-title {
     
        font-size: 24px;
    line-height:1.2
    }
    .serv-item-title
    {
        margin-top:30px;
    }
    .contact-title {
        font-size: 24px;
        line-height: 1.2
    }
  
    .contact-right {
   
        padding: 45px 30px;
        right: 0;
        top: 0;
        width: 100%;
        position: relative;
    }
    .btn-map {
  
        top: 75px;
     
    }
}
.btn-map {
    border: 1px solid #002D56;
    background: #FFFFFF;
    width: 180px;
    height: 54px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 0px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
    .btn-map span {
        padding-left: 15px;
        font-weight: 700;
        font-size: 15px;
        line-height: 100%;
        color: #002D56;
    }
.maps .col-md-6{
    position:relative
}
@media(max-width:991px)
{
    .project-item img {
        max-width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .itemright {
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
}
.aside-logo img{
    max-width:100%;
    width:auto
}
.aside-logo
{
    text-align:center
}
iframe{
    max-width:100%
}
.aside-content
{
    margin-top:60px
}
.aside-ul {
    text-align: left;
    padding-left: 40px;
}
.aside-ul li a{
    color:#fff;
    font-size:21px;
}
    .aside-ul li {
        color: #fff;
        font-size: 32px;
       
    }
    .aside-ul li:first-child{
        margin-bottom:15px
    }
.aside-ul ul{
    margin-bottom:40px;
}
.aside-ul-right
{
    padding-left:0;
    margin-top:30px
}
.inner > img {
    max-width: 100%;
    width: 100%;
}
.services-1
{
    position:relative;
    overflow-x:hidden
}
.overflow-hidden
{
    overflow:hidden
}
.position-relative
{
    position:relative
}
@media(max-width:1199px)
{
    .header-main2 {
        top: 15px;
        padding: 0;
    }
    .offset-btn
    {
        display:none
    }
    .mobile-menu .mean-bar:nth-child(2)
    {
        display:none !important
    }
    .mean-container .mean-nav ul li {
      
        border-bottom: 0px solid #8b99a3;
    }
}
@media(min-width:1200px)
{
    .side-toggle {
        display:none
    }
 
}
.pageintro {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
    text-align: center;
}

    .pageintro img {
        max-width: 900px
    }
.hidden {
    display: none !important
}
.preloader-plus {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    background-color: #fff;
    z-index: 999;
    transform: scale(1);
    transition: opacity 1s ease, transform 1s ease, left 0s ease;
}

.preloader-plus {
    transition-duration: 1s, 1s, 0s;
}
    .preloader-plus.complete {
        left: 1000%;
    }
    .preloader-plus.complete {
        opacity: 0;
        transform: scale(1);
        transition-delay: 0s, 0s, 1s;
    }
    .preloader-plus * {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
    .preloader-plus * {
        color: #65615f;
    }
    .preloader-plus .preloader-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .preloader-plus img {
        display: block;
        max-width: 100%;
    }
    .preloader-plus .preloader-custom-img {
        animation: preloader-fade 2s linear infinite;
       
    }



.single-banner img{
    max-width:100%;
    width:100%
}
body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span {
    background: #002D56;
}
@media(max-width:1199px)
{
    .serv-desc {
    
        font-size: 16px;
      
    }
    .serv-item-desc {
    
        font-size: 16px;
      
    }
    .feat-title {
   
        font-size: 24px;
       
    }
    .itemright-title {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .sendus-title {
        font-size: 24px;
    }
    .contact-right-title {
        font-size: 24px;
    }
    .faq-imgs
    {
        display:none
    }
    .project-title
    {
        font-size:21px;
        min-height:42px
    }
    .projects {
        padding: 40px 0 40px;
    }
    .btn-more
    {
        margin-top:30px;
    }
}
@media(max-width:767px)
{
    .newmap {
        margin-bottom: 30px;
    }
    .newmaps .mb-0{
        margin-bottom:30px
    }
    .newmap ul
    {
        margin-bottom:15px !important;
    }
    .newmap {
       
        padding: 25px 15px 10px;
        
    }
   body .newmaps {
        padding: 0px 0 40px;
    }
    body .contactus {
        padding: 40px 0;
      
    }
}
.header-main-content-wrapper
{
    align-items:center
}
.serv-img
{
    position:relative;

}
    .serv-img .overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 45, 86, 0.8);
        border-radius: 16px;
        display: none
    }
.service:hover .overlay {
    display:block
}
.serv-info {
    position: absolute;
    display: none;
    text-align: center;
    top: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
   
}
.service:hover .serv-info {
    display: flex;
  
}
.serv-info div {
    color: #fff;

}
@media(max-width:767px)
{
    .serv-info div {
        padding-left: 7.5px;
        padding-right: 7.5px;
        font-size: 13px;
    }
}
.itemright-btn:hover
{
    color:#fff;
}
.proj-a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.project:hover .proj-a img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.project-item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.project-item:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
@media(max-width:1199px)
{
.header-main2.sticky .header2-logo img {
    
    max-width: 95px;
}
}
.featu img {
    filter: brightness(0) invert(1);
}