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

body > br{
    display: none;
}
#main_index {
    overflow: hidden;
    padding-bottom: 0 !important;
}


.index_wrapper_1 {
    height: 80px;
}


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

}

.pausebox i{
    position: absolute;
    bottom: 3%;
    right: 100px;
    font-size: 25px;
    background-color: #fff;
    border-radius: 1000px;
    padding: 1%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    margin: auto 0;
    cursor:pointer;
    z-index:1001;    
}
.mutebox i{
    position: absolute;
    bottom: 3%;
    right: 35px;
    font-size: 25px;
    background-color: #fff;
    border-radius: 1000px;
    padding: 1%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    margin: auto 0;
    cursor:pointer;
    z-index:1001;
}
.pausebox .fa-play{
    display:none;
}
.pausebox .fa-pause{
}
.mutebox .fa-volume-up{
    display:none;
}
.mutebox .fa-volume-mute{
}
@media screen and (max-width: 991.5px){
    .mutebox i,
    .pausebox i{
        font-size:15px;
        width:30px;
        height:30px;
    }
    .pausebox i{
        right:75px;
    }
}
@media screen and (max-width: 767.5px){
    .pausebox i{
        font-size:12px;
        width: 30px;
        height:30px;
    bottom: 47px;
    right: 60px;
    }
    .mutebox i{
        font-size:12px;
        width: 30px;
        height:30px;
        bottom: 47px;
        right: 27px;
    }
}

/*Nav*/

.navbar_type8 .nav_tab .nav_item a {
    color: #000;
    padding: 15px 1.3vw;
    
}

.navbar_type8 .logo {
    
    margin-left: 6%;
    overflow: visible;
}

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

#main_index .navbar_type8 {
    
    height: 110px;
   
}

.navbar_type8 {
    
    height: 100px;
   
}

#main_index .navbar_type8 .logo img {
  
  
    height: 120%;
  
}

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

#main_index .dark_nav {
    
    background: #fff !important;
    height: 100px;
}

.dark_nav {
    
    background: #fff !important;
    height: 100px;
}

#main_index .dark_nav .logo img {
    
    height: 100%;
    padding: 0;
}

.navbar_mobile .logo_img {
    max-height: 47px;
   
    transform: scale(1.5);
}

.navbar_mobile {
    
    background-color: #0f1922;
    
}

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

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

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item {
    background-color: #fff;
    
}


@media screen and (max-width: 1200.5px){
.navbar_type8 .nav_tab .nav_item a {
    
    padding: 15px 1vw;
    
}

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

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

}



/*Animation*/

.slide-right {
	-webkit-animation: slide-right 1s linear infinite both;
	        animation: slide-right 1s linear infinite both;
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}


/*Banner*/

.hp_banner {
    padding-top: 34.5%;
    padding-left: 9.5%;
}

.hp_banner_title1 {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 0.25rem;
}

.hp_banner_title2 {
    color: #fff;
    font-size: 1.5vw;
    margin-bottom: 3.5%;
    letter-spacing: 1px;
}

.hp_banner_link {
    color: #fff;
    letter-spacing: 1px;
    font-size: 0.95vw;
    transition: 0.3s;
    position: relative;
}

.hp_banner_link:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -43%;
    background-image: url('https://cdn1.npcdn.net/img/1735616671arrow white.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.4vw;
    height: 1.4vw;
    animation: slide-right 1s linear infinite both;

}

.hp_banner_link:hover {
    color: #c2c2c2;
    text-decoration: none;
}


.hp_banner_link:lang(zh-Hans):before {
  
    right: -95%;
    
}


@media screen and (max-width: 1200.5px){
.hp_banner_title1 {
   
    font-size: 3vw;
   
    letter-spacing: 1px;
    margin-bottom: 0.25rem;
}

.hp_banner_title2 {
   
    font-size: 2vw;
    margin-bottom: 3.5%;
    letter-spacing: 1px;
}

.hp_banner_link {
  
    letter-spacing: 1px;
    font-size: 1.45vw;
    
}

.hp_banner_link:before {
   
    right: -43%;
    
    width: 3.9vw;
    height: 1.5vw;

}

.hp_banner {
    padding-top: 31%;
    padding-left: 8%;
}

}



@media screen and (max-width: 767.5px){
.hp_banner_title1 {
   
    font-size: 6vw;
   
    letter-spacing: 0px;
    margin-bottom: 0.25rem;
}

.hp_banner_title2 {
   
    font-size: 4.5vw;
    margin-bottom: 9%;
    letter-spacing: 1px;
}

.hp_banner_link {
  
    letter-spacing: 1px;
    font-size: 3.5vw;
    
}

.hp_banner_link:before {
   
    
    width: 12vw;
    height: 5vw;

}

.hp_banner {
    padding-top: 44%;
    padding-left: 3%;
}

}

/*About*/

.hp_about {
    padding: 6% 5% 9%;
}

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

.hp_about .col-12.col-md-7 {
    padding-left: 5%;
}

.hp_about_image {
    width: 100%;
}

.hp_about_ibox2 {
    position: relative;
}

.hp_about_itbox {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 9%;
}

.hp_about_itboxx {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 18%;
}

.hp_about_spongebob {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
    margin-left: -30%;
}

.hp_about_squidward {
    display: flex;
    gap: 5px;
    margin-left: 9.5%;
}

.hp_about_title {
    font-size: 2.5vw;
    font-weight: 800;
    letter-spacing: 1px;
    margin-top: 10%;
    color: #101820;
}

.hp_about_item {
    margin-bottom: 0;
    color: #fff;
    font-size: 1.05vw;
    font-weight: 300;
    letter-spacing: 2px;
    transition: 0.3s;
}

.hp_about_item:hover {

    color: #c2c2c2;
    
    text-decoration: none;
}

.hp_about_image2 {
    width: 18vw;
}

.hp_about_image3 {
    width: 14.7vw;
}

.hp_about_desc {
    font-size: 1vw;
    font-weight: 400;
    color: #444;
    line-height: 1.8;
    margin-bottom: 5%;
    margin-top: 3%;
}

.hp_about_link {
    color: #111;
    letter-spacing: 1px;
    font-size: 0.95vw;
    transition: 0.3s;
    position: relative;
}

.hp_about_link:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -43%;
    background-image: url('https://cdn1.npcdn.net/img/1735618614arrow right.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.4vw;
    height: 1.4vw;
    animation: slide-right 1s linear infinite both;

}

.hp_about_link:hover {
    color: #101820;
    text-decoration: none;
}

.hp_about_link:lang(zh-Hans):before {
  
    right: -95%;
  
}

.hp_about_icbox {
    display: flex;
    gap: 4vw;
    margin-top: 6%;
    position: relative;
}

.hp_about_icbox:after {
    position: absolute;
    content: "";
    background-color: #000;
   
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 20%;
    width: 1px;
    height: 80%;
}

.hp_about_icon1 {
    width: 7vw;
    object-fit: contain;
}

.hp_about_icon2 {
    width: 7vw;
    object-fit: contain;
}

.hp_about_end {
    font-size: 1.1vw;
    margin-top: 1%;
}


@media screen and (max-width: 1200.5px){
.hp_about_title {
    font-size: 3vw;
  
    letter-spacing: 1px;
    margin-top: 10%;
}

.hp_about_icon1 {
    width: 8vw;
    object-fit: contain;
}

.hp_about_icon2 {
    width: 8vw;
    object-fit: contain;
}

.hp_about_icbox {
    margin-left: 6%;
   
    gap: 4vw;
    margin-top: 6%;
   
}

.hp_about_icbox:after {
    position: absolute;
    content: "";
    background-color: #000;
   
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 22%;
    width: 1px;
    height: 80%;
}

.hp_about_end {
    font-size: 1.6vw;
    margin-top: 1%;
}

.hp_about_item {
  
    font-size: 1.5vw;
   
    letter-spacing: 1px;
}

.hp_about_image2 {
    width: 23.5vw;
}

.hp_about_image3 {
    width: 19vw;
}

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

.hp_about_desc br {
    display: none;
}

.hp_about_link {
    
    letter-spacing: 1px;
    font-size: 1.45vw;

}

.hp_about_link:before {
   
    right: -43%;
   
    width: 3.9vw;
    height: 1.5vw;
   

}

.hp_about .col-12.col-md-7 {
    padding-left: 1%;
}

.hp_about_spongebob {
 
    margin-left: -39.5%;
}

}


@media screen and (max-width: 767.5px){
.hp_about_title {
    font-size: 7vw;
  
    letter-spacing: 1px;
    margin-top: 10%;
}

.hp_about_icon1 {
    width: 25vw;
    object-fit: contain;
}

.hp_about_icon2 {
    width: 20vw;
    object-fit: contain;
}

.hp_about_icbox {
    margin-left: 6%;
   
    gap: 8vw;
    margin-top: 6%;
   
}

.hp_about_end {
    font-size: 4vw;
    margin-top: 1%;
}

.hp_about_icbox:after {
    position: absolute;
    content: "";
    background-color: #000;
   
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 29.5vw;
    width: 1px;
    height: 80%;
}

.hp_about_item {
  
    font-size: 3.5vw;
   
    letter-spacing: 0px;
}

.hp_about_image2 {
    width: 100%;
}

.hp_about_image3 {
    width: 100%;
}

.hp_about_itbox {
  
    left: 6%;
}

.hp_about_itboxx {
  
    left: 6%;
}

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


.hp_about_link {
    
    letter-spacing: 1px;
    font-size: 3.5vw;

}

.hp_about_link:before {
   
    width: 12vw;
    height: 5vw;
   

}

.hp_about .col-12.col-md-7 {
    padding-left: 15px;
    margin-top: 9%;
}

.hp_about {
    padding: 12% 3%;
}

.hp_about_spongebob {
    margin-left: 0%;
}

.hp_about_squidward {
    margin-left: 0%;
}

}


/*Credibility*/

.hp_credibility {
    padding: 6% 15% 6%;
}

.hp_credibility .row {
    justify-content: center;
    align-items: center;
}


.hp_credibility_title {
    font-size: 2vw;
    font-weight: 900;
    letter-spacing: 1px;
    color: #101820;
    text-align: center;
    margin-bottom: 6%;
}

.hp_credibility_ibox {
    text-align: center;
}

.hp_credibility_itbox {
    text-align: center;
    margin-top: -15%;
}

.hp_credibility_item {
    color: #000;
    font-size: 1.25vw;
    font-weight: 700;
}

.hp_credibility .col-6.col-md-4.z {
    margin-top: 5%;
}



@media screen and (max-width: 1200.5px){
.hp_credibility_title {
    font-size: 2.5vw;
    
    letter-spacing: 1px;
  
    margin-bottom: 6%;
}

.hp_credibility_item {
    
    font-size: 1.28vw;
   
}

.hp_credibility {
    padding: 6% 12% 6%;
}

}

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

.hp_credibility .col-6.col-md-4.z {
    margin-top: 9%;
}

.hp_credibility {
    padding: 12% 3%;
}

.hp_credibility_item {
    
    font-size: 3.2vw;
   
}

}

/*Why*/

.hp_why {
    padding: 6% 5% 5%;
    position: relative;
}

.hp_why:before {
    position: absolute;
    content: "";
    background-color: #000;
    opacity: 0.2;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

.hp_why:after {
    position: absolute;
    content: "";
    background-color: #000;
    opacity: 0.2;
    top: 0;
    left: 32.6%;
    width: 2px;
    height: 32%;
}

.hp_why_box {
    display: flex;
    margin-bottom: 6%;
    gap: 0.5vw;
}

.hp_why_bbox {
    transform: rotate(-90deg);
    position: absolute;
    bottom: 35%;
    left: 27.5%;
}

.hp_why_title {
    color: #101820;
    font-size: 2vw;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: end;
    margin-right: 12%;
}

.hp_why_image {
    max-width: 4vw;
}

.hp_why_item1 {
    color: #101820;
    font-size: 1.15vw;
    font-weight: 700;
    margin-bottom: 0.25rem;
    text-transform: capitalize;
}

.hp_why_item2 {
    color: #666;
    font-size: 0.9vw;
    font-weight: 400;
    line-height: 1.5;
}

.hp_why_ibox {
    margin-top: -4%;
}

.hp_why_link {
    color: #000;
    font-size: 1vw;
    letter-spacing: 2px;
    transition: 0.3s;
    position: relative;
}

.hp_why_link:hover {
    color: #101820;
    
    text-decoration: none;
}

.hp_why_link:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -43%;
    background-image: url('https://cdn1.npcdn.net/img/1735618614arrow right.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.4vw;
    height: 1.4vw;
    animation: slide-right 1s linear infinite both;

}

.hp_why_bbox:lang(zh-Hans) {
   
    bottom: 31%;
    left: 30.5%;
}

.hp_why_link:lang(zh-Hans):before {
  
    right: -80%;
 
}


@media screen and (max-width: 1200.5px){
.hp_why_title {
   
    font-size: 2.3vw;
    
    letter-spacing: 0px;
   
    margin-right: 6%;
}

.hp_why_bbox:lang(zh-Hans) {
    bottom: 31%;
    left: 29.25%;
}

.hp_why_link:lang(zh-Hans):before {
    right: -60%;
}

.hp_why_image {
    max-width: 4.5vw;
}

.hp_why_item1 {
   
    font-size: 1.65vw;
    
    margin-bottom: 0.25rem;
}

.hp_why_item1 br {
   
    display: none;
}

.hp_why_item2 {
   
    font-size: 1.4vw;
    
}

.hp_why_item2 br {
   
    display: none;
    
}


.hp_why_link {
    
    font-size: 1.5vw;
    letter-spacing: 0.26vw;
   
}

.hp_why_bbox {
    
    bottom: 35%;
    left: 24.5%;
}

.hp_why_link:before {
  
    right: -43%;
  
    width: 3.9vw;
    height: 1.5vw;
    

}

}


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

.hp_why_image {
    max-width: 15vw;
}

.hp_why_item1 {
   
    font-size: 4vw;
    
    margin-bottom: 0.25rem;
}



.hp_why_item2 {
   
    font-size: 4vw;
    
}



.hp_why_link {
    
    font-size: 4vw;
    letter-spacing: 0.3vw;
   
}

.hp_why_bbox {
    bottom: 13%;
    left: -14%;
}

.hp_why_link:before {
  
    right: -43%;
  
    width: 12vw;
    height: 5vw;
    

}

.hp_why:after {
  
    left: 5%;
   
    height: 70%;
}

.hp_why_bbox:lang(zh-Hans) {
    bottom: 9%;
    left: -3%;
}

}

/*Why2*/

.hp_why2_box {
    position: relative;
}

.hp_why2_tbox {
    position: absolute;
    right: 8%;
    bottom: 17%;
}

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

.hp_why2_title {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 0;
}


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

}


@media screen and (max-width: 767.5px){
.hp_why2_title {
    
    font-size: 5vw;
    
    letter-spacing: 0px;
    margin-bottom: 0;
}

.hp_why2_tbox {
    
    right: 4%;
    bottom: 9%;
}

}

/*Why3*/

.hp_why3_box {
    background: #101920;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 1vw;
    padding: 4% 3%;
}

.hp_why3_boxx {
    background: #101920;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 1vw;
    padding: 4% 3%;
    border-radius: 0 0 30px 0;
}

.hp_why3 .col-12.col-md-4 {
    margin-bottom: 20px;
    padding: 0 10px;
}

.hp_why3 {
    padding: 3% 0 5% 14%;
    background: linear-gradient(160deg, rgba(255,255,255,1) 30%, rgba(194,194,194,1) 100%);
}

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

.hp_why3_image {
    width: 4vw;
    transition: 0.3s;
}

.hp_why3_image:hover {
    transform: scale(1.2);
   
}

.hp_why3_item {
    color: #fff;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
}

.hp_why3_span1 {
    font-size: 2vw;
    font-weight: 800;
}

.hp_why3_span2 {
    font-size: 1.5vw;
    font-weight: 800;
}


@media screen and (max-width: 1200.5px){
.hp_why3_image {
    width: 4.5vw;
 
}



.hp_why3_item {
   
    font-size: 1.4vw;
    
    margin-bottom: 0;
}

.hp_why3_span1 {
    font-size: 2.4vw;
  
}

.hp_why3_span2 {
    font-size: 1.9vw;

}

.hp_why3 {
    padding: 3% 0 5% 3%;
}

}


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



.hp_why3_item {
   
    font-size: 4vw;
    
    margin-bottom: 0;
}

.hp_why3_span1 {
    font-size: 7vw;
  
}

.hp_why3_span2 {
    font-size: 5vw;

}

.hp_why3 {
    padding: 12% 3% 11%;
}

.hp_why3 .col-12.col-md-4 {
    margin-bottom: 15px;
    padding: 0 15px;
}

}


/*Video*/


.hp_video .container-fluid {
  
    padding-right: 0 !important;
    padding-left: 0 !important;
 
}

.hp_video {
    padding: 2% 0% 2%;
}

.hp_video_fbox {
    display: flex;
    justify-content: space-between;
    padding: 0 3%;
    margin-top: 3%;
}

.hp_video_itbox {
    text-align: center;
}

.hp_video_item1 {
    font-size: 1vw;
    color: black;
}

.hp_video_item2a, .hp_video_item2b, .hp_video_item2c, .hp_video_item2d, .hp_video_item2e {
    font-size: 2vw;
    color: black;
    font-weight: 700;
}

.hp_video_box {
    display: flex;
    align-items: center;
    /*gap: 10px;*/
}

.hp_video_itemx {
    font-weight: 800;
    color: black;
    font-size: 1.5vw;
    margin-bottom: 0;
}

.hp_video_icon {
    width: 5vw;
}

.hp_video_span {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

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

.hp_video_item2a, .hp_video_item2b, .hp_video_item2c, .hp_video_item2d, .hp_video_item2e {
    font-size: 2.5vw;
  
}

.hp_video_icon {
    width: 6vw;
}

.hp_video_itemx {
   
    font-size: 2vw;
   
}

}


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

.hp_video_box {
   
    justify-content: center;
    margin-bottom: 7%;
}

.hp_video_icon {
    width: 15vw;
}

.hp_video_itemx {
   
    font-size: 5vw;
   
}

.hp_video_item2a, .hp_video_item2b, .hp_video_item2c, .hp_video_item2d, .hp_video_item2e {
    font-size: 7vw;
  
}

.hp_video_fbox {

    padding: 0 3%;
    margin-top: 3%;
    flex-direction: column;
    gap: 15px;
}

.hp_video {
    padding: 6% 0%;
}

}

/*Projects*/

.index_wrapper_9 {
    padding: 3% 6% 3%;
}




.hp_project_title {
    font-size: 2vw;
    font-weight: 900;
    letter-spacing: 1px;
    color: #101820;
    text-align: center;
    margin-bottom: 1%;
}

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

.hp_photoGallerySlider_type3 {
    background-color: transparent;
}

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


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

}


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

.index_wrapper_9 {
    padding: 12% 3%;
}

}


/*Event*/

.index_wrapper_10 {
    padding: 2% 6% 2%;
}




.hp_event_title {
    font-size: 2vw;
    font-weight: 900;
    letter-spacing: 1px;
    color: #101820;
    text-align: center;
    margin-bottom: 1%;
}



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

}


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

.index_wrapper_10 {
    padding: 12% 3%;
}

}

/*Touch*/

.hp_touch {
    background: #101920;
    padding: 5% 6% 0%;
}

.hp_touch_title {
    color: #fff;
    font-size: 2vw;
    font-weight: 800;
    margin-bottom: 6%;
    letter-spacing: 1px;
}

.hp_touch_titlex {
    color: #fff;
    font-size: 0.95vw;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.hp_touch_item {
    color: #fff;
    font-size: 0.95vw;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.hp_touch_link {
    color: #fff;
    font-size: 0.9vw;
    font-weight: 300;
    transition: 0.3s;
}

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

.hp_touch_linkx {
    color: #fff;
    transition: 0.3s;
    font-size: 0.9vw;
}

.hp_touch_linkx:hover {
    color: #c2c2c2;
    text-decoration: none;
}

.hp_touch_menubox {
    display: flex;
    gap: 4vw;
    position: relative;
    padding: 1.5% 0%;
    margin-top: 3.5%;
}

.hp_touch_menubox:before {
    position: absolute;
    content: "";
    background-color: #fff;
    opacity: 0.25;
    top: 0%;
  
    left: -9%;
    margin: 0 auto;
    width: 118%;
    height: 1.5px;
}

.hp_touch_menubox:after {
    position: absolute;
    content: "";
    background-color: #fff;
    opacity: 0.25;
    bottom: 0%;
  
    left: -9%;
    margin: 0 auto;
    width: 118%;
    height: 1.5px;
}

.hp_touch_box {
    display: flex;
    gap: 15px;
}


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

    font-size: 2.5vw;

    margin-bottom: 6%;
    letter-spacing: 1px;
}

.hp_touch_titlex {
    
    font-size: 1.45vw;
   
    margin-bottom: 0.25rem;
}

.hp_touch_item {
    
    font-size: 1.45vw;
 
    margin-bottom: 1rem;
}

.hp_touch_link {
    font-size: 1.4vw;
}



.hp_touch_linkx {
    
    font-size: 1.4vw;
}

}


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

    font-size: 7vw;

    margin-bottom: 6%;
    letter-spacing: 1px;
}

.hp_touch_titlex {
    
    font-size: 4vw;
   
    margin-bottom: 0.25rem;
}

.hp_touch_item {
    
    font-size: 4vw;
 
    margin-bottom: 3rem;
}

.hp_touch_link {
    font-size: 4vw;
}



.hp_touch_linkx {
    
    font-size: 3.3vw;
}

.hp_touch_menubox {
   
    gap: 2vw;
    padding: 4% 0;
 
}

.hp_touch .col-12.col-md-6:nth-child(1) {
    margin-bottom: 9%;
    
}


.hp_touch {
 
    padding: 12% 3% 0;
}

}

/*Footer*/

.footer_type3 {
    background-color: #101920;
    padding: 1.5% 6% 1.5% !important;
    
}

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

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

.ft_icon {
    width: 22px;
}

.footer_type3 .social_media li {
    margin-left: 5px;
}

.footer_type3 a {
    
    text-decoration: none;
}

.footer_type3 .social_media li a .icon_s img {
    filter: unset;
    height: auto;
    width: 22px;
}

.footer_type3 .social_media li a {
    font-size: 22px;
    color: white;
}

/*Service Page*/
.ws_service_type2 .img_frame img {
    object-fit: cover;
}

#main_photoalbum .p-0 {
    padding: 15px !important;
}