.all_functional_page {
    overflow: hidden;
}

.category_list_type4 .category_box .img_frame:hover img {
    width: 100%;
    height: 100%;
    transform-origin: center;
}


.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img {
    
    padding: 0px;
 
}
.hp_photoGallerySlider_type3 .container-fluid .row .col-12 .container{
    max-width: 1420px!important;
    
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 105%;
    overflow: hidden;
    background-color: #fff;
}

.hp_photoGallerySlider .photo-gallery .outline_box .gallery_box img {
    
    padding: 0px;
    
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img {
    object-fit: cover!important;
}

.ws_gallery-2 .img_frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all ease 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ws_gallery-2 .img_frame:hover img {
    width: 100%;
    height: 100%;
}

.n_servicesTitle {
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 0;
}


.hp_photoGallerySlider .photo-gallery .outline_box .gallery_box img {
    object-fit: cover;
    padding: 0;
}
.hp_photoGallerySlider .photo-gallery .outline_box .gallery_box {
    background-color: unset;
}
.hp_photoGallerySlider {
    background-color: transparent;
}

.hp_photoGallerySlider_type3 {
    background-color: transparent;
}




/*hp_follow*/
.n_follow {
    margin-top: 3.75rem;
    overflow-x: hidden;
}

.n_followTitle {
    font-size: 2.25rem;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
    margin-bottom: 2.5rem;
}

.n_followTitle:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    width: 5rem;
    height: 4px;
    background: #039903;
    content: "";
    margin: 0 auto;
}

.n_followContainer {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.n_followContainer:before {
    content: '';
    position: absolute;
    width: 101%; 
    height: 100%;
    top: 0; 
    left: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.n_followContainer:hover:before,
.n_followContainer:hover .n_followTextCentered {
    opacity: 1;
}

.n_followContainer .n_followImg{
    max-width: 100%;
}

.n_followContainer .n_followImg img{   
    width: 100%;
    height: 100%;
}

.n_followContainer .n_followTextCentered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.n_followContainer .n_followTextCentered i { 
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 0.625rem;
}

.n_followContainer .n_followTextCentered p {
    color: #fff;
    font-size: 1.375rem;
}



.index_wrapper_4, .index_wrapper_5{
    background: url('https://cdn1.npcdn.net/img/1678090438content_bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.footer_type8 {
    background-color: #333;
    background-image: url(https://cdn1.npcdn.net/img/1678090459footer_bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.footer_type8 a {
    color: #fff;
}

.footer_type8 .logo {
  padding-top: 50px;
}

.btn-success:hover {
    color: #fff;
    background-color: #014001 !important;
    border-color: #014001 !important;
}

.btn-success {
    color: #fff;
    background-color: #039903 !important;
    border-color: #039903 !important;
}


@media only screen and (min-width:992px) {


.navbar_type8 {
    position: fixed;
    display: flex;
    background-color: #fff;
    width: 100%;
    height: 115px;
    z-index: 100;
}

.navbar_type8 .nav_tab .dropdown a:hover {
    outline: transparent;
    color: #039903;
}

.navbar_type8 .nav_tab .nav_item:nth-child(1)::after {
    content: '\f015';
    position: absolute;
    top: 50%;
    left: -3px;
    transform: translateY(-50%);
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #444;
}

/*.navbar_type8 .logo {*/
/*    flex: 0 1 30%;*/
/*}*/

.navbar_type8 .logo {
  flex: 0 1 30%;
  margin-left: 30px;
}

.navbar_type8 .logo img {
    width: 100%;
    padding: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.navbar_type8 .nav_tab {
    flex: 0 1 70%;
    justify-content: flex-end;
}

.navbar_type8 .nav_tab .nav_item>a {
    color: #444;
    font-weight: 600;
    /*padding: 15px 18px;*/
}

.navbar_type8.dark_nav {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
}


@media screen and (max-width: 1420px) {
    .navbar_type8 .logo {
        flex: 0 1 25%;
        margin-left: 25px;
    }
    
    .navbar_type8 .nav_tab {
        flex: 0 1 75%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    } 
    
    .navbar_type8 .nav_tab .nav_item>a {
        padding: 15px 12px;
    }
}



@media screen and (max-width: 767.98px) {


.n_followContainer .n_followImg img{   
        width: 100%;
        height: 100%;
    }

    
     .grid-container{
         display: block;
    }
    
}

@media screen and (max-width: 426px) {

    
    .n_servicesTitle {
    font-size: 1.55rem;
    font-weight: 600;
    margin-bottom: 0;
}
}


@media only screen and (max-width:992px) {
    
    
    /*hp_follow*/
    .n_follow {
        margin-top: 2.5rem;   
        overflow-x: hidden;
    }

    .n_followTitle {
        font-size: 1.75rem;
        margin-bottom: 2.5rem;
    }

    .n_followContainer:before {
        background: rgba(0,0,0,0.2);
        opacity: 0;
        display: none;
    }

    .n_followContainer:hover:before,
    .n_followContainer:hover .n_followTextCentered {
        opacity: 1;
    }

    .n_followContainer .n_followImg img{   
        width: 100%;
    }

    .n_followContainer .n_followTextCentered {
        opacity: 0;
        display: none;
    }
    

   
   .navbar_mobile {
    flex-basis: auto;
    background-color: #fff;
    width: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    color: #333;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    height: 80px;
}
.navbar_mobile .btn-outline-light {
    border-color: #333;
    color: #333;
}
}


/*sec1*/
.delay1 {
    animation-delay: .2s;
}

.delay2 {
    animation-delay: .4s;
}

.delay3 {
    animation-delay: .2s;
}

.delay4 {
    animation-delay: .4s;
}

.delay5 {
    animation-delay: .6s;
}

.bgSec1 {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.sec1_top_title {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    color: #039903;
}

.sec1_top_title::after {
    content: "";
    display: block;
    width: 100px;
    border-top: 3px solid #bfbfbf;
    margin-top: 5px;
}

.sec1_bottom_ebox {
    margin-top: 30px;
}

.sec1_bottom_imgx {
    position: relative;
    overflow: hidden;
}

.sec1_bottom_imgx>img {
    transition: all .5s;
}

.sec1_bottom_imgx:hover>img {
    transform: scale(1.25);
}

.sec1_bottom_content {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec1_bottom_title {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;
    color: #ffffff;
}

.sec1_bottom_text {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 30px;
}

.sec1_bottom_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.btnMore1 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #039903;
    padding: 2px 10px;
    text-decoration: none!important;
}

.btnMore1>i {
    font-size: 26px;
    color: #ffffff;
}

@media screen and (max-width: 767.98px) {
    .sec1_bottom_title {
        font-size: 16px;
    }
    .sec1_bottom_text {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575.98px) {
    .sec1_bottom_title {
        font-size: 14px;
    }
    .sec1_bottom_text {
        font-size: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .btnMore1 {
        padding: 2px 8px;
    }
    .btnMore1>i {
        font-size: 20px;
    }
}

@media screen and (max-width: 426px) {
    .sec1_top_title {
        font-size: 24px;
    }
    .sec1_top_title::after {
        width: 75px;
    }
    .sec1_bottom_title {
        font-size: 9px;
        font-weight: 400;
    }
    .sec1_bottom_text {
        font-size: 8px;
        line-height: 1.25;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .btnMore1 {
        padding: 2px 6px;
    }
    .btnMore1>i {
        font-size: 14px;
    }
}


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

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

.sec3_bottom_box {
    margin-top: 25px;
}

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

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

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

@media screen and (max-width: 426px) {
    .sec3_top_title {
        font-size: 28px;
    }
}
/* product Page*/
.container.productCustomization {
    display: none;
}