@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

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

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

}

/*Nav*/

.navbar_type8 .nav_tab .nav_item a {
    color: #000;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    transition: 0.3s;
}

.navbar_type8 .nav_tab .nav_item:hover a {
    color: #2957a2;
   
}

.navbar_type8 .nav_tab .nav_item::before {
    display: none;
}

.navbar_type8 .nav_tab {
    
    padding-left: 0;
    padding-right: 8%;

}

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

.dark_nav {
    background-color: #fff !important;

}

.navbar_mobile {
    
    background-color: rgba(255, 255, 255, 1);
    
}

.navbar_type8 .logo img {
    width: 200px;
    padding: 0px;
}

.navbar_type8 {
   
    height: 100px;

}

@media screen and (max-width: 1200.5px){
.navbar_type8 .logo img {
    width: 180px;
    padding: 0px;
}

#top_spacing {
    
    height: 100px !important;
    
}

}




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


#top_spacing {
    
    height: 60px !important;
    
}

}

/*Banner*/

.slider_banner .banner_content {
    opacity: 1 !important;
}

.hp_banner {
    position: relative;
    padding-top: 4%;
    padding-left: 7%;
    padding-right: 9%;
    overflow: hidden;
    height: 100%;
}

.hp_banner.b .hp_banner_ibox {
    width: 55%;
    margin: 0 auto;
}

.hp_banner.c .hp_banner_ibox {
    width: 70%;
    margin: 0 auto;
}

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


.hp_banner_title {
    color: #fff;
    font-size: 3vw;
    line-height: 1.5;
    font-weight: 600;
}

.hp_banner_desc {
    color: #fff;
    font-size: 1.17vw;
    margin-bottom: 2%;
    font-weight: 300;
    line-height: 1.5;
}

.hp_banner_link {
    color: #2957a2;
    background: #fff;
    border: 1px solid #fff;
    padding: 0.5vw 2vw;
    font-size: 0.9vw;
    font-weight: 500;
    transition: 0.3s;
    border-radius: 7.5px;
}

.hp_banner_link:hover {
    color: #fff;
    background: #2957a2;
    border: 1px solid #fff;
    
    text-decoration: none;
}

.slick-dotted.slick-slider .slick-dots {
    position: absolute;
    bottom: 6%;
 
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

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


.hp_banner_title {
    
    font-size: 3.5vw;
   
}

.hp_banner_desc {
  
    font-size: 1.67vw;
    margin-bottom: 2%;

}

.hp_banner_link {
   
    padding: 0.5vw 2vw;
    font-size: 1.5vw;
  
    border-radius: 7.5px;
}

.hp_banner {

    padding-left: 5%;
}

}



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


.hp_banner_ibox {
    width: 85%;
    margin: 6% 0 0 auto;
}

.hp_banner.b .hp_banner_ibox {
    width: 50%;
    margin: 6% 0 0 auto;
}

.hp_banner.c .hp_banner_ibox {
    width: 66%;
    margin: 6% 0 0 auto;
}

.hp_banner_title {
    
    font-size: 7vw;
   
}

.hp_banner_desc {
  
    font-size: 4vw;
    margin-bottom: 6%;

}

.hp_banner_desc br {
  
    display: none;

}

.hp_banner_link {
   
    padding: 1vw 5vw;
    font-size: 3.5vw;
  
    border-radius: 8px;
}

.hp_banner {

    padding-left: 3%;
    padding-top: 12%;
    
}

}


/*About*/

.hp_about {
    padding: 6% 3% 6% 7%;
    position: relative;
}

.hp_about:before {
    position: absolute;
    content: "";
    background-color: rgba(0,0,0,0.1);
    bottom: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 84%;
    height: 2px;
}

.hp_about_title {
    color: #000;
    font-size: 2.5vw;
    font-weight: 600;
    margin-bottom: 0;
}

.hp_about_tbox {
    position: relative;
}

.hp_about_tbox:before {
    position: absolute;
    content: "";
    background-color: #6dc2e9;
    bottom: -30%;
    left: 0;
    width: 12%;
    height: 2px;
}

.hp_about_desc {
    font-size: 1vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    margin-bottom: 3%;
}

.hp_about_bbox{
    margin-top: 6%;
}

.hp_about_link {
    background: #2957a2;
    border: 1px solid #2957a2;
    color: #fff;
    font-size: 1vw;
    padding: 1.5% 5%;
    border-radius: 10px;
    font-weight: 500;
    transition: 0.3s;
}

.hp_about_link:hover {
    background: #fff;
    color: #2957a2;
    
    text-decoration: none;
}

.hp_about .col-12.col-md-5 {
    flex: 0 0 45%;
    max-width: 45%;
}

.hp_about .col-12.col-md-7 {
    flex: 0 0 55%;
    max-width: 55%;
}


@media screen and (max-width: 1200.5px){
.hp_about_title {
   
    font-size: 3vw;
    
    margin-bottom: 0;
}

.hp_about_desc {
    font-size: 1.5vw;
 
   
    margin-bottom: 3%;
}

.hp_about_desc br {
    display: none;
}

.hp_about_link {
   
    font-size: 1.5vw;
    padding: 1.5% 5%;
    border-radius: 10px;
   
}

.hp_about .col-12.col-md-5 {
    flex: 0 0 50%;
    max-width: 50%;
}

.hp_about .col-12.col-md-7 {
    flex: 0 0 50%;
    max-width: 50%;
}

.hp_about_tbox:before {
    
    width: 15%;

}


}


@media screen and (max-width: 767.5px){
.hp_about_title {
   
    font-size: 7vw;
    
    margin-bottom: 9%;
}

.hp_about_desc {
    font-size: 4vw;
 
   
    margin-bottom: 6%;
}



.hp_about_link {
   
    font-size: 3.5vw;
    padding: 1.5% 5%;
    border-radius: 10px;
   
}

.hp_about .col-12.col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
}

.hp_about .col-12.col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
}

.hp_about_tbox:before {
    width: 25%;
    bottom: -15%;
}

.hp_about {
    
    padding: 12% 3%;


}


}


/*Brand*/

.hp_brand {
    padding: 4% 7% 4%;
}


@media screen and (max-width: 767.5px){
.hp_brand {
    padding: 12% 3%;
}

.hp_brand_image {
    width: 100%;
}

.hp_brand_ibox {
  
    margin-bottom: 6%;
}

}

/*Category*/

.index_wrapper_5 {
    padding: 6% 8% 4%;
    background-image: url(https://cdn1.npcdn.net/img/17319027713_SectionBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}



.hp_category_title {
    color: #000;
    font-size: 2vw;
    font-weight: 600;
    margin-bottom: 4%;
    text-align: center;
}

.hp_category_link {
    background: #2957a2;
    border: 1px solid #2957a2;
    color: #fff;
    font-size: 1vw;
    padding: 0.5vw 2vw;
    border-radius: 7.5px;
    font-weight: 500;
    transition: 0.3s;
}

.hp_category_link:hover {
    background: #fff;
    color: #2957a2;
    
    text-decoration: none;
}


.hp_category_image {
    border-radius: 15px;
    width: 100%;
}

.hp_category_item {
    font-size: 1.15vw;
    margin-top: 6%;
    margin-bottom: 5%;
}

.hp_category_link2 {
    color: #000;
    transition: 0.3s;
}

.hp_category_link2:hover {
    text-decoration: none;
}

.hp_category_bbox {
    text-align: center;
    margin-top: 6%;
}

.hp_category_box {
    text-align: center;
}


@media screen and (max-width: 1200.5px){
.hp_category_title {
  
    font-size: 2.5vw;
  
    margin-bottom: 0;
}

.hp_category_link {
  
    font-size: 1.5vw;
    padding: 0.5vw 2vw;
    border-radius: 7.5px;
    
}

.hp_category_item {
    font-size: 1.4vw;
    margin-top: 6%;
    margin-bottom: 5%;
}

.hp_category .col-12.col-md-3 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

}



@media screen and (max-width: 767.5px){
.hp_category_title {
  
    font-size: 5.5vw;
  
    margin-bottom: 9%;
}

.hp_category_link {
  
    font-size: 3.5vw;
    padding: 1vw 5vw;
    border-radius: 7.5px;
    
}



.hp_category_item {
    font-size: 4vw;
    margin-top: 6%;
    margin-bottom: 9%;
}

.hp_category .col-12.col-md-3 {
    padding-left: 15px;
    padding-right: 15px;
}

.index_wrapper_5 {
    padding: 12% 3%;
    text-align: center;
  
}



}





/*Contact*/

.hp_contact {
    padding: 3% 8% 3%;
    background-image: url(https://cdn1.npcdn.net/img/17319038785_SectionBG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

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

.hp_contact_title1 {
    
    font-size: 2.5vw;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
}

.hp_contact_title2 {
    
    font-size: 2.5vw;
    font-weight: 600;
    margin-bottom: 2%;
    color: #fff;
}

.hp_contact_desc {
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 4%;
    color: #fff;
    padding-right: 16%;
}

.hp_contact_link {
    background: #fff;
    border: 1px solid #fff;
    color: #2957a2;
    font-size: 1vw;
    padding: 0.5vw 2vw;
    border-radius: 10px;
    font-weight: 500;
    transition: 0.3s;
}

.hp_contact_link:hover {
    background: #2957a2;
    color: #fff;
    
    text-decoration: none;
}

.hp_contact_image {
    border-radius: 25px;
    width: 100%;
}


@media screen and (max-width: 1200.5px){
.hp_contact_title1 {
    
    font-size: 3vw;

    margin-bottom: 0;

}

.hp_contact_title2 {
    
    font-size: 3vw;
 
    margin-bottom: 2%;
  
}

.hp_contact_desc {
    font-size: 1.5vw;
    padding-right: 12%;
    margin-bottom: 4%;

}

.hp_contact_desc br {
    display: none;

}

.hp_contact_link {
   
    font-size: 1.5vw;
    padding: 0.5vw 2vw;
    border-radius: 10px;
 
}

}


@media screen and (max-width: 767.5px){
.hp_contact_title1 {
    
    font-size: 7vw;

    margin-bottom: 0;

}

.hp_contact_title2 {
    
    font-size: 7vw;
 
    margin-bottom: 2%;
  
}

.hp_contact_desc {
    font-size: 4vw;
    padding-right: 0%;
    margin-bottom: 4%;

}



.hp_contact_link {
   
    font-size: 3.5vw;
    padding: 1vw 5vw;
    border-radius: 10px;
 
}

.hp_contact {
    padding: 12% 3%;
  
}

.hp_contact_bbox {
    margin-bottom: 9%;
}


}



/*Product*/


.index_wrapper_7 {
    padding: 5% 7% 5%;
}

.hp_product_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hp_product_title {
    color: #000;
    font-size: 2.5vw;
    font-weight: 600;
    margin-bottom: 4%;
    text-align: center;
}

.productSlider-1 .product_img .product_box .product_img_frame img {
   
    object-fit: contain !important;
    background: #f0f8fb;
   
}

.productSlider-1 .slick-track .slick-slide {
    margin: 10px 15px;
   
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    background-color: #f0f8fb;
}

.productSlider-1 .text-left {
    text-align: center !important;
}

.productSlider-1 .product_img .product_box {
    margin: 5px;
    border: 5px solid transparent;
    background-color: #f0f8fb;
}

.productSlider-1 .product_img .slick-prev::before, .productSlider-1 .product_img .slick-next::before {
    padding: 15px 20px;
    background: #205092;
    font-size: 20px;
    border-radius: 100%;
}

.productSlider-1 .slick-prev {
    left: -4%;
    
}

.productSlider-1 .slick-next {
    right: -4%;
    
}

@media screen and (max-width: 1200.5px){
.hp_product_title {
  
    font-size: 3vw;

    margin-bottom: 0;
}

}


@media screen and (max-width: 767.5px){
.hp_product_title {
  
    font-size: 6vw;

    margin-bottom: 0;
}

.index_wrapper_7 {
    padding: 12% 3%;
    text-align: center;
}

.productSlider-1 .product_img .slick-prev::before, .productSlider-1 .product_img .slick-next::before {
    padding: 15px 20px;
    background: transparent;
    font-size: 20px;
    border-radius: 100%;
}

.productSlider-1 .slick-prev {
    left: -2.5%;
    
}

.productSlider-1 .slick-next {
    right: -2.5%;
    
}

}


/*Contact*/

.contact_us4 .map_frame .information_area {
   
    background-color: #f0f8fb;
    color: #000;

}

.contact_us4 .map_frame .information_area a {
    color: #000;
}


/*News*/

.index_wrapper_9 {
    padding: 6% 7% 2%;
}

.hp_news_title {
    color: #000;
    text-align: center;
    font-size: 2.5vw;
    font-weight: 600;
    margin-bottom: 2%;
}

/*.hp_latest_new_8 .news_box {*/
/*    padding: 10px 0px;*/
    
/*}*/

/*.hp_latest_new_8 .text-muted.mx-1 {*/
/*    display: none;*/
/*}*/

/*.hp_latest_new_8 .news_box .content {*/
    
/*    margin-bottom: 15px;*/
   
/*}*/

.hp_latest_new_8 p {
    /*margin-top: 1.5rem !important;*/
    font-size: 1.25vw;
    color: #000;
}

.hp_latest_new_8 .news_box .read_more {
   
    /*position: relative;*/
    /*top: -22%;*/
    color: #000;
    font-weight: 600;
    font-size: 1vw;
}

/*.hp_latest_new_8 .news_box .img_frame {*/
   
/*    padding-top: 59%;*/
/*}*/

.hp_latest_new_8 .news_box .date {
    
    font-size: 100%;
}


@media screen and (max-width: 1200.5px){
.hp_news_title {
   
    font-size: 3vw;
    
    margin-bottom: 1.5%;
}

.hp_latest_new_8 p {
    /*margin-top: 1.5rem !important;*/
    font-size: 1.4vw;
    
}

.hp_latest_new_8 .news_box .read_more {
   

    /*top: -22%;*/

 
    font-size: 1.15vw;
}


.hp_latest_new_8 .news_box .date {
    font-size: 1.05vw;
}

}

@media screen and (max-width: 991.5px){
.hp_latest_new_8 p {
    /*margin-top: 1.5rem !important;*/
    font-size: 2.5vw;
}

.hp_latest_new_8 .news_box .read_more {
   

    /*top: -22%;*/

 
    font-size: 2vw;
}


.hp_latest_new_8 .news_box .date {
    font-size: 2vw;
}


}


@media screen and (max-width: 767.5px){
.hp_news_title {
   
    font-size: 7vw;
    
    /*margin-bottom: 3%;*/
}

.hp_latest_new_8 p {
    /*margin-top: 1rem !important;*/
    font-size: 4vw;
    
}

.hp_latest_new_8 .news_box .read_more {
   

    /*top: -22%;*/

 
    font-size: 3.5vw;
}


.hp_latest_new_8 .news_box .date {
    font-size: 3.5vw;
}

.index_wrapper_9 {
    padding: 12% 3%;
}

}

/*Footer*/


.footer_type6 {
    color: white;
    padding-top: 0;
    padding-bottom: 1.5rem;
    background : linear-gradient(90deg, rgba(150, 64, 205, 1) 40%, rgba(33, 80, 146, 1) 70%);
}

.footer_type6 .title h5 {
    font-weight: 500;
 
    font-size: 17px;
}

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

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

.footer_type6 .col-12.col-md-4.mb-1.mb-md-0.p-3 {
    padding-top: 6% !important;
}

.footer_type6 .line {
  
    background-color: rgba(255, 255, 255, 0.8);
 
}

.ft_t {
    font-weight: 500;
    border-bottom: 1px solid;
    display: inline-block;
    margin-bottom: 3%;
}


@media screen and (max-width: 1200.5px){
.footer_type6 .logo img {
    
    width: 205px;
}


}

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


.footer_type6 .title {
    min-height: 30px;
}

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

}




/**/



.product_list_5 .product_box .product_des {
    padding-top: 0;
    background: rgb(233, 233, 233);
  
}

.product_list_5 .product_box {
    
    background: rgb(233, 233, 233);
    padding-bottom: 0;
}

.product_list_5 .product_box .whatsapp_wrapper {

    margin: 0px;
    padding: 5px;
}

.product_list_5 .product_box .product_des .title a {
    color: #fff;
   
}

.product_list_5 .product_box .product_des .title:hover a {
    color: lightgrey;
   
}

.product_list_5 .product_box .product_des .title {
   
    background: #2957a2;
}

.toggle_btn {
    right: 2%;
    top: 83vh;
}

@media screen and (max-width: 1200.5px){
.toggle_btn {
    right: 4%;
}

}


@media screen and (max-width: 767.5px){
.toggle_btn {
    right: 5%;
}

}