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

#main_index a:hover {
    text-decoration: none;
    color: #4858cc;
}

body > br {
    display: none;
}



/*custom drop down*/

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    background-color:#011b61!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top:25px;
    height: 350px;
    overflow-y: scroll;
}
.navbar_type8 .nav  _tab .dropdown .dropdown-menu {
    top: 20px;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item:first-child {
    padding-top: 0.25rem;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item:last-child {
    padding-bottom: 0.25rem;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item>span {
    padding-top: 0!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item {
    display: flex; 
    flex-direction: column; 
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img {
    position: absolute;
    border-top: 0;
    top: 20px!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel {
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel.p-3 {
    padding: 0!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel a {
     flex: 0 1 100%;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item {
    height: auto;
    text-align: left;
    padding: 0;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame {
    display: none;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .text {
    color:#fff;
    text-align: left;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .text {
    max-width: 350px;
}


/**/

.np_language_btn {
    position: fixed!important;
}
a:hover{
    text-decoration: none;
    color: #4858cc;
}
.navbar_type8 {
    background-color: #fff;
    position: absolute;
}
.dark_nav{
    background-color: #fff !important;
    position: fixed;
}
.navbar_type8 .logo {
    display: none;
}
/*.offer_title,.offer_price,.add_to_cart{*/
/*    display: none;*/
/*}*/
.product_list .product_box .product_des h6 b {
    display: none;
}
.product_box .align-top{
    display: none;
}
.navbar_type8 .nav_tab {
    flex: 0 1 100%;
    justify-content: center;
}
.navbar_type8 .nav_tab .nav_item::before {
    top: 110%;
    /*border-bottom: 3px solid #4b4b4b;*/
    /*display: none;*/
    transition: all 0.3s ease;
    /*transform: translateX(-50%);*/
}
.navbar_type8 .nav_tab .active {
    color: #000 !important;
}
.navbar_type8 .nav_tab .nav_item a{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 20px;
}
.navbar_type8 .nav_tab .nav_item a:hover{
    color: #011b61!important;
}
.navbar_type8 .nav_tab .nav_item{
    text-transform: capitalize;
}
.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_type8 .nav_tab .nav_item a::after {
    /*content: "";*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*bottom: -5px;*/
    /*width: 0;*/
    /*height: 2px;*/
    /*background-color: #011b61;*/
    /*transition: all 0.3s ease;*/
    /*transform: translateX(-50%);*/
}





.editor {
    position: relative;
    z-index: 999;
    border-bottom: 1px solid;
}
.editor a:hover{
    text-decoration: none;
    color: #4858cc !important;
}
.topcontact{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.topicon{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.topicon.scroll_menu {
    position: fixed;
    z-index: 9999;
    top: 27px;
    /*right: 15%;*/
    right:6rem;
    width: auto;
}
.topicon > div{
    margin-right: 25px;
}
.editor .login .dropdown-menu {
    z-index: 1;
    background-color: transparent;
    top: 20px;
    border: none;
    -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    right: auto;
    left: 0;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: left;
    position: absolute;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    list-style: none;
    background-clip: padding-box;
    border-radius: .25rem;
}
.editor .login .dropdown-menu .dropdown-item a {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    outline: transparent;
    padding: 0.5rem 1rem !important;
    color: #fff;
    font-size: 14px;
}
.editor .login .dropdown-menu .dropdown-item a:hover{
    text-decoration: none;
    background: #454343;
}
.editor .login .dropdown-menu .dropdown-item {
    background-color: rgba(75, 75, 75, 0.9);
    display: flex;
    flex-direction: column;
    max-width: 350px;
    min-width: 150px;
    padding: 0;
}
.editor.login:focus .dropdown-menu, .editor .login:hover .dropdown-menu {
    display: block;
}
.editor .login {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    display: flex;
    position: relative;
}
.editor .shopping{
    margin-right: 10px;
    display: flex;
}
.editor .shopping > a {
    display: flex;
    padding: 0 15px 0 0 !important;
}
.editor .shopping > a:hover{
    text-decoration: none;
}
.editor .shopping .fa-shopping-cart, .editor .fa-user, .editor .fa-search{
    font-size: 22px !important;
    color: #4b4b4b;
}
.editor .shopping .bi-cart3, .editor .bi-person-plus, .editor .bi-search{
    color: #4b4b4b;
}
.editor .shopping .bi-cart3{
    font-size: 18px;
}
.editor .bi-person-plus{
    font-size: 20px;
}
.editor .bi-search{
    font-size: 15px;
}
.editor .topicon.scroll_menu .shopping .fa-shopping-cart, .editor .topicon.scroll_menu .fa-user, .editor .topicon.scroll_menu .fa-search{
    font-size: 20px !important;
}
.editor .shopping .badge {
    font-size: 90%;
}
.nav_search {
    flex-grow: 1;
    display: flex;
    max-width: 100%;
    align-self: center;
    margin-bottom: -5px;
    border: 1px solid #e0dede;
    box-shadow: 0px 0px 7px rgb(191 191 191 / 65%);
}
.editor .scroll_menu .nav_search{
    border: none;
}
.nav_search input {
    background: rgba(240, 242, 245, 1);
    width: 100%;
    height: 45px;
    border: 0;
    box-shadow: none;
    padding: 5px 60px 5px 25px;
    border-radius: 0;
    max-height: 45px;
}
.nav_search .search_button {
    background-color: #f0f2f5;
    color: white;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0 15px;
    max-height: 45px;
}
.boxSearch .fa-search{
    font-size: 18px !important;
}
.dark_nav.sticky-search{
    margin-top: 60px;
}
.btnSearch {
    position: relative;
    z-index: 999;
    cursor: pointer;
    transition: all .43s ease-in-out;
}
.boxSearch {
    display: none;
    position: absolute;
    top: 70px;
    /*left: -40px;*/
    left:95px;
}
.scroll_menu .boxSearch {
    display: none;
    position: absolute;
    top: 60px;
    left: -265px;
    width: 300px;
}
.btnClose .bi-search:before {
    content: "\f62a";
    font-size: 24px;
    vertical-align: bottom;
    margin-right: -5px;
}
.editor .scroll_menu .btnClose .fa-search:before{
    font-size: 20px;
}
.editor .scroll_menu .boxSearch .bi-search{
    transition: all .3s ease;
}
.editor .fa-search{
    line-height: 24px;
}
.nav_search .search_button:hover .bi-search{
    color: #b7b7b7;
}
.nav_search .search_button:focus{
    outline: none;
}
/*.navbar_type8 .nav_tab .login, .navbar_type8 .nav_tab .shopping{*/
/*    display: none;*/
/*}*/
.dark_nav .nav_tab {
    padding-right: 170px;
    box-shadow: 0 0 5px #aaa;
}
#main_index .m_editor{
    display: none;
}
.m_editor{
    display: none;
}

.btn2 a {
  	line-height: 10px;
  	-webkit-perspective: 1000px;
  	-moz-perspective: 1000px;
  	perspective: 1000px;
        text-decoration: none;
  }

  .btn2 a span {
  	position: relative;
        font-weight:600;
        font-size:15px;
  	display: table-cell;
        vertical-align: middle;
        padding:0 20px;
        letter-spacing:0.5px;
  	height:40px;
        color: #fff;
        border: 2px solid #fff;
  	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	transition: transform 0.3s;
  	-webkit-transform-origin: 50% 0;
  	-moz-transform-origin: 50% 0;
  	transform-origin: 50% 0;
  	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
  }

  .btn2 a span::after {
  	position: absolute;
  	top: 100%;
  	left: -2px;
  	width: 103.5%;
  	height: 112%;
        text-align:center;
        box-sizing: border-box;
        color:#222;
  	background: #fff;
        border-top: 14px solid #fff;
  	content: attr(data-hover);
  	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	transition: transform 0.3s;
  	-webkit-transform: rotateX(-90deg);
  	-moz-transform: rotateX(-90deg);
  	transform: rotateX(-90deg);
  	-webkit-transform-origin: 50% 0;
  	-moz-transform-origin: 50% 0;
  	transform-origin: 50% 0;
  }

  .btn2 a:hover span,
  .btn2 a:focus span {
  	-webkit-transform: rotateX(90deg) translateY(-22px);
  	-moz-transform: rotateX(90deg) translateY(-22px);
  	transform: rotateX(90deg) translateY(-22px);
  }

  .btn2 a:hover span::before,
  .btn2 a:focus span::before {
  	background: #152736;
  }
  
  .btn3 a {
  	line-height: 10px;
  	-webkit-perspective: 1000px;
  	-moz-perspective: 1000px;
  	perspective: 1000px;
        text-decoration: none;
  }

  .btn3 a span {
  	position: relative;
    font-weight:600;
    font-size:15px;
  	display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    letter-spacing:0.5px;
  	height:40px;
    color: #4b4b4b;
    text-shadow: none;
    border: 2px solid #4b4b4b;
  	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	transition: transform 0.3s;
  	-webkit-transform-origin: 50% 0;
  	-moz-transform-origin: 50% 0;
  	transform-origin: 50% 0;
  	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
  }

  .btn3 a span::after {
  	position: absolute;
  	top: 100%;
  	left: -2px;
  	width: 103.5%;
  	height: 112%;
        text-align:center;
        box-sizing: border-box;
        color:#fff;
  	background: #4b4b4b;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	content: attr(data-hover);
  	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	transition: transform 0.3s;
  	-webkit-transform: rotateX(-90deg);
  	-moz-transform: rotateX(-90deg);
  	transform: rotateX(-90deg);
  	-webkit-transform-origin: 50% 0;
  	-moz-transform-origin: 50% 0;
  	transform-origin: 50% 0;
  }

  .btn3 a:hover span,
  .btn3 a:focus span {
  	-webkit-transform: rotateX(90deg) translateY(-22px);
  	-moz-transform: rotateX(90deg) translateY(-22px);
  	transform: rotateX(90deg) translateY(-22px);
  }

  .btn3 a:hover span::before,
  .btn3 a:focus span::before {
  	background: #152736;
  }
  
  

/**/


.hp-small{
    font-size:18px;
    font-weight:500;
    margin-bottom:1rem;
    line-height:1.4;
    color:#4858cc;
    text-transform:uppercase;
    /*letter-spacing:1px;*/
}

.hp-title{
    font-size:32px;
    font-weight:600;
    margin-bottom:1.5rem;
    line-height:1.2;
    color:#011b61;
}

.hp-content{
    font-size:16px;
    font-weight:400;
    margin-bottom:0;
    line-height:1.8;
    color:#666;
}

.hp-button{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-top:2rem;
}

.hp-button a{
    width:190px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#183dbb;
    border-radius:8px;
    color:#fff;
    font-size:10px;
    font-weight:500;
    text-decoration:none;
    transition:0.3s all ease;
}

.hp-button a:hover{
    text-decoration:none;
    color:#fff;
    transform:scale(0.98);
}

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

    .hp-title{
        /*font-size:42px;*/
    }

}

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

    .hp-title{
        /*font-size:38px;*/
    }

}

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

    .hp-small{
        font-size:14px;
    }

    .hp-title{
        font-size:30px;
    }

    .hp-content{
        font-size:15px;
    }

    .hp-button{
        justify-content:center;
    }

    .hp-button a{
        width:180px;
        height:48px;
    }

}


/**/


.hp_banner{
    position:relative;
    overflow:hidden;
    /*background:#f8fbff;*/
    padding:120px 9% 80px;
    z-index: 10;
}

.hp_banner .container-fluid{
    padding:0;
}

.hp_banner_box{
    width:100%;
    /*position: relative;*/
    /*z-index: 1;*/
}

.hp_banner .hp-small{
    font-size: 2vw;
    font-weight:400;
    color:#000;
    margin-bottom:1rem;
    letter-spacing:1px;
}

.hp_banner .hp-title{
    font-size: 4.1vw;
    font-weight:700;
    line-height:1.1;
    color:#011b61;
    margin-bottom:1.5rem;
}

.hp_banner .hp-content{
    font-size:1.1vw;
    font-weight:400;
    line-height:1.8;
    color:#4d4d4d;
    max-width:520px;
    margin-bottom:2rem;
}

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

.hp-button a{
    width:260px;
    height:45px;
    border-radius:10px;
    /*background:#183dbb;*/
    background: linear-gradient(to right, #011b61, #4858cc);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    transition:0.3s all ease;
}

.hp-button a span{
    position:relative;
    padding-right:35px;
}

.hp-button a span:before{
    position:absolute;
    content:"➜";
    top:0;
    bottom:0;
    right:0;
    margin:auto 0;
    display:flex;
    align-items:center;
}

.hp-button a:hover{
    text-decoration:none;
    color:#fff!important;
    transform:scale(0.98);
}

.hp_banner_imgbox{
    width:100%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.hp_banner_imgbox img{
    width:100%;
    height:650px;
    object-fit:cover;
    border-radius:30px;
}

.hp_banner_hexagon{
    position:absolute;
    left:-50px;
    bottom:50px;
    width:200px;
    opacity:0.08;
}

.hp_banner .hp-button a {
    /*font-size: 1vw;*/
}


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

    .hp_banner{
        padding:70px 6% 80px;
    }



}


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

    .hp_banner{
        padding:30px 5%;
    }


}


@media screen and (max-width:767.5px){
    .slider_banner .item>img{
    	min-height: 600px !important;
        object-fit: cover;
        padding-top: 330px;
        object-position: right;
        background-color: #fff;
    }


    .slider_banner .item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 330px;
        width: 100%;
        height: 20%;
        background-image: linear-gradient(to bottom, #fff, transparent);
    }



    .hp_banner{
        padding:20px 20px;
    }

    .hp_banner_box{
        text-align:center;
        margin-bottom:40px;
    }

    .hp_banner .hp-small{
        font-size:14px;
    }

    .hp_banner .hp-title{
        font-size:35px;
    }

    .hp_banner .hp-content{
        font-size:14px;
        max-width:100%;
    }

    .hp-button{
        justify-content:center;
    }

    .hp-button a{
        /*width:200px;*/
        height:45px;
    }

    .hp_banner_imgbox img{
        height:350px;
        border-radius:20px;
    }

    .hp_banner_hexagon{
        width:120px;
        left:-20px;
        bottom:20px;
    }

}


/**/

.hp_feature {
    background: linear-gradient(to right, #011b61, #4858cc);
    padding: 3rem 5rem;
    margin: -5rem 9rem 0;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}

.hp_feature .col-lg-4.col-md-6.col-12 {
    border-right: 1px solid #fff;
}

.hp_feature .col-lg-4.col-md-6.col-12:last-child {
    border-right: unset;
}

.hp_feature_box {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.hp_feature_iconbox {
    width: 70px;
    min-width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp_feature_iconbox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.hp_feature_content {
    flex: 1;
}

.hp_feature_box .hp-content {
    font-size: 14px;
    line-height: 1.5;
}

.hp_feature_box:hover .hp_feature_iconbox {
    animation: tada 1s;
}

.hp_feature .hp-small {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: .5rem;
    font-weight: 600;
}



@media (max-width: 1200.5px) {
    .hp_feature {
        padding: 2rem;
        margin: -2rem 1rem 0;
    }
}

@media (max-width: 991.5px) {

    .hp_feature .col-lg-4.col-md-6.col-12:nth-child(2) {
        border-right: unset;
    }

    .hp_feature_box {
        padding-bottom: 1rem;
    }
}

@media (max-width: 767.5px) {

    .hp_feature {
        padding: 2rem 1.5rem;
        border-radius: 20px;
    }

    .hp_feature .col-lg-4.col-md-6.col-12 {
        border-right: unset;
        border-bottom: 1px solid rgba(255,255,255,.3);
        padding: 1rem 0;
    }

    .hp_feature .col-lg-4.col-md-6.col-12:last-child {
        border-bottom: unset;
    }

    .hp_feature_iconbox {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }

    .hp_feature .hp-small {
        font-size: 16px;
    }

    .hp_feature_box .hp-content {
        font-size: 13px;
    }
}







/**/

.hp_about{
    padding:5rem 8%;
    /*background:#fff;*/
    position: relative;
}

.hp_about::before {
    content: "";
    position: absolute;
    left: 0%;
    top: -46%;
    width: 38%;
    height: 85%;
    background-image: url(https://cdn1.npcdn.net/images/A_Banner_Bottom_Element_xk2014_1780373429.png?md5id=5afa3c562f5bf2eff62de390e531c25d&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
    z-index: 0;
}

.hp_about::after {
    content: "";
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 40%;
    height: 45%;
    background-image: url(https://cdn1.npcdn.net/images/B_Element_d5j1y6_1780365326.png?md5id=5afa3c562f5bf2eff62de390e531c25d&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
    z-index: -1;
}



.hp_about_imgbox{
    width:100%;
    padding-right: 2rem;
}

.hp_about_imgbox img{
    /*width:100%;*/
    /*height:620px;*/
    object-fit:cover;
    /*border-radius:25px;*/
}

.hp_about_contentbox{
    /*padding-left:60px;*/
}

.hp_about .hp-content{
    /*max-width:650px;*/
}

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

    .hp_about{
        padding:5rem 1rem;
    }

    .hp_about_contentbox{
        /*padding-left:40px;*/
    }
    
    .hp_about::before {
        top: -20%;
    }

}

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

    .hp_about_imgbox{
        margin-bottom:40px;
    }

    .hp_about_contentbox{
        padding-left:0;
    }
    
    .hp_about_imgbox {
        padding-right: 0;
    }

}

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

    .hp_about{
        padding: 5rem 1rem;
    }

    .hp_about_imgbox img{
        height:350px;
        border-radius:18px;
    }

    .hp_about_contentbox{
        text-align:center;
    }
    
    

}

/**/

.hp_why{
    padding:5rem 11%;
    background-image: url('https://cdn1.npcdn.net/images/C_Background_e6pmdk_1780365327.jpg?md5id=5afa3c562f5bf2eff62de390e531c25d&type=4');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

.hp_why_heading{
    max-width:800px;
    margin:0 auto 60px;
}

.hp_why_heading .hp-content{
    max-width:700px;
    margin:auto;
}

.hp_why_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1rem;
}

.hp_why_box{
    height:100%;
    background:#fff;
    border-radius:20px;
    padding:0 20px 45px;
    text-align:center;
    transition:0.3s all ease;
    position: relative;
}

.hp_why_box:hover .hp_why_iconbox{
    animation: tada 1s;
}

.hp_why_box::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 40%;
    height: 3%;
    background-color: #4858cc;
    border-radius: 10px 10px 0 0;
    z-index: -1;
}


.hp_why_box:hover{
    transform:translateY(-5px);
}

.hp_why_iconbox{
    width:90px;
    height:90px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin: -2.5rem auto 25px;
}

.hp_why_iconbox img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.hp_why_line {
    background-color: #011b61;
    height: 2px;
    width: 2rem;
    margin: 0 auto 1rem;
}

.hp_why_box .hp-small{
    margin-bottom:1rem;
    font-size: 16px;
    font-weight: 600;
    color: #011b61;
    text-transform: unset;
}

.hp_why_box .hp-content {
    font-size: 14px;
    line-height: 1.5;
    
}

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

    .hp_why{
        padding:5rem 1rem;
    }

}

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

    .hp_why_box{
        /*margin-bottom:30px;*/
        height: auto;
        margin-bottom: 3rem;
    }
    
    .hp_why_wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }

}

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

    .hp_why{
        padding:60px 20px;
    }
    
    .hp_why .hp-title {
        margin-bottom: 4.5rem;
    }

    .hp_why_heading{
        margin-bottom:40px;
    }

    .hp_why_wrapper {
        grid-template-columns: 1fr;
    }
    
    .hp_why_box{
        padding:35px 25px;
    }

    .hp_why_iconbox{
        width:70px;
        height:70px;
        margin: -4.5rem auto 25px;
    }

}


/**/

.hp-services {
    padding: 5rem 1rem 0;
}

.hp-services-btn .hp-button {
    justify-content: center;
    padding-bottom: 5rem;
}


/*component - service*/

.product_cat-3 {
    padding: 0 9%;
}

.product_cat-3 .cat_box{
    padding:0.5rem!important;
    overflow:hidden;
}
.product_cat-3 .cat_box .content{
    opacity:1;
    background-color:transparent;
    background:linear-gradient(to bottom, transparent 60%, #011b61);
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    transition:0.6s all ease-out;
    border-radius: 20px;
}
.product_cat-3 .cat_box .content h4{
    top: unset;
    left: 1rem;
    transform: unset;
    bottom: 1rem;
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
    transition:0.25s all ease-out;
    margin: 0!important;
}
.product_cat-3 .cat_box .content:hover h4{
    top:unset;
    bottom:50%;
    left:1rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
}

.product_cat-3 .cat_box img {
    border-radius: 20px;
}

.product_cat-3 .cat_box:hover img{
    transform:unset;
}

.product_cat-3 .cat_box .content .content_box .animated-arrow,
.product_cat-3 .cat_box .content .line {
    display: none;
}




@media (max-width: 1200.5px) {
    .product_cat-3 {
        padding: 0 1rem;
    }
}


@media screen and (max-width: 991.5px){
    .product_cat-3 .cat_box{
        /*flex:0 0 50%;*/
        /*max-width:50%;*/
    }   
}
@media screen and (max-width: 767.5px){
    
    /*component - serivce*/
    .product_cat-3 .col-6{
        flex:0 0 100%;
        max-width:100%;
        /*padding: 1rem !important;*/
    }   
    .product_cat-3 .cat_box .content{
        /*width: calc(100% - 2rem);*/
        /*height: calc(100% - 2rem);*/
    }
}


/**/

.slick-arrow {
    z-index: 1!important;
}

.slick-prev {
    left: -35px!important;
}

.slick-next {
    right: -35px!important;
}

.slick-prev::before, .slick-next::before {
    text-shadow: unset!important;
    color: #000;
}

.hp-logo {
    padding: 0 9% 5rem;
    position: relative;
}

.hp-logo::before {
    content: "";
    position: absolute;
    left: 0;
    top: -60%;
    width: 24%;
    height: 110%;
    background-image: url(https://cdn1.npcdn.net/images/E_Element_left_thlkz0_1780365328.png?md5id=5afa3c562f5bf2eff62de390e531c25d&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.hp-logo::after {
    content: "";
    position: absolute;
    right: 0;
    top: -60%;
    width: 24%;
    height: 110%;
    background-image: url(https://cdn1.npcdn.net/images/E_Element_Right_c4edzk_1780365328.png?md5id=5afa3c562f5bf2eff62de390e531c25d&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}


.hp_brand_img {
    margin: 0 1.25vw;
}



@media (max-width: 1200.5px) {
    .hp-logo {
        padding: 0 1rem 5rem;
    }
}

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

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







/**/

.index_wrapper_7 {
    padding: 5rem 9%;
    background-image: url('https://cdn1.npcdn.net/images/F_Background_1qhg80_1780365329.jpg?md5id=5afa3c562f5bf2eff62de390e531c25d&type=4');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

#main_index .latest_new_type6 {
    padding-top: 0;
}

#main_index .latest_new_type6 .news_box {
    background-color: transparent;
}

#main_index .latest_new_type6 .news_box .news_box_content {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

#main_index .latest_new_type6 .news_box .date {
    color: #4858cc;
}

#main_index .latest_new_type6 .news_box .badge-primary {
    background-color: #4858cc;
}




@media (max-width: 1200.5px) {
    .index_wrapper_7 {
        padding: 5rem 1rem;
    }
}

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

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






/**/

.index_wrapper_8 {
    padding: 5rem 9%;
    background-image: url('https://cdn1.npcdn.net/images/G_Element_93x8qv_1780365329.png?md5id=5afa3c562f5bf2eff62de390e531c25d&type=4');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


#main_index .contact_us_type3 .google_map {
    display: none;
}

#main_index .contact_us_type3 .hpform {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#main_index .contact_us_type3 .hpform .contactus-fa-icon i {
    color: #4858cc;
}

#main_index .contact_us_type3 .hpform .form-group h3 {
    font-size: 24px;
    font-weight: 700;
    color: #011b61;
}

#main_index .contact_us_type3 .hpform .contactus-fa-icon .text-center {
    font-size: 12px;
}

#main_index .contact_us_type3 .hpform .form-group .form-control {
    border-radius: 0;
}

#main_index .contact_us_type3 .hpform .form-group .btn-success {
    background-color: #4858cc;
    border-radius: 0;
    border: unset !important;
    padding: 8px 2rem;
}

#main_index .contact_us_type3 .hpform .form-group .btn-success:hover {
    background-color: #000;
}



@media (max-width: 1200.5px) {
    .index_wrapper_8 {
        padding: 5rem 1rem;
    }
}

@media (max-width: 991.5px) {
    #main_index #index_8,
    #main_index #index_9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767.5px) {
    .contact_us_type3 .hpform .form-group {
        padding: 1rem 0!important;
    }
}







/**/

.footer_type10 {
    padding: 3rem 10rem!important;
}

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

.footer_type10 a:hover,
.footer_type10 .social_media a .icon_s i:hover{
    color: #4858cc!important;
}

.footer_type10 .logo img {
    background-color: #fff;
    padding: 6px;
}



@media (max-width: 1200.5px) {
    .footer_type10 {
        padding: 3rem 1rem!important;
    }
}

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

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