#main_index{
    padding-bottom: 0px !important;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6, p{
    margin-bottom: 0px;
}

a:hover{
    text-decoration: unset;
}

/* cont box */
.cont-box h1{
    font-size: 36px;
    text-transform: uppercase;
}
.cont-box p{
    color: #888;
    font-size: 15px;
    line-height: 1.75;
    padding: 20px 0px 40px;
}
.cont-box a img{
    max-width: 50px;
    margin-right: 8px;
}
.cont-box a{
    font-size: 18px;
    transition: all .3s linear;
}
.cont-box a:hover{
    filter: brightness(0);
}
.cont-box a:hover img{
    animation: pulse .9s linear infinite;
    transform-origin: left;
}

/*Service page*/
.ws_service .viewmore_services_item img{
    height:100%;
    object-fit: contain;
}
@media screen and (max-width: 767.5px){
    .related_services_list{
        padding:0 9%;
    }
}

/* nav */
.menu-icon {
    max-width: 15px;
    filter: brightness(0);
}
#main_index .menu-icon{
    filter: unset;
}
.navbar_type8{background-color:#05204b;}
.navbar_type8 .logo{
    flex: 0 1 10%;
    margin-left: 50px;
}
.navbar_type8 .logo img{
    padding: 0px; width:100%;
}
.navbar_type8 .nav_tab{
    flex: 0 1 90%;
}
.navbar_type8 .nav_tab .nav_item a {
  font-size: 16px;
  padding: 0px .74vw;
  color: #000;
}
#main_index .navbar_type8 .nav_tab .nav_item a{
    color: #fff;
}
.dark_nav {
  background: #05204b !important;
}
#main_index .dark_nav{
    background: #05204b !important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top: 20px;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item {
  background: #05204b;
}
#main_index .navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item {
    background: #05204b;
}

@media(max-width:1300px){
    .navbar_type8 .logo{
        margin-left: 10px;
    }
}
/*banner*/

.menubb{
  height:60px;
  line-height:60px;
  width:50%;
  float:right;
  background-color: rgba(44,78,116,0.9);
  position:relative;
  margin-top:-60px;
}
.menubb ul{width:100%; display:block; margin:0; padding:0;}
.menubb ul li{float:left; width:20%; display:block; text-indent:60px; margin:0; padding:0; }

.menubb .menubb1 a:link{color:#FFF; display:block;}
.menubb .menubb1 a:visited{color:#FFF; display:block;}
.menubb .menubb1 a:hover{color:#FFF; background:#1a90f6 url(../images/menubb1.png) no-repeat left; display:block;}

.menubb .menubb2 a:link{color:#FFF; display:block;}
.menubb .menubb2 a:visited{color:#FFF; display:block;}
.menubb .menubb2 a:hover{color:#FFF; background:#1a90f6 url(../images/menubb2.png) no-repeat left; display:block;}

.menubb .menubb3 a:link{color:#FFF; display:block;}
.menubb .menubb3 a:visited{color:#FFF; display:block;}
.menubb .menubb3 a:hover{color:#FFF; background:#1a90f6 url(../images/menubb3.png) no-repeat left; display:block;}

.menubb .menubb4 a:link{color:#FFF; display:block;}
.menubb .menubb4 a:visited{color:#FFF; display:block;}
.menubb .menubb4 a:hover{color:#FFF; background:#1a90f6 url(../images/menubb4.png) no-repeat left; display:block;}

.menubb .menubb1{ background:url(../images/menubb1.png) no-repeat left;  }
.menubb .menubb2{ background:url(../images/menubb2.png) no-repeat left; }
.menubb .menubb3{ background:url(../images/menubb3.png) no-repeat left; }
.menubb .menubb4{ background:url(../images/menubb4.png) no-repeat left; }

.b_inner {
  margin-top: 11%;
}
@media(max-width:1200px){
  .b_img{
    max-width: 75%;
    margin: auto;
  }
}
@media(max-width:768px){
  .slider_banner .item > img{
    min-height: 350px;
    object-fit: cover;
  }
  .b_img{
    max-width: 80%;
  }
}
@media(max-width:468px){
  .b_inner{
    margin-top: 16%;
  }
}
@media(min-width:991px){
    .slider_banner{
        margin-top: -80px;
    }
}

/* abt */
.hp_abt {
  padding: 80px 0px;
}
.abt-top-wrapper .col-12 {
  padding: 0px;
  max-width: 80%;
  margin: auto;
}
.abt-top-wrapper .logo-list{
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}
.abt-middle-wrapper .cont-box{
  max-width: 80%;
  margin: auto;
  padding: 80px 0px;
}

.abt-bottom-wrapper{
  max-width: 80%;
  margin: auto;
}
.split-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
}
.img-list {
  display: flex;
  gap: 10%;
  flex-wrap: wrap;
  justify-content: center;
}
.img-list ul{margin: 0; padding:0;}
.img-list ul li{list-style:none; margin:0; padding:0; margin-bottom:6px; margin-top:20px; font-weight:bold; font-size:16px;}
.img-list .xwms{color:#777;}
.img-box {
  position: relative; width:45%;
}
.img-bg{
  position: relative; width:100%
}
.img-bg img{width:100%;}
.img-bg:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0; 
  left: 0;
  background: #000;
  opacity: .2;
  transition: all .3s linear;
}
.img-cont{
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  pointer-events: none;
}
.img-cont h5{
  color: #fff;
  font-size: 25px;
}
.img-cont .sub-btn{
  color: #fff;
  font-size: 16px !important;
  transition: all .3s linear;
}
.img-cont .sub-btn:hover{
  color: #ccc;
}
.img-box:hover .img-cont{
  opacity: 1;
  pointer-events: unset;
}
.img-box:hover .img-bg:before{
  opacity: .6
}

@media(max-width:1400px){
    .abt-top-wrapper .logo-list{
        justify-content: center;
    }
    .logo-inner-list{
        display: flex;
        gap: 30px;
    }
}
@media(max-width:991px){
    .abt-top-wrapper .logo-list{
        justify-content: center;
        gap: 25px;
		
    }
	.indexpro{max-width: 60%; margin-bottom:30px;}
	.abt-bottom-wrapper{max-width: 96%;}
    
    .split-2{
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .abt-middle-wrapper .cont-box .split-2{
        padding: 30px 0px 20px;
    }
    .cont-box p{
        padding: 0px;
        margin-bottom: 20px;
    }
    
    .img-bg:before{
        opacity: .35;
    }
    .img-cont{
        opacity: 1;
        pointer-events: unset;
    }
}
@media(max-width:600px){
    .logo-inner-list img{
        max-height: 60px;
    }
    .abt-middle-wrapper .cont-box{
        padding: 30px 0px
    }
	
	.abt-bottom-wrapper{max-width: 96%;}
}
@media(max-width:468px){
    .abt-middle-wrapper .cont-box{
        max-width: 98%;
    }
}
/*feature*/
.hp-feature {
  padding-bottom: 80px;
}
.f_img {
  position: relative;
}
.f_cont{
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
}
.f_cont .cont-box{
    margin: auto;
    width: fit-content;
}
.f_cont h1{
  color: #fff;
  font-weight: 500;
  font-size: 45px;
}

.f_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding: 0px 80px;
}
.f_box{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  max-width: 80%;
}
.f_box .f_icon{
  max-width: 130px;
  margin-bottom: 20px;
}
.f_box p{
  font-size: 18px;
  font-weight: 600;
}

@media(max-width:1200px){
    .f_cont h1{
        font-size: 35px;
    }
    .f_box{
        max-width: 100%;
    }
    .f_box p{
        font-size: 15px;
    }
}
@media(max-width:991px){
    .f_img .f_bg img{
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: center;
    }
    .f_cont{
        bottom:0;
        top: 0;
        display: flex;
        text-align: center;
    }
    
    .f_list{
        margin-top: 50px;
    }
}
@media(max-width:768px){
    .f_box .f_icon{
        max-width: 80px;
    }
}
@media(max-width:468px){
    .f_list{
        grid-template-columns: repeat(2, 1fr);
        padding: 0px 10px;
    }
}
/* footer */
.footer_type6{
    background: #051a37;
}
.footer_type6 .title h5{
    text-decoration: underline;
}
.footer_type6 .title {
  min-height: 80px;
}
.footer_type6 .logo img {
  max-height: 80px;
}

/*contact*/

.hp-contact {
  background: url(../images/contact-us-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0px;
}
.contact-box{
 background: #1e3a8e; 
  padding: 40px;
  padding-bottom: calc(40px - 25px);
}
.contact-box h6{
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    width: fit-content;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.contact-box h1{
    font-size: 28px;
    margin-bottom: 30px;
}
.contact-box .contact-row{
  display: flex;
  align-items: start;
  margin-bottom: 25px;
  gap: 20px;
}
.contact-row.fs {
  align-items: center;
}
.contact-box .c_icon{
  min-width: 40px;
  max-width: 40px;
}

.contact-box .c_info{
  color: #fff;
    font-size: 15px;
}

.contact-box .c_info a{
  color: #fff;
  font-size: unset;
}

/*n*/

.hp-car {
  background: url(../images/middle-banner.jpg);
  padding-bottom: 35%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hp-car .cont-box{
    margin: auto;
    width: fit-content;
}
.cont-box h5 {
  padding-top: 130px;
  text-align: left;
  font-size: 32px;
  color: #fff;
  font-weight: 300;
}
.cont-box h5 span{
  color: orange;
  font-weight: 600;
}
.sp-al {
  display: block;
    margin-left: 350px;
    margin-top: 20px;
    font-weight: 300 !important;
    color: #fff !important;
}

@media(max-width:1200px){
    .cont-box h5{
        font-size: 25px;
    }
    .sp-al{
        margin-left: 300px;
    }
}
@media(max-width:991px){
    .cont-box h5{
        padding-top: 60px;
    }
	
	.menubb{
  height:60px;
  line-height:60px;
  width:50%;
  float:right;
  background-color: rgba(44,78,116,0.9);
  position:relative;
  margin-top:-60px;
  display:none;
}
	
}
@media(max-width:768px){
    .cont-box h5{
        font-size: 18px;
    }
    .sp-al{
        margin-left: 250px;
    }
}
@media(max-width:600px){
    .cont-box h5{
        font-size: 18px;
        padding-top: 40px;
    }
    .sp-al{
        width: fit-content;
        margin: auto;
        margin-top: 10px;
    }
}
@media(max-width:468px){
    .hp-car{
        padding-bottom: 60%;
    }
    .cont-box h5{
        padding-top: 40px;
        text-align: center;
    }
    .sp-al{
        display: unset;
    }
}

/*Service Page*/
@media(min-width:992px){
  #main_services .services_wrapper_4 .service_category .col-lg-4{
    flex: 0 0 20%;
    max-width: 20%;
    padding: 5px;
  }
  #main_services .services_wrapper_4 .service_category .service_box{
    padding-top: 100%;
  }
}
.service_category .service_box{
  padding-top: 100%;
}
.service_category .service_box span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: black;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    object-fit: contain;
}
.contact_map{
    display:none;
}
.hotbg{background-color:#f2f7fb; margin-top:30px;}
.line{background-color:#CCC; height:1px; width:100px; margin:10px 0;}
.hotpro{margin-bottom:30px;}
.hotpro h2 span{font-size:16px;}
.card-title{background-color:#0879f8; color:#FFF; text-align:center; height:35px; line-height:35px; margin:20px 35px; }
.bcimg img:last-child { display: none; }
.bcimg:hover img:first-child { display: none; }
.bcimg:hover img:last-child { display: block; }