*{box-sizing:border-box;}
img{max-width:100%; vertical-align:top;} 
/**/
/*@media screen and (min-width: 1025px) {*/
/*    .fp-scrollable,*/
/*    .slimScrollDiv,.section{*/
/*        -ms-touch-action: none;*/
/*        touch-action: none;}*/
/*}*/

/* visual section */
.visual-section{position: relative;width:100%; height:100vh; }
.visual-section .sec-tit h2{font-size:48px; line-height:1.4; margin:20px 0 50px; }
.visual-section .sec-tit a{font-size:16px; display:inline-block; padding:14px 40px; border:1px solid rgba(255,255,255,0.2); border-radius:50px; color:#fff; transition:all ease .3s;}
.visual-section .sec-tit a:hover{background:#fff; border-color:#fff; color: #0e1e51;}
.visual-section .swiper-container {overflow: hidden;width: 100%;height: 100%;}
.visual-section .swiper-slide-duplicate,
.visual-section .swiper-slide {background-position: center center;background-size: cover;   font-size: 18px; display: flex;flex-flow: column nowrap;justify-content: center;align-items: center; }
.visual-section .swiper-slide-duplicate .description,
.visual-section .swiper-slide-duplicate .sec-tit,
.visual-section .swiper-slide .description,
.visual-section .swiper-slide .sec-tit {display: block;opacity: 0;transition: 0.5s ease 0.5s;}
.visual-section .swiper-slide-duplicate-active .description,
.visual-section .swiper-slide-duplicate-active .sec-tit,
.visual-section .swiper-slide-active .description,
.visual-section .swiper-slide-active .sec-tit {opacity: 1;}
.visual-section .swiper-slide-duplicate-active .sec-tit,
.visual-section .swiper-slide-active .sec-tit { color: #fff;transition: opacity 1s ease 0.75s;}
.visual-section .swiper-slide-duplicate-active .description,
.visual-section .swiper-slide-active .description {font-size: 20px;color:rgba(255,255,255,0.5);transition: opacity 0.5s ease 0.5s;}
.visual-section .swiper-pagination-fraction{color:#fff; font-size:16px; width:90%; max-width: 1200px;margin: 0 auto;left: 0;right: 0;bottom:50px; text-align: left;}
.visual-section .control{z-index: 2;display: flex;align-items: center;position: absolute;left: 0;right: 0;bottom: 50px;margin: auto;max-width: 1200px;width: 90%;}
.visual-section .control .swiper-button-next,
.visual-section .control .swiper-button-prev{position: static;margin: 0;width: 40px;height: 40px;}
.visual-section .control .swiper-button-next{background-image: url('/img/main/visual-arrow-right.svg');}
.visual-section .control .swiper-button-prev{background-image: url('/img/main/visual-arrow-left.svg');}
.visual-section .control .swiper-pagination{position: relative;text-align: left;}
.visual-section .control .swiper-pagination-bullet{margin: 0 10px;width: 10px;height: 10px;background: #fff;}
.visual-section .control .swiper-pagination-bullet-active{background: #fff;}



/* scroll section */
.slimScrollBar{opacity:0 !important;}
.scroll-section {position:relative; display:flex; align-items:flex-start; justify-content:space-between; position:relative;   }
.scroll-section .sec-tit{ position: sticky;   top: 240px; }
.scroll-section .sec-tit h3{font-size:65px; margin-bottom:20px; line-height:1.1;}
.scroll-section .sec-tit p{font-size:20px;}
.scroll-section .sec-cards{ max-width:680px; width:60%; padding:180px 0 80px;  display:flex; justify-content:space-between;flex-wrap:wrap;}
.scroll-section .sec-cards ul{ display: flex;  gap: 40px;  flex-wrap: wrap; padding-bottom: 100px;}
.scroll-section .sec-cards ul li:nth-child(2n){transform: translateY(100px);}
.scroll-section .sec-cards ul li{position:relative; z-index:1; overflow:hidden; transition: all ease .3s; border-radius:20px; width:calc(50% - 20px);   }
.scroll-section .sec-cards ul li:hover{transform: translateY(-10px);  box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.2);}
.scroll-section .sec-cards ul li:nth-child(2n):hover{transform: translateY(90px);}
.scroll-section .sec-cards ul li::before{content:''; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;  position:absolute; left:0; top:0;   z-index:-1;     transform: scale(1.1); transition:all ease .3s; }
.scroll-section .sec-cards ul li a{position:relative; display:block; font-size:18px; padding:50px 30px; height:386px;  word-break: keep-all;  transition:all ease .3s;}
.scroll-section .sec-cards ul li a img{height:40px;}
.scroll-section .sec-cards ul li h3{font-size:30px; margin:15px 0 20px; line-height:1.3;}
.scroll-section .sec-cards ul li strong{display:block; opacity:.5; font-weight:500; margin:0 0 40px;}
.scroll-section .sec-cards .arrow{position:absolute; bottom:50px; right:30px; width:37px; height:23px; background:url('/img/arr_right_w.png') no-repeat center center / cover; transition:all ease .3s;}



/* services section */
.services-section {background:url('/img/main/services-bg2.jpg') no-repeat center center / cover; /*background-attachment: fixed; */color:#fff;}
.services-section .sec-cards ul li a{color:#fff;}
.services-section .sec-cards ul li:nth-child(1)::before{background-image:url('/img/main/main_service_card1.jpg');}
.services-section .sec-cards ul li:nth-child(2)::before{background-image:url('/img/main/main_service_card2.jpg');}
.services-section .sec-cards ul li:nth-child(3)::before{background-image:url('/img/main/main_service_card3.jpg');}
.services-section .sec-cards ul li:nth-child(4)::before{background-image:url('/img/main/main_service_card7.jpg');}
.services-section .sec-cards ul li:nth-child(5)::before{background-image:url('/img/main/main_service_card4.jpg');}
.services-section .sec-cards ul li:nth-child(6)::before{background-image:url('/img/main/main_service_card5.jpg');}
.services-section .sec-cards ul li:nth-child(7)::before{background-image:url('/img/main/main_service_card6.jpg');}

/* product section */
.product-section {background:#f7f7f7; position:relative; overflow:hidden;}
.product-section::before{content:''; width:500px; height:500px;  opacity: .2; filter: grayscale(1); background-repeat: no-repeat ; background-position:center center; background-size:contain; position:absolute; bottom:-10%; left:50%; }
@media screen and (min-width:1024px){
	.product-section.bg-01::before{background-image:url('/img/main/main_symbol_metapay.png');}
	.product-section.bg-02::before{background-image:url('/img/main/main_symbol_metafactory.png'); width:667px;}
	.product-section.bg-03::before{background-image:url('/img/main/main_symbol_metaerp.png');}
	.product-section.bg-04::before{background-image:url('/img/main/main_symbol_solme.png');  width:667px;}
	.product-section.bg-05::before{background-image:url('/img/main/main_symbol_riskcraft.png');}
	.product-section.bg-06::before{background-image:url('/img/main/main_symbol_metadesk.png');}
	.product-section.bg-07::before{background-image:url('/img/main/main_symbol_metacicd.png');}
	.product-section.bg-08::before{background-image:url('/img/main/main_symbol_marine.png');}   
	.product-section.bg-09::before{background-image:url('/img/main/main_symbol_gems.png'); }


	:lang(en) .product-section.bg-01::before{background-image:url('/img/main/main_symbol_metapay.png');}
	:lang(en) .product-section.bg-02::before{background-image:url('/img/main/main_symbol_metaerp.png');}
	:lang(en) .product-section.bg-03::before{background-image:url('/img/main/main_symbol_solme.png');  width:667px;}
	:lang(en) .product-section.bg-04::before{background-image:url('/img/main/main_symbol_riskcraft.png');}
	:lang(en) .product-section.bg-05::before{background-image:url('/img/main/main_symbol_metadesk.png');}
	:lang(en) .product-section.bg-06::before{background-image:url('/img/main/main_symbol_metacicd.png');}
	:lang(en) .product-section.bg-07::before{background-image:url('/img/main/main_symbol_marine.png');}   
	:lang(en) .product-section.bg-08::before{background-image:url('/img/main/main_symbol_gems.png'); }
}
.product-section .scroll-section{flex-direction: row-reverse;}
.product-section .sec-tit{text-align:right;}
.product-section .sec-cards ul li{border:1px solid #ddd; background-color:#fff;}
.product-section .sec-cards .arrow{filter: invert(0.2);} 
.product-section .sec-cards ul li:hover a{color:#fff;}
.product-section .sec-cards ul li:hover .arrow{filter:none;}
.product-section .sec-cards ul li::before{opacity:0;}
.product-section .sec-cards ul li:hover::before{opacity:1;}
.product-section .sec-cards ul li.MetaPay:before{background-image:url('/img/main/main_product_card1.jpg');}
.product-section .sec-cards ul li.MetaFactory:before{background-image:url('/img/main/main_product_card2.jpg');}
.product-section .sec-cards ul li.MetaE4U:before{background-image:url('/img/main/main_product_card9.jpg');}
.product-section .sec-cards ul li.SOLME:before{background-image:url('/img/main/main_product_card3.jpg');}
.product-section .sec-cards ul li.RiskCraft:before{background-image:url('/img/main/main_product_card7.jpg');}
.product-section .sec-cards ul li.MetaDesk:before{background-image:url('/img/main/main_product_card4.jpg');}
.product-section .sec-cards ul li.MetaCICD:before{background-image:url('/img/main/main_product_card5.jpg');}
.product-section .sec-cards ul li.MetaMarine:before{background-image:url('/img/main/main_product_card6.jpg');}
.product-section .sec-cards ul li.MetaGEMS:before{background-image:url('/img/main/main_product_card8.jpg');}

 


/* news section */
.news-section .main-news{padding:160px 0 100px;}
.news-section .main-news .relatedBlog{margin:40px 0;}
.news-section .main-news .relatedBlog h3{font-size:45px;}
.news-section .main-news .career-bn{width:100%; padding:60px 20px; text-align:center; background:url('/img/main/main_career_bg.jpg') no-repeat center center / cover; border-radius:20px; font-size:18px;}
.news-section .main-news .career-bn strong{display:block; color:#fff; margin-bottom:10px; font-weight:600;}
.news-section .main-news .career-bn p{font-size:36px;  color:#fff; font-weight:600;}
.news-section .main-news .career-bn a{border:1px solid rgba(255,255,255,0.2);  color:#fff;margin-top:30px; padding:12px 40px; display:inline-block; border-radius:50px; transition:all ease .3s; font-size:16px;}
.news-section .main-news .career-bn a:hover{border-color:#fff; background:#fff; color:#0e1e51}

@media screen and (max-width:1023px){
	#fullpage .fp-section,
	#fullpage .fp-slide,
	#fullpage .fp-tableCell{
		height: auto !important;
	}
	.fp-scrollable {
    	height: auto !important;
    }
    .fp-auto-height-responsive > .fp-scrollable {
        height: auto !important;
    }
    .fp-auto-height-responsive > .fp-scrollable > .fp-scroller {
        transform: none !important;
    }
    .fp-auto-height-responsive > .fp-scrollable > .iScrollVerticalScrollbar{
        display: none !important;
    }



	.visual-section .sec-tit h2{font-size:28px; word-break: keep-all;}
	.visual-section .sec-tit h2 br{display:none;}

	.scroll-section .sec-tit h3{font-size:32px;}
	.scroll-section .sec-tit h3 br{display:none;}
	.scroll-section .sec-tit p{font-size:16px}
	.scroll-section{flex-wrap:wrap;}
	.scroll-section .sec-tit{position:relative; top:auto; width:100%;}
	.scroll-section .sec-cards{max-width:100%; width:100%; padding:40px 0 0;}
	.scroll-section .sec-cards ul{width:100%; gap:10px; padding-bottom: 0;}
	.scroll-section .sec-cards ul li{  width:100%;}
	.scroll-section .sec-cards ul li a{padding:30px 60px 40px 20px; height:auto; font-size:16px;}
	.scroll-section .sec-cards ul li h3{font-size:20px; margin:10px 0 15px;}
	.scroll-section .sec-cards ul li h3 br{display:none;}
	.scroll-section .sec-cards ul li strong{font-size:12px; margin:0 0 20px;}
	.scroll-section .sec-cards ul:last-child{margin-top:0;}
	.scroll-section .sec-cards ul li a img{height:34px;}
	.scroll-section .sec-cards .arrow{right:20px; bottom:40px;     background-size: 30px;}

		
	.scroll-section .sec-cards ul li:nth-child(2n),
	.scroll-section .sec-cards ul li:nth-child(2n):hover,
	.scroll-section .sec-cards ul li:hover{transform:none;  } 



	.services-section{padding:80px 0;}
	.product-section{padding:80px 0;}
	.product-section .sec-tit{text-align:left;}
	.news-section .main-news{padding:40px 0;}
	.news-section .main-news .relatedBlog h3{font-size:30px;}
	.news-section .main-news .relatedBlog{margin:20px 0;}
	.news-section .main-news .career-bn{padding:40px 20px;     background-position: right top;}
	.news-section .main-news .career-bn p{font-size:24px; word-break: keep-all;}
	.news-section .main-news .career-bn strong{font-size:14px;}
}