@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400..900&display=swap');
/*All*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
    /*background-color:#000;*/
}
#top_spacing{
    background-color:#000!important;
}
#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}
body > br{
    display: none;
}

.breakspan{
    display:block;
}

.small-title {
    font-size: .9rem;
    color: #7c6fb0;
    background-color: #fff;
    width: fit-content;
    padding: 10px 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    border-radius: 500px;
    margin-bottom: 1rem;
}

.small-title.center {
    margin: 0 auto 1rem;
}

.small-title.white {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
}

.small_all{
    font-size:14px;
    font-weight:400;
    margin-bottom:15px;
    color:#fff;
}



.title_all{
    font-size: 33px;
    font-weight: 700;
    margin-bottom:1rem;
    color:#000;
}

.title_all.white {
    color: #fff;
}

.title_all.center {
    text-align: center;
}

.subtitle_all{
    font-size:18px;
    font-weight:700;
    margin-bottom:1%;
    color:#000;
}
.subtitle2_all{
    font-size:1.2vw;
    font-weight:400;
    margin-bottom:1%;
    color:#000;
}
.subtitle3_all{
    font-size:1.2vw;
    font-weight:400;
    margin-bottom:1%;
    color:#000;
}
.content_all{
    font-size:16px;
    font-weight:400;
    line-height:1.8;
    margin-bottom:0%;
    color:#4d4d4d;
}
.image_all{
    width:100%;
    margin:0 auto;
    display:block;
}
.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:4% 0% 0%;
}
.btnbox_center{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:1rem 0% 0%;
}
.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:4% 0% 0%;
}
.button_all{
    border-radius: 0px;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #7c6fb0;
    transition:0.25s all linear;
    /*text-transform:uppercase;*/
}
.button_all span{
    position:relative;
}
.button_all span:after{
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1725865189BUTTON-ARROW.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    object-fit: contain;
    filter: brightness(0);
    top: 0;
    bottom: 0;
    right: -45%;
    animation:rush 1s ease-out infinite;
}
.button_all:hover{
    text-decoration: none;
    color: #000;
    transform:scale(0.98);
}
.text_center{
    text-align:center;
}
.c_bold{
    font-weight:700;
}
.c_space{
    display:block;
    font-size:0;
    opacity:0;
    height: 15px;
}
.c_line_double{
    position:relative;
}
/*.c_line_double:before{*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 2rem;*/
/*    height: 1px;*/
/*    background-color: #fff;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: 110%;*/
/*    margin: auto 0;*/
/*}*/
/*.c_line_double:after{*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 2rem;*/
/*    height: 1px;*/
/*    background-color: #fff;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 110%;*/
/*    margin: auto 0;*/
/*}*/
@keyframes rush{
    0%{transform:translate(0,0);}
    70%{transform:translate(0.4rem,0);}
    100%{transform:translate(0,0);}
}
@media screen and (max-width: 1200.5px){

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

}
@media screen and (max-width: 767.5px){
    .small_all{
        font-size:14px;
    }
    .title_all{
        font-size:30px;
    }
    .subtitle_all{
        font-size:14px;
    }
    .subtitle2_all{
        font-size:14px;
    }
    .subtitle3_all{
        font-size:14px;
    }
    .content_all{
        font-size:14px;
    }
    .btnbox_left{
        margin:9% 0% 0%;
    }
    .btnbox_center{
        margin:6% 0% 0%;
    }
    .btnbox_right{
        margin:9% 0% 0%;
    }
}

/*hp_top*/
.hp_top_ul{
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: fixed;
    z-index: 3001;
    top: 25px;
    right: 6%;
    align-items: center;
}
.hp_top_ul li{
    margin-right:0.5rem;
}
.hp_top_icon{
    width:30px;
    object-fit: contain;
    transition:0.25s all linear;
}
.hp_top_icon:hover, .hp_top_Mediaicon i:hover{
    transform:scale(0.95);
    text-decoration: none;
}

.hp_top_Mediaicon i{
    display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      color: #000;
      border-radius: 50px;
      width: 2vw;
      height: 2vw;
      font-size: 1.2vw;
}

.hp_top_sticky-menu{
    top:25px;
    animation: 1s fadeInDown, 2s blinker;
}

@keyframes blinker{
    0%{opacity:0;}
    100%{opacity:1}
}

/*navbar*/
.navbar_type8{
    /*background-color:transparent;*/
        background: linear-gradient(165deg, #981ade, #3f46d6 25%, transparent 45%);
    /*height:100px;*/
}
.navbar_type8.navbar_height.dark_nav{
    animation: 1s fadeInDown;
}
.navbar_type8 .logo{
    margin-left:9%;
    overflow:unset;
}
.navbar_type8 .logo img{
    height:100%;
    padding:10px;
        width: 190px;
        filter: brightness(0) invert(1);
}
.navbar_type8 .nav_tab{
    padding-right:15%;
    /*justify-content: flex-start;*/
}
.navbar_type8 .nav_tab .nav_item{
    /*align-self: flex-end;*/
}
.navbar_type8 .nav_tab .nav_item a{
    font-size: 0.97vw;
  padding: 15px 0.6vw;
    text-transform: uppercase;
    color:#fff;
}
.navbar_type8 .nav_tab .nav_item::before{
    border-bottom:2px solid #fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}
.dark_nav .logo img{
    height:100%;
}
.dark_nav .nav_tab .nav_item{
    align-self: center;
}
@media screen and (max-width: 1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
        padding:15px 1.1vw;
    } 
    
}
@media screen and (max-width: 991.5px){
    .navbar_mobile{
        background-color:#fff;
    }
    .navbar_mobile .btn-outline-light{
        border-color:#7c6fb0;
        color:#7c6fb0;
    }
}

/*hp_banner*/
.index_wrapper_2{
    /*margin-top:-100px;*/
}
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
	left:0;
    top: 66%;
	transform:translate(0,-50%);
}
.hp_banner .hp_banner_image{
    width:50%!important;
    margin:0 auto;
    display:block;
}
.hp_banner_contentbox{
    border-top: 1px solid #fff;
    margin-top: 15%;
}
.hp_banner_ul{
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 3%;
    padding-left:3%;
}
.hp_banner_ul li{
    color: #fff;
    font-size: 1.2vw;
    font-weight: 700;
    padding-right: 3%;
}
.banner_li_title{
    position:relative;
    font-size:2vw!important;
    padding-right: calc(3% + 3%)!important;
}
.banner_li_title:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 1vw;
    width: 3vw;
    height: 1px;
    background-color: #fff;
    margin: auto 0;
}
@media screen and (max-width: 991.5px){
    .index_wrapper_2{
        margin-top:0;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:50vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        top: 75%;
    }
    .hp_banner .hp_banner_image{
        width:75%!important;
    }
    .banner_li_title{
        font-size:3vw!important;
    }
    .hp_banner_ul li{
        font-size: 3vw!important;
        padding-right: 5%;
    }
    .hp_banner_contentbox{
        margin-top:25%;
    }
}

/*hp_about*/
.hp_about{
	/*background-image:url("https://cdn1.npcdn.net/images/B_BG_znbq09_1755671265.jpg?md5id=a057378e3fd83af33775777b5183603b&new_width=3750&new_height=2500&type=4");*/
	    /*background: linear-gradient(25deg, #e3deff, transparent);*/
	/*background-color: #fff;*/
	background-size:contain;
	background-position:left;
	background-repeat:no-repeat;
    padding:6% 9%;
    position: relative;
}

.hp_about::before {
    /*content: "";*/
    /*position: absolute;*/
    /*right: 2%;*/
    /*top: -2vw;*/
    /*width: 32%;*/
    /*height: 100%;*/
    /*background-image: url(https://cdn1.npcdn.net/images/B_ELEMENT_d8yo4s_1755672468.png?md5id=a057378e3fd83af33775777b5183603b&new_width=1895&new_height=1995&type=4);*/
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 100% 0;*/
}

.hp_about-pic {
        margin-top: 1rem;
    width: 95%;
}


.hp_about_small{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.hp_about_icon{
    width: 60px;
    margin: 0 auto 15px;
    display: block;
    animation: dance 2s infinite ease-in-out;
}
.hp_about_content{
    /*width: 60%;*/
    margin: 0 auto;
    display: block;
}

@keyframes dance {
     0% {
    transform: translateX(0) rotate(0deg);
  }
     25% {
       transform: translateX(-5px) rotate(-3.75deg);
     }
     50% {
    transform: translateX(0) rotate(0deg);
     }
     75% {
    transform: translateX(5px) rotate(3.75deg);
     }
     100% {
    transform: translateX(0) rotate(0deg);
     }
}

@media screen and (max-width: 991.5px){
    .hp_about_content{
        width:100%;
    }
}
@media screen and (max-width: 767.5px){
    .hp_about{
        padding:12% 3% 12%;
    }
    
    .hp_about-pic {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 95%;
}
}


/*hp_photo*/
.index_wrapper_4{
    padding:6% 9% 6%;
    background: linear-gradient(165deg, #981ade, #3f46d6 25%, #000 45%);
}

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

#main_index .productSlider-1 .slick-track .slick-slide {
    background-color: unset;
}

#main_index .productSlider-1 .product_img .product_box {
        background-color: rgba(255, 255, 255, .2);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    height: 100%;
}

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

#main_index .productSlider-1 .product_img .product_box h6,
#main_index .productSlider-1 .product_img .product_box p,
#main_index .productSlider-1 .product_img .product_box a {
    color: #fff;
    text-align: center;
}

/*component - photoalbum with slider*/
.hp_photoGallerySlider_type3{
    background-color:transparent;
}
.hp_photoGallerySlider_type3 .photo-gallery3{
    padding: 15px;
    overflow: hidden;
}
.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box{
    padding:16px;
}
.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box{
    background-color:#000;
}
.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img{
    padding:0;
}
.hp_photoGallerySlider_type3 .slick-list{
    overflow:unset;
}
.hp_photoGallerySlider_type3 .photo-0-gallery .slick-slide:nth-child(odd){
    transform: translate(0, 2rem);
}
.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box:hover img{
    transform:scale(1.05) translate(-50%,-50%);
}

@media screen and (max-width: 767.5px){
    .hp_photoGallerySlider_type3 .photo-gallery3{
        overflow:unset;
    }    
    .hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev{
        left:-40px;
    }
    .hp_photoGallerySlider_type3 .photo-gallery3 .slick-next{
        right:-40px;
    }
}


/*hp_video*/
.index_wrapper_5{
    padding: 6% 9%;
        background: linear-gradient(-45deg, #e3deff, transparent 140%);
}
#index_5{
    position:relative;
    z-index:2;
}
#index_6{
    position:relative;
    z-index:1;
}
.hp_video_title{
    text-align: right;
    margin-bottom: 9%;
}
.hp_video_image{
    transform: translate(-18%, 0rem);
}

.hp_video_box {
  position: relative;
  height: 180%;
  transition: all 0.4s ease-in-out;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hp_video_box:hover {
    transform: translateY(-10px);
}

.hp_video_box video {
    width: 100%;
    height: 100%;
}

.hp_video_box .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
}

.hp_video_box .play-button:focus {
    outline: none;
}

/*component - video*/
.ex_videoSlide .ex_videoSlide_slider_banner{
    /*padding:0.5rem;*/
    /*background-color:#000;*/
}
.ex_videoSlide .ex_videoSlide_slider_banner .item{
    position:relative;
}
.ex_videoSlide .ex_videoSlide_slider_banner .item .video_box{
    position:absolute;
    bottom:15px;
    left:15px;
    margin: 0;
    height: unset;
}
.ex_videoSlide .ex_videoSlide_slider_banner .item .video_box a{
    color:#fff;
    font-size:20px;
    font-weight:400;
}
.ex_videoSlide .ex_videoSlide_slider_banner .item .video_box .content_video{
    display:none;
}
.ex_videoSlide .ex_videoSlide_slider_banner .item .video_box a:hover{
    text-decoration: none;
    color:#fff;
}
.ex_videoSlide .ex_videoSlide_slider_banner .item{
    margin:0 0.5rem;
}
.ex_videoSlide .ex_videoSlide_slider_banner .item .wrapper_video .overlay_btn{
    height: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
}

@media screen and (max-width: 1200.5px) {
    .hp_video_box {
  height: 150%;
}
}

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

@media screen and (max-width: 767.5px){
    .index_wrapper_5{
        padding: 12% 3%;
    }    
    .hp_video_title{
        text-align: center;
    }
    .hp_video_image{
        transform: translate(-9%, 0rem);
    }
    
    .hp_video_box {
        height: 90%;
    }
    
        .hp_video_box {
  height: 90%;
}
}

/*hp_team*/
.hp_team{
    /*background-image:url("https://cdn1.npcdn.net/img/1726135926team-bg.jpg");*/
        background: linear-gradient(165deg, #981ade, #3f46d6 25%, #000 45%);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    padding:6% 9% 9%;
}

.hp_team .subtitle_all {
    color: #e3deff;
    line-height: 1.2;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

.team_row2 .col-md-2{
    flex:0 0 20%;
    max-width:20%;
}
.team_row2 .col-md-2:nth-child(odd){
    transform: translate(0, 22%);
    animation: floatupdownodd 3s ease-in-out infinite;
}
.team_row2 .col-md-2:nth-child(even){
    animation: floatupdowneven 3s ease-in-out 1.5s infinite;    
}
.hp_team_content{
    padding-bottom:4%;
}
.hp_team_step{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.hp_team_icon{
    width: 130px;
    object-fit: contain;
    margin-bottom:1rem;
}
.hp_team_step span{
    width: calc(100% - 1rem);
    margin:0 auto;
    display:block;
}
.team_content{
    font-size:14px;
    color: #fff;
    
        line-height: 1.2;
}


@keyframes floatupdowneven {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-5px);
    }
}
@keyframes floatupdownodd {
    0%, 100% {
      transform: translateY(0)  translate(0, 22%);
    }
    50% {
      transform: translateY(-5px)  translate(0, 22%);
    }
}
@media screen and (max-width: 991.5px){
    .team_row2 .col-md-2{
        flex:0 0 33.33%;
        max-width:33.33%;
    }
    .team_row2{
        justify-content: center;
    }
    .team_row2 .col-md-2:nth-child(odd){
        transform: translate(0, 0%);
        animation:unset;
    }
    .team_row2 .col-md-2:nth-child(even){
        animation:unset;
    }
    .team_row2 .col-md-2:nth-child(4),
    .team_row2 .col-md-2:nth-child(5){
        padding-top:6%;
    }
    .team_row2 .col-md-2:nth-child(1),
    .team_row2 .col-md-2:nth-child(3){
        animation: floatupdowneven 3s ease-in-out 0s infinite;
    }
    .team_row2 .col-md-2:nth-child(2),
    .team_row2 .col-md-2:nth-child(4),
    .team_row2 .col-md-2:nth-child(5){
        animation: floatupdowneven 3s ease-in-out 1.5s infinite;
    }
}
@media screen and (max-width: 767.5px){
    .hp_team{
        padding:12% 3% 7%;
    }
    .team_row2 .col-md-2{
        flex:0 0 50%;
        max-width:50%;
    }   
    .hp_team_step{
        margin-bottom:2rem;
    }
}

/*hp_news*/
.index_wrapper_7{
    /*background-color:#fafafa;*/
        background: linear-gradient(25deg, #e3deff, transparent);
    padding:6% 9%;
}


/*component - Latest News*/
.hp_latest_new_8{
    /*margin-top:2rem;*/
}
.hp_latest_new_8 .news_box{
    background-color:#fff;
    padding: 1rem;
        box-shadow: 8px 12px 25px #0000001f;
}
.hp_latest_new_8 .news_box .img_frame img{
    object-fit: contain;
}
.hp_latest_new_8 .news_box .date{
    font-weight:600;
    opacity:1;
}
.hp_latest_new_8 .news_box .read_more{
    font-weight:700;
    color:#000;
    text-decoration: underline;
}

@media screen and (max-width: 991.5px){
    .hp_latest_new_8 .news_box .title{
        font-size:14px;
        line-height: 1.5;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_7{
        padding:12% 3%;
    }
    
    .footer_type8 {
        padding-top: 12%;
    }
}
/*footer*/

.footer_type8 {
        background: linear-gradient(165deg, #981ade, #3f46d6 25%, #000 45%);
}

.footer_type8 .logo img {
    filter: brightness(0) invert(1);
}

.footer_type8 p,
.footer_type8 a,
.footer_type8 a:hover,
.footer_type8 i,
.footer_type8 .footer_subtitle{
    color:#fff!important;
}

.npfooter_languagebar .text-muted{
    color:#fff;
}
.npfooter_languagebar{
    color:#fff;
}
.platinum_website_visitor{
    color:#fff; 
}
.footer_type8 .copy_right{
    color:#fff;
}
.platinum_website_visitor{
	color:#fff;
}
.copy_right small{
    color:#fff;
}