/*fixed base*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}
body{
    font-family: DM Sans;
}
#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

/*category page*/
.category_list_type4 .category_box .img_frame img{
    object-fit:contain;
}

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

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

@media screen and (max-width:768.5px){
    #main_tag .horizontal_detail_bottom{
        margin-top:1rem;
    }

    .product_list_horizontal .product_box .product_des .title{
        font-size:18px;
    }

    .product_list_horizontal .product_box .horizontal_detail_box .product_simple_description{
        font-size:12px;
    }

    .product_list_horizontal .product_box .horizontal_detail_bottom .button_section{
        justify-content:flex-start;
    }

    .product_list_horizontal .product_box .product_img{
        flex:0 0 40%;
    }

    .product_list_horizontal .product_box .product_des{
        flex:0 0 60%;
    }

    .product_list_horizontal .product_box .img_frame{
        padding-top:unset!important;
        height:auto;
        aspect-ratio:1;
        border-radius:5px;
    }

    .product_list_horizontal .product_box .whatsapp_wrapper a{
        color:#333;
        font-size:10px!important;
        font-weight:500;
    }
}

/*photo page*/
.gallerycategory .img_frame img{
    object-fit:contain;
}

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

/*news page*/
.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*/
:root{
    --tsc-dark:#06111d;
    --tsc-dark2:#081725;
    --tsc-blue:#0068ff;
    --tsc-blue2:#0053d6;
    --tsc-grey:#f2f3f5;
    --tsc-text:#1c2733;
}

.n_small{
    font-size: 14px;
  font-weight: 400;
    line-height:1.4;
    color:var(--tsc-blue);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
    font-family: DM Sans;
}

.n_small span{
    position:relative;
}

.n_title{
    font-size:42px;
    font-weight:800;
    line-height:1.05;
    color:#101820;
    text-transform:uppercase;
    margin-bottom:22px;
    font-family: Antonio;
}
.n_title span{
    color:#0068ff;
}
.n_subtitle{
    font-size:18px;
    font-weight:800;
    line-height:1.25;
    color:#101820;
    text-transform:uppercase;
    margin-bottom:10px;
    font-family: Antonio;
}

.n_content{
    font-size: 16px;
  font-weight: 400;
    line-height:1.75;
    color:#3d4650;
    margin-bottom:14px;
    font-family: DM Sans;
}

.c_color1{
    color:#fff;
}

.c_color2{
    color:#000;
}

.c_color3{
    color:var(--tsc-blue);
}

.c_line{
    line-height:1.8;
}

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

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

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

/*.n_button{*/
/*    width:auto;*/
/*    height:auto;*/
/*    padding:12px 22px;*/
/*    border:1px solid var(--tsc-blue);*/
/*    border-radius:0;*/
/*    display:inline-flex;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*    gap:10px;*/
/*    font-size:13px;*/
/*    font-weight:700;*/
/*    text-align:center;*/
/*    color:#fff;*/
/*    background:var(--tsc-blue);*/
/*    text-transform:uppercase;*/
/*    transition:0.25s all linear;*/
/*}*/

/*.n_button img{*/
/*    width:15px!important;*/
/*    height:15px!important;*/
/*    object-fit:contain;*/
/*    transition:0.25s all linear;*/
/*}*/

/*.n_button:hover{*/
/*    text-decoration:none;*/
/*    background:#fff;*/
/*    color:var(--tsc-blue);*/
/*}*/

/*.n_button:hover img{*/
/*    transform:translateX(4px);*/
/*}*/

/*.n_button_dark{*/
/*    background:#111;*/
/*    border-color:#111;*/
/*}*/
.n_button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 22px;
    background:#0068ff;
    border:1px solid #0068ff;
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    transition:0.25s all linear;
}

.n_button:hover{
    background:#fff;
    color:#0068ff;
    text-decoration:none;
}

.n_button_dark{
    background: transparent;
  border-color: #fff;
}

.n_button_dark:hover{
    background:#fff;
    color:#111;
}

.n_button .n_btn_arrow{
    position:relative;
    width:16px;
    height:16px;
    display:block;
    flex:0 0 16px;
}

.n_button .n_btn_arrow img{
    position:absolute;
    left:0;
    top:0;
    width:100%!important;
    height:100%!important;
    object-fit:contain;
    transition:0.25s all linear;
}

.n_button .btn_arrow_hover{
    opacity:0;
}

.n_button:hover .btn_arrow_normal{
    opacity:0;
    transform:translateX(4px);
}

.n_button:hover .btn_arrow_hover{
    opacity:1;
    transform:translateX(4px);
}
.n_line{
    width:135px;
    height:5px;
    background:#0068ff;
    margin:0 0 18px;
}
@media screen and (max-width:768.5px){
    .n_title {
  font-size: 30px;
    }
}
/*navbar*/
.navbar_type8 .logo img{
    width: 234px !important;
    max-width: 235px !important;
    padding:0!important;
}

.navbar_type8 .logo{
    margin-left:7.5%;
}

.navbar_type8{
    height:115px!important;
    background-color: #071321;
}
#main_index .navbar_type8{
    background-color: transparent;
}

/*.navbar_type8 .logo img{*/
/*    width:100px;*/
/*    padding:10px;*/
/*}*/

.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    padding:15px 1.2vw;
    color:#fff;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width:0px;
    -webkit-text-stroke-color:black;
}

.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:#fff!important;
}

.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
}

.navbar_mobile .btn-outline-light:hover{
    border-color:#000;
    color:#000;
}

.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color:#000;
    background-color:transparent;
    border-color:#000;
}
.navbar_type8 .nav_tab .nav_item a:hover{
    color: #0f5cff;
}

.navbar_type8 .nav_tab .nav_item:last-child a{
    background:#0068ff!important;
    color:#fff!important;
    padding: 10px 20px !important;
    border-radius:10px!important;
    line-height:1!important;
    transition:0.25s all linear;
    margin-left: 20px;
}

.navbar_type8 .nav_tab .nav_item:last-child a:hover{
    background:#fff!important;
    color:#0068ff!important;
    text-decoration:none;
}
.navbar_type8 .nav_tab .nav_item::before{
    border-bottom: 2px solid #0f5cff;
}
.navbar_type8 .nav_tab .nav_item:last-child::before{
     border-bottom: 0;
}
.navbar_mobile{
    background-color: #071321;
}

@media screen and (max-width:1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
        padding:15px 1.1vw;
    }
}

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

@media screen and (max-width:768.5px){
    .index_wrapper_2 .item>img{
        min-height:100vw!important;
        object-fit:cover;
    }
}

/*banner*/
.slick-dots{
    display:block!important;
}
.slick-slider {
  margin-top: -115px;
}
.hp_banner{
    position:relative;
    left:7%;
    top:50%;
    transform:translate(0,-50%);
    width:calc(100% - 14%);
}

.hp_banner .hp_banner_box{
    position:relative;
    z-index:3;
    width:36%;
}

.hp_banner .hp_banner_title{
    font-size: 55px;
  font-weight: 900;
  line-height: 0.98;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 18px;
  font-family: Antonio;
}

.hp_banner .hp_banner_title span{
    color:#0068ff;
}

.hp_banner .hp_banner_title span:first-child{
    display:inline-block;
}

.hp_banner .hp_banner_line{
    width:135px;
    height:5px;
    background:#0068ff;
    margin:0 0 18px;
}

.hp_banner .hp_banner_content{
    font-size: 15px;
    line-height:1.55;
    color:#fff;
    width:92%;
    margin:0 0 22px;
    font-family: DM Sans;
}

.hp_banner .hp_banner_btnbox{
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
}

.hp_banner .hp_banner_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    background:#0068ff;
    padding:12px 18px;
    color:#fff;
    font-size: 13px;
    font-weight: 500;
    text-decoration:none;
    transition:0.25s all linear;
}

.hp_banner .hp_banner_btn img,
.hp_banner .hp_banner_link img{
    width:14px!important;
    height:14px!important;
    object-fit:contain;
    transition:0.25s all linear;
}

.hp_banner .hp_banner_btn:hover{
    background:#fff;
    color:#0068ff;
    text-decoration:none;
}

.hp_banner .hp_banner_btn:hover img,
.hp_banner .hp_banner_link:hover img{
    transform:translateX(4px);
}

.hp_banner .hp_banner_link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}

.hp_banner .hp_banner_link:hover{
    color:#0068ff;
    text-decoration:none;
}

.hp_banner .hp_banner_arrowbox{
    position:absolute;
    right:3vw;
    top: 0%;
    z-index:8;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.hp_banner .hp_banner_arrow{
    width: 50px;
    height: 50px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    transition:0.25s all linear;
}

.hp_banner .hp_banner_arrow img{
    width:100%!important;
    height:100%!important;
    object-fit:contain;
}

.hp_banner .hp_banner_arrow:hover{
    transform:translateX(-5px);
}
.hp_banner .hp_btn_arrow{
    position:relative;
    width:18px;
    height:18px;
    display:block;
    flex:0 0 18px;
}

.hp_banner .hp_btn_arrow img{
    position:absolute;
    left:0;
    top:0;
    width:100%!important;
    height:100%!important;
    object-fit:contain;
    transition:0.25s all linear;
}

.hp_banner .hp_btn_arrow .arrow_hover{
    opacity:0;
}

.hp_banner .hp_banner_btn:hover .arrow_normal,
.hp_banner .hp_banner_link:hover .arrow_normal{
    opacity:0;
    transform:translateX(4px);
}

.hp_banner .hp_banner_btn:hover .arrow_hover,
.hp_banner .hp_banner_link:hover .arrow_hover{
    opacity:1;
    transform:translateX(4px);
}
.hp_banner_indicator{
    position:absolute;
    left:50%;
    bottom:35px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:14px;
    z-index:20;
}

.hp_banner_indicator span{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#d9d9d9;
    cursor:pointer;
    transition:.3s;
}

.hp_banner_indicator span.active{
    width:18px;
    height:18px;
    background:#005cff;
    border:3px solid rgba(0,92,255,.3);
}
.slider_banner .slick-prev::before{
    background-image: url("https://cdn1.npcdn.net/images/A_BUTTON2_9msqec_1783480647.png?md5id=d61fc047656a08fd0cddc1a37e4dd729&new_width=180&new_height=180&type=4");
    filter: unset;
    
}
.slider_banner .slick-next::before{
    background-image: url("https://cdn1.npcdn.net/images/A_BUTTON1_fghubr_1783480647.png?md5id=d61fc047656a08fd0cddc1a37e4dd729&new_width=180&new_height=180&type=4");
    filter: unset;
}
.slider_banner .slick-prev {
  z-index: 99;
  left: 35px;
  left: unset;
  right: 8%;
  top: 220px;
}
.slider_banner .slick-next {
  right: 8%;
  top: 265px;
}
/*.slider_banner .slick-next {*/
/*  right: 50px;*/
/*  bottom: 50px;*/
/*  top: unset;*/
/*}*/
/*.slider_banner .slick-prev {*/
/*  right: 100px;*/
/*  bottom: 50px;*/
/*  top: unset;*/
/*  left: unset;*/
/*}*/
/* Banner Dots */
.slider_banner{
    margin-bottom:0 !important;
}

.slider_banner .slick-dots{
    position:absolute;
    left:50%;
    bottom:28px;
    transform:translateX(-50%);
    display:flex !important;
    justify-content:center;
    align-items:center;
    margin:0;
    padding:0;
    z-index:20;
}

.slider_banner .slick-dots li{
    width:8px;
    height:8px;
    margin:0 8px;
    transition:.25s ease;
}

.slider_banner .slick-dots li button{
    width:10px;
    height:10px;
    padding:0;
}

.slider_banner .slick-dots li button::before{
    content:"";
    font-size:0;
    opacity:1;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#d9d9d9;
    transition:.25s ease;
}

/* Hover */

.slider_banner .slick-dots li:hover button::before{
    background:#0068ff;
}

/* Active */

.slider_banner .slick-dots li.slick-active{
    width:14px;
    height:14px;
}

.slider_banner .slick-dots li.slick-active button{
    width:16px;
    height:16px;
}

.slider_banner .slick-dots li.slick-active button::before{
    width:6px;
    height:6px;
    background:#0068ff;
    border-radius:50%;
    border:4px solid rgba(0,104,255,.28);
    box-sizing:content-box;
}
/*tablet*/
@media screen and (max-width:1200.5px){
    
    .hp_banner{
        top: 57%;
    }
    .hp_banner .hp_banner_box{
        width:55%;
    }

    .hp_banner .hp_banner_title{
        font-size:38px;
    }
}

@media screen and (max-width:991.5px){
    .hp_banner{
        left:6%;
        width:calc(100% - 12%);
        top: 48%;
    }

    .hp_banner .hp_banner_box{
        width:58%;
    }

    .hp_banner .hp_banner_title{
        font-size:34px;
    }
    .slick-slider {
 margin-top: -35px;
}
}

/*mobile*/
@media screen and (max-width:768.5px){
    .hp_banner{
        left:6%;
        width:calc(100% - 12%);
    }

    .hp_banner .hp_banner_box{
        width:88%;
    }

    .hp_banner .hp_banner_title{
        font-size:30px;
    }

    .hp_banner .hp_banner_content{
        width:100%;
    }

    .hp_banner .hp_banner_arrowbox{
        right:5vw;
        top:auto;
        bottom:-20vw;
        flex-direction:row;
    }
    .slider_banner .item>img{
        min-height: 550px !important;
    object-fit: cover;
    padding-top: 300px;
        object-position: right;
        background-color: #000;
    }


    .slider_banner .item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 300px;
        width: 100%;
        height: 20%;
        background-image: linear-gradient(to bottom, #000, transparent);
    }
    .slider_banner .slick-next {
  right: 50px;
  bottom: 50px;
  top: unset;
}
.slider_banner .slick-prev {
  right: 100px;
  bottom: 50px;
  top: unset;
  left: unset;
}
}

/*about*/
.hp_about{
    position:relative;
    padding:0;
    background:#f1f2f4;
    overflow:hidden;
}

.hp_about .hp_about_dot{
    position:absolute;
    width: 4vw !important;
    height:auto!important;
    left:0;
    top:3vw;
    z-index:2;
}

.hp_about .container-fluid{
    padding-left:0;
    padding-right:0;
}

.hp_about .hp_about_row{
    align-items:stretch;
    min-height:560px;
}

.hp_about .hp_about_textbox{
    position:relative;
    z-index:3;
    padding: 115px 8% 80px 15%;
    height:100%;
}

.hp_about .hp_about_textbox:after{
    position:absolute;
    content:"";
    top:0;
    right:-9vw;
    width:14vw;
    height:100%;
    background:#f1f2f4;
    transform:skewX(-17deg);
    transform-origin:top;
    z-index:-1;
}

.hp_about .hp_about_spin_btn{
    position:absolute;
    width:8vw;
    height:8vw;
    right:-6vw;
    top:5vw;
    display:block;
    z-index:5;
}

.hp_about .hp_about_spin_btn img{
    width:100%!important;
    height:100%!important;
    object-fit:contain;
    animation:tscSpin 12s linear infinite;
}

.hp_about .hp_about_imgbox{
    height:100%;
    overflow:hidden;
}

.hp_about .hp_about_img{
    width:100%!important;
    height:100%!important;
    object-fit:cover;
}

@keyframes tscSpin{
    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

@media screen and (max-width:1200.5px){
    .hp_about .hp_about_textbox{
        padding:70px 6% 70px 10%;
    }

    .hp_about .hp_about_spin_btn{
        width:10vw;
        height:10vw;
        right:-5vw;
    }
}
@media screen and (max-width:1024.5px){
    .hp_about{
        padding:60px 5%;
    }

    .hp_about .hp_about_row > .col-lg-6{
        flex:0 0 100%;
        max-width:100%;
    }

    .hp_about .hp_about_textbox{
        padding:55px 35px 40px;
    }

    .hp_about .hp_about_textbox:after{
        display:none;
    }

    .hp_about .hp_about_imgbox{
        margin-top:35px;
        height:auto;
    }

    .hp_about .hp_about_img{
        width:100%!important;
        height:auto!important;
        object-fit:cover;
    }

    .hp_about .hp_about_spin_btn{
        width:120px;
        height:120px;
        right:8%;
        top:35px;
    }
}

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

    .hp_about .hp_about_row{
        min-height:auto;
    }

    .hp_about .hp_about_textbox{
        padding:55px 40px;
    }

    .hp_about .hp_about_textbox:after{
        display:none;
    }

    .hp_about .hp_about_spin_btn{
        width:14vw;
        height:14vw;
        right:5vw;
        top:auto;
        bottom:-7vw;
    }

    .hp_about .hp_about_imgbox{
        height:auto;
        margin-top:30px;
    }

    .hp_about .hp_about_img{
        height:auto!important;
    }
}

@media screen and (max-width:768.5px){
    .hp_about{
        padding:50px 0;
    }

    .hp_about .hp_about_textbox{
        padding:45px 25px;
    }

    .hp_about .hp_about_dot{
        width: 5vw !important;
    }

    .hp_about .hp_about_spin_btn{
        width: 20vw;
    height: 20vw;
    right: 4vw;
    bottom: -15vw;
    }
}

/*service*/
.hp_service{
    position:relative;
    padding:80px 7.5% 95px;
    background:var(--tsc-dark);
}

.hp_service .hp_service_top{
    align-items:flex-end;
    margin-bottom:40px;
}

.hp_service .hp_service_listbox{
    margin-left:-12px;
    margin-right:-12px;
}

.hp_service .hp_service_listbox > div{
    padding-left:12px;
    padding-right:12px;
}

.hp_service .hp_service_item{
    position:relative;
    height:100%;
    background:#fff;
    border-radius:8px;
    overflow:visible;
    transition:0.25s all linear;
}

.hp_service .hp_service_item:hover{
    transform:translateY(-10px);
}

.hp_service .hp_service_imgframe{
    position:relative;
    width:100%;
    height:0;
    padding-top:62%;
    overflow:hidden;
    border-radius:8px 8px 0 0;
}

.hp_service .hp_service_imgframe img{
    position:absolute;
    width:100%;
    height:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit:cover;
    transition:0.35s all linear;
}

.hp_service .hp_service_item:hover .hp_service_imgframe img{
    transform:translate(-50%,-50%) scale(1.08);
}

.hp_service .hp_service_content{
    position:relative;
    padding: 70px 22px 25px;
    min-height:210px;
    text-align:center;
}

.hp_service .hp_service_iconbox{
    position:absolute;
    left:50%;
    top:-30px;
    transform:translateX(-50%);
    width: 80px;
    height: 80px;
    border-radius:50%;
    background:var(--tsc-blue);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 14px 22px rgba(0,104,255,0.35);
    animation:tscFloat 3s ease-in-out infinite;
}

.hp_service .hp_service_icon{
    width: 65px !important;
    height: 65px !important;
    object-fit:contain;
}

.hp_service .hp_service_item .n_subtitle{
    font-size: 18px;
    color:var(--tsc-blue);
}

.hp_service .hp_service_item .n_content{
    font-size:13px;
    line-height:1.6;
    margin-bottom:0;
}

@keyframes tscFloat{
    0%,100%{
        transform:translateX(-50%) translateY(0);
    }

    50%{
        transform:translateX(-50%) translateY(-6px);
    }
}

@media screen and (max-width:991.5px){
    .hp_service{
        padding:70px 5%;
    }

    .hp_service .btnbox_right{
        justify-content:flex-end;
        margin-top:20px;
    }

    .hp_service .hp_service_listbox > div{
        margin-bottom:35px;
    }
}

@media screen and (max-width:768.5px){
    .hp_service{
        padding:60px 0;
    }

    .hp_service .container-fluid{
        padding-left:25px;
        padding-right:25px;
    }
    .hp_service .btnbox_right{
        justify-content:flex-start;
    }

    .hp_service .n_title{
        font-size:32px;
    }
}

/*capability*/
.hp_capability{
    position:relative;
    padding:90px 7.5%;
    background:#f1f2f4;
}

.hp_capability .hp_capability_dot{
    position: absolute;
  width: 17vw !important;
  height: auto !important;
  left: -7vw;
  top: -6vw;
  z-index: 1;
}

.hp_capability .hp_capability_row{
    align-items:center;
}

.hp_capability .hp_capability_textbox{
    position:relative;
    z-index:2;
}

.hp_capability .hp_checklist{
    margin-top:25px;
}

.hp_capability .hp_checklist p{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    font-weight:600;
    color:#26313c;
    margin-bottom:10px;
}

.hp_capability .hp_checklist img{
    width:18px!important;
    height:18px!important;
    object-fit:contain;
    flex:0 0 18px;
}

.hp_capability .hp_capability_imgrow{
    align-items:flex-start;
}

.hp_capability .hp_capability_item{
    text-align:center;
    padding:0 10px;
    border-right:1px solid rgba(0,0,0,0.22);
    height:100%;
}

.hp_capability .hp_capability_imgrow > div:last-child .hp_capability_item{
    border-right:0;
}

.hp_capability .hp_capability_item img{
    width:100%!important;
    height:220px!important;
    object-fit:cover;
    margin-bottom:20px;
}

.hp_capability .hp_capability_item .n_subtitle{
    font-size: 20px;
    margin-bottom:5px;
}

.hp_capability .hp_capability_item .n_content{
    font-size:13px;
    line-height:1.4;
    margin-bottom:0;
}
.hp_capability_left{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
}

.hp_capability_right{
    display:flex;
    align-items:center;
    height:100%;
}
.hp_capability .row{
    align-items:center;
}
/*.hp_capability .row{*/
/*    min-height:620px;*/
/*}*/
@media screen and (max-width:1024.5px){
    .hp_capability .hp_capability_row{
        align-items:flex-start;
    }

    .hp_capability .hp_capability_row > .col-lg-4,
    .hp_capability .hp_capability_row > .col-lg-8{
        flex:0 0 100%;
        max-width:100%;
    }

    .hp_capability .hp_capability_textbox{
        margin-bottom:50px;
    }

    .hp_capability .hp_capability_imgrow > .col-md-4{
        flex:0 0 33.3333%;
        max-width:33.3333%;
    }
}

@media screen and (max-width:767.5px){
    .hp_capability .hp_capability_imgrow > .col-md-4{
        flex:0 0 100%;
        max-width:100%;
    }
}

@media screen and (max-width:991.5px){
    .hp_capability{
        padding:70px 5%;
    }

    .hp_capability .hp_capability_textbox{
        margin-bottom:40px;
    }

    .hp_capability .hp_capability_imgrow{
        margin-top:10px;
    }

    .hp_capability .hp_capability_item img{
        height:260px!important;
    }
}

@media screen and (max-width:768.5px){
    .hp_capability{
        padding:60px 0;
    }

    .hp_capability .container-fluid{
        padding-left:25px;
        padding-right:25px;
    }

    .hp_capability .hp_capability_dot{
        width:24vw!important;
    }

    .hp_capability .hp_capability_item{
        border-right:0;
        border-bottom:1px solid rgba(0,0,0,0.15);
        padding:0 0 25px;
        margin-bottom:25px;
    }

    .hp_capability .hp_capability_imgrow > div:last-child .hp_capability_item{
        border-bottom:0;
    }
}

/*material*/
.hp_material{
    position:relative;
    padding:80px 7.5% 75px;
    background:#fff;
    overflow:hidden;
}

.hp_material .hp_material_dot{
    position: absolute;
  width: 17vw !important;
  height: auto !important;
  left: -6vw;
  top: 4vw;
  z-index: 1;
}

.hp_material .hp_material_circle{
    position: absolute;
  width: 30vw !important;
  height: auto !important;
  right: -12vw;
  top: -12vw;
  z-index: 1;
}

.hp_material .hp_material_titlebox{
    position:relative;
    z-index:3;
    margin-bottom: 20px;
}

/*.hp_material .hp_material_titlebox .n_small{*/
/*    text-align:center;*/
/*    margin-bottom:8px;*/
/*}*/

/*.hp_material .hp_material_titlebox .n_title{*/
/*    font-size:34px;*/
/*    line-height:1.05;*/
/*    margin-bottom:20px;*/
/*}*/

.hp_material .n_line{
    width:115px;
    height:6px;
    background:#0068ff;
    margin:18px auto 0;
}

.hp_material .hp_material_slider{
    position:relative;
    z-index:2;
    margin-left:-14px;
    margin-right:-14px;
    margin-top:20px;
}

.hp_material .hp_material_slide{
    padding-left:14px;
    padding-right:14px;
}

.hp_material .slick-list{
    overflow:hidden;
    padding-top:0!important;
}

.hp_material .slick-track{
    display:flex!important;
}

.hp_material .slick-slide{
    height:auto!important;
}

.hp_material .slick-slide > div{
    height:100%;
}

.hp_material .hp_material_item{
    height:100%;
    text-align:center;
}

.hp_material .hp_material_item img{
    width:100%!important;
    height:225px!important;
    object-fit:cover;
    border-radius:8px;
    margin-bottom:20px;
}

.hp_material .hp_material_item .n_subtitle{
    font-size:16px;
    font-weight:800;
    line-height:1.2;
    color:#07111d;
    text-transform:uppercase;
    margin-bottom:0;
}

.hp_material .slick-prev,
.hp_material .slick-next{
    display:none!important;
}

/*.index_wrapper_2 .slick-dots{*/
/*    position:absolute;*/
/*    left:50%;*/
/*    bottom:35px;*/
/*    transform:translateX(-50%);*/
/*    width:auto;*/
/*    display:flex!important;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*    margin:0;*/
/*    padding:0;*/
/*    z-index:20;*/
/*}*/

/*.index_wrapper_2 .slick-dots li{*/
/*    width:14px;*/
/*    height:14px;*/
/*    margin:0 8px;*/
/*}*/

/*.index_wrapper_2 .slick-dots li button{*/
/*    width:14px;*/
/*    height:14px;*/
/*    padding:0;*/
/*}*/

/*.index_wrapper_2 .slick-dots li button:before{*/
/*    content:"";*/
/*    width:12px;*/
/*    height:12px;*/
/*    border-radius:50%;*/
/*    background:#d8d8d8;*/
/*    opacity:1;*/
/*    transition:.25s;*/
/*}*/

/*.index_wrapper_2 .slick-dots li.slick-active button:before{*/
/*    width:18px;*/
/*    height:18px;*/
/*    background:#005dff;*/
/*    border:3px solid rgba(0,93,255,.35);*/
/*    box-shadow:0 0 0 4px rgba(0,93,255,.18);*/
/*}*/



@media screen and (max-width:991.5px){
    .hp_material{
        padding:70px 5%;
    }

    .hp_material .hp_material_item img{
        height:210px!important;
    }
     .hp_material .hp_material_circle{
        width:240px!important;
        right:-80px;
        top:-60px;
    }
}

@media screen and (max-width:768.5px){
    .hp_material{
        padding:60px 0;
    }

    .hp_material .container-fluid{
        padding-left:25px;
        padding-right:25px;
    }

    .hp_material .hp_material_dot{
        width:24vw!important;
    }

    .hp_material .hp_material_circle{
        width:28vw!important;
        right:-5vw;
    }

    .hp_material .hp_material_titlebox .n_title{
        font-size:28px;
    }

    .hp_material .hp_material_item img{
        height:165px!important;
    }
    .hp_material .hp_material_circle{
        width: 185px !important;
    right: -95px;
    top: -85px;
    }
}
/*why*/
.hp_why{
    position:relative;
    padding:90px 7.5% 100px;
    background-image: url("https://cdn1.npcdn.net/images/F_Background_l47eoz_1783480652.jpg?md5id=d61fc047656a08fd0cddc1a37e4dd729&new_width=1824&new_height=1132&type=4");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.hp_why .n_line {
  width: 115px;
  height: 6px;
  background: #0068ff;
  margin: 18px auto 0;
}
.hp_why .hp_why_titlebox{
    margin-bottom:45px;
}

.hp_why .hp_why_listbox{
    margin-left:-15px;
    margin-right:-15px;
}

.hp_why .hp_why_listbox > div{
    padding-left:15px;
    padding-right:15px;
    margin-bottom:30px;
}

.hp_why .hp_why_item{
    height:100%;
    min-height:205px;
    padding:35px 28px;
    background:rgba(255,255,255,0.28);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:7px;
    backdrop-filter:blur(4px);
    transition:0.25s all linear;
}

.hp_why .hp_why_item:hover{
    background:#fff;
    transform:translateY(-8px);
}

.hp_why .hp_why_icon{
    width:55px!important;
    height:55px!important;
    object-fit:contain;
    margin-bottom:22px;
    filter:brightness(0) invert(1);
    transition:0.25s all linear;
}

.hp_why .hp_why_item:hover .hp_why_icon{
    filter:none;
}

.hp_why .hp_why_item .n_subtitle{
    font-size: 22px;
    color:#fff;
    margin-bottom:12px;
}

.hp_why .hp_why_item .n_content{
    font-size: 16px;
    color:rgba(255,255,255,0.85);
    margin-bottom:0;
}

.hp_why .hp_why_item:hover .n_subtitle{
    color:var(--tsc-blue);
}

.hp_why .hp_why_item:hover .n_content{
    color:#3d4650;
}
.hp_why .hp_why_item{
    height:100%;
    min-height:260px;
    padding:45px 42px 38px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.hp_why .hp_why_icon{
    width:60px!important;
    height:60px!important;
    object-fit:contain;
    margin-bottom:42px;
}

.hp_why .hp_why_item .n_subtitle{
    min-height:62px;
    display:flex;
    align-items:flex-start;
    font-size:24px;
    line-height:1.15;
    margin-bottom:18px;
}

.hp_why .hp_why_item .n_content{
    font-size:16px;
    line-height:1.75;
    margin-bottom:0;
}

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

@media screen and (max-width:768.5px){
    .hp_why{
        padding:60px 0;
    }

    .hp_why .container-fluid{
        padding-left:25px;
        padding-right:25px;
    }

    .hp_why .hp_why_item{
        min-height:auto;
    }
}

/*industry*/
.hp_industry{
    position:relative;
    padding:80px 7.5%;
    background:#f1f2f4;
    overflow:hidden;
}

.hp_industry .hp_industry_element{
    position:absolute;
    width:30vw!important;
    height:auto!important;
    left:-10vw;
    top:-10vw;
    z-index:1;
}

.hp_industry .hp_industry_row{
    position:relative;
    z-index:2;
    align-items:center;
}

.hp_industry .hp_industry_listbox{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    margin-left:0;
    margin-right:0;
}

.hp_industry .hp_industry_listbox > div{
    flex:0 0 25%;
    max-width:25%;
    padding:0;
}

.hp_industry .hp_industry_item{
    height:210px;
    min-height:210px;
    padding:28px 18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-right:1px solid rgba(0,0,0,0.22);
    border-bottom:1px solid rgba(0,0,0,0.16);
    transition:0.25s all linear;
}

.hp_industry .hp_industry_listbox > div:nth-child(4n) .hp_industry_item{
    border-right:0;
}

.hp_industry .hp_industry_listbox > div:nth-child(n+5) .hp_industry_item{
    border-bottom:0;
}

.hp_industry .hp_industry_item:hover{
    background:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
    transform:translateY(-5px);
}

.hp_industry .hp_industry_item img{
    width:50px!important;
    height:50px!important;
    object-fit:contain;
    margin-bottom:20px;
}

.hp_industry .hp_industry_item h3{
    font-size: 17px;
    font-weight:600;
    line-height:1.25;
    min-height:68px;
    color:#111;
    text-transform:uppercase;
    margin:0;
    font-family:Antonio;
    display:flex;
    align-items:center;
    justify-content:center;
}

@media screen and (max-width:991.5px){
    .hp_industry{
        padding:70px 5%;
    }

    .hp_industry .hp_industry_listbox > div{
        flex:0 0 50%;
        max-width:50%;
    }

    .hp_industry .hp_industry_listbox > div:nth-child(4n) .hp_industry_item{
        border-right:1px solid rgba(0,0,0,0.22);
    }

    .hp_industry .hp_industry_listbox > div:nth-child(2n) .hp_industry_item{
        border-right:0;
    }

    .hp_industry .hp_industry_listbox > div:nth-child(n+5) .hp_industry_item{
        border-bottom:1px solid rgba(0,0,0,0.16);
    }

    .hp_industry .hp_industry_listbox > div:nth-child(n+7) .hp_industry_item{
        border-bottom:0;
    }
}

@media screen and (max-width:768.5px){
    .hp_industry{
        padding:60px 0;
    }

    .hp_industry .container-fluid{
        padding-left:25px;
        padding-right:25px;
    }

    .hp_industry .hp_industry_listbox > div{
        flex:0 0 100%;
        max-width:100%;
    }

    .hp_industry .hp_industry_item{
        height:auto;
        min-height:150px;
        border-right:0!important;
        border-bottom:1px solid rgba(0,0,0,0.16)!important;
    }

    .hp_industry .hp_industry_listbox > div:last-child .hp_industry_item{
        border-bottom:0!important;
    }
}

/*cta*/
.hp_cta{
    position:relative;
    padding:95px 7.5%;
    background-image:url("https://cdn1.npcdn.net/images/H_BACKGROUND_s8742m_1783480653.jpg?md5id=d61fc047656a08fd0cddc1a37e4dd729&new_width=1825&new_height=522&type=4");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.hp_cta .n_line {
  width: 115px;
  height: 6px;
  background: #0068ff;
  margin: 18px auto 0;
}
.hp_cta .hp_cta_box{
    width:60%;
    margin:0 auto;
}

.hp_cta .hp_cta_box .n_content{
    width:80%;
    margin: 10px auto 28px;
}

.hp_cta .hp_cta_btnbox{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

@media screen and (max-width:991.5px){
    .hp_cta{
        padding:80px 5%;
    }

    .hp_cta .hp_cta_box{
        width:80%;
    }
}

@media screen and (max-width:768.5px){
    .hp_cta{
        padding:70px 0;
    }

    .hp_cta .container-fluid{
        padding-left:25px;
        padding-right:25px;
    }

    .hp_cta .hp_cta_box{
        width:100%;
    }

    .hp_cta .hp_cta_box .n_content{
        width:100%;
    }
}

/*footer*/
.footer_type8 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type10 .privacy_policy:hover,
.footer_type10 .mb-1{
    color:#fff!important;
}

.footer_type10 .social_media a .icon_s img{
    filter:brightness(0) invert(1)!important;
}

.footer_type10 .social_media a:hover .icon_s i{
    color:#fff;
}

.footer_langbar_item{
    color:#fff!important;
}

.footer_type10{
    color: #071321;
  background-color: #f1f2f2;
}
.footer_type10 .sub_title p{
    font-family: Antonio;
}
.footer_type10 .logo img{
    opacity:0;
}

.footer_type10 .logo{
    position:relative;
}

.footer_type10 .logo:after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:260px;
    height:80px;
    background:url("https://cdn1.npcdn.net/images/TSC_RESOURCE_FOOTER_LOGO_py291i_1783480653.png?md5id=d61fc047656a08fd0cddc1a37e4dd729&new_width=1252&new_height=415&type=4") no-repeat left center;
    background-size:contain;
}
.footer_type10 .text{
    color: #071321 !important;
}
.footer_type8 .copy_right, .npfooter_languagebar .text-muted, .platinum_website_visitor, .npfooter_languagebar, .copy_right small, .footer_type10 .privacy_policy:hover, .footer_type10 .mb-1{
    color: #071321 !important;
}
.footer_type10 .icon i{
    color: #071321 !important;
}
.footer_type10 .line_top{
    border-top: 1px solid rgba(7, 19, 33, 0.5);
}
.footer_type10 .sub_title{
     border-bottom: 1px solid rgba(7, 19, 33, 0.5);
}
.footer_type10 .text{
    font-size: 14px;
}
/*mobile side-navbar*/
.side_menu .footer_langbar_item{
    color:#fff!important;
}