#main_index{
    background-color: #f1f2f2;
}


/* Font Setting*/

a:hover {
    color: unset;
    text-decoration: none;
}


.alltitle {
    color: #414042;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: .8rem;
}

span.redtitle {
    
    color: #ef1b27;
}


.allcontent {
    color: #414042;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    font-family: "Roboto", sans-serif;
}

.subinsidebox{
    margin-bottom: .8rem;
}


.allsubtitle {
    color: #ef1b27;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    
}

.allsubtitle::before{

    content: "";
    position: absolute;
  
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
   
    width: 4px;
    height: 4px;
    aspect-ratio: 1 / 1;
    
    background-color: #ef1b27; 
    border-radius: 1000px;
    

    display: block;

}

.allsubtitle2 {
    color: #58595b;
    font-size: 20px;
    font-weight: 500;
   
    
    
    
}

@media screen and (max-width: 1199.5px){
    .allsubtitle{
        font-size: 16px;
    }
}


@media screen and (max-width: 991.5px) {
    .alltitle{
        font-size: 32px;
    }
    
    span.titlebold{
        font-size: 40px;
    }
    
    
}

@media screen and (max-width: 767.5px){
    .allcontent{
        font-size: 18px;
    }
}


@media screen and (max-width: 575.5px) {
    .alltitle{
        font-size: 20px;
    }
    
    span.titlebold{
        font-size: 24px;
    }
    
    .allsubtitle {
        font-size: 16px;
    }
}



/* Button Setting*/

/*Button*/

.allbtn {
    color: #fff;
    font-size: 14px;
    margin: 0;
    font-weight: 300;
    transition: .8s transform;
    cursor: pointer;
    background-color: #ef1b27; 
    padding: 10px 50px 10px 15px;
}

.allbtn:hover{
    text-decoration: none;
    color: #fff;
    transform: scale(1.1);
}

.allbtn_text {
    position: relative;
}

.allbtn_text:after {
    background-image: url("https://cdn1.npcdn.net/images/A_Button2_t5p6li_1778489401.png?md5id=48033f895a8eb822024e647cc943596d&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 999px;
    
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -2.2rem;
    position: absolute;
    
}

.allbtn:hover .allbtn_text:after{
    animation: .5s btnanimation;
}

.btnbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1%;
    
    
}

@keyframes btnanimation {
    
  0% {
    transform: rotate(0deg);
  }
  
  
  100% {
  
    transform: rotate(360deg);
  }
  
}




/*navbar*/

#top_spacing{
    height: 100px!important;
}

.navbar_type8{
    height: 100px;
}

.navbar_type8 .logo img{
    width: 19vw;
    padding: 10px;
}

.navbar_type8 .logo{
    margin-left: 7vw;
}

.navbar_type8 .nav_tab{
    padding-right: 7%;
}



.navbar_type8 .nav_tab .nav_item{
    text-transform: none;
}


.navbar_type8 .nav_tab .nav_item a{
    color:  #58595b;
    
    font-size:1vw;
    padding:0px 2.5vw;

    border-left: 2px solid  #58595b;
}

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

.navbar_type8 .nav_tab .nav_item:first-child a {
    border-left: 0px;
}

.navbar_type8 .nav_tab .nav_item::before{

    content: "";
    position: absolute;
  
    left: 21px; 
    top: 50%;
    transform: translateY(-50%);
    
   
    width: 4px;
    height: 4px;
    aspect-ratio: 1 / 1;
    
    background-color: #ef1b27; 
    border-radius: 1000px;
    

    display: block;
    opacity: 0;
    
   
    border-bottom: none;
}


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

/*dark nav*/

.dark_nav{
    background-color: #f1f2f2!important;
}

/*hp_banner*/


#main_index .index_wrapper_2 .slick-dotted.slick-slider {
   
    width: calc(100% - 50px);
    margin-left: 25px;
}

#main_index .index_wrapper_2 .item.slick-slide> img{
    border-radius: 18px;
    
}




.slider_banner .banner_content{
    overflow:hidden;
}

.hp_banner{
    position:relative;
    left:5%;
    top:50%;
    transform:translate(0,-40%);
    width:calc(100% - 10%);
}

.bannertitle {
    font-size: 2.8vw;
    font-weight: 600;
    line-height: 1.1;
    color: #fff;
    width: 77%;
    margin-bottom: 1.5rem;
}


.bannerspan {
    font-size: 2.8vw;
    color: #ef1b27;
    font-weight: 600;
}

.bannercontent {
    
    color: #fff;
    width: 70%;
}

.bannerbigbtnbox {
    display: flex;
    align-items: center;
    
}

.allbtn.banner1{
    background-color: #fff;
}

.allbtn_text.banner1{
    color: #ef1b27;
    font-weight: 500;
}

.allbtn_text.banner1:after{
    background-image: url("https://cdn1.npcdn.net/images/A_Button1_dtolnj_1778489401.png?md5id=48033f895a8eb822024e647cc943596d&new_width=1000&new_height=1000&type=4");
}

.btnbox.banner2{
    padding-left: 2%;
}

.allbtn.banner2{
    background-color: transparent;
}

.bannerbottombox{
    display: flex;
    align-items: center;
    margin-top: 8%;
}



.bannercenterbox{
    display: flex;
    justify-content: flex-end;
}

.bannerimgbox{
    width: 9vw;
}




.bannerbtnbox {
    position: absolute;
    right: 0;
    top: -60%;
}

.bannernextbtn, .bannerprevbtn{
    display: block;
    width: 3.5vw;
}

.bannerprevbtn{
    padding-top: 10%;
}


.bannerimgbox2 {
    position: absolute;
    width: 12vw;
    bottom: -65%;
    right: -3%;
}




.slider_banner .slick-dots {
    width: 30vw;
    top: 90%;
    left: 6vw;
    position: absolute;
    /* border: 1px solid red; */
}

.slick-dots li {
    width: calc(100% / 3);
    height: 5px;
    background-color: #fff;
    opacity: .4;
    margin: 0;
}

.slick-dots .slick-active{
    opacity: 1;
}



/*.slick-dots{*/
/*    position: relative;*/
/*}*/

.slick-dots:before {
    content: "01";
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: -18%;
}


.slick-dots:after {
    content: "03";
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: -18%;
    right: 0;
}



.slick-dots li button:before{
    display: none;
}

.slick-dots li.slick-active button:before{
    display: none;
}



@media screen and (max-width: 1200.5px){
    
    .bannertitle {
   
        width: 80%;
        
    }
    
    .bannercontent{
        font-size:1.2vw;
    }
    
    
    .slick-dots:before {
       
        
        top: -28%;
    }
    
    
    .slick-dots:after {
        
        top: -28%;
       
    }
    
    .bannerbtnbox {
        
        top: 0;
    }
    
    .hp_banner {
    
        transform: translate(0,-60%);
        
    }
}
@media screen and (max-width: 991.5px){
    .bannercontent{
        font-size:1.5vw;
        width: 80%;
    }
    
    .bannercenterbox {

        position: relative;
    }
    
    
    .bannerimgbox {
        width: 11vw;
        position: absolute;
        right: 9vw;
        
    }
    
    .bannertitle{
        font-size: 3.8vw;
    }
    
    .bannerspan{
        font-size: 3.8vw;
    }
    
    
    .bannerimgbox2 {
        position: absolute;
        width: 12vw;
        right: 24vw;
        bottom: -9vw;
    }
    
    .bannernextbtn, .bannerprevbtn {
   
        width: 4.5vw;
    }
    
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
        min-height:100vw!important;
        object-fit:cover;
    }
    .hp_banner{
        left:0%;
        width:calc(100% - 0%);
    }
    .bannertitle{
        font-size:7vw;
        width: 100%;
       
        margin-bottom: .8rem;
    }
    
    .bannerspan{
        font-size: 7vw;
      
    }
    
    .bannercontent{
        font-size:4.2vw;
        width: 90%;
        
    }
    
    .slider_banner .banner_content {
        left: 50%!important;
        background: rgba(0,0,0,0.4);
        border-radius: 18px;
    }
    
    .bannercontent br{
        display: block;
    }
    
    .bannercontentline{
        display: none;
    }
    
    .bannercontent:after {
        width: 50px;
        height: 50px;
        right: -5.2rem;
    }
    
    
    .btnbox {
       
        flex: 0 0 100%;
    }
    
    .bannerbigbtnbox {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .btnbox.banner2 {
        padding-left: 0;
    }
    
    
    .allbtn.banner1 {
        background-color: #fff;
        width: 13.5rem;
    }
    
    
    .allbtn_text.banner1:after {
    
        right: -3.8rem;
    }
    
    
   
    
    .bannerimgbox {
        right: 0;
        left: 50vw;
        width: 16vw;
    }
    
    
    .bannerimgbox2 {
        right: 0;
        left: 49vw;
        bottom: 7vw;
        width: 16vw;
    }
    
    .bannerbtnbox {
        
        
        right: 10vw;
    }
    
    .bannernextbtn, .bannerprevbtn {
        width: 8vw;
    }
}

@media screen and (max-width: 576.5px){
  
    
    .bannercontent:after {
        width: 40px;
        height: 40px;
        right: -3.5rem;
    }
    
    .hp_banner {
        left: 0%;
        top: 41%;
        width: calc(100% - 0%);
    }
    
    .index_wrapper_2 .item>img {
        min-height: 125vw!important;
        object-fit: cover;
    }
    
    .bannerbtnbox {
        top: 18vw;
        
        
    }
    
    .slider_banner .banner_content{
        left: 50%!important;
    }
    
    .bannerimgbox2 {
       
        right: 0;
        left: 4vw;
        bottom: -8vw;
        bottom: -17vw;
        
    }
    
    .bannerimgbox {
       
         right: 0; 
        left: 25vw;
        bottom: -17vw;
        
    }
}


@media screen and (max-width: 425.5px){
    .index_wrapper_2 .item>img {
        min-height: 140vw!important;
        object-fit: cover;
    }
    
    .hp_banner {
        left: 0%;
        top: 44%;
        width: calc(100% - 0%);
    }
}

/*footer*/

.footerListServices{
    color: #414042;
    background-color: unset;
    
    
    background-image: url("https://cdn1.npcdn.net/images/FooterBackground_ga7vbs_1778572834.jpg?md5id=48033f895a8eb822024e647cc943596d&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 7%;
}

.footerListServices a{
    color: #414042;
}

.footerListServices .title{
    min-height: 68px;
}

.footerListServices .logo img{
    max-height: 58px;
}

.footerListServices .title h5{
    color: #ef1b27;
    font-weight: 400;
    text-transform: uppercase;
}

.footerListServices .social_media {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.footerListServices .social_media a {
    border-radius: 999px;
    background: #414042;
    padding: 16px;
    display: flex;
    justify-content: center;
    height: 25px;
    width: 25px;
    align-items: center;
    color: #fff;
}

.footerListServices .input-container .submit{
    color: #414042;
}

.footerListServices .input-container input{
    color: #414042;
    border-bottom: 1px solid #414042;
    caret-color: #414042;
}

.footerListServices .input-container label{
    color: #414042;
    
}


.footerListServices .line{
    background-color: #414042;
}

.footerListServices .input-container .moveUp {
    color: #414042;
    
}

@media screen and (max-width: 767.5px){
    .footerListServices .line{
        display: none;
    }
}

/* about us*/
#main_index .index_wrapper_3{
    padding: 7% 6%;
}

.allcontent.about{
    width: 95%;
}

.hpaboutright{
    padding-left: 4%;
}


.hpaboutleft{
    padding-right: 4%;
}


@media screen and (max-width: 991.5px){
    .allcontent.about {
        width: 100%;
    }
}

/* servcie*/

#main_index .index_wrapper_4{
    padding: 7% 6%;
    
    background-image: url("https://cdn1.npcdn.net/images/C_Background_6d4boc_1778489402.png?md5id=48033f895a8eb822024e647cc943596d&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.allcontent.service{
    width: 40%;
}

.servicebigbox {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5%;
}

.boxgap.service {
    box-sizing: border-box;
    padding: 1%;
    flex: 0 0 25%;
}

.servicebox {
    background-color: #f1f2f2;
    padding: 9%;
    height: 18rem;
}

.servicecardtop{
    padding-bottom: 7%;
}

.service_icon{
    width: 100%;
}

.icon_box{
    width: 4vw;
    
}

.icon_box.light{
    display: none;
}

.servicebox:hover{
    background-color: #ef1b27;
    color: #fff;
}

.servicebox:hover .icon_box.dark{
    display: none;
}

.servicebox:hover .icon_box.light{
    display: block;
    animation: 1s iconanimation;
}

.servicebox:hover .allsubtitle2.service{
    color: #fff;
}

.servicebox:hover .allcontent.servicecard{
    color: #fff;
}


@keyframes iconanimation {
    
  20% {
    transform: rotate(15deg);
  }
  
  40% {
    transform: rotate(-10deg);
  }
  
  60% {
    transform: rotate(5deg);
  }
  
  80% {
    transform: rotate(-5deg);
  }
  
  100% {
  
    transform: rotate(0deg);
  }
  
}

@media screen and (max-width: 1199.5px){
    .allcontent.service {
        width: 52%;
    }
    
    
}

@media screen and (max-width: 991.5px){
    .allcontent.service {
        width: 64%;
    }
    
    .boxgap.service {
        flex: 0 0 50%;
    }
    
    .icon_box {
        width: 7vw;
    }
}

@media screen and (max-width: 767.5px){
    
    #main_index .index_wrapper_4{
        background-position: left;
    }
    
    .alltitle br {
        display: none;
    }
    
    .allcontent.service {
        width: 100%;
    }
    
    .icon_box {
    	width: 12vw;
    }
    
    .servicebox {

        height: 20rem;
    }
    
}

@media screen and (max-width: 575.5px){
    .boxgap.service {
        flex: 0 0 100%;
    }
    
    .icon_box {
        width: 15vw;
    }
}


/* why us*/

#main_index .index_wrapper_5{
    padding: 7% 6%;
}




.whyustopright{
    display: flex;
    align-items: end;
}

.whyusbigbox {
    display: flex;
    flex-wrap: wrap;
    
}

.boxgap.whyus {
    box-sizing: border-box;
    padding: 4% 5%;
    flex: 0 0 50%;
}

.whyustopleft, .whyusdownleft{
    padding-right: 4%;
}

.whyusdown{
    padding-top: 3%;
}

/*.whyustopright, .whyusdownright{*/
/*    padding-left: 4%;*/
/*}*/

.boxgap.whyus.secondbox, .boxgap.whyus.fourthbox{
    border-left: 1px solid #58595b;
}

.boxgap.whyus.firstbox, .boxgap.whyus.secondbox{
    border-bottom: 1px solid #58595b;
}

.whyusdownleft{
    display: flex;
    align-items: center;
}

.whyusdownright{
    display: flex;
    align-items: center;
    padding: 0;
}

.allcontent.whyuscard{
    font-size: 14px;
}

.icon_box.whyus{
    padding-bottom: 6%;
}

.whyus_icon {
   
    border-radius: 4px;
    
}

.whyus_icon.grey, .whyus_icon.red{
    width: 100%;
}

.whyus_icon.red{
    display: none;
}

.icon_box:hover .whyus_icon.grey{
    display: none;
}


.icon_box:hover .whyus_icon.red{
    display: block;
    animation: 1s iconanimation;
}

@media screen and (max-width: 1199.5px){
    .redtitle br{
        display: none;
    }
}

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

@media screen and (max-width: 767.5px){
    .boxgap.whyus {
        
        flex: 0 0 100%;
    }
    
    .boxgap.whyus.secondbox, .boxgap.whyus.fourthbox{
        border-left: 0px;
    }
    
    .boxgap.whyus.thirdbox{
        border-bottom: 1px solid #58595b
    }
    
}
    
    


/* gallery*/

#main_index .index_wrapper_6{
    padding: 3% 6%;
}

#main_index .index_wrapper_6 .container-fluid.outerContainer_6{
    background-image: url("https://cdn1.npcdn.net/images/E_Background_x205pv_1778489402.jpg?md5id=48033f895a8eb822024e647cc943596d&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 18px;
    
}

.hp_gallery{
    padding: 3%;
}

.subinsidebox.gallery{
    text-align: center;
}

.allsubtitle.gallery{
    color: #fff;
}

.allsubtitle.gallery::before{
    background-color: #fff;
}

.allsubtitle.gallery::after{

    content: "";
    position: absolute;
  
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    
   
    width: 4px;
    height: 4px;
    aspect-ratio: 1 / 1;
    
    background-color: #fff; 
    border-radius: 1000px;
    

    display: block;

}


.alltitle.gallery{
    text-align: center;
    color: #fff;
}

.photo-0-gallery{
    padding: 0!important;
}


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

    #main_index .photo-0-gallery .slick-track{
        left: 22vw;
    }
}

/* contact*/

#main_index .index_wrapper_7{
    padding: 7% 6% 0 7%;
}

.hpcontactbig{
    align-items: center;
}

.contactrightbox{
    padding-left: 4%;
}

.contacticonbox{
    width: 2vw;
}

.contact_icon{
    width: 100%;
}

.contactbox{
    padding: 1% 0;
}

.contactbox1, .contactbox2, .contactbox3{
    display: flex;
    align-items: center;
    padding-bottom: 3%;
}

#main_index .contactRecordBtn{
    padding-left: 3%;
    color: #414042;
    font-size: 16px;
    font-weight: 500;
    width: 80%;
}


@media screen and (max-width: 991.5px){
    .contactrightbox{
        padding: 0;
        padding-top: 5%;
    }
    
    
}

@media screen and (max-width: 767.5px){
    .contacticonbox{
        width: 4vw;
    }
}

@media screen and (max-width: 575.5px){
    .contacticonbox{
        width: 6vw;
    }
}