body{margin: 0px; padding: 0px; font-family: "Inter", sans-serif;overflow-x: hidden;}

.container{max-width: 1450px; }

a:hover, a{text-decoration: none;}

h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}

h1{font-size:68px}

h2{font-size: 42px}

h3{font-size: 38px}

h4{font-size: 32px}

h5{font-size: 23px}

h6{font-size: 20px}

p{ font-size:18px;     color: #4e4e4e;
line-height: 30px; margin: 0}

.logo-dv img{width: 100%; }


header{width: 100%; float: left; padding: 7px 0px;}

.register-button{display: flex; justify-content: flex-end; align-items: center; height: 100%}

.register-button a {
    background: #004391;
    color: #fff !important;
    padding: 12px 28px;
    font-weight: 600;
    transition: all linear 0.5s;
}

.register-button a:hover{background: #e10411}

.success-about .col-md-6:first-child{padding-right: 0px;}

.success-about .col-md-6:last-child{padding-left: 0px;}

#home-about{width: 100%; margin:20px 0px 0px; padding:0px; float:left;}

.about-img img{width: 100%; float:left; margin:0px; padding:0px;}

#home-about .col-lg-6{padding: 0px;}

#banner{float: left; width: 100%; margin: 0px; background: #004391;}

#banner .container-fluid{padding: 0}

.bannerimg{height: 100%}

.bannerimg img{width: 100%; float: left;}

.bannertext{display: flex; align-items: center; height: 100%;
    padding-left: calc(100% - 570px);}

.bannertext  p.construct{
    padding: 5px 25px;
    background: #022c5d;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    border-radius: 5px;
}

.bannertext h1{    font-weight: 500;
    color: #fff;
    margin: 10px 0px 25px;
    font-size: 60px;} 

.bannertext  p{font-size: 22px; color: #fff;}

.bannertext a{
    font-size: 20px;
    font-weight: 600;
    padding: 7px 20px;
    background: #e10411;
    color: #fff;
    display: inline-flex;
    align-items: center; margin-top: 30px;
    gap: 10px; transition: all linear 0.5s;
}

.bannertext a:hover {background: #022f63}

.bannertext a span{
    color: #e10411;
    background: #fff;
    padding: 5px;
    font-size: 22px;
}




.bannerinfo{position: absolute; bottom: 0; padding: 15px 40px; background:#ffffffeb;
right: 0; width:100%}

.bannerinfoinner{display: flex; align-items: center; gap: 20px}

.bannericons{width: 40px}

.bannericons img{width: 100%;}

.bannertextinfo{width: 80%;}

.bannertextinfo h6{color: #7d7d7d; font-size: 17px; font-weight: 400; margin: 0px 0px 4px}

.bannertextinfo p{color: #000; font-size: 18px; font-weight: 600}

.trustmain{ border-radius: 20px; margin-top:20px;
    margin-bottom:100px;
}

footer{width: 100%; float: left;}

.logo-marquee {
  overflow: hidden; margin-top: 40px;
}

.logo-track {
  display: flex; justify-content: center;
  gap: 140px;
 animation: marquee 50s linear infinite;
}

.logo-track img {
  height: 90px;
  width: auto;
}

/* Animation */
@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

#industries-sect{padding:100px 0px; background: #004391; margin-bottom:0px;
width: 100%}

.industriestitle h2{color: #fff; font-weight: 300}

.industrie-icon{width: 130px; height: 130px; background: #fff; border-radius: 50%;
line-height: 130px; margin: 0px auto;}

.industrie-icon img{width: 80px}

.industry-text p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin-top: 10px;
}

.industriebx-inner {
    width: 16.5%;
    margin: 70px 21px 0px;
    display: inline-block;
}

.aboutsect{padding: 100px 0px 130px; }

.abouthead h6 {
    font-size: 36px;
    color: #e10411;
    font-weight: 300;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.abouthead h6::after {
  content: "";  width: 70px;  height: 2px; background: #e10411;
}

.aboutmain{margin-top: 40px}

.aboutleft img{width: 100%}

.aboutfirst{border-radius: 15px; overflow: hidden;}

.aboutrightheading h2{   padding-left: 40px;
font-weight: 400; font-size: 42px;}

.aboutbuild {
    border-radius: 20px;
    overflow: hidden;
    padding-right: 20px;
}

.aboutbuild img{width: 100%}

.aboutrightbottom{margin-top: 20px; padding-left: 40px}

.constructimg img{width:250px; max-width: 100%; margin-top: -100px}

.aboutrightinfo h5{font-weight:400; margin-top: 20px;  font-size:32px;}

.aboutrightinfo p{     color: #131316;
    margin-top: 10px;
    font-weight: 300;
    margin-bottom:40px;}

.isodv{    align-items: center;
    background: #fff;
    border-radius: 20px;
    padding: 0px 28px;
    margin: 20px 0px 30px;
    gap: 10px;
    width: 100%;
    border: solid 1px #d9d7d7;
    float: left;
    display: flex;     height: 100%;
}
.global { float:left; width:auto; margin-right:20px;
}
.reach01 {

    float: left;
    width: 100%;
}
 .isodv img{width: 90px;    padding-right: 10px;}

 .isodv p{color: #131316;    font-size: 24px;
    font-style: italic;
    font-weight: 600;
   margin: 0px;
 }
 .reach h3 { width: 100%;
    border-top: solid 1px #00439154;
    color: #131316;
    font-size: 24px;
    font-style: italic;
    font-weight: 600;
    padding-top: 5px;
    margin-top: 10px;
 }
  .reach h3 span {
    font-size: 40px;
    font-weight: 900;
    color: #ff0000;
}

 .globalreachbx{background: #efebec; padding:20px 20px; border: 2px solid #004391;
    border-radius: 20px;}

.globalimg p{color: #000000; text-transform: uppercase; font-size: 16px;
font-weight: 700}

.globalimg img{width: 70px; float: right; margin-top: 10px}

.globalimg:before{width: 100%; height: 3px; background: #000; content: ""; display: inline-block;
position: absolute; bottom: 0; left: 0}

.globaltext h2{font-size: 55px; font-weight: 400; margin-top: 30px}

.globaltext h2 sup {
    color: #e10411;
    font-weight: 400;
    margin-left: -10px;
}

.globaltext p{font-size: 16px; font-weight: 500; color: #000; margin-top: 10px}

#service-section{background: #f8f8f8; padding:130px 0px}

.service-rightimg img{width: 100%;}


.abouthead h2{font-weight: 400; margin: 25px 0px; font-size: 42px;}

.servicetb button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 2px solid #000;
    border-radius: 50px !important;
    margin-bottom: 25px;
    font-weight: 600; text-align: left;
    font-size: 30px;
    padding: 12px 32px;
    color: #000000;
}

.servicetb button span{
    color: #e10411;
    background: #fff;
    padding: 13px;
    font-size: 37px;
    font-weight: 600;
    border-radius: 50%;
}

.servicetb button:hover {color: #000}

.servicetb .nav-link.active{background:#004391; border-color: #004391}

.servicetb{
    margin-top: 16px;
    float: left;
    width: 100%;
}

#portfolio-section{padding: 80px 0px 100px;width:100% ; background: #f8f8f8}

.portfoliodv{margin-top: 30px;}

.portofliodv{border-radius: 20px; overflow: hidden;}

.portfolioimg img{width: 100%;}

.portoliodata{background: rgba(0, 0, 0, 0.6); height: 100%; position: absolute; left: 0; top: 0;
padding: 45px;}

.subhead p{background: #e10411; padding:5px 25px; display: inline-block; color: #fff;
border-radius: 25px; font-size: 22px; }

.datainfo p.date{font-weight: 600; color: #fff}

.datainfo h6{color: #fff; font-weight: 500;
font-size: 17px; margin: 8px 0px 10px;}

.datainfo a{color: #fff; display: flex; align-items: center; gap: 10px; font-weight: 600;
margin-top: 50px;}

.datainfo a span {
    color: #000;
    background: #fff;
    padding: 5px; border-radius: 50%;
    font-size: 17px;
}

.datainfo {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 45px;
}

.owl-carousel .owl-nav button{  width: 58px !important; background: #121315 !important;
    height: 58px !important; margin: 0px 5px !important; border-radius: 0px !important;
}

.owl-nav{
    display: flex;
    align-items: center;
    justify-content: center; gap: 10px;
    margin-top: 50px;
}

.videoimg img{width: 100%}

.videoicns{background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0;
content: ""; height: 100%; display: flex; align-items: center; justify-content: center}

.videoicns span{font-size:100px; color: #e10411}

#team{padding:100px 0px 100px; width: 100%}

.teamhead h5{color: #000; margin-top: 15px; font-weight: 600;}

.teamdata{margin-top: 30px}

.teambx{border-radius: 10px; overflow: hidden; margin-top: 10px;}

.teamimg img{width: 100%;}

.teamdatamain{position: absolute; bottom: 0; left: 0; padding: 20px; z-index: 1
}

.teamdatadv{background: #004391; padding:25px; border-radius: 10px}

.teamdatadv h6{color: #fff; font-size: 17px}

.teamdatadv p{color: #fff; font-size: 18px; margin-top: 5px}

.teambtn a {
    font-size: 17px;
    font-weight: 600;
    padding: 7px 20px;
    background: #004391;
    color: #fff;
    display: inline-flex;
    align-items: center;
    margin-top: 30px;
    gap: 10px; transition:  all linear 0.5s;
}

.teambtn a:hover{background: #e10411}

.teambtn a span {
    color:#004391;
    background: #fff;
    padding: 5px;
    font-size: 16px;
}

.teambtn{display: flex; height: 100%; justify-content: flex-end; align-items: center;}

.project-section{margin-top: 80px; padding-left: 50px; padding-right: 50px} 

.project-section .col-md-6{padding: 0}

.proimg img{width: 100%;}

.protext{height: 100%; display: flex; align-items: center; justify-content: center;
background: #08026e; text-align: center;}

.protext h2{color: #fff; font-weight: 600; font-size: 60px}

.protext h6.complete-pro{color: #fff; text-transform: uppercase; margin-top: 10px;
font-size: 25px; font-weight: 600}

.latestpro{height: 100%; display: flex; align-items: center; justify-content: center;
background: #1e2023; text-align: center; padding: 0px 30px;}

.latestpro h4{color: #fff; font-weight: 600; margin:30px 0px;}

.latestpro img{width: 90px;}

.latestpro p{color: #fff;}

.latestpro span {
    color: #fff;
    background: #e10411;
    padding: 5px;
    font-size: 22px;
    width: 60px;
    height: 60px;
    line-height: 56px;
    text-align: center;
    margin-top: 30px;
}

.latestpro span:hover{background: #08026e}

.sbmtbtn button:hover{background: #e10411}

.sbmtbtn button:hover span{background: #022f63}

.footermain{width: 100%;     background: #f8f8f8; padding: 80px 0px;}

.contatdtl{display: flex; margin-top: 30px; gap: 20px;
align-items: center;} 

.contacticns span{width: 65px; height: 65px; text-align: center; line-height: 65px;
color: #004391; font-size: 24px;     background: #f8f8f8;}

.contactinforight h6{color: #fff;}

.contactinforight p{
    color: #000;
    font-weight: 400;
    margin-top: 7px;
    font-size: 17px;
}

.contactleft-div{display: flex; height: 100%; align-items: center;}

.contactrightdv{padding: 40px; background: #004391}

.contacthead h5{font-weight: 600; color: #fff; font-size:27px; margin-bottom: 5px}

.contfrm{margin-top: 25px;}

.contfrm input{background: #fff; width: 100%; padding: 15px 20px; border: none;
 font-weight: 500; outline: none;}

.contfrm textarea{background: #fff; width: 100%; padding: 15px 20px; border: none;
 font-weight: 500; height: 300px;  outline: none;}

.sbmtbtn button {
    font-weight: 700;
    padding: 7px 10px 7px 30px;
    background: #022f63;
    color: #fff;
    border: none;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    margin-top: 30px;
    gap: 30px;
    font-size: 15px;
}

.sbmtbtn button span  {
    color: #fff;
    background: #e10411;
    padding: 5px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
}

.copydv{background: #232323; padding: 15px 0px; text-align: center;}

.copydv p{color: #e1e1e1; font-size: 14px;}

.newcontent ul{margin:0px; padding: 0px; list-style: none;}

.newcontent ul li {    display: flex;    align-items: center;    gap: 21px;    color: #131316;    margin-top: 13px;    font-size: 28px;    font-style: italic;    font-weight: 300;    padding: 32px 0px;    border-bottom: solid 1px #e3e3e3;}


.servicebxes{
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 1px 11px #ccc4c4; overflow: hidden;
    margin: 10px 0px 30px; position: relative;
}

.newcontent ul li img {
    width:40px;
}

.servicetext {
    margin-top: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #004391;
    padding: 18px 10px;
}

.servicetext h5{font-weight: 600; text-align: center; color: #fff}

.social{margin-top:50px;}

.social h6{
    font-weight: 600;
    text-transform: uppercase;
}

.social ul li a i{
    color: #004391;
}

.social ul{margin: 0px 0px 0px; padding: 0px; list-style: none;}

.social ul li a{font-size: 40px;}

#stepsecion {
    padding: 100px 0px 100px;
    background: #fff;
    margin-bottom: 0px; 
    width: 100%;
}


.process-wrapper {
  display: flex;
  gap: 40px;
  position: relative;
  overflow-x: hidden; 
  padding: 0px 0px;padding-top: 40px;
}

/* Connector line */
.process-wrapper::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to right, #e10411, #ff6a6a);
  z-index: 0;
}

.process-card {
  min-width: 240px;
  background: #004391;
  border-radius: 16px;
  padding: 25px 20px;
  text-align: center;
  position: relative;
  z-index: 1;
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
}

.process-card .icon {
  width: 70px;
  height: 70px;
  margin: -60px auto 10px;
  background: linear-gradient(135deg, #e10411, #ff6a6a);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 10px 25px rgba(225,4,17,0.4);
}

.process-card h5 {
  font-weight: 700;
  margin-top: 18px; color: #fff;
} 

.process-card p {
  font-size: 14px;
  color: #666;
}

.step {
  position: absolute;
  top: 10px;
  right: 15px;
  background:#f13b41;
  color: #fff;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
}

/* Active Step Highlight */
.process-card.active .icon {
  background: linear-gradient(135deg, #111, #333);
}

/* Mobile horizontal scroll */
@media (max-width: 768px) {
  .process-wrapper{
    justify-content: flex-start;
    overflow-x: auto;
    padding-left: 20px; /* thoda spacing */
  }

    .process-wrapper::before {
    width: 1200px;   /* approx total cards width */
    left:28px;
  }
}



.trustedleading {    background: #fff;
}
.trustheading { padding-bottom:50px;}

.serviceimg img {height: 450px;
    width: 100%;
}


/**menu-css-start**/
div#overlay { display: none}

a#toggle {position: relative; text-align: center; color:#2a276c; display: none;
float: right; outline: none; margin-right: 10px; z-index: 99;}

a#toggle i { font-size: 30px}

a#toggle i { position: relative;}

.open-menu a#toggle i {color: #fff}

main#content {padding: 10px;}

#menu{
    text-align: center;
    transition: all ease-out .3s;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
#menu a { color: #000; text-decoration: none}

#menu ul {margin: 0;padding: 0;text-align: center;}

#menu ul li {display: inline-block;position: relative}

#menu ul li>a {
    display: inline-block;
    margin: 0px;
    color: #04213f;
    position: relative;
    font-weight: 600;
    transition: all linear 0.5s;
    margin: 0px 0px 0px 0px;
    padding: 4px 20px;
    font-size: 17px;}

#menu ul li>a>i { margin-left: 10px; transition: all ease-out .3s;  
    -webkit-transition: all ease-out .1s}

#menu ul li ul {
    display: none; position: absolute; top: 31px; width: 180px;  background:#fff; 
    text-align: left;  z-index: 3;}

#menu ul li ul li a { border: none; color: #000;}

#menu ul li ul li:hover>a {color: #fff}

#menu ul li ul li a:hover {
    color: #fff !important; border-bottom: none;
}

#menu ul li ul li a:after{display: none;}

#menu ul li ul li {display: block}

#menu ul li ul li a {
    display: block;  text-transform: capitalize;  color: #fff;
    font-size: 13px;  padding:8px 15px;  font-weight: 400;  margin: 0
}

#menu ul li ul li:hover>a { color: #fff}

#menu ul li ul li:before { border-left: none}

#menu ul li:hover>a>i { transform: rotateZ(90deg)}

#menu ul li:hover ul { display: block}

/**menu-media**/

@media screen and (max-width:767px) {
 a#toggle { display: block  }

/*.open-menu a#toggle {
  margin-top: -100px;
  right: -10px;
}*/

a#toggle { margin-top: 8px;}

a#toggle:hover {  text-decoration: none  }

#menu .fa-plus { display: block }

main#content {  margin-top: 65px; transition: all ease-out .3s }

#menu { position: fixed; width:100%; height: 100%; top: 0;
        right: 0; overflow: hidden; overflow-y: hidden; z-index: 9; display: block;
        overflow-y: auto; background-color:#004392; transform: translateX(750px)}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 30px;
  idth: 100%;padding-top: 50px;
 
}

#menu ul li ul { padding-top: 0  }

#menu ul li { display: block }

#menu ul li a {
  display: block; outline: none; color: #fff; padding: 16px 0!important; margin: 0
}

#menu ul li a>i {  float: right }

#menu ul li ul { display: none; position: static; padding: 0; width: 100%}

#menu ul li:hover>ul {  display: none  }

#menu ul li:hover>a>i { transform: rotateZ(0) }

.open a i::before { content: "\f107"; }

#menu ul li.open>ul { display: block }

div#overlay { display: block; visibility: hidden; position: fixed;
 right: 0; top: 0;  width: 100%;  height: 100%; background-color: rgba(0, 0, 0, .8);
  z-index: 1; opacity: 0 }

html.open-menu { overflow: hidden  }

html.open-menu div#overlay { visibility: visible;  opacity: 1; width: calc(-150%);
left: 250px }

html.open-menu nav#menu {  z-index: 22; transform: translateX(0)  }

#menu ul li>a { border-right: none }

#menu ul li ul a { font-weight: 400; padding: 8px 0!important }

#menu ul li ul li {  border-bottom: none }

#menu ul li ul { background: 0 0 }

.open-menu .fa-bars:before {  content: "\f00d"  }

#menu li:last-child { border-bottom: none }

#menu ul li::before { display: none }

#menu ul li a.active {  border-bottom: none }

#menu ul li > a{border: none}

#menu  .active{color: #fff;}

#menu a.active::after{content: none !important; border: none;}
#menu a:hover{border: none;}

#menu ul li a:hover{border-bottom: none;}

#menu ul li > a:hover{background: none;}

 #menu ul li > a.active {
    color: #cee1ff;
  }

#menu ul li>a:hover{ color: #cee1ff;}

}

/**menu-css-end**/


/**flexslider-start**/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src:url('../fonts/flexslider-icon.eot');
  src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/flexslider-icon.woff') format('woff'),
    url('../fonts/flexslider-icon.ttf') format('truetype'),
    url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px;  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; /*opacity: 0;*/ cursor: pointer; color: rgba(0,0,0,0.8); display: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/ }
.flex-direction-nav .flex-prev { /*left: -50px;*/ }
.flex-direction-nav .flex-next { /*right: -50px;*/  position:absolute; right:0px;  }
/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;  }*/
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:30px; text-align: center; z-index:99;}
.flex-control-nav li {margin: 0 6px; display:none; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}



/**about**/

#aboutbanner{width: 100%; margin: 0px; padding: 0px; position: relative; overflow: hidden;}

.bannerabtimg img{width: 100%;}

.bannertextabout{
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; justify-content: center;
}

.bannertextabout h1{color: #fff; text-align: center; font-weight: 200}

.missionsect{padding: 80px 0px;}

.visionsect{padding: 80px 0px 80px}

.missionimg img{width: 100%;}

.missiontext{height: 100%; display: flex; align-items: center; padding-left: 50px;
background:#f8f8f8; padding-right: 30px}

.missiontext h2{margin-bottom: 20px;}

 .missiontext p{
    color: #131316;
    margin-top: 10px;
    font-weight: 300;
}

.text-card p{margin-top: 15px}

.missiondv .col-md-6{padding: 0}

.certiciactedv{padding: 0px 0px 80px}

.certifyhead h2{margin-bottom: 10px; margin-top: 0px;}

.certificateimg img{max-width: 700px; margin-top: 30px;}

.certificateimg {    max-width: 800px;    margin: 0px auto;    margin-top: 40px;    text-align: center;    background: #ffffff;    padding: 50px 30px;    border-radius: 10px;    border: solid 1px #cdcdcd;}

.certificateimg  img{width: 50%;}

.certificateimg  h6{
    color: #000;  margin-bottom: 10px;  text-transform: uppercase;
}

.certificateimg p{color: #000;}

.teamsect{padding: 80px 0px;}

.teamsimgs img{width: 100%;}

.temadatacontetn {    margin-top: 60px;    background: #fff;    border: 2px solid #efefef;    overflow: hidden;    border-radius: 10px;}

.teamscontentnw {
    padding: 20px;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
}

.teamscontentnw h5{margin-bottom: 10px; font-weight:700}

.teamscontentnw h6{font-size: 15px; margin-bottom: 10px}

.temadatacontetn .col-md-5, .temadatacontetn .col-md-7{padding: 0}

.gallery-images{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.gallery-images .white-panel{
    width: calc(25% - 15px);
    padding: 8px;
    box-shadow: 0px 0px 4px #d1d1d1;
}

.gallery-images .white-panel img{
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.gallery-images .white-panel img{width: 100%;}

.gallery-images .white-panel a{width: 100%; float: left;}

.gallery-images .white-panel:nth-child(4n){margin-right: 0px;}


.gallery-images{margin-top: 40px}

.teamscontentnw p{font-size: 16px;line-height: 25px;}

.gallery-filter{
    margin-bottom: 20px; margin-top: 20px;
    text-align: center;
}

.gallery-filter button {
    padding: 7px 25px;
    border: none;
    background: #f4eeee;
    cursor: pointer;
    margin: 5px 2px;
    font-weight: 600; font-size: 15px;
}

.gallery-filter button.active{
    background: #004391;
    color: #fff;
}

.serviceimgtext img{width: 100%;transition: 0.5s;}

.servicebxesnew:hover .serviceimgtext img{
    transform: scale(1.1);
}


.servicebxesnew{
    margin-top:30px;
    padding: 0px; margin-bottom: 10px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 11px #d1cece;
}

.servicetextnew{background:#004391; padding: 20px 20px; border-radius: 0px 0px 10px 10px}

.serviceimgtext{border-radius: 10px 10px 0px 0px; overflow: hidden;}

.servicetextnew p {
    font-size: 16px; color: #fff;
    line-height: 25px;
}

.servicetextnew  h5{margin-bottom: 10px;color: #fff; }

.bannertextabout p{color: #fff}

.bannertextabout a{
    background: #004391; margin-top: 20px;
    color: #fff !important;
    padding: 12px 28px;
    font-weight: 600;
    transition: all linear 0.5s; display: inline-block;
}

.grwthdv {    padding: 25px 30px;    margin-top: 20px;     background: #fff;    border-radius: 10px;    border: solid 1px #ebe6e6;}

.grwthdv h6 {
    color: #2f387e;
    font-weight: 600; margin-bottom: 10px;
    font-size: 24px;
}

.grwthdv  p {
    color: #131316;
    margin-top: 10px;
    font-weight: 300;
}

.sharedvimg img{width: 100%;}

.sharedv .col-md-6{padding: 0}

.sharedv{background: #edf1f8}

.sharetext{padding: 70px 80px; display: flex; align-items: center; height: 100%}

.sharetext h3{color: #004391; margin-bottom: 10px}

.sharetext a{
    background: #004391;
    color: #fff !important;
    padding: 12px 28px; display: inline-block; margin-top: 20px;
    font-weight: 600;
    transition: all linear 0.5s;
}

.joindv{position: absolute; left: 0; top: 0; height: 100%; padding-right: 300px}

.modaldata{padding: 20px 30px;}

.modaldata .col-md-6{padding: 0px 15px}

.formdata input {
    background: #f8f8f8;
    width: 100%;
    padding:11px 20px;
    border: none;
    font-weight: 500;
    outline: none;
}

.formdata {margin: 10px 0px}

.formdata  label{margin-bottom: 5px}

.headingfrm h4{margin-bottom: 20px; color: #004391; font-weight: 600}

.modal-header{
    border: none;
    padding: 0;
}

.btn-close{
    background-color: #c9d0d8;
    color: #fff;
    fill: #fff;
    position: absolute;
    right: 25px;
    top: 25px;
    border-radius: 25px;
    padding: 10px;
    opacity: 1; z-index: 111;
} 

.btndata input {
    background: #004391;
    color: #fff !important;
    padding: 12px 28px; border: none; float: right;
    display: inline-block;
    margin-top: 20px; box-shadow: none;
    font-weight: 600;
    transition: all linear 0.5s;
}

.modal-content{border: 5px solid #004391}


.processhead{margin-bottom: 40px;}

.bannettextcarrer{
    height: 100%; position: relative;
    display: flex; padding:80px 0px;
    align-items: center;
    background: linear-gradient(to right, #004391, #e10411);

   justify-content: center;
}

.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 55px;
  height: 55px;
  background: #25d366;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
  line-height: 55px;
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  transition: 0.3s;
}

.whatsapp-float:hover {
  background: #1ebe5d;
  transform: scale(1.1);
}


.whyinner{padding: 20px; background: #fff; border-radius: 5px; margin-top: 20px}

.whyinner h5 {
    font-size: 23px;
    margin-top: 0;
}

.whyusdata p{margin:0}

.whyusdata ul li{font-style: normal;}



.visnnew {
    background: white;
    padding: 150px 80px 50px 80px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    margin-top: -100px;
}

.textcrdright{border-left: 1px solid #cecece; padding-left: 50px}

.textcrdleft{padding-right: 40px}

.stats h4{
    color:#004391;
    font-weight:700;
}

.stats span{
    font-size:14px;
    color:#777;
}

.img-box{
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

.img-box img{
    transition:.5s;
}

.img-box:hover img{
    transform:scale(1.08);
}


.statsdtls{text-align: center; padding: 20px; background: #f8f8f8; border-radius: 20px}

.ourvaluesect{padding: 0px 70px;}

.ourvalueinner{
    padding: 50px 50px;
    background: #004391;
    border-radius: 40px;
    z-index: 1;
    position: relative;
}

.marginbottom{margin-top: 40px}

.ourvaluesect .abouthead h6{color: #fff}

.ourvaluesect .abouthead h6:after{background: #fff}

.valuesinner img{width: 50px}

.valuesbx{margin-top: 30px}

.valuebxinner{margin-top: 15px}

.valuebxinner h5{color: #fff}

.valuesinner{margin: 15px 0px 0px; padding: 0px}

.bxesinnernew{background: #fff;     padding: 20px;    margin-top: 15px;    border-radius: 5px;    height: 92%;    border: solid 1px #e5e3e3;}

.bxesinnernew img{width:50px;}

.bxesinnernew h6{margin: 10px 0px}

.newcontent {
    display: flex;
    height: 100%;
    align-items: center;
}

.whyhead h6{font-size: 20px} .newcontent00 { padding-top:70px;}