.logo-box img{
    width:230px;
}

.image-box{
    border-radius:20px;
}
.banner-style-17 {
     padding-left: 0px; 
}

.txjs{
    text-align:justify;
} 


.logo-box .logo a img {
    filter: drop-shadow(1px 1px 0px #fff);
}

   .logo-box:before {
    position: absolute;
    content: '';
    background: transparent;
    width: 377px;
    height: 100%;
    left: -73px;
    top: 0px;
}

.main-menu .navigation {
    margin: 0px;
    margin-left: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 10px;
}

.service-home-27 .bnox_75 {
    background: #154078;
}

.icon_box_1{
    height:400px;
}

.bgcaree {
    background-image: linear-gradient(90deg, #163f73 50%, transparent 50%);
}
form input[type=search]:focus, form input[type=text]:focus, form input[type=email]:focus, form input[type=password]:focus, form input[type=tel]:focus, form input[type=number]:focus, form input[type=file]:focus, form select:focus, form textarea:focus{
    border:1px solid #163f73;
}

.form-control:focus{
    box-shadow:0px 0px 0px #0000;
}

.paddform {
    padding: 0px 30px;
}


.conttext a{
    color:#282828;
}
.conttext {
    border:1px solid #f58220;
    height:100%;
    padding:15px;
    border-radius:20px;
    
}

 
 


.banner-style-17 .content-box h2{
	font-size: 60px;
	line-height: 65px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-weight: 700;
	/*margin-bottom: 0px;*/
	/* text-shadow:0px 0px 5px #000; */
	/* background-clip: text; */
	/* -webkit-text-stroke: transparent; */
	-webkit-background-clip: text;
	-webkit-text-fill-color: #ffffff;
	/*background-image: linear-gradient(92deg, #15daff, #ffda86);*/
background-image: linear-gradient(92deg, #9fe3ff 30%, #02f18f 50%);

text-transform:capitalize;
}

.banner-style-17 .content-box p{
	font-size: 17px;
	line-height: 21px;
font-family: 'Roboto', sans-serif;
	color: #fff;
	margin-bottom: 20px;
}

.banner-style-17 .content-box .btn-box a{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	padding-left: 123px;
}



.banner-style-17 .swiper-slide .bg-layer:before {
    position: absolute;
    content: '';
    background: #0000;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.5;
       background-image: linear-gradient(90deg, #000000 50%, #000000 50%);
}



.banner-style-17 .content-box .btn-box a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    padding-left: 123px;
}
.banner-style-17 .content-box .btn-box a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Jost', sans-serif;
    color: #fff;
    padding-left: 123px;
}
a, a:active, a:focus {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #ffff;
}
.theme-btn-one {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Jost', sans-serif;
    color: #fff !important;
    font-weight: 500;
    text-transform: math-auto;
    letter-spacing: 1px;
    background: #009ee0;
    padding: 18px 28px 14px 28px;
    transition: all 500ms ease;
    white-space: nowrap;
    border-radius: 8px;
}


.about-style-three .content-box .text-box p {
    margin-bottom: 20px;
}
.sec-title h2{
    color:#012e56;
}
.about-style-three {
    position: relative;
    padding: 120px 0px 50px 0px;
}
.project-block-two .inner-box .image-box img {
    border-radius: 20px;
}

.project-block-two .inner-box:hover .image-box img{
	transform: scale(1.05);
	border-radius:20px;
}
.sub-title.gray-color {
    color: #ffffff;
}


.inner-box{position:relative;}

.sercontain{
    position:absolute;
    bottom: 0px;
    left: 0px;
    z-index:10px;
    background-image: linear-gradient(359deg, #000000 20%, #0000 90%);
    padding:20px;
    /* border-radius:20px; */
    right: 0px;
}

.sercontain h3 a{
    color:#fff;
    font-weight:600;
    font-size:24px;
    line-height:30px;
    margin-bottom:15px;
    transition:all linear 1s;
}
.sercontain h3 a:hover{
   
    
}

.img-wrp img{
    border-radius:20px;
}
.sercontain p{
    color:#f1f1f1;
    font-size:18px;
    line-height:23px;
}

.swiper-button-nextt,
.swiper-button-prevv {
    display: block !important;  /* Ensure buttons are visible */
    opacity: 1 !important;  /* Make them fully visible */
    z-index: 10; /* Bring buttons to front */
    position: absolute;
}



.swiper-button-next,.swiper-button-prev {
    color: #ffffff;
    font-size: 15px;
    background: #00448075;
    border-radius: 50%;
    width: 49px;
    height: 49px;
   transition: all 0.3s ease-in-out;
   
       display: flex;
    justify-content: center;
    align-items: center;
}


.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #f07c00;
    transition: all 0.3s ease-in-out;
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-size: 20px;
}
.banner-carousel .swiper-slide .bg-layer{
    height:800px;
     /*clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 50% 87%, 50% 87%, 0% 80%, 0 1%);*/
     /*clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 53% 100%, 52% 100%, 0% 80%, 0 0);*/
}


.funfact-block-two .inner-box .count-outer{
	position: relative;
	display: block;
	font-size: 55px;
	line-height: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgb(255 255 255);
	letter-spacing: 5px;
}

.funfact-block-two .inner-box p{
	position: relative;
	display: inline;
	font-size: 16px;
	line-height: 26px;
	color: #e3e3e3;
	font-weight: 500;
	text-align: right;
	margin-bottom: 0px;
}

.funfact-style-two {
    position: relative;
    padding: 0px 95px;
    background: #141414;
}

.funfact-style-two .outer-container {
    padding: 8px 0px 8px 0px;
}


.image-boxes-section.home-17 .bg_dark2 {
    background: #004480;
}
.image-boxes-section.home-17 .bg_dark1 {
    background: #000;
}
a.box-btn-light:hover {
    background: #000000;
    border-color: #000000;
}

.imgbg{
        background-color: #161313;
    border-radius: 50%;
    padding: 10px;
    height: 80px;
    width: 80px;
}
.imgbg2{
        background-color: #00305a;
    border-radius: 50%;
    padding: 10px;
    height: 80px;
    width: 80px;
}

.text-block-2 p{
        text-align: justify;
}

.demo-slider{
        height: 150px;
        position:relative;
}

  
        .demo-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.demo-slider .swiper-slide img {
    max-width: 100%;
    height: auto;
    filter: grayscale(100%);
    transition: 0.3s;
}

.demo-slider .swiper-slide img:hover {
    filter: grayscale(0%);
}
.clients-section .title-text{
    margin-bottom:25px;
    text-align:center;
   
    
}
.clients-section h2{
    color:#004480!important; 
        
}
  
 .clients-section .title-text:before {
    position: absolute;
    content: '';
    background: #161837;
    width: 0;
    height: 1px;
    left: 242px;
    bottom: 13px;
}

.slider-nav-style-2>*:hover {
    background-color: #004480;
    border-color: #004480;
    color: #fff;
}
.theme-color {
    color: #00aff1;
}

.theme-bg {
    background-color:#00aff1;
}

.btn-1 {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    color: #ffffff;
    transition: .5s;
    background-color: #004480;
}

.project-block-two .inner-box .image-box{
	position: relative;
	display: block;
	overflow: hidden;
    box-shadow: 0px 1px 17px #00000057;
}

.project-1-overlay:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    background: #154271a8;
}


.clients-section{
    padding: 10px 0px 0px 0px;
    border-top: 2px solid #000;
}

.news-block-one .inner-box .lower-content h3 a:hover {
    color: #040404;
}
.news-block-one .inner-box .lower-content .post-info li a {
    position: relative;
    display: inline-block;
    color: #00aff2;
    padding-left: 40px;
}

.c_light a:hover {
    color: #60d3ff;
}

.c_light2 a:hover {
    color: #60d3ff;
}

.testimonial-style-two.home-29 {
    /* background: #31393a; */
    background-image: linear-gradient(320deg, #004480 50%, #fff 50%);
}
.testimonial-style-two.home-29 .testimonials-1-author-title, .testimonial-style-two.home-29 .testimonials-1-designation {
    color: #ffffff;
} 

.contact-info-box2 img{
        filter: grayscale(1);
}

.header-style-eight .mobile-nav-toggler, .nav-outer .mobile-nav-toggler{
        background: #004480;
}


     #gradient-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    --gradient-color-1: #000000;
    --gradient-color-2: #000;
    --gradient-color-3: #004480;
    --gradient-color-4: #002444;
    --gradient-color-5: #000000;
    z-index: -1;
    opacity: 1;
    transition: var(--all-medium);
    pointer-events: none;
} 


.footer-border {
    border-bottom: 1px solid #ffffff;
}
[class*="col"] + [class*="col"] .contact-info-box2 {
    border-left: 1px solid #ffffff;
        height: 100%;
}
.c_light2 a,
.c_light2 {
	color: #e8e8e8;
}
 

 
.banner-carousel .content-box {
    position: relative;
    display: block;
    max-width: 850px !important;
    width: 100%;
    z-index: 5;
}

.right-column .link-btn .btn-1{
   background-color:#f5831f;
}

.building-site-image img {
    max-width: initial;
    height: 460px;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}

.icon_box_1 img{
    width:64px;
    margin-bottom:20px;
}
.icon_box_1 {
    border: 1px solid #d7dbdd;
}


.bor-rd{
    border-radius:20px;
}

.abcon p{
    text-align:justify;
}

.listst li::marker {
    content: "🔰";
}

@media screen and (max-width:767px){
    
    .building-site-image img {
    max-width: initial;
    height: auto;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}
    
    .swiper-button-next:after,.swiper-button-prev:after {
    font-size: 10px;
}



.testimonial-style-two {
    padding-top:50px;
}
  
  .swiper-button-next,.swiper-button-prev {
    color: #ffffff;
    font-size: 15px;
    background: #00448075;
    border-radius: 50%;
    width: 30px;
    height: 30px;
   transition: all 0.3s ease-in-out;
}
}

@media screen and (max-width:767px) {
    
   .slideul ul li a {
  width: 30px!important;
  height: 30px!important; 
   }
   .slideul ul {
  top: 50%;
  left: -10px!important;
}
    

 



.slideul ul li {
  list-style: none;
}

.slideul ul li a {
  width: 48px;
  height: 48px;
  background-color: #fff;
  text-align: center;
  line-height: 80px;
  font-size: 35px;
  margin: 0 10px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  z-index: 1;
     display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    
}
.slideul ul li  {
  transition: all 0.3s linear;
}
.slideul ul li:hover {
  transform: translatex(40px); 
}


.funfact-style-two {
    position: relative;
    padding: 3px 16px;
    background: #141414;
}

.logo-box:before {
    width: 200px;
}

/*.banner-style-17 .content-box h2{*/
/*    	font-size: 40px;*/
/*	line-height: 45px;*/
/*	font-weight:600;*/
/*}*/




.banner-style-17 .swiper-slide{
    /*padding:15px;*/
}
.banner-style-17 .content-box p{
    font-size:16px;
    line-height:22px;
}



 
 .autoimg ul li p{
     margin-left:10px!important;
 } 
  .autoimg {
     margin-left:20px;
 }
.autoimg img{
        border-radius: 40px 40px 0px 0px;
}
.autoul ul li::marker {
   
    content: '✅';}
    
    
    
.autoul ul li{
    margin-bottom:15px;
} 


.serimg-wrp img{
    clip-path: polygon(0 0, 93% -2%, 100% 9%, 100% 100%, 0 100%);
}

.topfrom{
    background:#ffcb6b;
    padding: 30px;
   clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 100%, 0 100%);
    margin-top: -50px;
           background-image: linear-gradient(375deg, #063166 50%, #f48320 50%);
}


.banner-style-17 {
    position: relative;
    background: #ffffff;
    /*padding-left: 110px;*/
    overflow: hidden;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 10px 69px;
    text-align: left;
     margin-bottom: 10px; 
    margin-top: 0px;
    background-color:#fff;
}
.mobile-menu .close-btn{
    color:#f07c00;
}

.content-box img{
    background-color: #ffffffa8;
    padding: 8px;
    max-width:250px;
}
.content-box img {
    background-color: #ffffffa8;
    padding: 8px;
    max-width: 250px;
}
.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}
.building-site-image {
    width: calc(100%);
}

.banner-style-17 .content-inner {
    position: relative;
    display: inline-block;
    float: left;
    left: 50px;
}
.banner-style-17 .content-inner {
    position: relative;
    display: inline-block;
    float: left;
    left: 50px;
}



.banner-style-17 .swiper-slide {
    position: relative;
    padding: 160px 100px 50px 0px;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
} 
 

.serul li{
    list-style:disc; 
}
.bgcaree h2{
    color:#fff!important;
}

.padd {
    padding: 15px 30px !important;
}


@media screen and (max-width:767px){
    
    [class*="col"] + [class*="col"] .contact-info-box2 {
    border-left: 0px solid #ffffff;
    height: 100%;
}

.building-image-1 img{
    display:none;
}

.bgcaree {
        background-image: linear-gradient(29deg, #163f73 50%, transparent 50%);
    }

.bgcaree h2{
    color:#282828!important;
}

.paddform{
    padding:0px 30px;
}

      .topfrom {
    background: #ffcb6b;
    padding: 54px;
   clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 100%, 0 100%);
    margin-top: -76px;
          
      }
    .header-style-17 {
    position: absolute;
    background: #ffffff;
    padding: 0px 70px 0px 110px;
} 
    .header-style-17 {
    position: absolute;
    background: #ffff;
    padding: 0px 70px 0px 110px;
} 

.banner-carousel .swiper-slide .bg-layer{
   
    /*clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 78% 100%, 58% 100%, 0% 106%, 0 0);*/
}

}

@media only screen and (max-width:500px) {
   .banner-carousel .content-box {
    position: relative;
    display: block;
    max-width: 850px !important;
    width: 323px;
    z-index: 5;
}
}
 

@media only screen and (max-width:1500px) {
    /*.nav-outer .mobile-nav-toggler {*/
    /*    display: none;*/
    /*}*/
    .main-menu .navigation>li {
        margin-right:6px;
    }
    .main-menu .navigation>li.dropdown>a {
    padding-right: 9px;
    font-size: 16px;
}
}
@media (max-width: 1400px) {
  .main-menu .navigation > li {
    position: inherit;
    padding: 37px 0px;
    margin-right: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
}

@media only screen and (max-width:1600px) {
  
    .main-menu .navigation>li {
        margin-right:8px;
    }
    .main-menu .navigation>li.dropdown>a {
    padding-right: 9px;
    font-size: 16px;
}
}


@media (max-width: 767px) {
  .banner-style-17 .content-box h2 {
    font-size: 28px; /* smaller size for mobile */
    line-height:1.5;
  }
}

/*@media only screen and (max-width: 1600px) {*/
/*    .header-style-17 {*/
        /* position: relative; */
        /* background: #191919; */
/*        padding: 0px 35px 0px 70px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1300px) {*/
/*    .main-header .nav-outer .main-menu, .sticky-header {*/
/*        display: none !important;*/
/*    }*/
/*       .nav-outer .mobile-nav-toggler {*/
/*        display: block;*/
/*    }*/
/* .header-style-17 {*/
    /*position: relative;*/
    /*background: #191919;*/
/*        padding: 0px 35px 0px 70px;*/
/*}*/

/*.header-style-17 {*/
/*    background: #009ee000;*/
/*    position: absolute;*/
/*}*/

/*.header-style-17 {*/
/*    position: absolute;*/
/*    background: #ffffff;*/
/*    padding: 0px 30px!important;*/

/*}*/

/*.header-style-17:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    background: #ffff;*/
/*    width: 577px;*/
/*    height: 100%;*/
/*    left: 0px;*/
/*    top: 0px;*/
/*}*/




/*.main-menu .navigation {*/
/*    margin: 0px;*/
/*    margin-left: 13px;*/
/*    display: flex;*/
    /*flex-wrap: nowrap; /* fixed here 
/*    align-items: center;*/
/*    margin-right: 20px;*/
/*}*/
    
/*}*/

/*@media screen and (max-width:767px) {*/
    
/*   .slideul ul li a {*/
/*  width: 30px!important;*/
/*  height: 30px!important; */
/*   }*/
/*   .slideul ul {*/
/*  top: 50%;*/
/*  left: -10px!important;*/
/*}*/

/*    .banner-style-17 .content-box h2 {*/
/*        font-size: 40px;*/
/*        line-height: 45px;*/
/*        font-weight: 600;*/
/*    }*/
   
   
/*}*/

  
  /* General Style */
.header-style-17 {
    position: absolute;
   
    padding: 0px 30px !important;
}

/* Background layer before */
.header-style-17:before {
    position: absolute;
    content: '';
   
    width: 377px;
    height: 100%;
    left: 0px;
    top: 0px;
}

/* Tablet / Small Desktop */
@media only screen and (max-width: 1600px) {
    .header-style-17 {
        padding: 0px 45px 0px 110px;
    }
}


/* Mobile Navigation */
@media only screen and (max-width: 1300px) {
    .main-header .nav-outer .main-menu,
    .sticky-header {
        display: none !important;
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
    }

    .header-style-17 {
        padding: 0px 30px 0px 30px !important;
    }
}


.slideul{
    position:absolute;
    top:50%;
    left:40px;
}

.slideul ul {
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  z-index:9;
}


.slideul ul li {
  list-style: none;
} 

.slideul ul li a {
  width: 48px;
  height: 48px;
  background-color: #fff;
  text-align: center;
  line-height: 80px;
  font-size: 35px;
  margin: 0 10px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  z-index: 1;
     display: flex;
    justify-content: center;
    /*align-items: center;*/
    margin-bottom: 5px;
    
}
.slideul ul li  {
  transition: all 0.3s linear;
}
.slideul ul li:hover {
  transform: translatex(60px); 
}