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

/* Overall */
#main_index{
    overflow: hidden;
    padding-bottom: 0px !important;
}
a:hover{
    text-decoration: unset;
}
#main_index .col-12{
    padding: 0;
}
#main_index h1, h2, h3, h4, h5, h6, p{
    margin-bottom: 0;
}

:root{
    --primary-color: #d3aa7d;
    --sec-x: 8%;
    --sec-y: 5rem;    
    --title-font: 'Montserrat', sans-serif;
    --banner-title-font: "Cinzel", serif; 
}

@media(max-width:768px){
    :root{
        --sec-x: 5%;
    }
}

/*Floating Button*/
.toggle_btn.num3,
.toggle_btn.num2{
  right: 0;
  
  a{
    left: -35%;
  }
}
.toggle_btn .whatsapp_float_title{
  left: unset;
  right: 170%;
}

/*Text*/

.title-style {
    font-family: var(--title-font);
    font-size: clamp(1.2rem, 1.5vw, 1.5vw);
    line-height: 1.25;
    color: #89868b;
    font-weight: 500;
    margin: 0;
    letter-spacing: .5px;      
    
    span{
        color: var(--primary-color);
        font-size: 150%;
        font-weight: 600;        
    }
}
.b-content .title-style{
    font-size: clamp(1.85rem, 3.25vw, 3.25vw);
}

.content {
    font-size: clamp(.85rem, 1.08vw, 1.08vw);
    font-weight: 400;
    line-height: 1.75;
    color: #777;
    margin-bottom: 0;
}

/*Button*/
.main-btn{
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: var(--primary-color);
    background: transparent;
    border-radius: 99px;
    border: 1px solid var(--primary-color);
    padding: .6rem 1.5rem;
    font-size: clamp(.85rem, .92vw, .92vw);
    font-weight: 400;
    
    &:hover{        
        color: #fff;
        background: var(--primary-color);
        
        
        .btn-icon{
            filter: brightness(0) invert(1);
            animation: swing .5s linear alternate
        }
    }
}

.hp_banner .main-btn{
    color: #fff;
    border-color: #fff;
    
    .btn-icon{
        filter: brightness(0) invert(1);
    }
    
    &:hover{
        color: var(--primary-color);
        background: #fff;
        
        .btn-icon{
            filter: unset;
        }
    }
}

.main-btn.sub-color{
    background: var(--secondary-color);
}

.btn-icon{
    width: 20px;    
    display: grid;
}

/* Nav */
.navbar_type8{
    height: 140px;
    background: transparent;
    padding: .75rem 0;
}
.navbar_type8 .logo{
    margin-left: var(--sec-x);  
    flex: unset;
    min-width: 10%;
}
.navbar_type8 .logo img{
    padding: 0px;
    width: 100%;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu{
  top: 20px;
}
.navbar_type8 .nav_tab .dropdown:hover .dropdown-menu{
    top: 20px;    
    margin: 0;
    padding: 0;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu-img{
    border-top: 40px solid transparent;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item{
    background: rgba(0,0,0,.65) !important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item{
  background: rgba(255, 255, 255, 0.65);
}

#main_index .navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item{
  background: rgba(0, 0, 0, 0.65);
}

.navbar_type8 .nav_tab{
    flex: unset;
    width: 100%;
    padding-right: var(--sec-x); 
    gap: 3vw;
}
.navbar_type8 .nav_tab .nav_item:before{
    display: none;
}
.navbar_type8 .nav_tab .nav_item a{
    color: #333;
    padding: 0;
    font-size: clamp(0.7rem, .9vw, .9vw);
    font-weight: 400;    
    position: relative;    
    z-index: 999;
}
.navbar_type8 .nav_tab .nav_item:not(:last-child) a:after{    
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    border-right: 1px solid var(--primary-color);
    right: -1.5vw;
    top: 0;                   
}

.dropdown-toggle::after{
    all: unset;
}

#main_index .navbar_type8 .nav_tab .nav_item a{
    color: #fff;    
    z-index: 999;
    
    &:hover{
        color: var(--primary-color);
    }
}
#main_index .navbar_type8 .nav_tab .nav_item:not(:last-child) a:after{
    border-color: #fff;
}

.navbar_type8 .nav_tab .nav_item a:hover{
    color: var(--primary-color);
}
.navbar_type8 .nav_tab .nav_item:hover:before{
    width: 100%;
}

.dark_nav{
background: rgb(211, 170, 125, .87) !important;
    height: 100px;
    padding: .5rem 0;
}
.navbar_type8.dark_nav .nav_tab .dropdown .dropdown-menu .dropdown-item{
  background: rgba(0, 0, 0, 0.65);
}
.dark_nav .nav_tab .nav_item a{
    color: #fff;
    
    &:hover{
        color: #333 !important;
    }
}
.dark_nav.navbar_type8 .nav_tab .nav_item:not(:last-child) a:after{
    border-color: #fff;
}
.dark_nav .logo{
   filter: brightness(0) invert(1);
}

.navbar_mobile{
    background: #f6f1e8;
}

@media(max-width:1200px){
    .navbar_type8 {
        height: 100px;
    }
    .navbar_type8 .nav_tab{
        gap: calc(.75vw * 2);
    }
    .navbar_type8 .nav_tab .nav_item:not(:last-child) a:after{                    
        right: -.75vw;                         
    }
}

/*Video Baner*/
.customVideo {
    position: relative;
    
    &:before{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0,0,0, .3);
        top: 0;
        left: 0;
        z-index: 1;
    }
}
.videoPlay {
    position: absolute;
    z-index: 99;
    bottom: 1.5rem;
    right: 4rem;
}
.videoPlay button {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background: rgba(256,256,256,0.7);
    position: relative;
    border-radius: 50%;
    border: none;
}
.videoPlay button:focus {
    outline: none;
}
.videoPlay button.paused {
    background: rgba(256,256,256,1);
}
.videoPlay button:after {
    content: "\f04c";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: .9rem;
}
.videoPlay button.paused:after {
    content: "\f04b";
    left: 1px;
}

.videoMute {
    position: absolute;
    z-index: 99;
    bottom: 1.5rem;
    right: 1.5rem;
}
.videoMute button {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background: rgba(256,256,256,1);
    position: relative;
    border-radius: 50%;
    border: none;
}
.videoMute button:focus {
    outline: none;
}
.videoMute button.muted {
    background: rgba(256,256,256,.7);
}
.videoMute button:before {
    content: "\f028";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 1px;
    font-weight: 700;
    font-size: .9rem;
}
.videoMute button.muted:after {
    content: "\f715";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: .9rem;
}

@media(min-width:991px){
    .customVideo{
        margin-top: -140px;
    }
}

@media only screen and (max-width: 768px) {
    .videoPlay {
        bottom: 1rem;
        right: 3.5rem;
    }
    .videoMute {
        bottom: 1rem;
        right: 1rem;
    }
    .embed-responsive-16by9::before{
        padding-top: 75%;
    }
    .customVideo video{
        object-fit: cover;
    }
}

@media(max-width:576px){
    .embed-responsive-16by9::before{
        padding-top: 140%;
    }
}

/* Banner Content */
.hp_banner{
    position: absolute;
    top: 50%;
    left: 0;
    height: 50%;
    width: 100%;    
    transform: translate(0%, -50%);
    animation-composition: add;
    z-index: 2;
}

.b-content{
    color: #fff;
    padding-left: var(--sec-x);    
    width: 48%;    
}

.b-title{
/*     color: var(--primary-color); */    
    font-size: clamp(1.25rem, 1.55vw, 1.55vw);
    font-family: var(--banner-title-font);
    margin-bottom: 1.5rem;
    line-height: 1;
    filter: drop-shadow(0px 2px 1px rgba(0,0,0,.75));
}
.b-title span{
    display: block;
}

.b-title .sm-text{
    font-size: 120%;
    font-weight: 600;
    background: linear-gradient(to bottom, #d2a841, #e2bf67, #f8e39b, #dcb763, #d2a74f, #c69430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.b-title .lg-text{
    font-size: 265%;
    font-weight: 700;      
    margin: 1.1rem 0 .5rem;
    background: linear-gradient(to bottom, #d2a841, #e2bf67, #f8e39b, #dcb763, #d2a74f, #c69430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
}
.b-title .md-text{
    font-size: 175%;
    font-weight: 600;
    background: linear-gradient(to bottom, #d2a841, #e2bf67, #f8e39b, #dcb763, #d2a74f, #c69430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b-subtitle{
    font-size: clamp(1.25rem, 1.9vw, 1.9vw);    
    font-family: var(--title-font);    
}
.b-subtitle span:not(:last-child){
    margin-right: 2.5rem;
    position: relative;    
    
    &:after{
        position: absolute;
        content: "";
        width: 1px;
        height: 60%;
        border-right: 3px solid #fff;
        right: calc(-1.25rem - 3px);
        top: 50%;
        transform: translateY(-50%);
    }
}

.b-desc{    
    font-size: clamp(.85rem, 1.25vw, 1.25vw);
    font-weight: 300;
    margin: 1rem 0 2rem;
    line-height: 1.5;
}

.b-img-wrapper{
    margin-top: 2rem;
    width: 85%;
}

@media(min-width:576px){
    .b-desc{
        white-space: nowrap;
    }
}

@media(max-width:1200px){
    .b-content{
        width: 60%;
        padding-top: 1.5rem;
    }
    
    .b-title{
        margin-bottom: .85rem;
    }
    .b-title .lg-text{        
        margin: 0.25rem 0 0.25rem;
    }
    .b-desc{
        margin-bottom: 1.15rem;
    }
}

@media(max-width:991px){    
    .hp_banner{        
        width: 100%;               
        height: fit-content;  
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }    
    .b-content{
        width: 100%;
    }
    .b-img-wrapper{
        width: 60%;
    }
}

@media(max-width:768px){
    .b-img-wrapper{
        width: 65%;
    }
}

@media(max-width:576px){
    .hp_banner{
        width: 100%;    
        padding: 0 var(--sec-x);
    }    
    .b-img-wrapper{
        width: 100%;
    }
    .b-content{
        padding: 0;
    }    
    .b-title{
        font-size: 15px;
        text-align: center;
    }    
    .b-subtitle{
        text-align: center;
    }
    .b-desc{
        text-align: center;
    }
    .hp_banner a{
        display: flex;
        justify-content: center;
    }
    
    .customVideo {
        &::before{
            background: rgba(0,0,0,.65)       
        }
    }
}

/*Value Core*/
.hp_core_value{
    background:#cfa777;
}

.hp_core_value .core_value_wrapper{
    display:flex;
    width: 65%;
    margin: auto;
}

.hp_core_value .core_value_box{
    flex:1;
    position:relative;
    padding:1.2rem 1rem 1.2rem;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.55);
}

.hp_core_value .core_value_box:last-child{
    border-right:none;
}

.hp_core_value .core_value_icon{
    width:52px;
    margin:0 auto 1rem;
}

.hp_core_value .core_value_icon img{
    width:100%;
    filter:brightness(0) invert(1);
}

.hp_core_value h4{
    color:#fff;
    font-size:clamp(1rem,1.15vw,1.15vw);
    font-weight:600;
    line-height:1.2;
    margin-bottom:.2rem;
}

.hp_core_value p{
    color:#fff;
    opacity:.95;
    font-size:clamp(.9rem,1vw,1vw);
    line-height:1.35;
    margin:0;
}

.hp_core_value .core_value_box.active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-33px;
    transform:translateX(-50%);
    width:0;
    height:0;
    border-left:34px solid transparent;
    border-right:34px solid transparent;
    border-top:34px solid #cfa777;
}

@media(max-width:1200px){
    .hp_core_value .core_value_wrapper{        
        width: 90%;
    }
    .hp_counter .counter_box{
        padding: 1.5rem !important;
        padding-top: 3.5rem !important;
    }
}
@media(max-width:991px){
    .hp_core_value .core_value_wrapper{
        display:flex;
        width: 100%;
        margin: auto;
    }
}

@media(max-width:768px){

    .hp_core_value .core_value_wrapper{
        flex-direction:column;
    }

    .hp_core_value .core_value_box{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.35);
        padding:2rem 1rem;
    }

    .hp_core_value .core_value_box:last-child{
        border-bottom:none;
    }

    .hp_core_value .core_value_box.active::after{
        display:none;
    }

}

/*Counter*/
.hp_counter{
    padding:var(--sec-y) var(--sec-x);
}

.hp_counter .counter_wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2.5rem;
}

.hp_counter .counter_box{
    position:relative;
    background:#fff;
    border-radius:1.8rem;
    padding:2.2rem 2.75rem;
    min-height:170px;
    display:flex;
    align-items:center;
    box-shadow:0 10px 10px rgba(0,0,0,.12);
    transition:.35s;
    overflow:hidden;
}

.hp_counter .counter_box:hover{
    transform:translateY(-8px);
/*     box-shadow:0 20px 40px rgba(0,0,0,.18); */
}

.hp_counter .counter_box.active{
    background:#d8ae7a;
}

.hp_counter .counter_icon{
    position:absolute;
    top:-13px;
    right:-13px;
    width:120px;
    aspect-ratio:1;
    border-radius:100%;
    background:#d8ae7a;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    padding:1.5rem;
    transition: all .3s linear;
}

.hp_counter .counter_icon img{
    width:55px;
    transform: translate(-10px, 10px);
    filter: brightness(0) invert(1);
}

.hp_counter .counter_box.active .counter_icon{
    background: #Fff;
    width: 130px;
}

.hp_counter .counter_box.active .counter_icon img{
    filter: unset;
    transform: translate(-15px, 15px);
}

.hp_counter .counter_info{
    width:100%;
}

.hp_counter .counter_number{
    font-size:clamp(1.5rem, 2vw, 2vw);
    line-height:1;
    font-weight:700;
    color:#87878f;
    margin-bottom:.75rem;
    display: flex;
    align-items: first baseline;
}
.hp_counter .counter_number div{
    font-size: 170%;
    font-weight: 700;
    margin-right: .3rem;
}

.hp_counter .counter_box.active .counter_number,
.hp_counter .counter_box.active .content{
    color:#fff;
}

.hp_counter .counter_number span{
    font-size: 100%;
    font-weight:600;
    margin-right: .5rem
}

.hp_counter .content{
    color:#9d9d9d;
    line-height:1.5;
    font-size: clamp(1rem, 1.25vw, 1.25vw);
    font-weight: 300;
}

.hp_counter .counter_note{
    font-size:clamp(1rem,1.5vw,1.5vw);
    color:#777;
    font-style:italic;
}

@media(max-width:991px){

    .hp_counter .counter_wrapper{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .hp_counter .counter_wrapper{        
        gap:1.5rem;
    }

    .hp_counter .counter_box{
        min-height:auto;
        padding:2rem 1.5rem;
    }

    .hp_counter .counter_icon{
        width:100px;
        padding:1.25rem;
    }
    
    .hp_counter .counter_box.active .counter_icon{
        width: 105px;
    }

    .hp_counter .counter_icon img{
        width:40px;
    }

}

@media(max-width:576px){
     .hp_counter .counter_wrapper{
        grid-template-columns:1fr;
        gap:1.5rem;
    }

}  

/*About*/
.hp_about{
    padding: 0 var(--sec-x) var(--sec-y);
    position:relative;
}

.hp_about::after{
    content:"";
    position:absolute;
    right: -9%;
    bottom:-25%;
    width:40rem;
    height:40rem;
    background: url(https://cdn1.npcdn.net/images/C_Element_syz0m9_1782443869.png?md5id=dd397459f8f50e4cd7c5e9d77b8b19f1&new_width=1022&new_height=1022&type=4);    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hp_about .about_wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5rem;
}

.hp_about .about_frame{
    width:42%;
    position:relative;
    flex-shrink:0;
}

.hp_about .about_frame img{
    width:100%;
    border-radius:2rem;
    transition:.4s;
}

.hp_about .about_frame:hover img{
    transform:scale(1.03);
}

.hp_about .about_tag{
    position:absolute;
    left:50%;
    bottom:-2rem;
    transform:translateX(-50%);
    background:#d5aa72;
    color:#fff;
    padding:1rem 3rem;
    min-width:75%;
    text-align:center;
}

.hp_about .about_tag p{
    font-size:clamp(1.2rem,1.5vw,2rem);
    font-weight:500;
    letter-spacing:.05em;
}

.hp_about .about_info{
    width:58%;
}

.hp_about .subtitle-style{
    color:#8c8c8c;
    font-weight:400;
}

.hp_about .subtitle-style span{
    color:#c79d69;
    font-weight:700;
}

.hp_about .about_desc{
    font-size:clamp(1rem,1.1vw,1.2rem);
    font-weight: 300;
    color:#737373;
    font-style:italic;
}

.hp_about .about_timeline{
    position:relative;
    padding-left:2rem;
}

.hp_about .about_timeline::before{
    content:"";
    position:absolute;
    left:0.35rem;
    top:0.5rem;
    bottom:.4rem;
    width:1px;
    background:#d6b07c;
    height: 87%;
}

.hp_about .timeline_box{
    position:relative;
    display:flex;
    gap:1.5rem;
    padding-bottom:1.6rem;
}

.hp_about .timeline_box:last-child{
    padding-bottom:0;
}

.hp_about .timeline_dot{
    position:absolute;
    left:-2rem;
    top:.5rem;
    width:.75rem;
    height:.75rem;
    border-radius:50%;
    background:#d6b07c;
}

.hp_about .timeline_content strong{
    color:#d0a169;
    font-weight:600;
}

@media(max-width:1200px){
    .hp_about .about_timeline::before{     
        height: 90%;
    }
}

@media(max-width:991px){

    .hp_about .about_wrapper{
        flex-direction:column;
        gap:4rem;
    }

    .hp_about .about_frame,
    .hp_about .about_info{
        width:100%;
    }

    .hp_about .about_tag{
        position:relative;
        left:auto;
        bottom:auto;
        transform:none;
        width:100%;
        margin-top:1rem;
    }
    
    .hp_about .about_timeline::before{     
        height: 95%;
    }

}

@media(max-width:837px){
    .hp_about .about_timeline::before{
        height: 87%;
    }
}

/* Certificiate Component */
.index_wrapper_6{
    padding-bottom: var(--sec-y);
}
.hp_photoGallerySlider_type3{
    background: unset;
}
.hp_photoGallerySlider_type3 .photo-gallery3,
.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img{
    padding: 0;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev,
.hp_photoGallerySlider_type3 .photo-gallery3 .slick-next{
    display: none !important;    
}

.hp_photoGallerySlider_type3 .slick-list{
    overflow: visible;
    overflow-x: clip;
}
.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box{
    transition: all .3s linear;
    background: transparent;
}
.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box:hover{
    transform: scale(1.25);
}
.hp_photoGallerySlider_type3 .slick-dots{
    display: none !important;
}
.slick-dotted.photo-81003-gallery{
    margin: 0;
}

/*Concept*/
.hp_concept{
    padding: 0 var(--sec-x) var(--sec-y);
    position:relative;
}

.hp_concept::before{
    content:"";
    position:absolute;
    left:-0rem;
    top:50%;
    transform:translateY(-50%);
    width:28rem;
    height:28rem;
    background: url(https://cdn1.npcdn.net/images/E_Element_h9elk4_1782446321.png?md5id=dd397459f8f50e4cd7c5e9d77b8b19f1&new_width=837&new_height=837&type=4);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hp_concept .concept-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:4rem;
}

.hp_concept .concept-icon-wrapper{
    width:68%;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:1rem;
}

.hp_concept .concept-box{
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.35s;
}

.hp_concept .concept-box img{
    width:100%;
    max-width:155px;
    transition:.35s;
}

.hp_concept .concept-box:hover{
    transform:translateY(-8px);
}

.hp_concept .concept-box:hover img{
    transform:scale(1.05);
}

.hp_concept .title-box{
    width:32%;
}

.hp_concept .title-style{
    color:#d3a36a;
    margin-bottom:.85rem;
}

.hp_concept .point-row{
    display:flex;
    gap:.65rem;
    flex-wrap:wrap;
}

.hp_concept .point-box{
    min-width:95px;
    padding:.35rem 1.4rem;
    background:#d3a36a;
    color:#fff;
    text-align:center;
    border-top-left-radius:1rem;
    border-bottom-right-radius: 1rem;
    font-size:clamp(.8rem,.87vw,.87vw);
    font-weight:500;
    line-height:1.2;
    transition:.35s;
}

.hp_concept .point-box:hover{
    background:var(--primary-color);
    transform:translateY(-3px);
}

@media(max-width:1199px){

    .hp_concept .concept-wrapper{
        flex-direction:column-reverse;
        gap:3rem;
    }

    .hp_concept .concept-icon-wrapper,
    .hp_concept .title-box{
        width:100%;
    }

    .hp_concept .title-box{
        text-align:center;
    }

    .hp_concept .point-row{
        justify-content:center;
    }

}

@media(max-width:991px){

    .hp_concept .concept-icon-wrapper{
        grid-template-columns:repeat(3,1fr);
        width: 80%;        
    }
    .concept-box{
        width: 85%;
        margin: auto;
    }

}

@media(max-width:575px){

    .hp_concept .concept-icon-wrapper{
        grid-template-columns:repeat(2,1fr);
        gap:1rem;
    }

    .hp_concept .point-box{
        flex:1;
        min-width:0;
    }
    
    .hp_concept .concept-icon-wrapper{
        width: 90%;
    }

}

/*Capabilities*/
.hp_capa{
    padding: 0 var(--sec-x);
    position:relative;
    overflow:hidden;
}

.hp_capa::before{
    content:"";
    position:absolute;
    left:-15rem;
    top:0;
    width:32rem;
    height:32rem;
    background:radial-gradient(circle,rgba(213,170,114,.18),transparent 70%);
    pointer-events:none;
}

.hp_capa .title-box{
    margin-bottom:2.5rem;
}

.hp_capa .title-style{
    color:#8d8d95;
}

.hp_capa .title-style span{
    color:#d2a56e;
}

.hp_capa .capa-subtitle-style{
    display:flex;
    justify-content:center;
    gap:2rem;
    color:#d2a56e;
    margin-top:1.25rem;
}

.hp_capa .capa-subtitle-style div{
    position:relative;
    font-weight:500;
}

.hp_capa .capa-subtitle-style div:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-1rem;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:1.2rem;
    background:#d2a56e;
}

.hp_capa .capa-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
}

.hp_capa .capa-box{
    position:relative;
    overflow:hidden;
    border:1px solid #e4d6c8;
    cursor:pointer;
    aspect-ratio: 1/1;
}

.hp_capa .capa-bg{
    width:100%;
    height:100%;       
}

.hp_capa .capa-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s;    
}

.hp_capa .capa-overlay{
    position:absolute;
    inset:0;
    background:rgba(210, 165, 110, 0);
    transition:.5s;
}

.hp_capa .capa-title{
    position:absolute;
    left:2rem;
    bottom:2rem;
    z-index:3;
    transition:all .3s linear;    
}

.hp_capa .capa-title h3{
    color:#d2a56e;
    font-family: var(--title-font);
    font-size:clamp(1.5rem,1.6vw,1.6vw);
    font-weight:700;
    margin:0;
}

.hp_capa .capa-title.hovered{
    opacity: 0;
}

.hp_capa .capa-content{
    position:absolute;
    inset:0;
    z-index:4;
    padding:2.2rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#fff;

    opacity:0;
    visibility:hidden;
    transform:translateY(40px);
    transition:.45s;
}

.hp_capa .capa-content ul{
/*     list-style:none; */
    padding-left:1rem;
    margin:1.5rem 0 2rem;
}

.hp_capa .capa-content li{
    margin-bottom:.4rem;
    font-size:clamp(.9rem,.95vw,.95vw);
    line-height:1.5;
}

.hp_capa .view-more{
    display:flex;
    align-items:center;
    gap:.75rem;
    color:#fff;
    font-weight:500;
}

.hp_capa .view-more .btn-icon{
    width:18px;
}

.hp_capa .capa-box:hover .capa-bg img{
    transform:scale(1.08);    
}

.hp_capa .capa-box:hover .capa-overlay{
    opacity: 0.55;
    background: var(--primary-color);    
}

.hp_capa .capa-box:hover .capa-title{
    position: unset;
    bottom:auto;
}

.hp_capa .capa-box:hover .capa-title h3{
    color:#fff;
}

.hp_capa .capa-box:hover .capa-content{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    background: #d3aa7d75;
}

.hp_capa .capa-box:hover .capa-title.hovered{
    opacity: 1;
}

.hp_capa .capa-button-wrapper{
    margin-top:2.5rem;
    display:flex;
    justify-content:center;
}

.hp_capa .capa-content ul{
    opacity:0;
    transform:translateY(20px);
    transition:.45s .15s;
}

.hp_capa .view-more{
    opacity:0;
    transform:translateY(20px);
    transition:.45s .3s;
}

.hp_capa .capa-box:hover .capa-content ul,
.hp_capa .capa-box:hover .view-more{
    opacity:1;
    transform:translateY(0);
}

@media(min-width:991px) and (max-width:1200px){    
    .hp_capa .capa-content ul{
        margin: 1rem 0;
    }
    .hp_capa .capa-content li{
        font-size: 13px;
    }
    .hp_capa .capa-title h3{
        font-size: 19px;
    }        
    
    .hp_capa .capa-box{
        aspect-ratio: 1/1.5;
    }
}

@media(max-width:991px){

    .hp_capa .capa-wrapper{
        grid-template-columns:1fr;
    }
    
    .hp_capa .capa-content{
        opacity: 1;
        transform: unset;
        visibility: visible;
    }
    .hp_capa .capa-box .capa-content ul{
        opacity: 1;
        transform: unset;
    }
    .hp_capa .view-more{
        opacity:1;
        transform:translateY(0px);
    }
    .hp_capa .capa-overlay{
        opacity: 0.75;
        background: var(--primary-color); 
    }
    .hp_capa .capa-box .capa-title{
        position: unset;
        bottom:auto;
    }

    .hp_capa .capa-box .capa-title h3{
        color:#fff;
    }
    .hp_capa .capa-title.hovered{
        opacity: 1;
    }

}

/* Global Origin */
.hp_global_origin{
    padding:var(--sec-y) var(--sec-x);
    position:relative;    
    background: url(https://cdn1.npcdn.net/images/G_Background_xyom6e_1782455439.jpg?md5id=dd397459f8f50e4cd7c5e9d77b8b19f1&new_width=1784&new_height=1063&type=4);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;    
}

.hp_global_origin .title-box{
    margin-bottom:3.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.hp_global_origin .title-style{
    color:#8c8c92;    
    font-size: clamp(1.2rem, 1.8vw, 1.8vw);
}

.hp_global_origin .title-style span{
    color:#d3a36a;
}

.hp_global_origin .map_frame{
    max-width:80%;
    margin-left: auto;    
    transition:.5s;
}

.hp_global_origin .map_frame img{
    width:100%;
    transition:.6s;
    filter:drop-shadow(0 20px 5px rgba(0,0,0,.05));
}

.hp_global_origin .map_frame:hover img{
    transform:scale(1.02);
}

@media(max-width:991px){

    .hp_global_origin .title-box{
        position: unset;
        text-align: center;
    }
    .hp_global_origin .map_frame{
        max-width:100%;
    }

}

/*Product*/
.index_wrapper_10{
    padding:var(--sec-y) var(--sec-x);
    position:relative;
    overflow:hidden;
}

.hp_product::before{
    content:"";
    position:absolute;
    left:-12rem;
    top:-5rem;
    width:30rem;
    height:30rem;
    background:radial-gradient(circle,rgba(213,170,114,.15),transparent 70%);
    pointer-events:none;
}

.hp_product .title-style{
    color:#8f8f96;
    font-size: clamp(1.35rem, 1.75vw, 1.75vw);
}

.hp_product .title-style span{
    color:#d3aa7d;   
    font-size: 160%;
}

.hp_product .subtitle-style{
    color: var(--primary-color);
    text-transform:uppercase;
    letter-spacing: .5px;
    font-family: var(--title-font);
    font-size: clamp(.85rem, 1.5vw, 1.5vw);
    font-weight:500;
    margin-top: 1.3rem;
}

.hp_product .product_wrapper{
    margin-top:3rem;
}

/*product component */
.product_cat-10 .product_bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:1rem;
    background:#fff;
}

.product_cat-10 .wrapper_product_category{
    padding: 1rem;
    margin: 0;
    
    a{
        filter: drop-shadow(0px 12px 10px rgb(0, 0, 0, .05));
        transition: all .3s linear;
    }
}
.product_cat-10 .wrapper_product_category a:hover{
    color: #737373;
    filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, .3));
}
.product_cat-10 .wrapper_product_category .product_img{
    background: #ebebeb;
    border-radius: 0;
}

.product_cat-10 .product_bottom h3{
    margin:0;
    padding:0;
    flex:1;
    text-align:left;
    color:#c99d65;
    font-size:clamp(.85rem,.9vw,.9vw);
    font-weight:500;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.product_cat-10 .wrapper_product_category h3{
    text-align: left;
    text-transform: uppercase;
    font-size: clamp(1rem, 1.2vw, 1.2vw);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;    
    font-family: var(--title-font);
    letter-spacing: 0px;
    font-weight: 500;        
    
    &:after{
        display: inline-flex;
        content: "";
        width: 45px;
        height: 30px;
        background: url(https://cdn1.npcdn.net/images/H_Button_fna3su_1782457040.jpg?md5id=dd397459f8f50e4cd7c5e9d77b8b19f1&new_width=210&new_height=153&type=4);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.wrapper_product_category .mt-3{
    margin: 0 !important;
}

.product_cat-10 .mt-3:has(.view-btn){
    display: none;
}

@media(min-width:768px) and (max-width:1200px){
    .product_cat-10 .col-lg-3{
        flex: 0 1 33.33%;
        max-width: 33.33%;
    }
}

@media(max-width:991px){
    .product_cat-10 .wrapper_product_category h3{
        padding: 1rem;
    }
}    

@media(max-width:768px){
    .product_cat-10 .col-lg-3{
        flex: 0 1 50%;
        max-width: 50%;
    }
}

@media(max-width:576px){
    .product_cat-10 .col-lg-3{
        flex: 0 1 100%;
        max-width: 100%;
    }
}

/*technology*/
.hp_technology{
    padding: 0 var(--sec-x) var(--sec-y);
    position:relative;
    overflow:hidden;
}

.hp_technology .title-style{
    color:#8f8f96;
    font-size: clamp(1.35rem, 1.75vw, 1.75vw);
}

.hp_technology .title-style span{
    color:#d3aa7d;   
    font-size: 160%;
}

.hp_technology::before{
    content:"";
    position:absolute;
    left:-12rem;
    top:2rem;
    width:30rem;
    height:30rem;
    background:radial-gradient(circle,rgba(212,170,115,.16),transparent 70%);
    pointer-events:none;
}

.hp_technology .title-style{
    color:#8d8d95;
}

.hp_technology .title-style span{
    color:#d3aa7d;
}

.hp_technology .technology_wrapper{
    display:grid;
    grid-template-columns:1.55fr 1fr;
    gap:1.5rem;
    margin-bottom:2rem;
}

.hp_technology .technology_feature{
    background:#f5f3f3;
    border-radius:1.5rem;
    padding:2.5rem 4rem;
    display:flex;
    align-items:end;
    gap:3rem;
    transition:.35s;
    box-shadow: 0 9px 8px rgba(0,0,0,.15);
}

.hp_technology .technology_feature:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.hp_technology .technology_image{
    width:52%;
    flex-shrink:0;
}

.hp_technology .technology_info h3{
    color:#d3aa7d;
    font-size:clamp(1rem,1.3vw,1.3vw);
    font-weight:500;
    margin-bottom:.35rem;
    font-family: var(--title-font);
}

.hp_technology .technology_info .content{
    color:#8b8b8b;
    line-height:1.5;
}

.hp_technology .technology_quote{
    background:#d3aa7d;
    color:#fff;
    border-radius:1.5rem;
    padding:2.5rem 3rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    transition:.35s;
    box-shadow: 0 9px 8px rgba(0,0,0,.15);
}

.hp_technology .technology_quote:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.hp_technology .quote_icon{
    width:5.2rem;
    line-height:1;
    margin-bottom:1rem;
    opacity:.95;
}

.hp_technology .technology_quote p{
    margin:0;
    font-size:clamp(1.05rem,1.7vw,1.7vw);
    line-height:1.45;
    font-style:italic;
}

.hp_technology .technology_list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.5rem;
}

.hp_technology .technology_box{
    transition:.35s;
}

.hp_technology .technology_box:hover{
    transform:translateY(-8px);
}

.hp_technology .technology_frame{
    background:#f5f3f3;
    border-radius:1.25rem;
    overflow:hidden;
    padding:0;
    aspect-ratio:1/.72;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 9px 10px rgba(0,0,0,.15);
}

.hp_technology .technology_frame img{
    width:100%;
    height:100%;
    transition:.45s;
}

.hp_technology .technology_box:hover .technology_frame img{
    transform:scale(1.05);
}

.hp_technology .technology_content{
    padding:1.9rem .35rem 0;
}

.hp_technology .technology_content h3{
    color:#d3aa7d;
    font-size:clamp(.95rem,1vw,1vw);
    font-weight:500;
    margin-bottom:.35rem;
}

.hp_technology .technology_content .content{
    color:#8d8d95;
    font-size:clamp(.8rem,.9vw,.9vw);
    line-height:1.5;
}


.tech-icon {
  width: 50%;
  margin-bottom: 1rem;
}

@media(max-width:768px){
  .tech-icon{
    width: 35%;
  }
}

@media(max-width:991px){

    .hp_technology .technology_wrapper{
        grid-template-columns:1fr;
    }

    .hp_technology .technology_list{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .hp_technology .technology_feature{
        flex-direction:column;
        text-align:center;
    }

    .hp_technology .technology_image{
        width:100%;
    }

    .hp_technology .technology_list{
        grid-template-columns:1fr;
    }
    
    .hp_technology .technology_info{
        width: 100%;
    }
    .hp_technology .technology_info .content br{
        display: none;
    }
    
    .hp_technology .technology_content{
        text-align: center;
    }

}

/*Service*/
.hp_service{
    padding: 0 var(--sec-x) var(--sec-y);
    position:relative;
    overflow:hidden;
}

.hp_service::before{
    content:"";
    position:absolute;
    left:-12rem;
    top:-2rem;
    width:30rem;
    height:30rem;
    background:radial-gradient(circle,rgba(213,170,114,.16),transparent 70%);
    pointer-events:none;
}

.hp_service .title-style{
    color:#8f8f96;
    font-size: clamp(1.35rem, 1.75vw, 1.75vw);
        
    margin: 0 !important;
    span{
         font-weight: 600;   
    }
}

.hp_service .service_desc{
    color:#8d8d95;
    font-size:clamp(1rem,1.05vw,1.05vw);
    font-style:italic;
    line-height:1.6;
}

.hp_service .service_wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.5rem;
}

.hp_service .service_box{
    display:block;
    background:#fff;
    border-radius:1rem;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 10px 12px rgba(0,0,0,.15);
    transition:.4s;
}

.hp_service .service_box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.16);
}

.hp_service .service_frame{
    overflow:hidden;
    border-radius: 1rem;
    position: relative;
    width: 100%;
    padding-top: 60%;
}

.hp_service .service_frame img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
    position: absolute;
    top: 0;
    left: 0;
}

.hp_service .service_box:hover .service_frame img{
    transform:scale(1.08);
}

.hp_service .service_info{
    position:relative;
    padding:2.5rem 1.5rem 1.5rem;
}

.hp_service .service_info h3{
    margin:0;
    color:#757575;
    font-size:clamp(1rem,1.2vw,1.2vw);
    font-weight:600;
    line-height:1.15;
    font-family: var(--title-font);
}

.hp_service .service_icon{
    position:absolute;
    right:1.05rem;
    top:-34px;
    width:68px;
    height:68px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    box-shadow:0 8px 18px rgba(0,0,0,.12);
    transition: all .8s linear;
}

.hp_service .service_icon img{
    width:100%;
}

.hp_service .service_box:hover .service_icon{
    transform:rotate(360deg);
    background:var(--primary-color);
}

.hp_service .service_quote{
    color:#777;
    font-size:clamp(1.1rem,1.3vw,1.3vw);
    font-style:italic;
    line-height:1.6;
}

@media(max-width:991px){

    .hp_service .service_wrapper{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .hp_service .title-box{
        text-align: center;
    }
    .hp_service .service_wrapper{
        grid-template-columns:1fr;
    }

}

/* Cert Slider */
.hp_cert_slider{
    padding: 0 0 calc(var(--sec-y) - 2rem);
}
.hp_cert_slider .title-box{
    padding: 0 var(--sec-x);
    text-align: center;
}
.hp_cert_slider .title-style{
    color:#8f8f96;
    font-size: clamp(1.35rem, 1.75vw, 1.75vw);        
    margin: 0 !important;
    
    span{
         font-weight: 600;   
    }
}

.hp_cert_slider .service_desc{
    color:#8d8d95;
    font-size:clamp(1rem,1.05vw,1.05vw);
    font-style:italic;
    line-height:1.6;
}

.cert-slider .slick-list{
    overflow: visible;
}
.cert-item img{
    max-width: 75%;
    margin: auto;
}
.cert-item img{
    box-shadow: 0px 0px 10px rgba(0,0,0,.1)
}

/*Footer*/
.footer_type10{
  background: url(https://cdn1.npcdn.net/images/L_Background_hdom3i_1782461830.jpg?md5id=dd397459f8f50e4cd7c5e9d77b8b19f1&new_width=1793&new_height=1024&type=4);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.footer_type10 p.text,
.footer_type10 .text,
.footer_type10 .d-inline-flex,
.footer_type10 .d-inline-flex i,
.footer_type10 a,
.footer_type10 .followus,
.footer_type10 .followus i,
.footer_type10 .social_media i,
.footer_type10 .text-light{
  color: #777 !important;
  font-size: clamp(.8rem, .85vw, .85vw);
}

.footer_type10 .followus{
    margin-top: 1rem;
}

.footer_type10 a:hover{
  color: var(--primary-color) !important;
}

.footer_type10 .social_media a .icon_s img{
  filter: unset;
}

.footer_type10 .sub_title p{
  color: var(--primary-color);  
  font-size: clamp(.85rem, 1.35vw, 1.35vw);
  font-family: var(--title-font);
  font-weight: 700 !important;
}
.footer_type10 .sub_title{
  border-color: #777;
}

.footer_type10 .line_top{
    border-color: #777;
}

.footer_type10 .title{
    min-height: 100px;
    
    img{
        max-height: 100px;
    }
}

.footer_type10 .social_media a{
    margin-right: 0;
}
.footer_type10 .social_media a:hover .icon_s img{
    filter: unset;
}
.footer_type10 .npfooter_languagebar{
    color: #777 !important;
}
/*Certificate Page*/
.ws_gallery-2 .img_frame img{
  object-fit: contain
}
.ws_gallery-2 .img_frame{
  border: unset;
  overflow: visible;
}
.ws_gallery-2 .gallery .col-lg-3{
  padding: 1.5rem;  
  margin: 0 !important;
}