/* universal */
*{
    font-family: 'Noto Sans TC', sans-serif;
    color: #18293C;
}

/* 簡體中文語言設定 */
html[lang="zh-Hans"] * {
    font-family: 'Noto Sans SC', sans-serif;
}

/* 繁體中文語言設定 */
html[lang="zh-Hant"] * {
    font-family: 'Noto Sans TC', sans-serif;
}
.mobile {
	display: none;
}
.navbar-dropdown > div > div:not(.menu-footer) {
	padding: 12px;
	min-width: 480px;
	max-width: 640px;
	max-height: 568px;
	overflow-y: scroll;
}
.fs-52 {
	font-size: 52px;
}
.solution_hero_image {
	/* margin-top: 20px; */
	width: min(640px,80vw);
	height:min(360px, 45vw);
	margin: 0 auto;
	margin-top: 31px;
}
.solution_hero_section {
	height: fit-content;
}
.solution_tabcontent_img {
	left: -15px; 
}
/* limiting container width for larger screen */
@media (max-width: 992px) {
    .fs-52 {
        font-size: 36px;
    }
	.section-md {
		/* padding-top: 0px !important; */
	}
} 
@media (min-width: 1200px) {
    .container{
        max-width: 960px;
    }
}

@media (min-width: 1400px) {
    .container{
        max-width: 960px;
    }
}

/* navbar */
.img-fluid.logo {
	width: 180px;
}
.nav-link.fw-bold {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #18293c !important;
	margin-left: 16px;
}
/* navbar */

/* banner */
h1 {
	font-size: 45px;
    color: #18293C;
    font-weight: 600;
    line-height: 1.6;
}
/* p {
	white-space: break-spaces;
} */
.btn:focus{
	outline: unset !important;
	box-shadow: unset !important;
}
.navbar-toggler{
	outline: unset !important;
	box-shadow: unset !important;
	border: unset !important;
}
.fs-24{
    font-size: 24px;
}
.btn.btn-dark.px-5.rounded-pill.fw-bold.py-3.contactBtn {
	height: 56px;
	width: 280px;
}
/* banner */

/* about */
/* to make trusted section icon vertical center*/
.slick-track {
	display: flex;
	/*justify-content: center;*/
  	align-items: center;
}

.trustSlider .slide img {
	display: flex;
	text-align: center !important;
	margin: auto !important;
}
h2{
    font-size: 52px;
	line-height: 1.6;
}
.about {
	background-image: url("../img/bg.dbdbb84a393b.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 0 200px 0 !important;
}
P {
	line-height: 2;
}
/* .fw-bold {
	font-weight: 900 !important;
} */
.text-muted{
	color: #6D7783 !important;
}

.text-muted * {
	color: #6D7783 !important;
}
/* about */


/* services */
.fa-ul.m-0.p-0 li {
	line-height: 2;
}

/* capabilities */
.fs-14{
    font-size: 14px;
}
.bg-success{
    background: #85BE50 !important;
}
.tabs .line.ms-auto.bg-success {
	width: 40px;
	height: 5px;
	border-radius: 20px;
	background-color: #85BE50 !important;
	display: block !important;
	z-index: 1;
	opacity: 1;
}
.slider.mt-4.slick-initialized.slick-slider.slick-dotted {
	transform: scale(1.2);
	margin-top: 100px !important;
}
body, html{
    overflow-x: hidden !important;
}
.form{
	background-color: #18293C !important;
}
.form-control{
	border-radius: 0 !important;
}
.btn.btn-light.px-5.py-3.rounded-pill {
	width: 300px;
}
.footer ul {
	line-height: 2;
}
.goTop {
	position: fixed;
	right: 20px;
	bottom: 30px;
	width: 40px;
	background: #ECF1F7;
	border-radius: 5px;
	padding: 3px;
}
.btn.btn-dark.px-5.rounded-pill.fw-bold.py-3.contactBtn.mt-3 {
	background: #18293C !important;
	border-color: #18293C !important;
}



/* tabs */
/* .tabs .d-inline.active .btn {
	border-bottom: 3px solid #89C542 !important;
	padding-bottom: 5px;
	border-radius: 0;
} */
/* .tabs .d-inline:hover .btn {
	border-bottom: 3px solid #89C542 !important;
	padding-bottom: 5px;
} */
/* .tabs .d-inline .btn {
	border-bottom: 3px solid white;
	padding-bottom: 5px;
	transition: 0.3s;
	border-radius: 0;
	margin: 0 10px;
} */
.tabs .btn {
	padding: 0;
	min-width: 40px;
	margin: 10px 25px;
	overflow: hidden !important;
	border-radius: 0 !important;
}
.tabs .line{
	opacity: 0;
}
.d-inline.active .line {
	opacity: 1;
}
.tabs li:hover .line {
	opacity: 1;
}
#topBar {
	height: 83px;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	background: white;
	z-index: 9999;
	box-shadow: 0 0 30px -20px rgba(0,0,0,0.5);
}
/* body{
	padding-top: 83px;
} */
#top{
	padding-top: 85px;
}
.line{
	transition: 0.5s;
}
.btn:focus{
	outline: unset !important;
	box-shadow: unset !important;
}
.form-control:focus{
	outline: unset !important;
	box-shadow: unset !important;
}
.fs-36{
	font-size: 26px;
}
.line.bg-success {
	height: 4px;
	width: 30px;
	border-radius: 30px;
	margin-left: auto;
}
.text-dark.text-decoration-none.exploreMore {
	/* background: red; */
	display: inline-flex;
	justify-content: space-between;
	width: 125px;
	align-items: center;
	font-weight: 600;
}
.exploreMore .fa.fa-arrow-right {
	position: relative;
	top: 2px;
}
.tabs .line {
	height: 3px;
	width: 100%;
	background: #89C542;
	border-radius: 30px !important;
}
.fs-18{
	font-size: 18px;
}
.fs-15{
	font-size: 15px;
}
.list-inside{
	list-style: inside;
}
.fs-12{
	font-size: 12px;
}
.text-primary{
	color: #4675AA !important;
}
.text-primary-2 {
	color: #6D7783 !important;
}

.text-primary-3 {
	color: #064982 !important;
}
.text-primary-4 {
	color: #013459 !important;
}
.text-primary-5 {
	color: #18293C !important;
}
.text-primary-6 {
	color: #2E4054 !important;
}
.navbar-toggler{
	border: unset;
}

@media screen and (max-width:992px){
	.mark_tabcontent {
		box-shadow: none !important;
		margin-top: 30px;
	}
	.mobile {
		display: block;
	}
	.navbar-dropdown {
		min-width: 1px;
	}
	.site {
		display: none;
	}
	h2 {
		font-size: 36px;
	}
	.fs-24 {
		font-size: 18px;
	}
	h1 {
		font-size: 45px;
		color: #18293C;
		font-weight: 600;
	}
	p {
		font-size: 15px;
	}
	.footer .col-md-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer .col-md-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.navbar.navbar-expand-lg.navbar-light.bg-transparent {
		position: fixed;
		left: 0;
		width: 100%;
		background: white !important;
		padding: 0 35px;
		line-height: 2;
		top: 12px;
	}

}

@media screen and (max-width:576px){
	.tabs.list-unstyled.m-0.p-0 li {
		display: block !important;
	}
	h1 {
		font-size: 40px;
		color: #18293C;
		font-weight: 600;
		margin-bottom: 30px;
	}
	.banner-title > h1 {
		font-size: 40px !important;
	}
	.btn.btn-dark.px-5.rounded-pill.fw-bold.py-3.contactBtn {
		height: 48px;
		width: 195px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 !important;
		margin-bottom: 20px;
	}
	.navbar.navbar-expand-lg.navbar-light.bg-transparent {
		position: fixed;
		left: 0;
		width: 100%;
		background: white !important;
		padding: 0 5px;
		line-height: 2;
		top: 12px;
	}
	.navbar.navbar-expand-lg.navbar-light.bg-transparent {
		position: unset;
		left: 0;
		width: 100%;
		background: white !important;
		padding: 0 5px;
		line-height: 2;
		top: 12px;
	}
	.join.py-5 {
		padding-top: 0 !important;
	}
	h1 {
		font-size: 30px !important;
		font-weight: bold !important;
	}
	.banner-title > h1 {
		font-size: 40px !important;
	}
}

.cover-250 {
	object-fit: cover;
	height: 250px;
}

.cover-400 {
	object-fit: cover;
	height: 400px;
}

.cover-rounded {
	border-radius: 0.6rem;
}

/* Form */
.message-success {
	color: #85BE50;
}

.message-error {
	color: #be5050;
}

/* End of form */

.hero-img-top {
	padding-top: 0px;
}

@media screen and (max-width:768px) {
	.hero-img-top {
		padding-top: 50px !important;
	}
}

/* Case study */
h4 {
	line-height: 1.6;
	letter-spacing: 0.2px;
}

@media screen and (min-width:768px) {
	.box {
		padding: 0 45px;
	}
}

.blog-title {
	line-height: 2;
	letter-spacing: 0.2px
}
/* .navbar-brand {
	background: #85A7CE;
	padding: 10px 20px;
	border: 2px solid black;
} */
.nav-link{
    font-size: 20px;
    font-weight: 600;
}
@media screen and (min-width: 992px){
    .nav-link{
        margin-left: 20px;
    }
}

.container-custom h1{
    font-size: 50px !important;
    font-weight: bold !important;
}
p, a.p{
    font-size: 18px;
}
td{
    text-align: center;
    vertical-align: middle !important;
}
.btn-success{
    background-color: #7DBB2A !important;
    border-color: #7DBB2A !important;
}
.img-fluid.pin {
	width: 10px;
}
.hldr {
	border: 1px solid black;
	padding: 15px;
	margin-top: 20px;
	border-radius: 10px;
}
td.border-0.text-start {
	width: 30%;
}
.border-0.tag button {
	width: 130px;
}
.border-0.tag {
	width: 20%;
	text-align: left;
}
.border-0.st {
	text-align: start;
}

.contact{
    background-color: #18293C !important;
}

.form-control{
    border-radius: 0;
    min-height: 50px !important;
}
.btn.btn-light.rounded-pill.py-3.px-5 {
	width: 300px;
}
.text-18293C{
    color: #18293C !important;
}
.footer li {
	line-height: 2;
}
.hldrMobile{
	display: none;
}
@media screen and (max-width: 767px){
	.banner-title > h1 {
		font-size: 40px !important;
	}
	td, td a, td .btn, td p {
		font-size: 14px !important;
	}
	.border-0.pinholder {
		display: none;
	}
	.border-0.tag {
		display: none;
	}
	td.border-0.text-end {
		width: 33%;
	}
	.hldrMobile{
		display: block;
		border: 2px solid black;
		padding: 10px;
		border-radius: 20px;
	}
	.hldr{
		display: none;
	}
	.img-fluid.pinImg {
		height: 20px;
	}
	.btn.rounded-pill.py-1.px-4 {
		font-size: 12px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.hldrMobile.mt-4 p {
		font-size: 15px;
	}
	.flx {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
}
@media screen and (max-width: 480px){
	h1 {
		font-size: 30px !important;
		font-weight: bold !important;
	}
	.banner-title > h1 {
		font-size: 40px !important;
	}
	.hldr {
		overflow-x: scroll;
		width: auto;
		padding: 0 !important;
	}
	h2 {
		font-size: 16px;
	}
	
}

/* .container-custom {
	max-width: 1320px !important;
} */
@media (min-width: 576px){
	.container-custom {
		max-width: 540px !important;
	}
}

@media (min-width: 768px){
	.container-custom {
		max-width: 720px !important;
	}
}

@media (min-width: 992px){
	.container-custom {
		max-width: 960px !important;
	}
}
@media (min-width: 1200px){
	.container-custom {
		max-width: 1140px !important;
	}
}
@media (min-width: 1400px){
	.container-custom {
		max-width: 1320px !important;
	}
}




/* 1. Utility and Layout */
.section {
	position: relative;
}
.section-xl {
	padding-top: 96px;
	padding-bottom: 96px;
}
.section-lg {
	padding-top: 72px;
	padding-bottom: 72px;
}
.section-md {
	padding-top: 56px;
	padding-bottom: 56px;
}
.section-sm {
	padding-top: 44.5px;
	padding-bottom: 44.5px
}
.section-xs {
	padding-top: 32px;
	padding-bottom: 32px
}
.mb-8 {
	margin-bottom: 8px !important;
}
.mb-12 {
	margin-bottom: 12px !important;
}
.mb-16 {
	margin-bottom: 16px !important;
}
.mb-24 {
	margin-bottom: 24px !important;
}
.mb-48 {
	margin-bottom: 48px !important;
}
.mb-72 {
	margin-bottom: 72px !important;
}
.mb-80 {
	margin-bottom: 80px !important;
}

.ml-16 {
	margin-left: 16px !important;
}
.row-4 > *:last-child {
	margin-bottom: 0px;
}
.row-8 > *:last-child {
	margin-bottom: 0px;
}
.row-16 > *:last-child {
	margin-bottom: 0px;
}
.row-24 > *:last-child{
	margin-bottom: 0px;
}
.row-32 > *:last-child {
	margin-bottom: 0px;
}
.row-40 > *:last-child {
	margin-bottom: 0px;
}
.row-48  > *:last-child {
	margin-bottom: 0px;
}
.row-64 > *:last-child {
	margin-bottom: 0px;
}
.row-96 > *:last-child {
	margin-bottom: 0px;
}
.row-4 > * {
	margin-bottom: 4px;
}
.row-8 > * {
	margin-bottom: 8px;
}
.row-16 > * {
	margin-bottom: 16px;
}
.row-24 > * {
	margin-bottom: 24px;
}
.row-32 > * {
	margin-bottom: 32px;
}
.row-40 > * {
	margin-bottom: 40px;
}
.row-48 > * {
	margin-bottom: 48px;
}
.row-64 > * {
	margin-bottom: 64px;
}
.row-96 > * {
	margin-bottom: 96px;
}
.pl-50 {
	padding-left: 110px;
}
.pb-0 {
	padding-bottom: 0px !important;
}
.pb-70 {
	padding-bottom: 70px;
}
.pl-0 {
	padding-left: 0px;
}
.pr-0 {
	padding-right: 0px;
}
.pr-53 {
	padding-right: 53px !important;
}
.ph-71 {
	padding-left: 71px;
	padding-right: 71px;
}
.ph-165 {
	padding-left: 165px;
	padding-right: 165px;
}
.mt-r-45 {
	margin-top: -45px;
}
.font-size-1 {
	font-size: 12px;
}
.font-size-2 {
	font-size: 16px;
}
.font-size-2-1 {
	font-size: 22px;
}
.font-size-3 {
	font-size: 24px !important;
}
.font-size-4 {
	font-size: 36px;
}
.font-size-5 {
	font-size: 45px;
}

.text-container {
	max-width: 560px;
}
.text-bold {
	font-weight: 400;
}
.text-bold-1 {
	font-weight: 500;
}
.text-bold-2 {
	font-weight: 700 !important;
}

.d-flex {
	display: flex;
}

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

.align-item-center {
	align-items: center;
}
.flex-direction-column {
	flex-direction: column;
}

.text-white * {
	color:white;
}

.horizon-divider-container {
	display: flex;
	align-items: center;
	flex-direction: row;
}
.horizon-divider-text {
	font-size: 16px;
	color:#4675AA;
	padding: 0 8px 0px 0px;
	text-align: center;
	font-weight: 500;
}
.horizon-divider {
	background-color: #4675AA;
	height: 1px;
	width: 56px;
}
.pos-relative {
	position: relative;
}
.over-flow-hidden {
	overflow: hidden;
}
.border-rad-4 {
	border-radius: 4px;
}
.bg-union {
	background: #F8F9FA;
	padding-bottom: 0px !important;
}
.bg-union-shape {
	/* position: absolute; */
	bottom: 0px;
}
.bg-union-shape img {
	position: absolute;
    bottom: -12px;
    width: 100%;
    z-index: 999;
}
/* .bg-union::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 101%;
	background: url("./../img/Union.cb1c933e95e3.png");
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	z-index:11;
} */

.bg-blue {
	background:#064982;
}
.bg-blue-2 {
	background:#013459;
}

.bg-light-blue {
	background: #D4E1F4;
}
.bg-light-blue * {
	color: #2E4054;
}
.bg-blue * {
	color: white;
}
.bg-gray {
	background:#F8F9FA;
}
.bg-light-gray {
	background:#F1F5F6
}
.bg-dark-gray {
	background:#2E4054;
}
.bg-dark-gray * {
	color: white;
}

/* Vector & Shape */
.section-header-margin {
	margin-top:84px;
	z-index: 10;
}

.section {
	overflow: hidden;
}
.section .container * {
	z-index: 10;
}
.bg-vector-1 {
	position:absolute;
	z-index: 2;
	background: url("./../img/vector-1.f742cb8b219b.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 38.38px;
	left: 192px;
	height: 383.35px;
	width:  347.08px;
}

.bg-vector-2 {
	position:absolute;
	z-index: 2;
	background: url("./../img/vector-2.142586a44d96.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 439.42px;
	right: 72.41px;
	height: 347.47px;
	width: 382.66px;
}


.bg-vector-3 {
	position:absolute;
	z-index: 2;
	background: url("./../img/vector-3.0751d8300ae2.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 78.18px;
	left: 157.15px;
	width: 347.29px;
	height: 329.67px;
}

.bg-header-shape-1 {
	position:absolute;
	z-index: 2;
	background: url("./../img/header-shape-1-m.cba11016c2d9.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 249.72px;
	height: 197.14px;
	left: 0px;
	bottom: 0px;
}

.bg-header-shape-2 {
	position:absolute;
	z-index: 2;
	background: url("./../img/header-shape-2.e5e97c48f82a.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 198px;
    height: 210px;
    right: 0px;
    bottom: 0px;
}



.bg-shape-1 {
	position: absolute;
	background: url("./../img/left-big-vector.530244bb5f28.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 425.7px;
	height: 465.25px;
	left: -168px;
    bottom: -208px;
	z-index: 2;
}

.bg-shape-2 {
	position: absolute;
	background: url("./../img/Right-big-vector.73c1aca145ec.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 564px;
    height: 620px;
	top: -20px;
	right: -150px;
	z-index: 2;
}

.bg-shape-3 {
	position: absolute;
	background: url("./../img/left-small-vector.5e7934d10d64.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 90.3px;
	height: 66.78px;
	left: 42px;
    bottom: 126px;
	z-index: 2;
}

.bg-shape-4 {
	position: absolute;
    background: url("./../img/Right-big-vector-1.8a44dc9fea33.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 374.62px;
    height: 355.91px;
    right: -205px;
    transform: rotate(-15.57deg);
    z-index: 2;
	bottom: -160px;
}

.bg-in-hero-l-1-shape {
	position: absolute;
    background: url("./../img/solution/hero-bg-l-1.f0861235685f.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 249.72px;
    height: 197.14px;
    left: -64px;
    bottom: -6px;
    z-index: -1;
}

.bg-in-hero-l-2-shape {
	position: absolute;
    background: url("./../img/solution/hero-bg-l-2.487748815169.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 82.33px;
    height: 84.93px;
    left: 99px;
    bottom: 156.96px;
    z-index: -1;
}

.bg-in-hero-l-3-shape {
	position: absolute;
    background: url("./../img/solution/hero-bg-l-3.f6a79a15350d.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 342.61px;
    height: 371.35px;
	left: 113px;
    bottom: 175.96px;
    z-index: -1;
	
}

.bg-in-hero-r-1-shape {
	position: absolute;
    background: url("./../img/solution/hero-bg-r-1.ae34be410ccd.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 400px;
    height: 268px;
    right: -10%;
    z-index: 11;
    bottom: -24px;
}

.bg-in-hero-r-2-shape {
	position: absolute;
    background: url("./../img/solution/hero-bg-r-2.776c96444c28.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 100.53px;
    height: 48.28px;
    right: -43px;
    z-index: 2;
    bottom: 323px;
}

.bg-in-hero-r-3-shape {
	position: absolute;
    background: url("./../img/solution/hero-bg-r-3.d03ad07cf224.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 250px;
    height: 280px;
    right: 87.91px;
    bottom: 170px;
    z-index: -1;
}

.bg-in-hero-union-shape {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 20;
	/* position: absolute;
    background: url("./../img/solution/hero-union.9482f813d731.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 30px;
    left: 0px;
    z-index: 12;
    bottom: 0px; */
}
.bg-in-hero-union-shape  img {
	z-index: 20;
	width: 100%;
	position: absolute;
	bottom:0px;
}
.bg-in-talk-union-shape {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.bg-se-talk-union-shape {
	position: absolute;
	bottom: 0px;
	width: 100%;
    /* background: url("./../img/service/talk-union-bg.8c8142ed2ed9.svg");
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
    height: 45px;
    left: 0px;
    z-index: 12;
	bottom: 0px;
	background-position: center; */
}
.bg-se-talk-union-shape img {
	width: 100%;
	position: absolute;
	bottom:0px;
	z-index: 20;
}
.intro-bg-1-shape {
	position: absolute;
    background: url("./../img/solution/intro-bg-1.5fab7b7fb676.png");
    background-repeat: no-repeat;
    background-size: cover;
	width: 352px;
    height: 386px;
    left: 11%;
    z-index: 1;
	bottom: 51%;
}
.intro-bg-2-shape {
	position: absolute;
    background: url("./../img/solution/hero-bg-l-3.3c1b88d98f69.svg");
    background-repeat: no-repeat;
    background-size: cover;
	width: 352px;
    height: 386px;
    right: 6%;
    z-index: 1;
	bottom: 25%;
}

.bg-lamp-shape {
	position: absolute;
    background: url("./../img/solution/lamp.0e819d54ad07.svg");
    background-repeat: no-repeat;
    background-size: cover;
	width: 115.56px;
    height: 145.35px;
    right: -11%;
    z-index: 14;
	bottom: -15%;
}
.intro-women-shape {
	/* position: absolute;
    background: url("./../img/solution/intro-women.14ee5f895872.svg");
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
    height: 30px;
    left: 0px;
    z-index: 12;
	bottom: 0px; */
}
.intro--chat-shape {
	/* position: absolute;
    background: url("./../img/solution/intro-chat.dce0f63691b6.png");
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
    height: 30px;
    left: 0px;
    z-index: 12;
	bottom: 0px; */
	display: flex;
}
.bg-se-step-1-shape {
	position: absolute;
    background: url("./../img/service/step-bg.4d28e49c36d9.png");
	background-repeat: no-repeat;
    background-size: contain;
    width: 365.37px;
    height: 343.95px;
    left: -182px;
    bottom: 58%;
    z-index: 5;
}
.bg-se-hero-l-1-shape {
	position: absolute;
    background: url("./../img/service/hero-bg-l-1.419e740b9e18.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 225.26px;
    height: 353.43px;
    left: -104px;
    bottom: -57px;
    z-index: 5;

}
.bg-se-hero-l-2-shape {
	position: absolute;
    background: url("./../img/service/hero-bg-l-2.f0af825ceaa4.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 394.33px;
    height: 360.1px;
    left: -249px;
    bottom: 90px;
    z-index: 4;

}
.bg-se-hero-l-3-shape {
	position: absolute;
    background: url("./../img/service/hero-bg-l-3.1d942c9025bc.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 69.32px;
    height: 79.98px;
    left: 72px;
    bottom: -24px;
    z-index: 2;
}
.bg-se-hero-r-1-shape {
	position: absolute;
    background: url("./../img/service/hero-bg-r-1.c36002bb352c.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 435px;
    height: 344.31px;
    right: -64px;
    bottom: -97px;
    z-index: 5;
}
.bg-se-hero-r-2-shape {
	position: absolute;
    background: url("./../img/service/hero-bg-r-2.993a6f83ea7c.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 575.13px;
    height: 522.84px;
    right: -210px;
    bottom: -30px;
    z-index: 2;
}
.bg-se-hero-r-3-shape {
	position: absolute;
    background: url("./../img/service/hero-bg-r-3.2cdbc2990a43.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 87.72px;
    height: 74.8px;
    right: 60px;
    bottom: 215px;
    z-index: 2;
}
.bg-se-hero-shape {
	position: absolute;
	-webkit-mask: url("./../img/service/hero-bg-shape.4710b4476426.png") no-repeat center center;
  	mask: url("./../img/service/hero-bg-shape.4710b4476426.png") no-repeat center center;
 	-webkit-mask-size: contain;
  	mask-size: contain;
	background: url("./../img/service/hero-bg-shape.4710b4476426.png");
	background-position:center;
    background-repeat: no-repeat;
    /* background-size: contain; */
	background-size: auto 369px;
	width: 456px;
    height: 369px;
    right: -20px;
    /* bottom: 123px; */
    z-index: 9 !important;
}
.bg-se-it-shape-1 {
	position: absolute;
    background: url("./../img/service/intro-bg-2.899452992866.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 263.75px;
    height: 250.23px;
    right: -81px;
    bottom: 0px;
    z-index: 9 !important;
}
.bg-se-it-shape-2 {
	position: absolute;
    background: url("./../img/service/intro-bg-2.899452992866.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 263.75px;
    height: 250.23px;
    left: -80px;
    bottom:-80px;
    z-index: 9 !important;
}
.bg-se-in-1-shape {
	position: absolute;
    background: url("./../img/service/intro-bg-1.e3c1e4f98087.png");
    background-repeat: no-repeat;
    background-size: contain;
	width: 263.75px;
    height: 250.23px;
    right: -80px;
    bottom: 80px;
    z-index: 9 !important;
}
.bg-so-in-shape {
	position: absolute;
	background: url("./../img/solution/intro-bg-shape.f7e287e54aeb.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
    background-size: contain;
    width: 293.7px;
    height: 465.25px;
    left: -108px;
    bottom: -147px;
}
.trust-1 {
	position: absolute;
	top:0px;
	left:0px;
	z-index:4 !important;
	width:200px;
}
.trust-2 {
	position: absolute;
	top: 46px;
    left: 87px;
	z-index: 1	!important;
	width:200px;
}
.trust-3 {
	position: absolute;
	top: 5px;
    right: 24px;
	z-index: 2 !important;
	width:200px;
}
.trust-4 {
	position: absolute;
	bottom: -13px;
    right: -50px;
	z-index: 3;
	width:200px;
}
.title {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 48px;

	color: #4675AA;
}

.photo-card {
	width: 296px;
	min-height: 370px;
	padding: 0px 0px 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px -10px rgba(24, 41, 60, 0.2);
	border-radius: 4px;
	flex: none;
	order: 0;
	flex-grow: 0;
	transition: 0.1s;
}

.photo-card:hover {
	box-shadow: 0px 5px 36px -10px rgb(24 41 60 / 20%), 0px 24px 96px -30px rgb(24 41 60 / 10%);
}


.photo-card img {
	width: 100%;
	border-radius: 4px 4px 0px 0px;
}

.photo-card-body {
	padding: 16px;
}
.photo-card-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 36px;
	color: #212529;
}
.photo-card-description {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #6D7783;

}
.center-block {
	float: none !important
}
.tabcontent img {
	height: 280px;
	position: absolute;
	top: 16px;
}
.z-index-10 {
	z-index: 10;
}
/* 2. Section Header */
.section-header, .section-header .container {
	height: 683px;
}

.section-header {
	background: url("./../img/background.bdae53c263ce.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 83px;
	z-index: 10;
}

.section-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #212529;
	opacity: 0.6;
	z-index:1;
}

.section-header .breadcrumb-wrap *, .section-header .container * {
	z-index: 998;
}
.breadcrumb-wrap {
	z-index: 999;
}
.section-header .container > p {
	max-width: 796px;
}

.mw-1 {
	max-width: 45%;
	margin: auto;
}
.mw-2 {
	max-width: 45%;
	margin: auto;
}
/* 3. Bread Curmb */
.section-header .breadcrumb-wrap {
	position: absolute;
	left: 0px;
	right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 72px;
	padding-right: 72px;
	background: rgba(255,255,255,0.05);
	mix-blend-mode: normal;
	border-radius: 2px;
}

.section .breadcrumb-wrap {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 72px;
	padding-right: 72px;
	background: rgba(255,255,255,0.05);
	mix-blend-mode: normal;
	/* opacity: 0.05; */
	border-radius: 2px;
}
.bereadcrumb-dark {
	background-color: rgb(46,64,84, 0.1) !important;
	
}

.bereadcrumb-dark * {
	color: #2E4054 !important;
}
.bereadcrumb-dark .breadcrumb-item+.breadcrumb-item::before
{
	color: #2E4054;
}
.breadcrumb {
	margin-bottom: 0px;
}

.breadcrumb-item > a {
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
	mix-blend-mode: normal;
	opacity: 0.8;
	text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before {
	color: #FFFFFF;
	opacity: 0.8;
}

/* 4. Button */
.button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 24px;
	gap: 10px;
	box-shadow: 0px 5px 20px -4px rgba(24, 41, 60, 0.2);
	border-radius: 31px;
	text-decoration: none;
	min-width: 216px;
	/* width: fit-content; */
	width: fit-content;
}

.button:hover, .button-message:hover {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #000;
}
.button-flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.button-flex-wrap .button {
	margin: 4px;
}
.button-sm {
	padding: 12px 24px;
	min-width: 180px;
}

.button-link {
	color: #2E4054;
	text-decoration: none;
}


.button-link-wrap {
	padding-left: 8px;
	padding-right: 8px;
	display: flex;
    flex-direction: column;
}
.button-link.text-white {
	color: white;
}

.button-primary {
	background: #59AF23;
	color: white;
}
.button-dark-gray {
	color:white;
	background-color: #18293C;
	border: 0px;
	width: fit-content;
}
.button-white-outline {
	border: 1px solid white;
	color: white;
	background-color: none;
}
.buttton-light-outline {
	border: 1px solid rgba(6, 73, 130, 0.8);
	color: rgba(6, 73, 130, 0.8);
	background-color: none;
}
.buttton-light-outline.active {
	background: rgba(6, 73, 130, 0.8);
	color: white;
	background-color:  rgba(6, 73, 130, 0.8);
	border: 0px solid rgba(6, 73, 130, 0.8);
}
.button-white {
	color:#212529;
	background-color: white;
	border: 0px;
}

.button-light-blue {
	background: #4675AA;
	color: white;
}

.button-message {
	padding: 12px 24px;
	gap: 8px;
	background: #FFFFFF;
	box-shadow: 0px 26px 40px -20px rgba(28, 41, 58, 0.1), 0px 6px 24px -16px rgba(28, 41, 58, 0.1);
	border-radius: 0px 26px 26px 26px;
	color: #18293C;
	text-decoration: none;
	margin:0px 4px;
	width: fit-content;
}
.button-message.button-message-light-green {
	background: #B8ECA7;
	color: #18293C;
}
.button-message span {
	color: #18293C;
}
/* 5. Icon Image */
.icon-wrap {
	display: flex;
}

.icon-wrap > * {
	padding-right: 26px;
}
.icon-item {
	text-align: center;
}
.icon-item img {
	height: 56px;
	width: 56px;
	border-radius: 10px;
}

.icon-item p {
	margin-top: 4px;
	font-size: 12px;
	color: #283C54;
}
dl {
	padding-left: 25px;
	margin-top:24px;
}
dd {
	display: list-item;
	list-style-image: url("./../img/shape-icon.95979e211b97.svg");
	padding-inline-start: 1ch;
	margin-bottom: 16px;
}

dd h6 {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 36px;
	color: #18293C;
}

dd p {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #6D7783;
}
/* 6. message wrap */
.message-wrap {
	width:fit-content;
	padding: 32px 48px;
	background: #2E4054;
	box-shadow: 0px 26px 40px -20px rgba(28, 41, 58, 0.1), 0px 6px 24px -16px rgba(28, 41, 58, 0.1);
	border-radius: 64px 64px 0px 64px;
	text-align: center;
	max-width: 276px;
}

.message-wrap p {
	color: white;
}
.message-wrap button {
	margin: auto;
}

.message-wrap-intro {
	padding: 32px 40px;
	gap: 10px;
	width: 100%;
	height: 320px;
	background: #4675AA;
	box-shadow: 0px 26px 40px -20px rgba(28, 41, 58, 0.1), 0px 6px 24px -16px rgba(28, 41, 58, 0.1);
	border-radius: 64px 64px 64px 0px;
	height: fit-content;
	max-width: 632px;
}
.message-wrap-intro p {
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	color: #FFFFFF;
	text-align: left;
}
.man-icon-pos {
	margin-top: -125px;
	left: 31px;
	text-align: right;
	margin-right: -125px;
}

.slick-prev:before {
	content: url("./../img/prev-icon.ce6fa6462554.png");
}
.slick-next:before {
	content: url("./../img/next-icon.2c8efa281388.png");
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #6D7783;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -72px;
}

.slick-next {
	right: -72px;
}

.industry-slider .card div {
	font-weight: 500;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	color: #18293C;
}
.button-container {
	display: flex;
	justify-content: center;
}
.md-block {
	display: block;
}
.md-block-tablink {
	display: none;
}

.border-raidus-8 {
	border-radius: 8px;
}
@media(max-width: 1242px) {
 .mw-1 {
	max-width: 75%;
 }
 .bg-in-hero-r-1-shape{
	width: 200px;
	height: 119.5px;
	bottom: -6px;
 }
}
@media(max-width: 1000px) {
	.pl-50 {
		padding-left: 0px;
	}
	.ph-none-1000 {
		max-width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media(max-width: 999px) {
	.pl-50 {
		padding-left: 0px;
	}
	.md-block-tablink {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.md-block-tablink > button {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 8px 16px;
		margin-right: 8px;
		margin-bottom: 12px;
		gap: 10px;
		border-radius: 31px;
		text-decoration: none;
		background: rgb(248, 249, 250);;
	}
	.lg-none { 
		display: none;
	}
	.width-100 {
		width: 100%;
	}
	/* .solution_hero_section {
		height: 651px;
	} */
}
@media(max-width: 999px) {
	.tabcontent img {
		right: -12px;
	}
}
@media (max-width: 769px){
	.flex-md-column {
		flex-direction: column !important;
	}
	.ml-16 {
		margin-left: 0px !important;
	}
	.section .breadcrumb-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.md-none {
		display: none !important;
	}
	.md-block {
		display: block;
	}
	.mw-1 {
		max-width: 80%;
		min-width: 50%;
	}
	.mw-2 {
		max-width: 65%;
	}
	.mb-md-12 {
		margin-bottom: 12px;
	}
	.intro-bg-1-shape {
		left:-17%;
	}
	.ph-165 {
		padding-left: 59px;
    	padding-right: 59px;
	}
	.ph-71 {
		padding-left: 0px;
		padding-right: 0px;
	} 
	.mx-md-none {
		max-width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.breadcrumb-wrap {
		padding-left: 24px;
		padding-right: 24px;
	}
	.container {
		min-width: 90%;
	}
	.photo-card {
		width: 262px
	}
	.pl-50 {
		padding-left: 175px
	}
	.bg-shape-2 {
		display: none;
	}
	.bg-shape-3 {
		display: none;
	}
	.bg-header-shape-3 {
		right: -49.53px;
	}
	.button-message {
		margin: 0px 8px;
	}
	.man-icon-pos {
		margin-right: -38px;
	}
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.message-wrap {
		max-width: 358px;
	}
	.bg-union::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("./../img/Union.cb1c933e95e3.png");
		background-size: contain;
		background-position: bottom;
		background-repeat: no-repeat;
		/* z-index: 11; */
	}
	.bg-shape-1 {
		position: absolute;
		background: url("./../img/left-big-vector.530244bb5f28.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 425.7px;
		height: 465.25px;
		left: -168px;
		top:1px;
		z-index: 2;
	}
	
	.intro-bg-2-shape {
		display: none;
	}
	.tabcontent img {
		height: 280px;
		position: absolute;
		top: 16px;
		right: -37px;
	}
	.bg-lamp-shape {
		right: -9%;
		bottom: -25%;
	}
	.flex-mark-list {
		flex-direction: column;
	}
	.intro-men-shape {
		margin-top: 133px;

	}
	.tabcontent img {
		height: 280px;
		position: absolute;
		/* top: -26px; */
		right: 16px;
	}
	.tab-content-wrap {
		margin-bottom: 280px;
	}
	.intro-bg-1-shape {
		position: absolute;
		background: url("./../img/solution/intro-bg-1.5fab7b7fb676.png");
		background-repeat: no-repeat;
		background-size: cover;
		width: 352px;
		height: 386px;
		left: -12%;
		z-index: 1;
		bottom: 69%;
	}
	.message-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 768px){
	.pl-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.pr-0 {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 767px){
	.tabcontent img {
		height: 280px;
		position: absolute;
		/* top: -26px; */
		right: 16px;
	}
	.md-block-tablink > * {
		margin-bottom: 12px;
	}
}
@media(max-width: 708px) {
	.pl-50 {
		padding-left: 150px;
	}
}
@media(max-width: 678px) {
	.pl-50 {
		padding-left: 110px;
	}
	.se-in-button-wrap {
		display: flex;
		display: flex;
		flex-direction: column;
	}
	.se-in-button-wrap > * {
		margin-bottom: 24px;
		padding: 12px 24px;
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media(max-width: 635px) {
	.pl-50 {
		padding-left: 70px;
	}
}
@media (max-width: 576px){
	.custom-navbar-nav-scroll {
		max-height: var(--bs-scroll-height,75vh);
		overflow-y: auto;
	}
	.solution_hero_image {
		width: 90vw;
		height: calc(90vw*(360/640));
	}
	/* .solution_hero_section {
		height: 551px;
	} */
	.tab-content-wrap {
		margin-bottom: 220px;
	}
	.bg-header-shape-1 {
		position:absolute;
		z-index: 2;
		background: url("./../img/header-shape-1.bd7ebe1d49db.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 75.5px;
		height: 128px;
		left: 0px;
		bottom: 0px;
	}
	.solution_tabcontent_img {
		left: 0px; 
	}
	.intro-bg-1-shape {
		position: absolute;
		background: url("./../img/solution/intro-bg-1.5fab7b7fb676.png");
		background-repeat: no-repeat;
		background-size: cover;
		width: 352px;
		height: 386px;
		left: 49%;
		z-index: 1;
		bottom: 76%;
	}
	.bg-header-shape-2 {
		position:absolute;
		z-index: 2;
		background: url("./../img/header-shape-2.e5e97c48f82a.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 94px;
		height: 99px;
		right: 0px;
		bottom: 0px;
	}
	.bg-in-hero-r-3-shape {
		display: none;
	}
	.pl-50 {
		padding-left: 45px
	}
	.man-icon-pos {
		margin-right: -88px;
	}
	.font-size-4 {
		font-size: 24px;
	}
	.button-container {
		flex-direction: column;
		align-items: center;
	}
	.button-container a {
		margin-bottom: 16px;
		
	}
	
	.col-xs-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-xs-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	/* .bg-shape-1 {
		display: none;
	} */
	.intro--chat-shape {
		position: absolute;
		padding-top: 0px !important;
	}
	.text-sm-center {
		text-align: center;
	}
	.message-wrap-intro {
		border-radius: 0px;
	}
	.tabcontent img {
		position: relative !important;
		width: 80vw  !important;
		height: 80vw  !important;
		right: 0px  !important;
		margin-bottom: -220px;
	}
	/* .mark_tab  {
		display: none;
	}
	 */
	/* .bg-lamp-shape:last-child {
		display: block;
		width: 94.56px;
		height: 115.35px;
		right: -4%;
		bottom: -21%;
	} */
	.bg-lamp-shape {
		display: none;
	}
	/* .mark_tabcontent {
		display: block !important;
		margin-bottom: 24px;
	} */
	.intro-men-shape {
		margin-left: 31%;
    	margin-top: -20%;
	}
	.justify-content-sm-center {
		justify-content: center;
	}
	.bg-se-hero-shape {
		position: inherit;
		background: url("./../img/service/hero-bg-shape.4710b4476426.png");
		background-repeat: no-repeat;
		background-size: auto 369px;
		background-position: center;
		/* width: 384px;
		height: 313px;
		right: -40%;
		bottom: -28px; */
		z-index: 9 !important;
	}

	.bg-se-hero-r-1-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-r-1.c36002bb352c.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 435px;
		height: 344.31px;
		right: -322px;
		bottom: -132px;
		z-index: 5;
	}
	.bg-se-hero-r-2-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-r-2.993a6f83ea7c.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 575.13px;
		height: 522.84px;
		right: -332px;
		bottom: -240px;
		z-index: 2;
	}
	.bg-se-hero-r-3-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-r-3.2cdbc2990a43.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 87.72px;
		height: 74.8px;
		right: 60px;
		bottom: 191px;
		z-index: 2;
	}
	.bg-se-hero-l-3-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-l-3.1d942c9025bc.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 69.32px;
		height: 79.98px;
		left: 101px;
		bottom: -16px;
		z-index: 2;
	}
	.bg-se-hero-l-2-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-l-2.f0af825ceaa4.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 394.33px;
		height: 360.1px;
		left: -249px;
		bottom: 147px;
		z-index: 4;
	}
	.pb-sm-0-custom {
		padding-bottom: 0px;
	}
	.four-image-section {
		margin-top: 50px;
	}
	.trust-1 {
		left: 0px;
		top: -15px;
	}
	.trust-2 {
		left: 15%;
	}
	.trust-3 {
		right: 15%;;
	}
	.trust-4 {
		bottom: -20px;
		right:0px
	}
	.text-sm-center {
		text-align: center !important;
	}
	
}
@media (max-width: 490px) {
	.bg-se-hero-shape {
		/* position: inherit; */
		background: url("./../img/service/hero-bg-shape.4710b4476426.png");
		background-repeat: no-repeat;
		background-size: auto 369px;
		background-position: center;
		/* width: 384px;
		height: 313px; */
		/* right: -40%; */
		/* bottom: -28px; */
		z-index: 9 !important;
	}
	.trust-2 {
		left: 10%;
	}
	.trust-3 {
		right: 10%;
	}
}
@media (max-width: 434px) {
	/* .solution_hero_section {
		height: 601px;
	} */
	.trust-1,.trust-2,.trust-3,.trust-4 {
		width: 180px;
	}
	.trust-2 {
		left: 8%;
	}
	.trust-3 {
		right: 8%;
	}
	.trust-4 {
		bottom: 0px;
	}
}
@media (max-width: 375px){
	.pl-50 {
		padding-left: 0px;
	}
	.font-size-4 {
		font-size: 24px;
	}
	.message-wrap {
		max-width: 276px;
	}

	.bg-se-hero-shape {
		position: inherit;
		background: url("./../img/service/hero-bg-shape.4710b4476426.png");
		background-repeat: no-repeat;
		background-size: auto 369px;
		background-position: center;
		/* width: 384px;
		height: 313px;
		right: -20px;
		bottom: -28px; */
		z-index: 9 !important;
	}

	.bg-se-hero-r-1-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-r-1.c36002bb352c.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 435px;
		height: 344.31px;
		right: -322px;
		bottom: -132px;
		z-index: 5;
	}
	.bg-se-hero-r-2-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-r-2.993a6f83ea7c.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 575.13px;
		height: 522.84px;
		right: -332px;
		bottom: -240px;
		z-index: 2;
	}
	.bg-se-hero-r-3-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-r-3.2cdbc2990a43.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 87.72px;
		height: 74.8px;
		right: 60px;
		bottom: 191px;
		z-index: 2;
	}
	.bg-se-hero-l-3-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-l-3.1d942c9025bc.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 69.32px;
		height: 79.98px;
		left: 101px;
		bottom: -16px;
		z-index: 2;
	}
	.bg-se-hero-l-2-shape {
		position: absolute;
		background: url("./../img/service/hero-bg-l-2.f0af825ceaa4.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 394.33px;
		height: 360.1px;
		left: -249px;
		bottom: 147px;
		z-index: 4;
	}
	.pb-xs-0 {
		padding-bottom: 0 !important;
	}
	.section-xl {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.se-in-button-wrap {
		display: flex;
		display: flex;
		flex-direction: column;
	}
	.se-in-button-wrap > * {
		margin-bottom: 24px;
		padding: 12px 24px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.pr-53 {
		padding-right: 0px !important;
	}

	.middle-container {
		margin-bottom: -140px;
	}
	.ph-165 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.trust-1,.trust-2,.trust-3,.trust-4 {
		width: 160px;
	}
	.trust-1 {
		/* left: -15px; */
	}
	.trust-2 {
		left: 7%;
	}
	.trust-3 {
		right: 7%;
	}
	.trust-4 {
		bottom: 20px;
	}
	.text-sm-center {
		text-align: center !important;
	}
	
}

.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.intro--chat-shape {
	padding-top: 98px;
}


* {box-sizing: border-box}

/* Style the tab */
.tab {
  line-height: 24px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  border-radius: 4px;
  color: #656565;
  padding: 24px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  
}

/* Change background color of buttons on hover */
.tab button:hover {
	color:white;
	background: rgba(6, 73, 130, 0.8);
}

/* Create an active/current "tab button" class */
.tab button.active {
	color:white;
	background: rgba(6, 73, 130, 0.8);
}

/* Style the tab content */
/* .tab-content-wrap {
	box-shadow: 0px 5px 20px -10px rgba(24, 41, 60, 0.2);
	border-radius: 4px;
	background:white;
} */
.tabcontent {
	border-left: none;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	/* padding: 0px 32px 0px 40px; */
	box-shadow: 0px 5px 20px -10px rgb(24 41 60 / 20%);
    border-radius: 4px;
    background: white;
	border:1px solid rgba(33, 37, 41, 0.05);
}

.tablinks .left-side{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 280px;
	padding: 0px 32px 0px 40px;
}	

.tablinks .left-side, .tablinks .right-side {
	position: relative;
}

/* Style the tab */
.mark_tab {
	background-color: #F1F5F6;
	height: 100%;
	padding: 36px 0px;
}
  
/* Style the buttons that are used to open the tab content */
.mark_tab .mark-tab-item {
	display: block;
	background-color: inherit;
	border-radius: 4px;
	color: #656565;
	padding: 12px 16px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 18px;
}
  
.ic-star {
	width: 20px;
    height: 8px;
	/* margin-top: 10px; */

}
.ic-phone {
	background: url("./../img/ic_phone.4685266f6a55.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
    height: 14px;
}
.mark_tab .mark-tab-item li .ic-star::before, .mark_tab .mark-tab-item.active li .ic-star::before {
	content:"";
}
.mark_tab .mark-tab-item li .ic-star {
	background: url("./../img/list-dot.9deb0b3418e4.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
    height: 6px;
	background-position: center;
	margin-right: 8px;
}
.mark_tab .mark-tab-item.active li .ic-star {
	background: url("./../img/shape-icon.95979e211b97.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
    height: 10px;
	background-position: center;
	margin-right: 8px;
}
/* Style the tab content */
.mark_tabcontent {
	position: relative;
	border-left: none;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0px 32px 0px 40px;
	box-shadow: 0px 5px 20px -10px rgba(24, 41, 60, 0.2);
	border-radius: 4px;
}

.mark_tablinks {
	display: flex;
	line-height: inherit;
	align-items: center;
}

.mark_tablinks .left-side{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 280px;
}	

.mark_tablinks .left-side, .tablinks .right-side {
	position: relative;
}

.flex-mark-list {
	display: flex;
	flex-wrap: wrap;
}

.flex-mark-list li {
	margin: 16px 16px 32px 0px;
	font-weight: 700;
	font-size: 18px;
	line-height: 36px;
	color: #18293C;
}

.flex-mark-list li {
	list-style-image: url("./../img/shape-icon.95979e211b97.svg");
	margin-bottom: 16px;
}

.mw-l-715 {
	max-width: 715px;
}


/* Accordion */
.accordion-button {
	font-weight: 400;
	font-size: 18px;
	line-height: 36px;
	color: #4675AA;
	background-attachment: white;
}
.accordion-button:not(.collapsed) {
	color: #4675AA;
    background-color: inherit;
}
.accordion-button::after {
	background-image: url("./../img/fa_plus.dcbc402595de.svg");
	width: 8px;
	height: 8px;
	border: 1px solid rgba(33, 37, 41, 0.05);
    padding: 15px;
    background-position: center;
    border-radius: 50%;
	background-size: auto;
}
.accordion-button.collapsed::after {
	background-image: url("./../img/fa_plus.dcbc402595de.svg");
	width: 8px;
	height: 8px;
	border: 1px solid rgba(33, 37, 41, 0.05);
    padding: 15px;
    background-position: center;
    border-radius: 50%;
	background-size: auto;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("./../img/fa_minus.e48432fb6ab4.svg");
    border: 1px solid rgba(33, 37, 41, 0.05);
    padding: 15px;
    background-position: center;
    border-radius: 50%;
	background-size: auto;
}

.accordion-body {
	background: #F8F9FA;
	padding: 16px;
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: #6D7783;
}
.over-flow-visible {
	overflow: visible !important;
}
.middle-container {
	margin-bottom: -200px;
}

.middle-container .container * {
	z-index: 30;
}

.list-group-item {
	border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    padding: 12px !important;
    background: white !important;
    color: #89C542 !important;
	text-align: center;
	margin-bottom: 12px !important;
	opacity: 0.5;
}

.list-group-item.active {
	border: 1px solid rgba(0,0,0,.125);
	opacity: 1;
}

/* .menu-body {
	display: flex;
	padding: 24px 24px;
	flex-wrap: wrap;
	max-height: calc(4 * 50px);
	overflow: hidden;
} */

.menu-body {
	/* display: grid; */
	/* padding: 24px 24px; */
	/* max-height: 300px; */
	/* grid-auto-flow: column; */
	overflow: scroll;
	overflow-y: hidden;
	overflow-x: hidden;
}
.menu-body.mobile {
	padding: 0px 12px 0px 12px;
	/* margin-bottom:12px; */
	max-height: 50vh;
	overflow-y: scroll;
}

.menu-footer {
	padding: 16px 24px;
	background: linear-gradient(89.97deg, #235C96 0.02%, #064982 99.98%);
	color:white;
}

.menu-footer * {
	color:white;
}
/* .dropdown-item {
	flex-basis: calc(100% / 4);
	height: 50px;
	box-sizing: border-box;
} */
.dropdown-item {
	height: auto;
	box-sizing: border-box;
	text-wrap: auto;
	padding: 8px 12px;
}
.dropdown-item.active {
	background: #6D7783;
}
.dropdown-item:focus {
	background: #E9ECEF;
}
.dropdown-item:hover {
	background: #E9ECEF;
}
.divide-nab {
	min-width: 164px;
	max-width: 252px;
}

.divide-nab .dropdown-item {
	color: #212529;
	font-weight: 400;
	font-size: 16px;
	padding: 8px !important;
	word-wrap: break-word;
    white-space: normal;
}
.divide-nab .dropdown-item-title {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #4675AA;
	text-decoration: none;
	padding: 8px !important;
}
.nav_megamenu_mountain-shape {
	background: url("./../img/nav_megamenu_mountain.c01c77dcb177.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 360px;
	height: 96px;
	z-index: 2;
}

.divide-nab .dropdown-item.active  {
	font-weight: 700;
	background-color: white !important;
	color:#212529;
}

.divide-nab .dropdown-item.active .ic-up {
	background: url("./../img/ic-up.59afc825691c.png");
	background-repeat: no-repeat;
	width: 13px;
	height: 10px;
}

.navbar-container {
	max-width: 1320px;
	margin: auto
}

/* .fa-arrow-down-right:before {
	content: "";
	background: url("./../img/ic-up.59afc825691c.png");
} */

.fas {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}
.fa-arrow-down-right:before {
    content: "\e093";
}
.accordion-button:focus {
    border-color: inherit;
	box-shadow: none;
}
.sticky{
	position: -webkit-sticky !important;
	position: sticky;
	top: 200px;
	align-self: flex-start;
  	height: auto;
}
.inner-wrapper-sticky {
	position: relative;
	right:12px;
}
.m_scroll_arrows_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}	

.m_scroll_arrows
{
	display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 3px solid #6da56f;
    border-bottom: 3px solid #6da56f;
	margin: 0 0 0px 2px;
    width: 16px;
    height: 16px;
}


.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

.dropdown-menu[data-bs-popper] {
	left: inherit;
}

/* Case Studies Slider RTL Support */
#case {
	direction: ltr !important;
}

#case .trustSlider {
	direction: ltr !important;
}

/* 確保在 RTL 環境下 case studies 滑動器的滑動項目正確排列 */
[dir="rtl"] #case .slick-slide {
	float: left !important;
}

/* 確保在 RTL 環境下 case studies 滑動器的軌道正確對齊 */
[dir="rtl"] #case .slick-track {
	text-align: left !important;
}