.page_title {
  margin-top: 30px;
}

.page_title b {
  font-size: 1.45rem;
}


/*navbar_type8*/
.navbar_type8{
    background:#1e2a5b;
    height: 95px;
}
#main_index .navbar_type8 {
  background: transparent;
}
.navbar_type8 .logo img{
    padding:5px 0;
    width:auto;
}
.navbar_type8 .nav_tab .nav_item {
    text-transform: capitalize;
}
.navbar_type8 .nav_tab .nav_item a {
    color: #ffffff;
    font-size:1.1vw;
    transition: linear .3s;
}
.navbar_type8 .nav_tab .nav_item a:hover {
    color: #cccccc;
}
.navbar_type8 .nav_tab .nav_item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 110%;
    width: 100%;
    border-bottom: 2px solid #333333;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a {
    text-align: left !important;
    font-weight:600;
}

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

.dark_nav {
    background-color: #1e2a5b !important;
    animation: .8s slideInDown;
}

.navbar_mobile {
  background-color: #1e2a5b;
}

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

/*Banner*/
.slider_banner{
    margin-top:-100px;
}

.banner_content{
    overflow:hidden;
    display:flex;
    justify-content:start;
    align-items:center;
}

.banner_title{
    font-size:3vw;
    font-weight:600;
    color:#ffffff;  
    text-shadow:0 0 5px rgba(0,0,0,0.2);
}

.banner_title span{
    display:inline-block;
    font-weight:400;
}

.banner_text {
    font-size:1.05vw;
    color:#ffffff;
    text-shadow:0 0 5px rgba(0,0,0,0.2);
}

.b_content{
    padding:8%;
    width:70%;
}

.slider_banner .item > img{        
	min-height:400px;
    object-fit:cover;
}

.slick-arrow{
    z-index:99 !important;
    opacity: 1;
    filter:brighntess(1);
}

.slick-prev {
    left: inherit;
    right: calc(7% + 55px);
    top: 100%;
}
.slick-next{
    right: 7%;
    top: 100%;    
}
.slick-prev::before {
    content:'';
    position:absolute;
    background-image:url(https://cdn1.npcdn.net/images/button_01_8xb632_1759413115.png?md5id=67ec9e8decb48e53b1dd1f6514ff7a5b&new_width=86&new_height=86&type=4);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    height:40px;
    width:40px;
   filter: none;
}
.slick-next::before{
    content:'';
    position:absolute;
    background-image:url(https://cdn1.npcdn.net/images/button_04_nr1qpw_1759413115.png?md5id=67ec9e8decb48e53b1dd1f6514ff7a5b&new_width=86&new_height=86&type=4);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    height:40px;
    width:40px;
    filter: none;
}

.b_btn_more{
    display:flex;
    justify-content:start;
    align-items:center;
    margin-top: 30px;
}

.b_btn_more a{
    font-size: 1.125vw;
    color: #fff;
    font-weight:500;
    background: transparent;
    border: none;
    padding: 0 15px 0 0;
    transition: linear.3s;
}

.b_btn_more:hover a{    
    color:#fff;
    background:transparent;
    text-decoration:none;
}

.b_btn_more::after{
    content:'';
    position: relative;
    display:inline-block;
    z-index:5;
    background-image:url(https://cdn1.npcdn.net/images/arrow_right_blue_vqfteb_1779088846.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=98&new_height=20&type=4);
    background-size:75%;
    background-position: center;
    background-repeat:no-repeat;
    background-color:#fff;
    border:1px solid #fff;
    width:50px;
    height:12px;
    padding:10px 20px;
    border-radius:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition: linear .3s;
}

.b_btn_more:hover::after{
    background-image:url(https://cdn1.npcdn.net/images/arrow_right_xanlpg_1779085426.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=98&new_height=20&type=4);
    background-color:transparent;
    cursor:pointer;
}
@media(max-width:991px){
    .slider_banner{
        margin-top:0px;
    }
    .slider_banner .item > img{
        filter:brightness(0.6);
    }
    .slider_banner .slick-prev::before{
        height:20px;
        width:20px;
    }
    .slider_banner .slick-next::before{
        height:20px;
        width:20px;
    }
    .b_content {
      padding: 8%;
      width: auto;
    }
    .banner_title{
        font-size:1.4rem;
    }
    .banner_title span{
        display:inline;
    }
    .banner_text {
        font-size:.9rem;
    }
    .b_btn_more a{
        font-size:1rem;
    }
}


/*Homepage*/
#main_index{
    background:#fff;
    padding-bottom:0 !important;
}

.title_big{
    font-size:2.25vw;
    line-height:1.2;
    font-weight:700;
    color:#333333;
    margin-bottom:30px;
}

.title_big span{
    color:#1f2b5d;
    display:inline-block;
}

.title_small{
    font-size:2vw;
    line-height:1.4;
    color:#333333;
    font-weight:700;
}

.content_text{
    font-size:1.1vw;
    line-height:1.6;
}

.btn_more{
    display:flex;
    justify-content:start;
    align-items:center;
    margin-top: 30px;
}

.btn_more a{
    font-size: 1.125vw;
    color: #202b5c;
    font-weight:500;
    background: transparent;
    border: none;
    padding: 0 15px 0 0;
    transition: linear.3s;
}

.btn_more:hover a{    
    color:#273f8e;
    background:transparent;
    text-decoration:none;
}

.btn_more::after{
    content:'';
    position: relative;
    display:inline-block;
    z-index:5;
    background-image:url(https://cdn1.npcdn.net/images/arrow_right_xanlpg_1779085426.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=98&new_height=20&type=4);
    background-size:75%;
    background-position: center;
    background-repeat:no-repeat;
    background-color:#202b5c;
    border:1px solid #202b5c;
    width:50px;
    height:12px;
    padding:10px 20px;
    border-radius:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition: linear .3s;
}

.btn_more:hover::after{
    background-image:url(https://cdn1.npcdn.net/images/arrow_right_blue_vqfteb_1779088846.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=98&new_height=20&type=4);
    background-color:transparent;
    cursor:pointer;
}

@media all and (max-width: 991.5px){
    .content_text{
        font-size:.8rem;
        line-height:1.4rem;
    }
}

@media all and (max-width: 768.5px){
    .title_big {
      font-size: 1.25rem;
    }
    
    .title_big span {
      display: inline;
    }
    
    .title_small{
      font-size: 1rem;
      line-height: 1.25rem;
    }
    
    .content_text{
        font-size:.9rem;
        line-height:1.4rem;
    }
    .btn_more a{
        font-size:1rem;
    }
}

/*hp_about*/
.hp_about{
    background-image:url(https://cdn1.npcdn.net/images/about_bg_no0l3p_1779098027.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=873&new_height=582&type=4);
    background-size:40%;
    background-position:right top;
    background-repeat:no-repeat;
    padding:80px 8%;
    overflow:hidden;
}

.about_content{
    background:#fff;
    padding:0;
    width:90%;
}

/*hp_whyUs*/
.hp_whyUs{
    padding-top:100px;
    padding-bottom:50px;
}

.whyUs_box{
    width:80%;
    margin-left:auto;
    padding:18px 20px;
    margin-bottom:5px;
    border-left:5px solid transparent;
    display:flex;
    justify-content:start;
    align-items: center;
    transition: linear .3s;
}

.whyUs_box:first-child{
    background:#f2f2f3;
    border-left:5px solid #1f2a5c;
}

.whyUs_box:hover{
    background:#f2f2f3;
    border-left:5px solid #1f2a5c;  
}

.whyUs_icon{
    max-width:65px;
    padding-right:20px;
}

.whyUs_text h3{
    font-size:1.2vw;
    line-height:1.4;
    font-weight:700;
    color:#202b5c;
    margin-bottom:4px;
}

@media(max-width:991px){
    .about_content{
        width:auto;
        margin-bottom:30px;
    }
}
@media all and (max-width: 767px){
    .hp_about{
    background-size:60%;
    }
    .whyUs_box {
      padding: 15px;
      width: auto;
      margin: 0 auto;
    }
    
    .whyUs_text h3{
      font-size: 1rem;
    }
    
    .whyUs_box{
        background:#f2f2f3;
        border-left:5px solid #1f2a5c;
        margin-bottom:10px;
    }

}

/*hp_category*/
.product_cat-3 .col-6{
    padding:0 !important;
    margin-bottom:0 !important;
}
.product_cat-3 .cat_box .content h4{
    margin-bottom:0 !important;
}

.product_cat-3 .cat_box .content .content_box .animated-arrow{
    display:none;
}
.product_cat-3 .cat_box .content {
    background-color: transparent;
    background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.45));
}

@media(max-width:768.6px){
    .product_cat-3 .cat_box .content h4{
        font-size:1rem;
    }
    .product_cat-3 .cat_box {
      position: relative;
      height: 220px;
    }
}

/*hp_brand*/
.hp_brand {
    padding: 100px 8% 40px;
}

.brand_logo{
    width:90%;
    max-width:200px;
    margin:5px auto;
    filter:grayscale(1);
    transition: ease-in-out .3s
}

.brand_logo:hover{
    filter:grayscale(0);
}

@media (max-width:768.5px){
    .hp_brand {
      padding: 80px 8% 0px;
    }
    .brand_logo{
        margin-bottom:10px;
    }
}


/*hp_project*/
.index_wrapper_6{
    background-color:#f9fafc;
    /*padding-bottom:80px;*/
}
.hp_project{
    padding:80px 8% 0;
}

.hp_photoGallerySlider_type3{
    background:transparent;
    margin-top:15px;
    overflow:hidden;
}

.hp_photoGallerySlider_type3 .col-12{
    padding:0;
}

.hp_photoGallerySlider_type3 .slick-slider .slick-list{
    transform: translate3d(0,0,0) scale(110%);
}

.hp_photoGallerySlider_type3 .container-fluid .container{
    max-width:100%;
}

.hp_photoGallerySlider_type3 .photo-gallery3 {
    padding: 0;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box {
    padding-top: 75%;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img{
    padding:0;
    object-fit: cover;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box {
    padding: 10px;
}
.hp_spec_box{
    background-image:url("https://cdn1.npcdn.net/img/1779704370Screenshot 2026-05-25 181917.png");
    background-size:100%;
    background-position:bottom;
    background-repeat:no-repeat;
    background-attachment: fixed;
    overflow:hidden;
}
#index_6{
    padding:0 3% 0 3%!important;
}
#index_6 .row{
    align-items: center;
}

.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev{
    top:50%;
    left: -30px;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-next{
    right: 12px;
    top: 50%;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev::before{
    background-image:url("https://cdn1.npcdn.net/img/1708419651arrow-left.png");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:2vw;
    width:2vw;
    filter:brightness(0);
} 
.hp_photoGallerySliderWithTitle .photo-gallery .slick-next::before{
    background-image:url("https://cdn1.npcdn.net/img/1708419667arrow-right.png");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:2vw;
    width:2vw;
    filter:brightness(0);
}


@media (max-width: 767.5px) {
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-prev{
        left:-27px;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-next{
        right:5px;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-prev::before{
        width:8vw;
        height:8vw;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-next::before{
        width:8vw;
        height:8vw;
    }
}

@media(max-width:768.6px){
    .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box {
      padding: 5px;
    }
    .hp_spec_box{
        animation:gogogo 10s ease-out infinite;
        background-position: bottom;
        background-attachment: unset;
        margin-bottom:2rem;
    }
    .hp_photoGallerySlider_type3{
        width:calc(100% - 0.5rem);
    }
}

@keyframes gogogo{
    0%{
        background-size:200%;
    }
    100%{
        background-size:500%;
    }
}


/*hp_news*/
.hp_news{
    padding:80px 8% 0;
}

#main_index .hp_latest_new_9{
    width: 84%;
    margin: 0 auto;
}

.hp_latest_new_9 .news-wrap {
  padding: 0;
  margin-bottom: 30px;
  border-radius: 0;
  box-shadow: none;
}

.hp_latest_new_9 .news_title:hover{
    text-decoration:none;    
}

.hp_latest_new_9 .img_frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.hp_latest_new_9 .news_content_wrapper {
  padding: 0 10%;
  justify-content: center !important;
}

.hp_latest_new_9 .badge_wrapper .badge{
    display:none;
}

.hp_latest_new_9 .news_title p {
    font-size: 1.8vw;
}

.hp_latest_new_9 .news_content_wrapper .read_more{
    display:flex;
    justify-content:start;
    align-items:center;
    margin-top: 15px !important;
    font-size: 1.125vw;
    color:#18234e;
    font-weight:500;
    background: transparent;
    border: none;
    transition: linear.3s;
}

.hp_latest_new_9 .news_content_wrapper .read_more:hover{    
    color:#273f8e;
    background:transparent;
    text-decoration:none;
}

.hp_latest_new_9 .news_content_wrapper .read_more::after{
    content:'';
    position: relative;
    display:inline-block;
    z-index:5;
    background-image:url(https://cdn1.npcdn.net/images/arrow_right_xanlpg_1779085426.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=98&new_height=20&type=4);
    background-size:75%;
    background-position: center;
    background-repeat:no-repeat;
    background-color:#202b5c;
    border:1px solid #202b5c;
    width:50px;
    height:12px;
    padding:10px 20px;
    margin-left:15px;
    border-radius:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition: linear .3s;
}

.hp_latest_new_9 .news_content_wrapper .read_more:hover::after{
    background-image:url(https://cdn1.npcdn.net/images/arrow_right_blue_vqfteb_1779088846.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=98&new_height=20&type=4);
    background-color:transparent;
}

@media (min-width:768.5px){
 .hp_latest_new_9  .col-md-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
 .hp_latest_new_9  .col-md-8{
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}

@media(max-width:768.6px){
    .hp_latest_new_9 .img_frame {
      height: 200px;
    }
    .hp_latest_new_9 .news_content_wrapper {
      padding: 0 5%;
    }
    .hp_latest_new_9 .news_content_wrapper .read_more {
        font-size: .85rem;
    }
    .hp_latest_new_9 .news_title p {
      font-size: 1.2rem;
    }
}


/*hp_contact*/
.index_wrapper_8{
    background-image:url(https://cdn1.npcdn.net/images/8954_cdw8ai_1779097856.png?md5id=21f3473068796324e0d4bbae4b0142f1&new_width=1500&new_height=1000&type=4);
    background-size:40%;
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-top:80px;
    padding-bottom:80px;
}

.hp_contact{
    padding: 0 14% 0;
}

.ex_hpcontact_formonly {
    margin-top:0 !important;
}

.contact_us_form{
    padding: 0 20% 0 10% !important;
}

.ex_hpcontact_formonly .title{
    display:none;
}

.ex_hpcontact_formonly .subtitle {
    color: #18234e !important;
    font-size: 20px;
}

.contact_us_form .btn{
    padding: 10px 25px !important;
    border-radius:25px;
}

@media (max-width:768.5px){
    .index_wrapper_8 {
      padding-top: 50px;
      background-size:60%;
    }
    .hp_contact {
      padding: 0 8% 50px ;
    }
    .contact_us_form{
        padding: 0 12% !important;
    }

}

/*footer*/
.footer_type6 {
    background-color: #18234e;
    padding-top:50px;
}

.footer_type6 .container{
    max-width:84% ;
}

.footer_type6 .logo{
    min-height: 80px;
}

.footer_type6 .logo img {
    max-height: 80px;
}

.footer_type6 .line{
    margin:25px 0;
}

@media (min-width: 767px){
    .footer_type6  .col-md-3:nth-child(2){
        padding-left:5% !important;
    }

}


/*LOGIN PAGE*/
#main_login .login_box,
#main_signup .login_box{
  background: #1e2a5b;
}
#main_login .login_box label,
#main_signup .login_box label{
    color:#fff;
}
#main_login .login_box .text-muted,
#main_signup .login_box .text-muted{
    color:#ccc !important;
}
#main_login .login_box .btn,
#main_signup .login_box .btn{
    border:2px solid #fff;
    color:#fff;
}
#main_login .login_box .btn:hover,
#main_signup .login_box .btn:hover{
    border:2px solid #fff;
    color:#1e2a5b;
    background:#fff;
}