/*fixed base*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}

#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}


/*nav*/
#top_spacing{
    height:150px !important;
}

.navbar_type8 {
    position: fixed;
    display: flex;
    background-color: rgba(255,255,255,0.9);
    box-shadow:2px 2px 40px rgba(0,174,255,0.1);
    width: 90%;
    height: 80px;
    z-index: 100;
    margin: 0 5%;
    border-radius: 10px;
    top: 5%;
}

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

.navbar_type8 .nav_tab .nav_item {
    text-transform: unset;
    padding: 7px 0;
}

.navbar_type8 .nav_tab .nav_item a {
    color: #000;
    font-size: .9vw;
    font-weight: 700;
    padding: 15px 1.3vw;
    text-transform: uppercase;
}

.navbar_type8 .nav_tab .nav_item a:hover {
    color: #00aeff;
}

.navbar_type8 .nav_tab .nav_item::before {
    border-bottom: unset;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color: #fff !important;
    font-weight: 400;
    text-align:left;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover {
    color: #ccc !important;
}
.navbar_type8 .logo img {
    padding: 5px;
    width: 100%;
}

.navbar_type8 .nav_tab .nav_item:last-child a {
    color: #fff;
}

.navbar_type8 .nav_tab .nav_item:last-child::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    width: 100%;
    border-bottom: none;
    transition: all 0.35s ease-in-out;
    opacity: 1;
    height: 100%;
    border-radius: 5px;
    background-image: linear-gradient(to left, #00aeff, #00aeff);
    transform: translate(-50%, 0);
    z-index: -1;
}

.navbar_type8 .nav_tab .nav_item:last-child a::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    background: url('https://cdn1.npcdn.net/images/b_btn_pqi39r_1781518365.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4') no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    transition: ease .5s;
}

.navbar_type8 .nav_tab .nav_item:last-child a:hover::after {
    margin-left: 14px;
}


@media all and (max-width: 1200.5px){
    .navbar_type8 .logo {
      flex: 0 1 30%;
      overflow: hidden;
      position: relative;
      margin-left: 15px;
    }
    
    .navbar_type8 {
        top: 3%;
    }
}

@media all and (max-width: 991.5px) {
    .navbar_type8{
        display:none;
    }
    
    #top_spacing {
        height: 80px !important;
    }
}

/*category / product / tag / gallery / news*/
.category_list_type4 .category_box .img_frame img{
    object-fit:contain;
}

.product_list_5 .product_box .img_frame img{
    object-fit:contain;
    background-color:#fff;
}

.product_list_horizontal .product_box .img_frame img{
    object-fit:contain;
    background-color:#fff;
}

.gallerycategory .img_frame img,
.ws_gallery-2 .img_frame img{
    object-fit:contain;
}

.latest_new_type4 .news_box .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}

.latest_new_type4 .news_box .img_frame img{
    object-fit:contain;
}

/*global / common*/
:root{
    --c-primary:#00aeff;
    --c-navy:#06122a;
    --c-light:#e9f7ff;
    --c-white:#ffffff;
}

.n_small{
    font-family:'Manrope',sans-serif;
    font-size:15px;
    font-weight:700;
    color:var(--c-primary);
    margin-bottom:14px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.n_small span{
    position:relative;
    margin-left:28px;
}

.n_small span:before{
    position:absolute;
    content:"";
    width:30px;
    height:30px;
    /*border-radius:50%;*/
    /*background:var(--c-primary);*/
    background-image: url('https://cdn1.npcdn.net/images/b_deco_5yr7sf_1781518365.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -35px;
    top:0;
    bottom:0;
    margin:auto 0;
}

.n_title{
    font-family:'Figtree',sans-serif;
    font-size:39px;
    font-weight:700;
    line-height:1.15;
    color: #041c4a;
    margin-bottom:22px;
}

.n_title span {
    color: #00aeff;
}

.n_subtitle{
    font-family:'Figtree',sans-serif;
    font-size: 18px;
    font-weight:700;
    color:var(--c-navy);
    margin-bottom:10px;
}

.n_content{
    font-family:'Manrope',sans-serif;
    font-size:15px;
    line-height:1.8;
    color:#4d4d4d;
    margin-bottom:0;
}

.c_color1{color:#fff;}
.c_color2{color:#000;}
.c_color3{color:var(--c-primary);}
.c_line{line-height:1.8;}

.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin: 2rem 0 0;
}

.n_button{
    padding: 10px 55px 10px 20px;
    border-radius:5px;
    background:var(--c-primary);
    color:#fff;
    font-family:'Manrope',sans-serif;
    font-size:13px;
    font-weight:700;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    transition:0.25s all linear;
    /*box-shadow:0 14px 30px rgba(0,174,255,0.32);*/
    position: relative;
    display: inline-block;
}

.n_button.dark_button {
    background: #00226c;
}

.n_button.dark_button:hover {
    background: #00aeff;
}

.n_button:hover{
    background: #00226c;
    color:#fff;
    text-decoration:none;
    transform:translateY(-3px);
}

.n_button::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url("https://cdn1.npcdn.net/images/b_btn_pqi39r_1781518365.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4") center/contain no-repeat;
    transform: translateY(-50%);
    z-index: 0;
    transition: 0.3s ease;
}


@media (max-width: 1200.5px) {

    .n_title {
        font-size: 36px;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
}




/*fixed banner*/
.slider_banner .banner_content{
    overflow:hidden;
}

@media screen and (max-width:767.5px){
    .index_wrapper_2 .item>img{
        min-height:138vw!important;
        /*min-height:700px!important;*/
        object-fit:cover;
    }
}

@media screen and (max-width:650.5px){
    .index_wrapper_2 .item>img{
        min-height:180vw!important;
        /*min-height:700px!important;*/
        object-fit:cover;
    }
}

@media screen and (max-width:400.5px){
    .index_wrapper_2 .item>img{
        min-height:195vw!important;
        /*min-height:700px!important;*/
        object-fit:cover;
    }
    
    
}

/*banner*/

.index_wrapper_2 {
    margin-top: -150px;
}

.hp_banner{
    /*padding:90px 9%;*/
    position:relative;
    overflow:hidden;
}

.hp_banner:before{
    position:absolute;
    content:"";
    width:38vw;
    height:38vw;
    border-radius:50%;
    background:rgba(0,174,255,0.13);
    right:-10vw;
    top:-10vw;
}

.hp_banner .row{
    position:relative;
    z-index:2;
}

.hp_banner_textbox {
    padding-left: 9vw;
}

.hp_banner_small{
    font-family:'Manrope',sans-serif;
    font-size: 2vw;
    font-weight: 900;
    color:var(--c-primary);
    /*text-transform:uppercase;*/
    letter-spacing:1px;
    margin-bottom:1vw;
}

.hp_banner_title{
    font-family:'Figtree',sans-serif;
    font-size:4.5vw;
    font-weight:700;
    line-height:1.04;
    color:var(--c-navy);
    /*margin-bottom:1.3vw;*/
}

.hp_banner_title span{
    color: #fe0000;
}

.hp_banner_content{
    font-family:'Manrope',sans-serif;
    font-size:1vw;
    line-height:1.8;
    color:#4d4d4d;
    width:34vw;
    position: relative;
    padding-left: 2vw;
}

.hp_banner_content::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 20px;
    height: 40px;
    background: url("https://cdn1.npcdn.net/images/b_deco_5yr7sf_1781518365.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4") center/contain no-repeat;
    transform: translateY(-50%);
    z-index: 0;
}

.hp_banner_imgbox{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-left: 3rem;
}

.hp_banner_image{
    width:39vw!important;
    height:auto!important;
}

.hp-banner-button {
    display: flex;
    gap: 1rem;
}

@media screen and (max-width:1200.5px) {
    .hp_banner_textbox {
        padding-left: 2vw;
        padding-top: 5vw;
    }

    .hp_banner_title{
        font-size:4vw;
    }

    .hp_banner_content{
        width:100%;
        font-size: 1.2vw;
        /*font-size:15px;*/
        padding-left: 3.5vw;
    }

    .hp_banner_image{
        /*width:44vw!important;*/
    }
    
    .hp_banner .n_button {
        font-size: 1.2vw;
    }
    
    .hp_banner .btnbox_left {
        margin: 0rem 0 0;
    }
}

@media screen and (max-width:991.5px){
    .index_wrapper_2 {
        margin-top: 0;
    }
    
    .hp_banner_textbox {
        padding-top: 0;
    }
}

@media screen and (max-width:767.5px){
    .hp_banner{
        /*padding: 1.5rem;*/
        /*text-align:center;*/
    }

    .hp_banner_small{
        font-size:16px;
    }
    
    .hp_banner_textbox {
        padding: 1.5rem 1.5rem 0;
    }

    .hp_banner_title{
        font-size:38px;
    }

    .hp_banner_content{
        font-size:14px;
        width:100%;
        padding-left: 2rem;
    }

    .hp_banner .btnbox_left{
        justify-content:center;
    }

    .hp_banner_image{
        width:90vw!important;
        margin-top:35px;
    }
    
    
    
    .hp-banner-button {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .hp_banner .n_button {
        font-size: 13px;
    }
    
    .hp_banner_imgbox {
        padding-left: 1rem;
    }
}

/*about*/
.hp_about{
    padding: 0 9% 0 0;
    /*background:#fff;*/
    margin-top: -2.75rem;
    position: relative;
}

.hp_about::before {
    content: "";
    position: absolute;
    right: -9.2%;
    top: 5%;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn1.npcdn.net/images/c_bg_oi54d6_1781518365.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}


.hp_about .row{
    align-items:center;
}

.hp_about_imgbox{
    position:relative;
    padding-right: 2vw;
}

.hp_about_image{
    width:100%!important;
    height:auto!important;
    /*border-radius:30px;*/
    /*box-shadow:0 25px 60px rgba(6,18,42,0.12);*/
}


@media screen and (max-width:1200.5px) {
    .hp_about{
        padding: 0 1rem 0 0;
        margin-top: 0;
    }
    
    .hp_about::before {
        right: -3.5%;
        top: -3%;
    }
}

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

    .n_title{
        font-size:36px;
    }
    
    .hp_about::before {
        top: -4%;
    }
    
    
}

@media screen and (max-width:767.5px){
    .hp_about{
        padding:60px 0%;
    }

    .hp_about_textbox{
        margin-top:35px;
    }

    .n_title{
        font-size:30px;
    }
    
    .hp_about::before {
        top: -3.4%;
        right: -56.5%;
    }
    
}

@media screen and (max-width:400.5px) {
    .hp_about::before {
        top: -2.3%;
        right: -52.5%;
    }
}

/*category*/
.hp_cat{
    padding:0px 9%;
    /*background:#f5fbff;*/
    position:relative;
    margin-top: -4rem;
}

.hp_cat .n_content{
    margin-bottom:35px;
}

.hp_cat_button .btnbox_left {
    margin: 0;
    justify-content: center;
}

#main_index .product_cat-10 {
    padding: 0 9%;
}

#main_index .product_cat-10 .wrapper_product_category .view-btn {
    display: none;
}

#main_index .product_cat-10 .wrapper_product_category .product_img {
    padding-top: 70%;
    border-radius: 5px;
}

#main_index .product_cat-10 .wrapper_product_category .mt-3 {
    margin-top: 0!important;
    background: linear-gradient(to right, transparent, #ebf4fd);
    padding: 1.5rem 2rem 1rem;
    border-radius: 5px;
    height: 26%;
    color: #00226c;
    position: relative;
}

#main_index .product_cat-10 .wrapper_product_category .mt-3::before {
    content: "";
    position: absolute;
    left: 6%;
    top: -10%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(to right top, #0085d3, #00aeff);
}

#main_index .product_cat-10 .wrapper_product_category .mt-3::after {
    content: "";
    position: absolute;
    left: calc(6% + 12px);
    top: -10%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(https://cdn1.npcdn.net/images/b_btnarrow_tfj5lz_1781518365.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s ease;
    filter: brightness(0) invert(1);
}


#main_index .product_cat-10 .wrapper_product_category:hover .mt-3 {
    background: linear-gradient(to right, #00226c, #00226c);
    color: #fff;
}

#main_index .product_cat-10 .wrapper_product_category:hover .mt-3::before {
    background: linear-gradient(to right top, #fff, #fff);
}

#main_index .product_cat-10 .wrapper_product_category:hover .mt-3::after {
    filter: unset;
}

#main_index .product_cat-10 .wrapper_product_category .mt-3:last-child {
    display: none;
}

#main_index .product_cat-10 .wrapper_product_category {
    height: 100%;
}

#main_index .product_cat-10 .wrapper_product_category h3 {
    overflow-wrap: unset;
    letter-spacing: 0;
    text-align: left;
    font-size: 15px;
    letter-spacing: .5px;
    font-weight: 800;

}





#main_index .product_cat-11 .hp_product_cat_slider .card.item{
    border:0;
    background:#fff;
    margin:15px;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(6,18,42,0.09);
    transition:0.25s all linear;
}

#main_index .product_cat-11 .hp_product_cat_slider .card.item:hover{
    transform:translateY(-8px);
}

#main_index .product_cat-11 .hp_product_cat_slider .item a{
    text-decoration:none;
    color:var(--c-navy);
}

#main_index .product_cat-11 .wrapper_brand{
    position:relative;
    overflow:hidden;
}

#main_index .product_cat-11 .product_img{
    position:relative;
    width:100%;
    padding-top:75%;
    overflow:hidden;
}

#main_index .product_cat-11 .product_img img,
#main_index .product_cat-11 .cat_img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.35s all linear;
}

#main_index .product_cat-11 .cat_img{
    opacity:0.12;
}

#main_index .product_cat-11 .card.item:hover .cat_img{
    opacity:0;
}

#main_index .product_cat-11 .wrapper_title{
    padding:24px 24px 8px;
    text-align:center;
}

#main_index .product_cat-11 .category_title{
    font-family:'Figtree',sans-serif;
    font-size:22px;
    font-weight:800;
    color:var(--c-navy);
    margin:0;
}

#main_index .product_cat-11 .wrapper_btn{
    text-align:center;
    padding:0 24px 24px;
}

#main_index .product_cat-11 .view_btn{
    border:0;
    background:transparent;
    color:var(--c-primary);
    font-family:'Manrope',sans-serif;
    font-weight:800;
}

#main_index .product_cat-11 .slick-arrow::before{
    color:var(--c-primary);
    font-family:"Font Awesome 5 Free";
    font-size:34px;
    font-weight:900;
}


@media screen and (max-width:1200.5px){
    .hp_cat{
        padding: 5rem 1rem 0;
        margin-top: 0;
    }
    
    #main_index .product_cat-10 {
        padding: 0 1rem;
    }
    
    #main_index .product_cat-10 .wrapper_product_category .mt-3 {
        height: 35%;
    }
}


@media screen and (max-width:991.5px){
   #main_index .product_cat-10 .wrapper_product_category .mt-3 {
       padding: 1.5rem 1rem 1rem;
       height: 43%;
   }
}

@media screen and (max-width:767.5px){
    .hp_cat{
        /*padding:60px 0%;*/
    }
    
    #main_index .product_cat-10 .wrapper_product_category .mt-3 {
        height: auto;
    }
}

/*why*/
.hp_why{
    padding: 180px 13% 90px 11%;
    /*background:#fff;*/
    position: relative;
}

.hp_why::before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 44%;
    height: 83%;
    background-image: url(https://cdn1.npcdn.net/images/e_img_soycxb_1781518366.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.hp_why::after {
    content: "";
    position: absolute;
    right: 0%;
    top: -10%;
    width: 40%;
    height: 70%;
    background-image: url(https://cdn1.npcdn.net/images/e_bg_6osbx4_1781518366.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
    z-index: -1;
}

.hp_why-right {
    padding-left: 4rem;
}

.hp_why_icon {
    width: 28%;
    margin: -4rem 0 1rem;
}

.hp_why_item{
    background: rgba(228, 249, 254, .95);
    /*border:1px solid rgba(0,174,255,0.16);*/
    border-radius:24px;
    padding: 35px 25px;
    /*margin-bottom:55px;*/
    /*box-shadow:0 16px 40px rgba(6,18,42,0.06);*/
    transition:0.25s all linear;
    /*height: 100%;*/
}

.hp_why .col-md-6:nth-child(even){
    margin-top: 60px;
}

.hp_why_item .n_content {
    font-size: 14px;
}

.hp_why_item:hover{
    /*background:var(--c-navy);*/
    background: linear-gradient(to right top, #0085d3, #00aeff);
    transform:translateY(-8px);
}

.hp_why_item:hover .n_subtitle,
.hp_why_item:hover .n_content{
    color:#fff;
}

@media screen and (max-width:1200.5px){
    .hp_why{
        padding: 8rem 1rem 5rem;
    }
    
    .hp_why::before {
        height: 60%;
        width: 43%;
    }
    
    .hp_why-right {
        padding-left: 0rem;
    }
}

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

}

@media screen and (max-width:767.5px){
    .hp_why{
        /*padding:60px 0%;*/
    }
    
    .hp_why_item {
        margin-bottom: 55px;
    }
    
    .hp_why .col-md-6:nth-child(even){
        margin-top: 0;
    }
    
    .hp_why_textbox {
        padding-bottom: 4rem;
    }
    
    .hp_why::before {
        display: none;
    }
    
    .hp_why::after {
        top: unset;
        bottom: 0;
    }
}

/*latest news*/

.index_wrapper_6 {
    position: relative;
}

.index_wrapper_6::before {
    content: "";
    position: absolute;
    left: 0%;
    top: -25%;
    width: 22%;
    height: 150%;
    background-image: url(https://cdn1.npcdn.net/images/f_bg_ld8i6w_1781518366.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}


.hp_news{
    padding:60px 7% 0;
    /*background:#f5fbff;*/
}

.hp_new_button {
    padding-bottom: 5rem;
}

#main_index .hp_latest_new_8 {
    padding: 0 7% 0;
}

#main_index .hp_latest_new_8 .news_box{
    padding: 20px;
    display:flex;
    flex-direction:column;
    height:100%;
    background:transparent;
    border-radius:15px;
    overflow:hidden;
    /*box-shadow:0 16px 45px rgba(6,18,42,0.08);*/
    transition: ease .5s;
}

#main_index .hp_latest_new_8 .news_box:hover {
    background: #fff;
    box-shadow:0 0px 15px rgba(0,174,255,0.5);
}

#main_index .hp_latest_new_8 .news_box .img_frame{
    position:relative;
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:62%;
    border-radius: 15px;
}

#main_index .hp_latest_new_8 .news_box .img_frame img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
}

#main_index .hp_latest_new_8 .news_box .justify-content-between{
    padding: 1rem 0;
}

#main_index .hp_latest_new_8 .news_box .title{
    font-family:'Figtree',sans-serif;
    font-size:16px;
    line-height:1.3;
    color:var(--c-navy);
    text-decoration:none;
}

#main_index .hp_latest_new_8 .news_box .content{
    font-family:'Manrope',sans-serif;
    color:#667085;
    margin-bottom:14px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

#main_index .hp_latest_new_8 .news_box .date{
    color:#7b8494;
    font-size:13px;
}

#main_index .hp_latest_new_8 .news_box .read_more{
    color:var(--c-primary);
    font-weight:800;
    text-decoration:none;
}

@media screen and (max-width:1200.5px){
    
    .index_wrapper_6::before {
        top: 0%;
        height: 80%;
    }
    
    #main_index .hp_latest_new_8{
        padding: 0 1rem 0;
    }
}

@media screen and (max-width:991.5px){
    /*.hp_news{*/
    /*    padding:75px 5%;*/
    /*}*/
}

@media screen and (max-width:767.5px){
    .hp_news{
        /*padding:60px 0%;*/
    }
}

/*footer component override*/

.footer_type10 {
    padding: 3rem 9%!important;
    background-color: #0268bc;
    /*background-image: url('https://cdn1.npcdn.net/images/h_footer_bg_r7hucd_1778340226.jpg?md5id=2a845b3e91df58cd29f565345c31d49a&type=4');*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/

}

.footer_type10 .logo {
    min-height: 60px;
}

.footer_type10 .logo img {
    max-height: 60px;
    filter: brightness(0) invert(1);
}

.footer_type10 .container {
    max-width: 100%;
}

.footer_type10 .sub_title {
    border-bottom: 0;
    position: relative;
    padding-left: 1.5rem;
}

.footer_type10 .sub_title::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 30px;
    /*border-radius: 50%;*/
    /*background: var(--c-primary);*/
    background-image: url('https://cdn1.npcdn.net/images/b_deco_5yr7sf_1781518365.png?md5id=e41df6e75febb93d2a8244bd5e84db53&type=4');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}


.footer_type10 .line_top {
    border-top: unset;
}

.footer_type10 a:hover {
    color: #000!important;
}