*{
    padding:0;
    margin:0;    
    
}

/*body{ font-family: 'SQMarket';overflow-x:hidden;}
@font-face {
  font-family: 'SQMarket';
  src:url('SQMarket.woff') format('woff'),
        url('SQMarket.woff2') format('woff2'),
        url('SQMarket.eot'),
        url('SQMarket.eot?#iefix') format('embedded-opentype'),
        url('SQMarket.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}*/

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
}

body {
    font-family: 'Myriad pro Regular';
    overflow-x: hidden;
}

span, p, i, li, .banner-txt {
    font-family: 'Myriad Pro Regular'
}
h1, h2, h3, h4, h5, h6,.nav-link {
    font-family: 'Myriad Pro Semibold';
}

b{font-family:'Myriad Pro Bold'}
.p-lr-5{padding-left:5%;padding-right:5%}
.drp-shadow{box-shadow:0px 0px 10px #ddd;}
.white-bg{background:#fff;padding-top:3rem}
.m-t-50 {
    margin-top: 50px
}
.font-italic {
    font-style: normal !important;
    font-size: 20px;
    font-weight: 400;
    color: #808080
}
.h2-class {
    font-weight: 700;
    text-transform: uppercase
}
    .h2-class span {
        color: #19baf2
    }
.white-bg1 {
    background: #fff;
    box-shadow: 0px 0px 5px #ddd;
    border-radius: 10px;
    padding: 10px 20px 20px 20px;
    margin-top: 50px;
    height:160px;
}
.h4-class {
    font-size: 28px;
    font-weight: 700;
    margin-top: 16px
}

.svg-ico {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:-30px;
}
.svg-ico > *{
    z-index: 99;
    width: 50%;
}
.bg1 {
    background: #F36E21;
    position: relative;
    box-shadow: 0px 0px 10px #00000030
}

.bg2 {
    background: #df5ca2;
    position: relative;
    box-shadow: 0px 0px 10px #00000030
}

.bg3 {
    background: #6f5ba3;
    position: relative;
    box-shadow: 0px 0px 10px #00000030
}

.bg4 {
    background: #00b0d9;
    position: relative;
    box-shadow: 0px 0px 10px #00000030
}

.svgheader {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /*margin-top: -30px*/
}

    .svgheader > .h4-class {
        margin-left: 30px
    }

.bg1:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f36e21;
    z-index: 2;
}

.bg1:after {
    position: absolute;
    content: '';
    top: 0;
    left: -15px;
    right: 0;
    bottom: 0;
    width: 110px;
    /*background: #e6e6e6;*/
    height: 20px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    z-index: 1;
    border-bottom: 20px solid #aa420e
}

.bg2:after {
    position: absolute;
    content: '';
    top: 0;
    left: -15px;
    right: 0;
    bottom: 0;
    width: 110px;
    /*background: #e6e6e6;*/
    height: 20px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    z-index: 1;
    border-bottom: 20px solid #bf3f94
}

.bg2:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #df5ca2;
    z-index: 2;
}

.bg3:after {
    position: absolute;
    content: '';
    top: 0;
    left: -15px;
    right: 0;
    bottom: 0;
    width: 110px;
    /*background: #e6e6e6;*/
    height: 20px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    z-index: 1;
    border-bottom: 20px solid #362762
}

.bg3:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #6f5ba3;
    z-index: 2;
}

.bg4:after {
    position: absolute;
    content: '';
    top: 0;
    left: -15px;
    right: 0;
    bottom: 0;
    width: 110px;
    /*background: #e6e6e6;*/
    height: 20px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    z-index: 1;
    border-bottom: 20px solid #078599
}

.bg4:before {position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background: #00b0d9;z-index: 2;}
.logo{display:flex;align-items:center}
.logo img{margin-right:20px;object-fit:contain}
.navbar-nav .nav-link{color:#000}
.nav-item:not(:last-child){margin-right:20px}
.align-center{align-items:center}
.padd-lr{padding-left:5%;padding-right:5%}
.slides li{position:relative}
.slider-caption{position:absolute;top:25%;padding-left:320px}
.slider-caption1{position:absolute;top:35%;right:10%;padding-right:30px}
.slider-caption2{position:absolute;top:0;right:0;width:40%;bottom:0;height:100%;background:#0000004d;padding:2rem;align-content:center;display:grid}
.slider-txt{color:#2a2a2b;font-weight:700;margin-bottom:40px}
.clr-87{color:#878787;line-height:36px}
h4{font-weight:700;margin-bottom:40px;margin-top:20px}
.btn-blue{background:#00aeef;display:inline-block;font-size: 16px;font-weight: 400;border: none;padding: 10px 20px;color: #fff;width:fit-content}
.btn-blue:hover, .btn-blue:focus{border:1px solid #00aeef;color:#00aeef;background:transparent;text-decoration:none;transform-origin: center;transition: 1s;}
.image1 img:hover, .image2 img:hover, .image3 img:hover{border:5px solid #fff;box-shadow: 0px 2px 5px #ddd;transition:0.2s}
.bg-gray{background:url(../images/gray-bg.png) no-repeat;width:350px;height:490px;display:flex;align-items:center}
a:hover{text-decoration:none}
.p-t-100{padding-top:100px}
.p-b-100{padding-bottom:100px}
.p-t-50{padding-top:50px}
.p-b-50{padding-bottom:50px}
.image1{margin-top:30px;margin-bottom:30px;width:100%;text-align:right}
.image2{margin-top:30px;margin-bottom:30px;width:100%;text-align:center}
.image3{margin-top:30px;margin-bottom:30px;width:100%;text-align:right}
.f7-bg{background:#f7f7f7;width:100%;padding:2rem}
.sub-title{color:#2a2a2b;font-weight:700;font-size:36px}
.title2{font-size:1.2rem;font-weight:bold;color:#2a2a2b;margin: 0.5rem 0 0.25rem 0;}
.m-t-30{margin-top:30px}
.mission-bg{background:url(../images/mission-bg.png) no-repeat;background-size:contain;}
.clients{padding-top:50px;padding-bottom:50px}
.footer{background:#d8d7d6;width:100%;}
.footer .logo h3{color:#fff}
.footer .nav-link{color:#fff}
.clr-fff{color:#fff}
.clr-d8{color:#fff}
.border-bot{border-bottom:1px solid #d8d8d8;width:100%;padding-bottom:1.5rem}
p{line-height:24px}
.aquaicon svg{height:60px}
.dropdown-menu{border:0;box-shadow:0px 0px 10px #ddd;}
.dropdown-item{padding:1rem 1.5rem}
svg:hover{opacity:0.8;transition-duration:2s}
.page-banner{width:100%;height:370px;background:url(../images/About_Hero.png) no-repeat 20% 0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.page-banner .position-absolute,.page-banner1 .position-absolute,.page-banner2 .position-absolute,.page-banner3 .position-absolute{left:60%;align-content:center;display:grid}
.page-banner1{width:100%;height:370px;background:url(../images/Client_Hero.png) no-repeat 20% 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size: cover;}
.page-banner2{width:100%;height:370px;background:url(../images/Contact_Hero_V2.png) no-repeat;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size: cover;background-position:center;}
.page-banner3{width:100%;height:370px;background:url(../images/Team_Hero.png) no-repeat;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size: cover;}

.page-banner5{width:100%;height:370px;background:url(../images/product_Hero_V2.png) no-repeat center;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size: cover;}
.page-banner5 .position-absolute{padding:1rem;left:67%}
.page-banner6{width:100%;height:370px;background:url(../images/Contract_Hero.png) no-repeat right;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size: cover;}
.page-banner6 .position-absolute{align-content:center;display:grid}
.banner-txt{color:#fff;font-size:36px;font-weight:500;}
/*.banner-txt:nth-child(2){padding-top:20px}*/
.blue-circle{width:30px;height:30px;border-radius:50%;background:#00AEEF;text-align:center;padding-top:2px;margin-right:20px}
.d-fle{display:flex;align-items:flex-start;justify-content:center}
.g-border{border:1px solid #ddd;padding:30px;text-align:center;height:270px;margin-top:15px;margin-bottom:15px;}
.client-txt{font-weight:700;margin-top:20px;color:#878787}
.blend-lumino{mix-blend-mode:luminosity}
.blend-lumino:hover{mix-blend-mode:normal}
.d-flex{display:flex;align-items:center;justify-content:center}
.m-l-20{margin-left:20px}
.f-italic{font-style:italic;color:#007bff}
.m-t-20{margin-top:20px;width:100%}
.mr-auto, .mx-auto{list-style:none}
.f-left li{float:left}
.f-left li a{color:#333;padding: .5rem 0.8rem;}
.navbar-toggler{background-color: #1b1b1b;display:inline-block;font-size:0;padding:15px}
.navbar-toggler-icon{background:#fff;width:15px;height:1px;position:relative;display:inline-block}
.navbar-toggler-icon:before{position:absolute;content:'';background:#fff;width:15px;height:1px;top:-6px;left:0}
.navbar-toggler-icon:after{position:absolute;content:'';background:#fff;width:15px;height:1px;top:6px;left:0}
button:focus{outline:0}
.navbar{justify-content:flex-end;padding:1rem 0 0.5rem 0}
.modal-header{border-bottom:0px}
.modal-footer{border-top:0px}
.c-image{height:130px}
.bg-fff{padding:15px}
.bg-fff .f-left li a{color:#fff;}
.border-gray{border:1px solid #DBDBDB;padding:50px;position:relative;display:block;color:#333}
.owl-dots{display:none}
.owl-carousel{padding-top:2rem;padding-bottom:2rem}
h5{font-weight:bold}
.owl-theme .owl-nav [class*='owl-']{background:#00aeef}
.owl-theme .owl-nav [class*='owl-']:hover{background:#dadada}
.sub-head{font-size:16px;font-weight:700}
/*.title2:not(:first-child){margin-top:50px}*/
a:hover{color:#333}
.close{font-size:1rem}
.close:focus{outline:0;}
.form-label{margin-top:10px}
.slides img{width:100%;height:650px;object-fit:cover}
.logo-image{height:60px}
.logo-image-f{height:30px}
.font-ita{font-style:italic;font-size:14px;color:#848484;text-align:center;margin-bottom:20px}
h3{font-weight:700;}
.about-sec{margin-top: 50px; width: 70%; margin: 2rem auto; text-align-last: center}
.nasa{height: 110px}
.nasa > *{height: 100%;}
.cv_ul {padding-left: 1rem;}
.cv_ul li{margin-bottom:0.75rem}
.cv_ul li::marker{color:#cc3333;font-size:large}
.addr p{line-height:20px}
.nav-link.active{color:#cc3333}
#team, #teamF{color: #007bff}

@media only screen and (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0;
    }
    .banner-txt{font-size:30px;}
    .page-banner5 .position-absolute{left:70%}
}
@media only screen and (max-width: 1024px)
{
    
    .nav-item:not(:last-child){margin-right:1rem}
    /*.logo-image{height:40px}*/
    .slider-caption2{width:60%;}
    .bg-fff{padding:0;}
}
@media only screen and (max-width: 991px)
{
    .navbar-collapse {position:absolute;width:90vw;right:0;top:40px;padding:20px 50px;background:#fff;z-index:99;right:0px;}
    .page-banner .position-absolute, .page-banner1 .position-absolute, .page-banner6 .position-absolute, .page-banner5 .position-absolute, .page-banner2 .position-absolute, .page-banner3 .position-absolute {
        left: 0;
        right: 0;
        bottom: 0;
        background: #0000004d;
        padding: 0.5rem
    }
    .page-banner2{background-position:left}
    .page-banner6 .position-absolute,.page-banner5 .position-absolute{width:100vw}
    .page-banner5 .position-absolute{display:flex;flex-wrap:wrap;grid-gap:0 8px}
    .page-banner5{background-position:left}
}
@media only screen and (max-width: 768px)
{
    .bg-gray{width:100%;height:100%}
    .nav-item{line-height:48px}
    .slider-caption{padding-left:200px}
    .flexslider .slides img{height:430px}
    .sub-title{font-size:28px;}
    .dropdown-item{padding:0 1.5rem}
    .cv_ul li{margin-bottom:0.25rem}
}
@media only screen and (max-width: 600px)
{
       .slider-caption{ padding-left: 170px;}
       .bg-gray{background-size:cover}
       /*.col-sm-6{margin-top: 15px;margin-bottom: 15px;}*/
       .padd-50{padding:50px 15px}
       .slider-caption1{right:0}
       .slider-caption{padding-left:50px}
       .m-t-60{margin-top:60px}
       .banner-txt{font-size:22px}
       .d-fle{justify-content:flex-start}
       .slider-caption2{width:100%;align-content:flex-end}
       .border-gray{padding:30px}
       .about-sec{width:100%}
       .f7-bg{padding:20px}
       .btn-blue{font-size:12px}
       h3{font-size:20px}
       .title2{font-size:1.2rem}
       
}
@media only screen and (max-width: 425px)
{
    .navbar-collapse {width:92vw}
        .flexslider .slides img{height:350px}  
    .slider-txt{font-size:1.2rem}  
    .slider-caption2 p{font-size:12px}
    .border-gray{padding:15px}
    .items .col-xl-12{padding-left:0px;padding-right:0px}
    p, li{font-size:12px;line-height:24px}
    .f-left li{float:none}
    .p-t-100{padding-top:50px}
    .cv_ul li{margin-bottom:0}
    .addr p{line-height:12px}
}
@media only screen and (max-width: 375px)
{
    .padd-50, .f7-bg{padding:20px}
    .p-b-100{padding-bottom:0px}
    .slider-caption1{left:80px}
}
@media only screen and (max-width: 375px)
{
    .logo img{width: 80%;margin: auto}
    .col-sm-6{margin-top:0;margin-bottom:0;}
    .banner-txt{font-size:22px}
}