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

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

.main-header{z-index:99;} 

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

.banner-style-17 .swiper-slide {
    position: relative;
    padding: 180px 110px 180px 0px;
}


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

.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;
}

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

.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: #154271;
    padding: 18px 28px 14px 28px;
    transition: all 500ms ease;
    white-space: nowrap;
    border-radius: 8px;
}
.header-style-17 {
    background: #154271;
}

.about-style-three .content-box .text-box p { 
    margin-bottom: 20px;
}
.sec-title h2{
    color:#154271;
}
.about-style-three {
    position: relative;
    padding: 25px 0px 25px 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: 3px;
    /* 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{
    color:;
    
}
.sercontain p {
    color: #f1f1f1;
    font-size: 13px;
    line-height: 18px;
}

.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;
}


.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: 0px 0px 3px 0px;
}
.text-color {
    color:#154271;
    
}
.image-boxes-section.home-17 .bg_dark2 {
    background: #004480;
}
.image-boxes-section .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;
}

 .text-primarys{
     color:#00aeef;
 } 
        .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.8;
    -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:15px 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, #006a93 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;
}

@media screen and (max-width:767px){
    
    .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;
}
.sw  
    
    
.header-style-17:before{
    width:200px;
}
.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;
}

}

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

.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    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;
}


.inner-box img{
    width:64px;
}




/*inner pages*/

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;
}

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

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

.bgcaree h2{
    color:#fff;
}
.paddform{
    padding:0px 30px;
}

.contactcr{    border-radius: 20px;
    box-shadow: 0px 0px 5px #dddddd;
    padding: 20px;
    margin-bottom: 20px;}
    
    .sec-title .icon-box img{
        transform: rotate(270deg);
    }


@media screen and (max-width:767px){
    
        [class*="col"] + [class*="col"] .contact-info-box2 {
    border-left: 0px solid #ffffff;
    height: 100%;
}
    
  .bgcaree{
    background-image: linear-gradient(45deg, #163f73 50%, transparent 50%);
}  
.bgcaree h2{
    color:#282828;
}
.paddform{
    padding:0px 10px;
}
}


@media screen and (max-width: 767px) {
    
   .slideul ul li a {
  width: 30px;
  height: 30px; 
   }
}
  
.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(40px); 
}





/*.slideul ul li:nth-child(1) a:before{*/
/*  background: #3b5999;*/
/*}*/

/*.slideul ul li:nth-child(2) a:before{*/
/*  background: #55acee;*/
/*}*/

/*.slideul ul li:nth-child(3) a:before {*/
/*  background: #0077b5;*/
/*}*/

/*.slideul ul li:nth-child(4) a:before {*/
/*  background: #dd4b39;*/
/*}*/