@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');


body {
	background-color:#ffffff;
	background-position:center top;
	background-image: url('https://cdn1.npcdn.net/img/1712281256bg.jpg');
	background-attachment:scroll;								
	background-repeat: no-repeat;
	background-size:cover;
	margin: 0;
	padding: 0;
}


.n_SubHeader:after {
    background: #094f95;
    line-height: 27px;
    position: absolute;
    left: 0;
    content: "";
    top: 5px;
    height: 2px;
    width: 30px;
}
.n_SubHeader {
    padding-left: 40px;
    position: relative;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 14px;
    color: #094f95;
    text-transform: uppercase;
}

.n_Header {
    font-size: 2rem;
    font-weight: 700;
    color: #094f95;
    text-transform: capitalize;
}

/*topspace*/
    .industry_topContact {
        background-color: #094f95;
    }
    .industry_topContactContent a{
        color:#fff;
        text-decoration: none;
    }
    
    .industry_topContactContent {
        display: flex;
        justify-content: flex-start;
        padding: 0.25rem 0;
        padding-left: 5rem;
    }

    .industry_topContactText {
        font-size: 0.875rem;
        color: #fff;
        /*cursor: pointer;*/
    }

    .industry_topContactText a:hover {
        color: #ccc;
    }

    @media all and (max-width: 992px) { 
        .industry_topContact {
            display: none;
        }
    }

/*Langugae Bar*/
#language_dropdown a:nth-child(5){
    display: none;
}



#language_dropdown span:nth-child(4){
    display: none;
}


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

#main_index .navbar_type8 {
    background-color: transparent;
    box-shadow: none;
}

#main_index .navbar_type8 .nav_tab .nav_item a {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
}

#main_index .navbar_type8.dark_nav .nav_tab .nav_item a {
    color: #094f95;
    /*font-weight: 700;*/
}
/*navbar*/
.navbar_type8 {
    background-color: #fff;
    box-shadow: 4px 0px 3px rgb(0 0 0 / 40%);
}

.navbar_type8.dark_nav{
    background-color: #fff!important;
    box-shadow: 4px 0px 3px rgb(0 0 0 / 40%)!important;
}

.navbar_type8 .nav_tab .nav_item a {
    color: #094f95;
    font-size: 0.875rem;
    font-weight: 700;
}

.navbar_type8.dark_nav .nav_tab .nav_item a {
    color: #094f95;
    font-weight: 700;
}

.navbar_type8 .logo img {
  position: absolute;
  left: 0px;
  width: 150px;
  height: 100%;
  object-fit: contain;
  padding: 5px;
}
/*navbar end*/

.index_wrapper_7 {
    background-color: #f5f6fa;
}

/*.index_wrapper_8 .slick-slide p {*/
/*    font-size: 1.125rem;*/
/*    font-weight: 500;*/
/*    margin-top: 1rem;*/
/*}*/

.footer .mb-3.privacy_policy.text-center.d-flex{
        justify-content: center;
            text-decoration: none;
}

.footer h5 {
    font-weight: 700;
}

.footer p {
    font-size: 0.875rem;
}

.footer_type7{
    background: linear-gradient(147deg, #094f95, #002859);
    color:#fff;
}

.footer_type7 a{
    color:#fff;
    transition: linear .3s;
}

.footer_type7 a:hover{
    text-decoration:none;
    opacity:0.8;
}

.footer_type7 .logo img{
    max-width:150px;
    filter: brightness(0) invert(1);
}

.footer_type7 ul li.location{
    display:none;
}

/*hp_banner*/
.banner_content{
    overflow: hidden;
}
.n_bannerContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.n_bannerGroup {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-20%, -50%);
    width: 40%;
}

.n_bannerGroup_2 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 45%;
}

.n_bannerInnerGroup {
    position: relative;
    width: 100%;
}

.n_bannerTitle {
    font-size: 3.5rem;
    font-weight: 500;
    font-family: "Roboto Slab", serif;
    line-height: 1.1;
    color: #fff;
}

.n_bannerTitle2 {
    font-size: 2.2rem;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.1;
    color: #fff;
}

.n_bannerSubTitle {
    font-size: 3.5rem;
    font-weight: 400;
    font-family: "Roboto Slab", serif;
    line-height: 1.1;
    color: #fff;
}


.n_bannerViewMore {
    padding: 0.75rem 2.875rem;
    font-size: 1.125rem!important;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #fff!important;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 100rem;
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease-in;
    position: relative;
    margin-top: 1.875rem;
}

.n_bannerViewMore:after {
    content: '';
    width: calc(100% + 0px);
    opacity: 0;
    height: calc(100% + 0px);
    border-radius: 100rem;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease-in;
    z-index: -1;
    background: linear-gradient(to right, #ff6700, #ffcd05);
}

.n_bannerViewMore:hover {
    border: 1px solid transparent;
    color: #fff!important;
    text-decoration: none;
}

.n_bannerViewMore:hover:after {
  opacity: 1;
}

.n_bannerContainer .bounceInRight,
.n_bannerContainer .bounceInLeft {
    animation-duration: 1.2s;
}

.slider_banner .item::after{
    content: " ";
    position: absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
}



/*banner*/
.sec_banner_ebox {
    width: 50%;
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
}

.sec_banner_imgx img{
           animation: scaleAnimation 5s linear infinite;
        }
        @keyframes scaleAnimation {
            0%{
                transform: scale(1);
            }
            50%{
                transform: scale(1.1);
            }
            100%{
                transform: scale(1);
            }
        }


/*hp_feature*/
    #n_feature {
        max-width: 1240px;
        margin: 2rem auto 1rem;
    }


.n_featureBox {
    margin-top: 1rem;
    padding: 1.5rem;
    background: #f8f5f3;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .5s ease;
}

.n_featureBox::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(147deg, #094f95, #002859);
    transition: all .5s ease;
    z-index: -1;
    border-radius: 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.n_featureBox:hover::after {
    opacity: 1;
    visibility: visible;
}

.n_featureBox:hover .n_featureContent,
.n_featureBox:hover .n_featureTitle,
.n_featureBox:hover .n_featureIcon i {
    color: #fff;
}

.n_featureBox:hover .n_featureIcon {
    background: transparent;
    border: 3px solid #fff;
}

.n_featureIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    background: #fff;
    margin-right: 0;
    margin-bottom: 1rem;
}

.n_featureIcon i {
    font-size: 1.75rem;
    color: #094f95;
}

.n_featureTitle {
    font-size: 1.375rem;
    font-weight: 600;
    color: #094f95;
}

.n_featureText {
    font-size: 0.875rem;
}


/*hp_aboutUs*/
.n_aboutTextContent a{
    text-decoration: none;
}
#n_about {
    overflow-x: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 4rem 0;
    background-color: #fff;
    background: url('https://cdn1.npcdn.net/img/1722660596bg1.jpg');
    background-size: cover;
    background-position:bottom;
}

.n_aboutTextContainer {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

.n_aboutSubHeader {
    padding-left: 40px;
    position: relative;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 14px;
    color: #4D4D4D;
    text-transform: uppercase;
}

.n_aboutSubHeader:after {
    background: #094f95;
    line-height: 27px;
    position: absolute;
    left: 0;
    content: "";
    top: 5px;
    height: 2px;
    width: 30px;
}

.n_aboutHeader {
    font-size: 2rem;
    font-weight: 700;
    color: #094f95;
    text-transform: capitalize;
}

.n_aboutImg img {
    width: 100%;
    height: auto;
}

.n_aboutHeaderContent .n_SubHeader,
.n_aboutHeaderContent .n_Header{
    color:#fff;
}

.n_aboutHeaderContent .n_SubHeader::after {
    background:#fff;
}

.n_aboutReadMore a{
    color:#fff;
}

.n_aboutTextHeader {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
}

.n_aboutText {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    color:#fff;
}

.n_aboutReadMore {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

.n_aboutReadMore i {
    padding-left: 5px;
    position: relative;
    transition: transform 0.5s ease;
    transform: translateX(0px);
}

.n_aboutReadMore:hover i {
    transform: translateX(10px);
}

.n_aboutReadMore:hover {
    color: #094f95;
}

/*hp_service*/
#n_service a{
    text-decoration: none;
}
#n_service {
    /*margin-top: 2rem;*/
    /*margin-bottom: 1rem;*/
    /*padding: 1rem 10rem;*/
    max-width: 1240px;
    margin: 2rem auto 1rem;
}

.n_serviceSubHeader {
    padding-left: 40px;
    position: relative;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 14px;
    color: #4D4D4D;
    text-transform: uppercase;
}

.n_serviceSubHeader:after {
    background: #094f95;
    line-height: 27px;
    position: absolute;
    left: 0;
    content: "";
    top: 5px;
    height: 2px;
    width: 30px;
}

.n_serviceHeader {
    font-size: 2rem;
    font-weight: 700;
    color: #094f95;
    text-transform: capitalize;
}

.n_serviceBox{
    border: 1px solid #f2ede9;
    border-radius: 25px;
    padding: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.n_serviceBox:hover{
    border: 1px solid #f8f5f3;
    background-color: #f8f5f3;
}

.n_serviceBox:hover .n_serviceBoxHeader {
    color: #094f95;
}

.n_serviceIcon {
    text-align: center;
}

.n_serviceIcon img {
    width: 100%;
}

.n_serviceBoxHeader {
    font-size: 1.45rem;
    font-weight: 700;
    color: #333;
    line-height: 1.2;
        margin-bottom: 1.25rem !important;
}

#n_serviceText {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.n_serviceMoreDetails {
    font-size: 1rem;
    font-weight: 500;
    color: #4d4d4d;
    cursor: pointer;
    margin-bottom: 0;
    /*margin-top: 1rem;*/
}

.n_serviceMoreDetails i {
    padding-left: 5px;
    position: relative;
    transition: transform 0.5s ease;
    transform: translateX(0px);
}

.n_serviceMoreDetails:hover i {
    transform: translateX(10px);
}

.n_serviceMoreDetails:hover {
    color: #094f95;
}

/*service component*/
#main_index .service_category .service_box .text_area .title{
    font-size:1.15rem;
}

#main_index .service_category .service_box .text_area{
    padding:15px;
}


/*hp_latestNew*/
#n_latest {
    overflow-x: hidden;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.n_latestSubHeader {
    padding-left: 40px;
    position: relative;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 14px;
    color: #4D4D4D;
    text-transform: uppercase;
}

.n_latestSubHeader:after {
    background: #094f95;
    line-height: 27px;
    position: absolute;
    left: 0;
    content: "";
    top: 5px;
    height: 2px;
    width: 30px;
}

.n_latestHeader {
    font-size: 2rem;
    font-weight: 700;
    color: #094f95;
    text-transform: capitalize;
}
/* gallery */
#main_gallery img{

object-fit:contain;
}
/*hp_projects*/
 #n_project {
    overflow-x: hidden;
    margin-top: 3rem;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev {
    left: -25px;
    color: #333;
}

.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev:before {
    filter: none;
}

.hp_photoGallerySliderWithTitle .photo-gallery .slick-next {
    right: -25px;
    color: #333;
}

.hp_photoGallerySliderWithTitle .photo-gallery .slick-next:before {
    filter: none;
}

/*downspace*/
.downspace_contact{
   background: rgba(255,255,255,0.6);;
    padding:3rem 0;
}

.down_contact_info h3{
    font-size: 1.2rem;
    color:#094f95;
    font-weight:700;
}

.down_contact_info p{
    font-size: 0.875rem;
}


/*About Us*/
#n_aboutUs {
    overflow-x: hidden;
    padding: 4rem 0;
    background-color: rgba(229,229,229, 0.4);
}

@media all and (min-width: 992px) {
    #index_2_1 #top_spacing {
        height: 0 !important;
    }
     #main_index #top_spacing {
      position: relative;
      height: 0px !important;
      width: 100%;
    }
    
    .footer_type7 .social_media{
        text-align:right;
    }

}

@media screen and (min-width: 991.5px) {
    #main_index .service_category .col-lg-4{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    #main_index .service_category .service_box .text_area .title{
        font-size:1.35rem;
    }
    
    #main_index .service_category .service_box .text_area{
        padding:25px;
    }

}

@media screen and (min-width: 1900px) {
    /*About Us*/
    #n_aboutUs {
        padding: 4rem 0;
    }

    /*hp_banner*/
    .n_bannerTitle {
        font-size: 6rem;
    }

    .n_bannerSubTitle {
        font-size: 6rem;
    }

    .n_bannerViewMore {
        padding: 1rem 3rem;
        font-size: 1.375rem!important;
        margin-top: 1.875rem;
    }
    
    /*hp_feature*/
    

    .n_featureSubHeader {
        padding-left: 50px;
        font-size: 1rem;
    }

    .n_featureSubHeader:after {
        background: #094f95;
        line-height: 27px;
        height: 3px;
        width: 40px;
    }

    .n_featureHeader {
        font-size: 2.25rem;
    }

    .n_featureBox {
        margin-top: 1rem;
        padding: 1.875rem;
    } 

    .n_featureIcon {
        height: 5rem;
        width: 5rem;
        border-radius: 50%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .n_featureIcon i {
        font-size: 2.375rem;
    }

    .n_featureTitle {
        font-size: 1.5rem;
    }

    .n_featureText {
        font-size: 1rem;
    }
        
    
    /*hp_aboutUs*/
    #n_about {
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: 4rem 0;
    }

    .n_aboutTextContainer {
        margin-left: 3.5rem;
        margin-right: 3.5rem;
    }

    .n_aboutSubHeader {
        padding-left: 50px;
        font-size: 1.125rem;
        /*font-weight: 600;*/
        line-height: 14px;
    }

    .n_aboutSubHeader:after {
        background: #094f95;
        line-height: 27px;
        position: absolute;
        left: 0;
        content: "";
        top: 5px;
        height: 2px;
        width: 40px;
    }

    .n_aboutHeader {
        font-size: 2.5rem;
    }

    .n_aboutTextHeader {
        font-size: 2rem;
    }

    .n_aboutText {
        font-size: 1.25rem;
        line-height: 1.8;
    }

    .n_aboutReadMore {
        font-size: 1.25rem;
        margin-bottom: 0;
        margin-top: 1.5rem;
    }
    
    /*hp_service*/
    /*#n_service {*/
    /*    margin-top: 2rem;*/
    /*    margin-bottom: 1rem;*/
    /*    padding: 1rem 10rem;*/
    /*}*/

    .n_serviceSubHeader {
        padding-left: 40px;
        font-size: 1rem;
        line-height: 14px;
    }

    .n_serviceSubHeader:after {
        line-height: 27px;
        height: 2px;
        width: 30px;
    }

    .n_serviceHeader {
        font-size: 2.25rem;
    }

    .n_serviceBox{
        padding: 4rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .n_serviceBoxHeader {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .n_serviceMoreDetails {
        font-size: 1.125rem;
        margin-bottom: 0;
        margin-top: 1rem;
    }
    
    /*hp_latestNew*/
    #n_latest {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .n_latestSubHeader {
        padding-left: 40px;
        font-size: 1rem;
    }

    .n_latestSubHeader:after {
        line-height: 27px;
        height: 2px;
        width: 30px;
    }

    .n_latestHeader {
        font-size: 2.25rem;
    }
    
    /*hp_projects*/
    #n_project {
        margin-top: 2rem;
    }

    .n_projectSubHeader {
        padding-left: 40px;
        font-size: 1rem;
        line-height: 14px;
    }

    .n_projectSubHeader:after {
        line-height: 27px;
        height: 2px;
        width: 30px;
    }

    .n_projectHeader {
        font-size: 2.25rem;
    }
}

@media all and (max-width: 1200px) {
    
    .n_bannerSubTitle{
      font-size: 3.05rem;
    }
    
    .n_bannerTitle {
      font-size: 3.05rem;
    }
    
        .n_bannerTitle2 {
      font-size: 1.85rem;
    }
    
}


@media all and (max-width: 992px) {
    /*About Us*/
    #n_aboutUs {
        padding: 3.5rem 1rem;
    }
    
    /*hp_banner*/
    .n_bannerTitle {
        font-size: 2.05rem;
    }
    
        .n_bannerTitle2 {
        font-size: 0.95rem;
    }

    .n_bannerSubTitle {
        font-size: 2.05rem;
    }

    .n_bannerViewMore {
        padding: 0.5rem 2.5rem;
        font-size: 1rem!important;
        margin-top: 1.25rem;
    }
    
    
    /*hp_feature*/
    

    .n_featureBox {
        margin-bottom: 1rem;
    }

    .n_featureIcon {
        height: 4.5rem;
        width: 4.5rem;
    }

    .n_featureIcon i {
        font-size: 1.875rem;
    }

    .n_featureTitle {
        font-size: 1.375rem;
    }

    .n_featureText {
        font-size: 0.875rem;
    }
    
    
    /*hp_aboutUs*/
    #n_about {
        padding: 3.5rem 0;
    }

    .n_aboutTextContainer {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }
    .n_aboutTextHeader {
        font-size: 1.625rem;
    }

    .n_aboutText {
        font-size: 1rem;
        line-height: 1.7;
    }

    .n_aboutReadMore {
        margin-top: 1.375rem;
        margin-bottom: 2.5rem;
    }
    
    
    /*hp_service*/
    
    
    .n_serviceBoxHeader {
        margin-top: 1.125rem;
        text-align: center;
    }

    .n_serviceMoreDetails {
        font-size: 1.125rem;
        text-align: center;
    }
    
    /*hp_latestNew*/
    #n_latest {
        margin-top: 2rem;
        margin-bottom: 1rem;
        padding: 0 0.25rem;
    }
    
    /*hp_projects*/
    #n_project {
        margin-top: 2rem;
        padding: 0 0.25rem;
    }
    
    .index_wrapper_8 .slick-slide p {
        font-size: 1rem;
        font-weight: 500;
        margin-top: 1rem;
    }
    
    /*footer*/
    .footer p {
        margin-bottom: 15px;
    }
    
    .footer .left_line {
        margin-bottom: 15px;
    }
}

@media all and (max-width: 762px) {
    /*.index_wrapper_2 .item.slick-slide > img{
        height: 280px !important;
        object-fit: cover;
    }*/
    .n_Header {
    font-size: 1.45rem;
}
    /*About Us*/
    #n_aboutUs {
        padding: 2.5rem 1rem;
    }
    
    /*hp_banner*/
    .n_bannerGroup {
        top:35%;
        width: 55%;
    }

    .n_bannerGroup_2 {
        width: 55%;
    }

    .n_bannerTitle {
        font-size: 1.75rem;
    }
    
    .n_bannerTitle2 {
        font-size: 0.75rem;
    }

    .n_bannerSubTitle {
        font-size: 1.75rem;
    }

    .n_bannerViewMore {
        padding: 0.375rem 1rem;
        font-size: 0.875rem!important;
        margin-top: 1.25rem;
    }
    
    /*hp_feature*/
    

    .n_featureIcon i {
        font-size: 1.875rem;
    }

    .n_featureTitle {
        font-size: 1.375rem;
    }

    .n_featureText {
        font-size: 0.875rem;
    }
    
    /*hp_aboutUs*/
    #n_about {
        padding: 2.5rem 0;
    }

    .n_aboutTextContainer {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    .n_aboutTextHeader {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .n_aboutText {
        font-size: 0.875rem;
        line-height: 1.7;
    }

    .n_aboutReadMore {
        font-size: 0.875rem;
        margin-top: 1.125rem;
    }
    
    /*hp_service*/
    /*#n_service {*/
    /*    padding: 0 1rem;*/
    /*}*/

    .n_serviceBox{
        padding: 2rem;
    }

    .n_serviceBoxHeader {
        font-size: 1.42rem;
    }
    
    .service_type4 .service_box_type4 .img_frame .box .general_btn{
        font-size:.65rem !important;
    }
    
    .service_type4 .service_box_type4{
        margin-bottom:2rem;
    }
    
    /*hp_latestNew*/
    #n_latest {
        margin-top: 2rem;
        margin-bottom: 1rem;
        padding: 0 0.25rem;
    }

    
    /*hp_projects*/
    #n_project {
        margin-bottom: 1rem;
    }
    
    .index_wrapper_8 .slick-slide p {
        font-size: 1rem;
        margin-top: 1rem;
    }
    
        
    /*DownSpace*/
    .downspace_contact .n_Header{
        margin-bottom:25px !important;
    }
    .down_contact_info{
        background: #f1f1f1;
        padding: 20px;
        margin-bottom: 20px;
    }
    
    /*footer*/
    .footer p {
        margin-bottom: 15px;
    }
    
    .footer .left_line {
        margin-bottom: 15px;
    }
}


/*sec3*/
.bgSec3 {
    margin-top: 0rem;
    margin-bottom: 3rem;
}

.sec3_top_title {
    display: inline-block;
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
    background-color: #4e7ae1;
    padding: 5px 30px;
}

.sec3_bottom_box {
    margin-top: 25px;
}

.imageMarquee {
    height: 119px;
    background-image: url('https://cdn1.npcdn.net/img/1695893399bottom_logo.jpg');
    animation: imageMovement 40s linear infinite;
}

@keyframes imageMovement {
    100% {
        background-position-x: -5976px;
    }
}

@media screen and (max-width: 426px) {
    .sec3_top_title {
        font-size: 28px;
    }
}

#main_index .index_wrapper_8 {
    background-color: #fff;
}

.gallerycategory .img_frame {
  width: 95%;
  height: 280px;
  overflow: hidden;
  position: relative;
}

.ws_service .img_frame {
  background-color: rgba(255,255,255,0.5);
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a {
  color: #fff !important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover {
  color: #83cffa !important;
}