@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..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:90vw!important;
    object-fit:cover;
}

}

/*Ts*/

.hp_ts {
    position: absolute;
    right: 0;
    background: #10b4ac;
    top: 0;
    padding: 1.75% 1.1%;
    height: 95px;
    z-index: 101;
 
}

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

.hp_ts_box {
    align-items: center;
    display: flex;
    gap: 15px;
}

.hp_ts_item {
    color: #fff;
    margin-bottom: 0.25rem;
    font-size: 1rem;
    font-weight: 300;
}

.hp_ts_item {
    color: #fff;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 300;
}

.hp_ts_image {
    width: 2.5rem;
}

.hp_banner_squidward {
    margin-right: 96%;
    margin-left: 1%;
    margin-bottom: 10px;
}

.hp_banner_spongebob {
    position: relative;
    bottom: 13vw;
    z-index: 1;
}

.hp_banner_spongebob2 {
    position: relative;
    bottom: 10vw;
    z-index: 1;
}

.hp_banner_spongebob3 {
    position: relative;
    bottom: 10vw;
    z-index: 1;
}

.hp_ts a {
    color: white;
}

/*Nav*/

.navbar_type8 {
    
    height: 95px;
 
}


.navbar_type8 .nav_tab .nav_item a {
    color: #000;
    font-weight: 500;
    padding: 15px;
    
}

.navbar_type8 .logo {
  
    margin-left: 140px;
}

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

.navbar_type8 .nav_tab {
   
    justify-content: flex-start;
    padding-left: 50px;
    padding-right: 0;
    
}

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



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

.navbar_type8 .logo {
    margin-left: 85px;
}

.navbar_type8 .nav_tab {
  
    padding-left: 30px;
   
}

}

@media screen and (max-width: 1200.5px){
.navbar_type8 .logo {
    margin-left: 30px;
}

.navbar_type8 .logo img {
    width: 180px;
    
}

.navbar_type8 .nav_tab {
    padding-left: 0;
}

.hp_ts {
   
    padding: 2.25% 0%;
  
}

.navbar_type8 .nav_tab .nav_item a {
 
    padding: 15px 10px;
}

}


/*Banner*/

.index_wrapper_2 .item img {
    width: 94% !important;
   
}

.index_wrapper_2 .slick-initialized .slick-slide {
    display: flex;
    justify-content: end;
}

.index_wrapper_2 .slick-dots {
   
    bottom: 70px;

    left: -31%;
}

.index_wrapper_2 {
    position: relative;
    
}

.index_wrapper_2:before {
    position: absolute;
    content: "FOLLOW US";
    top: 29%;
    left: 0.25%;
    font-size: 1vw;
    color: #9c9c9c;
    transform: rotate(90deg);
    font-weight: 500;
    z-index: 1;
}


.index_wrapper_2:after {
    position: absolute;
    content: "";
    background-color: #9c9c9c;
    top: 37%;
    left: 3.5%;
    width: 1px;
    height: 21%;
    
}


@media screen and (max-width: 1200.5px){
.hp_banner_spongebob {
    
    bottom: 10vw;
    left: -5px;


}

.hp_banner_spongebob2 {
    
    bottom: 7vw;
    left: -5px;
}

.hp_banner_spongebob3 {
    
    bottom: 7vw;
    left: -5px;
}

}


@media screen and (max-width: 767.5px){
.index_wrapper_2 .item img {
    width: 100% !important;
   
}

.index_wrapper_2:before {
    display: none;
}

.index_wrapper_2:after {
    display: none;
}

}


/*Banner1*/

.hp_banner1 .col-12.col-md-5 {
    padding-left: 11%;
    padding-top: 13%;
}

.hp_banner1_title1 {
    color: #fff;
    font-size: 1vw;
    font-weight: 400;
    margin-bottom: 3.5%;
}

.hp_banner1_title2 {
    color: #fff;
    font-size: 2.9vw;
    font-weight: 800;
    position: relative;
}

.hp_banner1_title2:before {
    position: absolute;
    content: "";
    bottom: -6%;
    left: -5%;
    background-image: url(https://cdn1.npcdn.net/img/1727939029BANNER-01-ELEMENT-01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 14vw;
    height: 2vw;
    z-index: -1;
}

.hp_banner1_title2:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    bottom: -30%;
    left: 0;
    width: 22vw;
    height: 1px;
}

.hp_banner1_desc {
    color: #fff;
    font-size: 0.95vw;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 12%;
    margin-bottom: 6%;
}

.hp_banner1_link {
    background: #167a94;
    border: 1px solid #167a94;
    color: #fff;
    padding: 0.5vw 3vw 0.5vw 1.6vw;
    font-size: 0.9vw;
    transition: 0.3s;
    position: relative;
}

.hp_banner1_link:after {
    position: absolute;
    content: "";
    top: 14%;
    bottom: 0;
    margin: auto 0;
    right: 13%;
    background-image: url(https://cdn1.npcdn.net/img/1727920682BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.92vw;
    height: 0.92vw;
    transition: 0.3s;
}

.hp_banner1_link:hover:after {
    
    filter: brightness(0) saturate(100%) invert(31%) sepia(75%) saturate(1545%) hue-rotate(164deg) brightness(87%) contrast(83%);

    
}

.hp_banner1_link:hover {
    background: #fff;
    border: 1px solid #167a94;
    color: #167a94;
    
    text-decoration: none;
}

.hp_banner1_ibox {
    margin-top: 8%;
}

.hp_banner1_bbox {
    position: relative;
    z-index: 2;
}


@media screen and (max-width: 1200.5px){
.hp_banner1_title1 {
   
    font-size: 1.5vw;
   
}

.hp_banner1_title2 {
   
    font-size: 3vw;
  
}

.hp_banner1_desc {
  
    font-size: 1.45vw;
    
}

.hp_banner1_desc br {
  
    display: none;
    
}

.hp_banner1_link {
  
    font-size: 1.4vw;
    padding: 1vw 3.5vw 1vw 2vw;
    
}

.hp_banner1_link:after {
   
    right: 6%;
   
    width: 1.4vw;
    height: 1.4vw;
    
}

.index_wrapper_2 .slick-dots {
    bottom: 50px;
 
}

}


@media screen and (max-width: 767.5px){
.hp_banner1_title1 {
   
    font-size: 4vw;
    text-align: center;
    margin-bottom: 1%;
   
}

.hp_banner1 {
    background: rgba(0, 0, 0, 0.5);
}

.hp_banner1_title2 {
   
    font-size: 7vw;
    text-align: center;
    text-shadow: 2px 2px 4px #000;
  
}

.hp_banner1_desc {
  
    font-size: 4vw;
    text-align: center;
    margin-top: 6%;
    text-shadow: 2px 2px 4px #000;
    
}

.hp_banner1_bbox {
    text-align: center;
}

.hp_banner1_link {
  
    font-size: 3.5vw;
    padding: 2vw 9vw 2vw 4vw;
    
}

.hp_banner1_link:after {
    right: 7%;
    width: 3.5vw;
    height: 3.5vw;
}

.hp_banner1 .col-12.col-md-5 {
    padding-left: 15px;
    padding-top: 6%;
}

.hp_banner1_title2:before {
  
    bottom: -12%;
    left: 10%;
   
    width: 35vw;
    height: 6vw;
    
}

.hp_banner1_title2:after {
   
    left: 0;
    right: 0;
    width: 65vw;
  
    margin: 0 auto;
}

.hp_banner1_ibox {
    margin-top: -57%;
    position: relative;
    z-index: -1;
}

.index_wrapper_2 .slick-dots {
    display: none !important;
}

}



/*Banner2*/

.hp_banner2 {
    position: relative;
    overflow: hidden;
}

.hp_banner2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6%;
    background-image: url(https://cdn1.npcdn.net/img/1727949849BANNER-2-ELEMENT.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 31vw;
    height: 117.5%;
    z-index: -1;
    
}

.hp_banner2_ibox {
    margin-right: 65%;
    margin-left: 10%;
    position: relative;
    top: 2%;
}

.hp_banner2_title1 {
    color: #fff;
    font-size: 1.8vw;
    font-weight: 400;
    padding-left: 0.5%;
    
}

.hp_banner2_title2 {
    color: #fff;
    font-size: 4.75vw;
    font-weight: 800;
    position: relative;
}

.hp_banner2_title2:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 1);
    bottom: -12%;
    left: 0;
    width: 8vw;
    height: 2px;
}

.hp_banner2_tbox {
    margin-top: 13%;
    margin-left: 12%;
}

.hp_banner2_bbox {
    position: relative;
    z-index: 2;
}


@media screen and (max-width: 1200.5px){
.hp_banner2_title1 {
 
    font-size: 2.3vw;
 
    
}

.hp_banner2_title2 {
    
    font-size: 5.25vw;
    
}

.hp_banner2_tbox {
    margin-top: 12%;
    margin-left: 10%;
}

.hp_banner2:before {
   
    
    width: 33vw;
    height: 117%;

}

}

@media screen and (max-width: 767.5px){
.hp_banner2:before {
    width: 99vw;
    height: 196%;
    top: -72%;
    left: -44%;
}

.hp_banner2_title1 {
 
    font-size: 4vw;
 
    
}

.hp_banner2_title2 {
    
    font-size: 10vw;
    text-shadow: 2px 2px 4px #000;
    
}

.hp_banner2_ibox {
    margin-right: 55%;
    top: 7%;
    margin-left: 3%;
   
}

.hp_banner2_tbox {
    margin-top: 20%;
    margin-left: 3%;
      
}

.hp_banner2_title2:after {
    
    bottom: -50%;
    
    width: 12vw;
   
}

}



/*Banner3*/

.hp_banner3 {
    position: relative;
}

.hp_banner3:before {
    position: absolute;
    content: "";
    background-color: #10b4ac;
    bottom: 10%;
    right: 7.5%;
    width: 23%;
    height: 65%;
    border-radius: 40px 0 0 0;
}

.hp_banner3_ibox {
    margin-right: 7%;
    margin-left: 68%;
    position: relative;
    top: 2%;
}

.hp_banner3_title1 {
    color: #fff;
    font-size: 1.8vw;
    font-weight: 400;
    text-align: end;
  
    
}

.hp_banner3_title2 {
    color: #fff;
    font-size: 4.75vw;
    font-weight: 800;
    position: relative;
    text-align: end;
}

.hp_banner3_title2:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 1);
    bottom: -17%;
    right: 0;
    width: 8vw;
    height: 2px;
}

.hp_banner3_tbox {
    margin-top: 17%;
    margin-right: 13%;
}

.hp_banner3_bbox {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1200.5px){
.hp_banner3_title1 {
  
    font-size: 2.3vw;
    
    
}

.hp_banner3_title2 {
    
    font-size: 5.25vw;
   
}

.hp_banner3_ibox {
    margin-right: 10%;
    margin-left: 67%;
  
}

.hp_banner3:before {
 
    right: 9%;
 
}

}


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

.hp_banner3_title2 {
    
    font-size: 10vw;
   
}

.hp_banner3_ibox {
    margin-right: 3%;
    margin-left: 55%;
  
}

.hp_banner3:before {
    
    right: 3%;
    width: 37%;
    height: 69%;
    
}

.hp_banner3_tbox {
    margin-top: 20%;
    margin-right: 3%;
      
}

.hp_banner3_title2:after {
  
    width: 16vw;
    
}

}


/*Banner4*/




.hp_banner4_ibox {
    margin-right: 0%;
    margin-left: 65%;
    position: relative;
    top: 7%;
    right: 2%;
}

.hp_banner4_title1 {
    color: #fff;
    font-size: 1.6vw;
    font-weight: 400;
   
  
    
}

.hp_banner4_bbox {
    position: relative;
    z-index: 2;
}

.hp_banner4_title2 {
    color: #fff;
    font-size: 4.25vw;
    font-weight: 800;
    position: relative;
   
}

.hp_banner4_title2:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 1);
    bottom: -20%;
    left: 0;
    width: 8vw;
    height: 2px;
}

.hp_banner4_tbox {
    margin-top: 17%;
    margin-left: 14%;
}


@media screen and (max-width: 1200.5px){
.hp_banner4_title1 {
  
    font-size: 2.1vw;
    
   
  
    
}

.hp_banner4_title2 {
  
    font-size: 4.75vw;
    
   
}

.hp_banner4_tbox {
    margin-top: 16%;
    margin-left: 13%;
}

.hp_banner4_ibox {

    margin-left: 62%;
 
    top: 3%;
    right: 2%;
}

}


@media screen and (max-width: 767.5px){
.hp_banner4_title1 {
  
    font-size: 4vw;
    text-shadow: 2px 2px 4px #000;
    
    
}

.hp_banner4_title2 {
    
    font-size: 10vw;
    text-shadow: 2px 2px 4px #000;
   
}

.hp_banner4_tbox {
    margin-top: 30%;
    margin-left: 3%;
}

.hp_banner4_ibox {
    margin-left: 45%;
    top: 8%;
    right: 2%;
}

.hp_banner4_title2:after {
  
    width: 16vw;
    
}

}


/*Banner5*/

.hp_banner5 {
    position: relative;
}

.hp_banner5_bbox {
    position: relative;
    z-index: 2;
}

.hp_banner5:before {
    position: absolute;
    content: "";
    background-color: #10b4ac;
    bottom: 0;
    top: 17%;
    margin: auto;
    left: 6%;
    width: 45%;
    height: 50%;
    border-radius: 0 17vw 17vw 0;
}

.hp_banner5_ibox {
    margin-right: 64%;
    margin-left: 18.5%;
    position: relative;
    top: -10%;
    left: 5%;
}

.hp_banner5_title1 {
    color: #fff;
    font-size: 1.8vw;
    font-weight: 400;
    
  
    
}

.hp_banner5_title2 {
    color: #fff;
    font-size: 4.75vw;
    font-weight: 800;
    position: relative;

}

.hp_banner5_title2:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 1);
    bottom: -17%;
    left: 0;
    width: 8vw;
    height: 2px;
}

.hp_banner5_tbox {
    margin-top: 20%;
    margin-left: 13%;
}



@media screen and (max-width: 1200.5px){
.hp_banner5_title1 {
  
    font-size: 2.3vw;
  
    
  
    
}

.hp_banner5_title2 {
   
    font-size: 5.25vw;
    

}

.hp_banner5_ibox {
    margin-right: 60%;
 
}

.hp_banner5:before {
    
    top: 10%;
 
}

}

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

.hp_banner5_title2 {
    
    font-size: 10vw;
   
   
}

.hp_banner5_tbox {
    margin-top: 30%;
    margin-left: 3%;
}

.hp_banner5_ibox {
  
}

.hp_banner5_title2:after {
  
    width: 16vw;
    
}

.hp_banner5:before {
    top: -12%;
    left: 3%;
    width: 60%;
    height: 50%;
    border-radius: 0 25vw 25vw 0;
}

.hp_banner5_ibox {
    margin-right: 55%;
    margin-left: 3%;
    top: -12%;
    left: 21%;
}

}


/*Banner6*/

.hp_banner6 {
    position: relative;
}

.hp_banner6_bbox {
    position: relative;
    z-index: 2;
}

.hp_banner6:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6%;
    background-image: url(https://cdn1.npcdn.net/img/1727949849BANNER-2-ELEMENT.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 31vw;
    height: 118%;
    z-index: -1;
}

.hp_banner6_ibox {
    margin-right: 65%;
    margin-left: 10%;
    position: relative;
    top: 2%;
}

.hp_banner6_title1 {
    color: #fff;
    font-size: 1.8vw;
    font-weight: 400;
    padding-left: 0.5%;
    
}

.hp_banner6_title2 {
    color: #fff;
    font-size: 4.75vw;
    font-weight: 800;
    position: relative;
}

.hp_banner6_title2:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 1);
    bottom: -12%;
    left: 0;
    width: 8vw;
    height: 2px;
}

.hp_banner6_tbox {
    margin-top: 16%;
    margin-left: 14%;
}




@media screen and (max-width: 1200.5px){
.hp_banner6_title1 {
 
    font-size: 2.3vw;
 
    
}

.hp_banner6_title2 {
    
    font-size: 5.25vw;
    
}

.hp_banner6_tbox {
    margin-top: 12%;
    margin-left: 10%;
}

.hp_banner6:before {
   
    
    width: 33vw;
    height: 127%;

}

}

@media screen and (max-width: 767.5px){
.hp_banner6:before {
    width: 99vw;
    height: 206%;
    top: -72%;
    left: -44%;
}

.hp_banner6_title1 {
 
    font-size: 4vw;
 
    
}

.hp_banner6_title2 {
    
    font-size: 10vw;
    text-shadow: 2px 2px 4px #000;
    
}

.hp_banner6_ibox {
    margin-right: 55%;
    top: 7%;
    margin-left: 3%;
   
}

.hp_banner6_tbox {
    margin-top: 20%;
    margin-left: 3%;
      
}

.hp_banner6_title2:after {
    
    bottom: -50%;
    
    width: 12vw;
   
}

}


/*Banner7*/

.hp_banner7 {
    position: relative;
}

.hp_banner7_bbox {
    position: relative;
    z-index: 2;
}

.hp_banner7:before {
    position: absolute;
    content: "";
    background-color: #10b4ac;
    bottom: 5.5%;
    left: 16.5%;
    width: 24%;
    height: 74%;
    border-radius: 0 40px 0 0;
}

.hp_banner7_ibox {
    margin-right: 56%;
    margin-left: 25%;
    position: relative;
    top: 2%;
}

.hp_banner7_title1 {
    color: #fff;
    font-size: 1.8vw;
    font-weight: 400;
 
  
    
}

.hp_banner7_title2 {
    color: #fff;
    font-size: 4.75vw;
    font-weight: 800;
    position: relative;
   
}

.hp_banner7_title2:after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 1);
    bottom: -17%;
    left: 0;
    width: 8vw;
    height: 2px;
}

.hp_banner7_tbox {
    margin-top: 16%;
    margin-left: 19%;
}


@media screen and (max-width: 1200.5px){
.hp_banner7_title1 {
  
    font-size: 2.3vw;
    
    
}

.hp_banner7_title2 {
    
    font-size: 5.25vw;
   
}

.hp_banner7_ibox {
    margin-right: 56%;
    margin-left: 25%;
  
}

.hp_banner7:before {
 
    left: 17%;
    width: 30%;
 
}

}


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

.hp_banner7_title2 {
    
    font-size: 10vw;
   
}

.hp_banner7_ibox {
    margin-right: 55%;
    margin-left: 3%;
  
}

.hp_banner7:before {
    
    left: 3%;
    width: 50%;
    height: 83%;
    
}

.hp_banner7_tbox {
    margin-top: 20%;
    margin-left: 3%;
      
}

.hp_banner7_title2:after {
  
    width: 16vw;
    
}

}




/*Services*/

.hp_services {
    padding: 3% 8% 3%;
}

.hp_services_title {
    color: #000;
    font-size: 2.1vw;
    font-weight: 700;
    position: relative;
}

.hp_services_title:before {
    position: absolute;
    content: "";
    background-color: #167a94;
    bottom: -35%;
    left: 0;
    width: 31%;
    height: 2px;
}

.hp_services_desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1vw;
    margin-top: 12%;
    margin-bottom: 9%;
    line-height: 1.8;
}

.hp_services_link {
    background: #10b4ac;
    border: 1px solid #10b4ac;
    color: #fff;
    padding: 0.5vw 2.9vw 0.5vw 1.6vw;
    font-size: 0.95vw;
    transition: 0.3s;
    position: relative;
}

.hp_services_link:after {
    position: absolute;
    content: "";
    top: 14%;
    bottom: 0;
    margin: auto 0;
    right: 13%;
    background-image: url(https://cdn1.npcdn.net/img/1727920682BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.95vw;
    height: 0.95vw;
    transition: 0.3s;
}

.hp_services_link:hover:after {
    
    filter: brightness(0) saturate(100%) invert(62%) sepia(75%) saturate(2606%) hue-rotate(134deg) brightness(90%) contrast(87%);

    
}

.hp_services .col-12.col-md-8 {
    padding-top: 6%;
    position: relative;
}

.hp_services .col-12.col-md-8:before {
    position: absolute;
    content: "";
    background-color: #f3f3f3;
    top: -7%;
    left: -7%;
    width: 121%;
    height: 107%;
}

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

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

.hp_services_link:hover {
    background: #fff;
    border: 1px solid #10b4ac;
    color: #10b4ac;
    
    text-decoration: none;
}

.hp_services_box {
    text-align: center;
    
}

.hp_services_image {
    width: 5vw;
   
}

.hp_services_ibox {
    position: relative;
}

.hp_services_ibox:before {
    position: absolute;
    content: "";
    background-color: #10b4ac;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 8vw;
    height: 8vw;
    border-radius: 100%;
    z-index: -1;
    transition: 0.3s;
    margin: auto;
}

.hp_services_ibox:hover:before {
    
    background-color: #167a94;
    
}

.hp_services_item {
    
    font-weight: 600;
    font-size: 1.1vw;
    margin-top: 18%;
    margin-bottom: 40%;
}

.hp_services .col-12.col-md-3 {
    position: relative;
}

.hp_services .col-12.col-md-3:before {
    position: absolute;
    content: "";
    background-color: #dadada;
    top: -12%;
    right: 0;
    width: 2px;
    height: 70%;
}

.hp_services .col-12.col-md-3:nth-child(4):before {
    display: none;
}

.hp_services .col-12.col-md-3:nth-child(8):before {
    display: none;
}



@media screen and (max-width: 1200.5px){
.hp_services_title {
   
    font-size: 2.6vw;
   
}


.hp_services_desc {
   
    font-size: 1.33vw;
    
}

.hp_services_link {
    
    padding: 1vw 3vw 1vw 2vw;
    font-size: 1.3vw;

}

.hp_services_link:after {
  
    right: 7%;
  
    width: 1.3vw;
    height: 1.3vw;
    
}

.hp_services_image {
    width: 6vw;
   
}

.hp_services_ibox:before {
   
    width: 9vw;
    height: 9vw;
   
}

.hp_services_item {
   
    font-size: 1.4vw;
  
}

.hp_services {
    padding: 3% 5% 3%;
}

.hp_services .col-12.col-md-8:before {
   
    left: 0%;
    width: 108%;
   
}

}



@media screen and (max-width: 767.5px){
.hp_services_title {
   
    font-size: 6.5vw;
    text-align: center;
   
}

.hp_services_title br {
   
    display: none;
   
}

.hp_services_title:before {
    
    bottom: -70%;
    left: 0;
    right: 0;
    width: 21%;
 
    margin: 0 auto;
}


.hp_services_desc {
   
    font-size: 4vw;
    text-align: center;
    
}

.hp_services_link {
    
    padding: 2vw 9vw 2vw 4vw;
    font-size: 3.5vw;

}

.hp_services_link:after {
  
    right: 6%;
  
    width: 3.5vw;
    height: 3.5vw;
    
}

.hp_services_image {
    width: 15vw;
   
}

.hp_services_ibox:before {
   
    width: 20vw;
    height: 20vw;
   
}

.hp_services_item {
   
    font-size: 3.5vw;
    margin-top: 9%;
    margin-bottom: 15%;
  
}

.hp_services {
    padding: 12% 3%;
}

.hp_services .col-12.col-md-8:before {
    left: 0%;
    width: 100%;
    top: 0;
    height: 100%;
}

.hp_services .col-12.col-md-3:before {
    display: none;
}

.hp_services_bbox {
    text-align: center;
    margin-bottom: 12%;
}

}


/*About*/

.hp_about {
    margin-left: -15px;
    margin-right: -15px;
}

.hp_about .col-md-7 {

    flex: 0 0 55%;
    max-width: 55%;
    padding-right: 20px;
}

.hp_about .col-md-5 {

    flex: 0 0 45%;
    max-width: 45%;
    padding-top: 4.5%;
    padding-left: 20px;
}

.hp_about_title {
    color: #000;
    font-size: 2vw;
    font-weight: 700;
    position: relative;
}

.hp_about_title:before {
    position: absolute;
    content: "";
    background-color: #167a94;
    bottom: -100%;
    left: 0;
    width: 21%;
    height: 3px;
}

.hp_about_desc1 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.92vw;
    margin-top: 10.5%;
    margin-bottom: 3%;
    line-height: 1.8;
}

.hp_about_desc2 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.92vw;
    margin-bottom: 5%;
    line-height: 1.8;
}

.hp_about_link {
    background: #167a94;
    border: 1px solid #167a94;
    color: #fff;
    padding: 0.5vw 2.9vw 0.5vw 1.6vw;
    font-size: 0.9vw;
    transition: 0.3s;
    position: relative;
}

.hp_about_link:after {
    position: absolute;
    content: "";
    top: 14%;
    bottom: 0;
    margin: auto 0;
    right: 13%;
    background-image: url(https://cdn1.npcdn.net/img/1727920682BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.92vw;
    height: 0.92vw;
    transition: 0.3s;
}

.hp_about_link:hover:after {
    
    filter: brightness(0) saturate(100%) invert(31%) sepia(75%) saturate(1545%) hue-rotate(164deg) brightness(87%) contrast(83%);

    
}

.hp_about_link:hover {
    background: #fff;
    border: 1px solid #167a94;
    color: #167a94;
    
    text-decoration: none;
}



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


.hp_about_desc1 {
   
    font-size: 1.4vw;
 
}

.hp_about_desc1 br {
   
    display: none;
 
}

.hp_about_desc2 br {
   
    display: none;
 
}

.hp_about_desc2 {
   
    font-size: 1.4vw;
   
}

.hp_about_link {
   
    font-size: 1.4vw;
    padding: 1vw 3.4vw 1vw 2.1vw;
   
}

.hp_about_link:after {
  
   
   
    width: 1.4vw;
    height: 1.4vw;
    right: 9%;
   
}

.hp_about .col-md-7 {

    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 0;
}

.hp_about .col-md-5 {

    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 4.5%;
    padding-left: 15px;
    padding-right: 30px;
}

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

}


@media screen and (max-width: 767.5px){
.hp_about_title {
  
    font-size: 6.3vw;
    text-align: center;
   
}


.hp_about_desc1 {
   
    font-size: 4vw;
    text-align: center;
 
}


.hp_about_desc2 {
   
    font-size: 4vw;
    text-align: center;
    margin-bottom: 9%;
   
}

.hp_about_link {
   
    font-size: 3.5vw;
    padding: 2vw 9vw 2vw 4vw;
   
}

.hp_about .col-md-7 {

    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
}

.hp_about .col-md-5 {

    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 9%;
    padding-left: 15px;
    padding-right: 15px;
}

.hp_about {
    margin-left: 0;
    margin-right: 0;
    padding: 12% 3%;
}

.hp_about_title:before {
   
    bottom: -70%;
   
    right: 0;
    margin: 0 auto;
}

.hp_about_link:after {
  
   
   
    width: 3.5vw;
    height: 3.5vw;
    right: 9%;
   
}

.hp_about_bbox {
    text-align: center;
}

}


/*Why*/


.hp_why {
    padding: 7% 6% 6%;
}
    
.hp_why_title {
    color: #000;
    font-size: 2.1vw;
    font-weight: 700;
    text-align: center;
    position: relative;
    margin-bottom: 5%;
}

.hp_why_title:before {
    position: absolute;
    content: "";
    background-color: #167a94;
    bottom: -65%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 9%;
    height: 3px;
}

.hp_why_title:after {
    position: absolute;
    content: "ADVANTAGES";
    font-weight: 400;
    top: -140%;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-size: 7vw;
    color: rgba(0, 0, 0, 0.025);

}

.hp_why_item1 {
    color: #000;
    font-size: 1.5vw;
    font-weight: 700;
    margin-top: 5%;
    margin-bottom: 4%;
}

.hp_why_item2 {
    color: #000;
    font-size: 0.92vw;
    line-height: 1.8;

}

.hp_why_box{
    text-align: center;
}

.hp_why_image {
    width: 10vw;
}


@media screen and (max-width: 1200.5px){
    
.hp_why_title {
    
    font-size: 2.6vw;
   
}



.hp_why_item2 {
 
    font-size: 1.4vw;


}

.hp_why_item2 br {
 
    display: none;


}



.hp_why_image {
    width: 11vw;
}

}


@media screen and (max-width: 767.5px){
    
.hp_why_title {
    
    font-size: 6.5vw;
    margin-bottom: 15%;
   
}

.hp_why_title:before {
    
    bottom: -70%;
  
    width: 21%;

}


.hp_why_item2 {
 
    font-size: 4vw;
    margin-bottom: 12%;


}

.hp_why_item1 {
 
    font-size: 5vw;


}


.hp_why_image {
    width: 30vw;
}

.hp_why {
    padding: 12% 3%;
}


}


/*Pro*/


.hp_pro {
    padding: 4% 8% 6%;
    position: relative;
}

.hp_pro:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-image: url(https://cdn1.npcdn.net/img/1727947621OUR-PRODUCTS-BG.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.hp_pro_title {
   
    font-size: 2.1vw;
    font-weight: 700;
    position: relative;
    margin-bottom: 5%;
    position: relative;
    color: #fff;
}

.hp_pro_title:before {
    position: absolute;
    content: "";
    background-color: #fff;
    bottom: -65%;
    left: 0;
    width: 10%;
    height: 3px;
}

.hp_pro_item {
    text-align: center;
    font-size: 1vw;
    padding: 5%;
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
}



.hp_pro_ibox:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 90.1%;
    transition: 0.3s;
}

.hp_pro_ibox:hover:before {
    opacity: 0;
}

.hp_pro_link1 {
   
    transition: 0.3s;
    position: relative;
}



.hp_pro_itbox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}

.hp_pro .col-6.col-md-2 {
    padding-left: 0;
    padding-right: 0;
}

.hp_pro .row {
   
    justify-content: center;
}

.hp_pro_link {
    color: #fff;
    transition: 0.3s;
    position: relative;
}

.hp_pro_link:hover {
    text-decoration: none;
    color: #10b4ac;
}


@media screen and (max-width: 1200.5px){
.hp_pro_title {
   
    font-size: 2.6vw;
    
}

.hp_pro_item {

    font-size: 1.5vw;
   
}

.hp_pro_ibox:before {
  
    height: 88%;
    
}


}


@media screen and (max-width: 767.5px){
.hp_pro_title {
   
    font-size: 6.5vw;
    text-align: center;
    margin-bottom: 20%;
    
}

.hp_pro_ibox:before {
  
    height: 89%;
    
}

.hp_pro_item {

    font-size: 4vw;
   
}





.hp_pro {
    padding: 12% 3%;
    
}

.hp_pro_spongebob {
   
    flex-direction: column;
}

.hp_pro_box {
    margin-bottom: 9%;
}



.hp_pro_image {
    width: 100%;
}

.hp_pro:before {
 
    top: 1%;
    
  
}

.hp_pro_title:before {
   
    bottom: -70%;
    width: 21%;
    right: 0;
    margin: 0 auto;
}

.hp_pro .col-6.col-md-2 {
    padding-left: 5px;
    padding-right: 5px;
}

}

/*Contact*/


.hp_contact .col-6 {
    padding-left: 0;
    padding-right: 0;
}

.hp_contact_box1 {
    display: flex;
    align-items: center;
    gap: 3%;
    justify-content: center;
    padding: 2.5%;
    background: #167a94;
}

.hp_contact_box2 {
    display: flex;
    align-items: center;
    gap: 3%;
    justify-content: center;
    padding: 2.5%;
    background: #10b4ac;
}

.hp_contact_item {
    
    font-size: 1.5vw;
    margin-bottom: 0;
}

.hp_contact_image {
    width: 3.5vw;
}

.hp_contact_link {
    color: #fff;
    transition: 0.3s;
}

.hp_contact_link:hover {
    text-decoration: none;
    color: #000;
}


@media screen and (max-width: 1200.5px){
.hp_contact_item {
    
    font-size: 2vw;
    
}

.hp_contact_image {
    width: 4vw;
}

}


@media screen and (max-width: 767.5px){
.hp_contact_item {
    
    font-size: 3.5vw;
    
}

.hp_contact_image {
    width: 7vw;
}

}


/*Footer*/

.footer_type7 .title h5 {
    font-weight: 400;
  
    color: #167a94;
}

.footer_type7 .mb-1 {
    text-transform: uppercase;
}

.footer_type7 a {
   
    text-transform: lowercase;
    color: rgba(0,0,0,0.7);
}

.mb-0 {
    text-transform: capitalize;
}

.footer_type7 .list-unstyled li:nth-child(7) {
    display: none;
}

.footer_type7 {
    padding-top: 0rem !important;
    padding-bottom: 1rem !important;
    background: #fff;
    color: rgba(0,0,0,0.7);
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
}

.footer_type7:before {
    position: absolute;
    content: "";
    background-color: #efefef;
    bottom: 0;
    left: 0;
    width: 102%;
    height: 27%;
}

.footer_type7 .location i {

    display: none;
}

.footer_type7 .mb-1 {
    margin-bottom: 0.5rem !important;
}

.footer_type7 b, strong {
    font-weight: 400;
}

.footer_type7 .fa, .footer_type7 .fas {
    font-weight: 900;
    color: #167a94;
}

.footer_type7 .title {
    min-height: 70px;
   
}

.footer_type7 .logo img {
   
    max-height: 70px;
}

.footer_type7 .col-12.col-md-5.mb-md-0.p-3 {
    padding: 4% 2% 0% 1% !important;
}

.footer_type7 .col-12.col-md-3.mb-md-0.p-3 {
    padding: 2% 0 6% 13%  !important;
}

.footer_type7 .col-12.col-md-4.mb-md-0.p-3 {
    padding: 2% 0 6% 9%  !important;
}



@media screen and (max-width: 1200.5px){
.footer_type7 {
    
    margin-left: 0;
    margin-right: 0;
}

.footer_type7:before {
   
    width: 100%;
    
}

}



@media screen and (max-width: 767.5px){
.footer_type7 {
    
    text-align: center;
    padding-top: 1rem !important;
}

.footer_type7 .col-12.col-md-5.mb-md-0.p-3 {
    padding: 3% !important;
}

.footer_type7 .col-12.col-md-3.mb-md-0.p-3 {
    padding: 3%  !important;
}

.footer_type7 .col-12.col-md-4.mb-md-0.p-3 {
    padding: 0 3% 12% !important;
}

.footer_type7 .title {
    
    justify-content: center;
}

.footer_type7 .logo img {
   
    right: 0;
    margin: 0 auto;
}

.footer_type7:before {
   
    width: 100%;
    height: 22%;
}

.footer_type7 .social_media {
    text-align: center;
}

}