.component__top--v4 {
	background-color: #3897d9;
}
.component__top--v4:hover {
	background-color: #54a0d6;
	color:#fff;
}
.component__top--v4 i.icon {
}
.component__top--v4.--show {
}
.tpl4__header {
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
 top: 0;
 left: 0;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 z-index: 11;
}
.tpl4__header.header--stick{
 position:fixed;
 background-color: #fff;
}
.tpl4__header.showfixed .navigation{
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 right: 0;
}
.tpl4__logo {
 padding:10px 0;
	display:table-cell;
	vertical-align:middle;
}
.tpl4__logo img{
 display:inline-block;
 margin-right: 10px;
 height: 40px;
 filter: brightness(0) invert(1);
 -webkit-filter: brightness(0) invert(1);
 -moz-filter: brightness(0) invert(1);
 -ms-filter: brightness(0) invert(1);
 -o-filter: brightness(0) invert(1);
}
.tpl4__header.header--stick img {
 filter: unset;
 -webkit-filter: unset;
 -moz-filter: unset;
 -ms-filter: unset;
 -o-filter: unset;
}
.tpl4__label {
	position:relative;
 display:inline-block;
 color:#fff;
	font-size:12px;
	vertical-align:middle;
 padding:5px 15px;
	background-color: #3897d9;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}
.tpl4__label:hover {
	color:#fff;
}
.tpl4__menu{
	display:table-cell;
 padding-left: 40px;
}
.tpl4__menu .items .item {
 display:inline-block;
 color:#fff;
 padding:20px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 margin-right: 40px;
 border-bottom: 2px solid rgba(255, 255, 255, 0);
 font-weight: 400;
}
.tpl4__header.header--stick .tpl4__menu .items .item {
	color:#0f3750;
}
.tpl4__header.header--stick .tpl4__menu .items .item:hover,
.tpl4__header.header--stick .tpl4__menu .items .item.active {
	border-bottom:2px solid #0f3750;
}
.tpl4__menu .items .item:hover,
.tpl4__menu .items .item.active{
 opacity: 1; filter: alpha(Opacity:100);
 border-bottom-color: #fff;
}
.tpl4__menu .items--right{
	position:absolute;
 top: 10px;
 right: 0px;
}
.tpl4__button {
	padding:10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #3897d9;
	color: #fff !important;
}
.tpl4__button:hover{
	background-color: #119e6e;
}
.tpl4__hamburger{
 display:inline-block;
	position:absolute;
	font-size:18px;
	color:#fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:5px 10px;
	top: 5px;
	right: 0;
}
.tpl4__header.header--stick .tpl4__hamburger{
 color:#0f3750;
}
.sec-.job-detail{
 padding:0px;
 border-bottom: 1px solid #e0e0e0;
}
.top-article{
 background-color: #fafafa;
	position:relative;
}
.top-article .container{
 padding:20px 0px;
}
.sec-.job-detail .cell{
	vertical-align:top;
}
.hero-banner.detail .hero-text .title{
	font-size:34px;
 line-height: 34px;
}
.hero-banner.detail .hero-text .container{
 padding:0px;
}
.hero-banner.detail .hero-text .desc{
	font-size:14px;
}
.sec-.job-detail .head-article{
 padding-bottom: 40px;
 border-bottom: 1px solid #e0e0e0;
}
[class^="ficon-"], [class*=" ficon-"]{
 margin-right: 0px;
}
.sec-.job-detail .head-article .name-title .title{
	font-size:28px;
 color:#2599dc;
	font-weight:normal;
 line-height: 38px;
 margin-bottom: 10px;
}
.post-type{
 margin-top: 20px;
	line-height: 1.58;
}
.post-type .type{
 display:inline-block;
 margin-right: 10px;
}
.post-type .type .-ap{
 margin-right: 5px;
}
.post-type a {
 color:#fff;
}
.post-type a:hover {
 color:#fff;
	text-decoration:underline;
}
.sidebar-article{
 padding-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 width:35%;
 padding-left:30px;
}
.sidebar-article .btn-apply{
 display:block;
 line-height: 25px;
}
#article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 padding-bottom: 60px;
 line-height: 25px;
 padding-right: 30px;
}
.sidebar-article .desc-job {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border:1px solid #e0e0e0;
 padding:20px;
 margin-top: 30px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table{
 display: table;
}
.cell{
	display:table-cell;
}
.sidebar-article .desc-job .desc {
 line-height: 25px;
 padding:10px 0px;
 border-bottom: 1px dotted #e0e0e0;
}
.sidebar-article .desc-job .desc:last-child{
 border-bottom: 0px;
}
.ctas .btn-apply {
 padding: 10px 40px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 background-color: #2599dc;
 color:#fff;
	position:relative;
 clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	font-weight:bold;
}
.ctas .btn-apply:hover:after {
 content: "";
 bottom: 0px;
 left: 0px;
 height: 3px;
	position:absolute;
	width:100%;
 background: rgba(0,0,0,0.2);
}
.sidebar-article .desc-job .desc span {
	font-weight:bold;
 display:block;
}
.box-share {
	text-align:center;
 margin-top: 20px;
}
.box-share .name {
 color:#888;
 margin-bottom: 20px;
}
.box-share .btn-share {
 width:35px;
 height: 35px;
 border-radius: 50%;
 line-height: 35px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
	position:relative;
 color:#666;
 background-color: #fff;
}
.box-share .btn-share:hover{
 opacity: 0.8; filter: alpha(Opacity:80);
}
.box-share .btn-share.-fb {
 color:#fff;
 background-color: #3b5999;
}
.box-share .btn-share.-mail {
 color:#fff;
 background-color: #dd4b39;
}
.article .content-article {
 line-height: 25px;
 padding-top:40px;
}
.article .content-article h2,
.article .content-article h3,
.article .content-article h4,
.article .content-article h5 {
 margin-bottom: 20px;
 line-height: 1.3;
 color:#333;
	font-weight:normal;
}
.article .content-article h2 {
	font-size:24px;
 color:#2599dc;
}
.article .content-article h3 {
	font-size:20px;
}
.article .content-article h4 {
	font-size:18px;
}
.article .content-article h5 {
	font-size:16px;
}
.article .content-article div,
.article .content-article p,
.article .content-article li {
 margin-bottom: 20px;
 color:#333;
}
.article .content-article li:before {
 content: "\ea2b";
 display:inline-block;
 color:#999;
 font-family: "ap";
 margin-left: 20px;
 margin-right: 5px;
}
.list-related {
 padding: 40px 0px;
 border-top: 1px dotted #e0e0e0;
}
.list-related .name {
	font-size:18px;
	font-weight:bold;
 margin-bottom: 20px;
}
.list-related a {
 display:block;
 line-height: 20px;
 margin-bottom: 15px;
}
.list-related .btn-viewall {
	font-weight:bold;
	text-align:center;
 display:inline-block;
 margin-top: 20px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.breadcrumb {
	padding-top: 15px;
	padding-bottom: 15px;
}
.breadcrumb a {
 display:inline-block;
}
.breadcrumb a:hover{
 color:#17C286;
}
.container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	position:relative;
 max-width: 1100px;
 margin: 0px auto;
}
#scroll-top {
	text-align:center;
 display:block;
 position:fixed;
 color:#87898f;
	font-size:20px;
 bottom: 60px;
 right: 10px;
 z-index: 300;
 width: 40px;
 height: 40px;
 background-color: #fff;
 border: 1px solid rgba(0, 0, 0, 0.1);
 opacity: 0; filter: alpha(Opacity:0);
 border-radius: 50%;
 transform: translate(0px, 10px);
 -ms-transform: translate(0px, 10px);
 -webkit-transform: translate(0px, 10px);
 -moz-transition-transform: translate(0px, 10px);
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
#scroll-top:hover {
 color:#2599dc;
 border-color: #2599dc;
}
#scroll-top span {
 line-height: 40px;
}
#scroll-top.show {
 opacity: 1; filter: alpha(Opacity:100);
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 transform: none;
 -ms-transform: none;
 -webkit-transform: none;
 -moz-transition-transform: none;
}
.btn-apply {
 padding: 7px 15px;
 display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	white-space: nowrap;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.divider {
 border-top: 2px solid #eee;
 clear: both;
}
.section- {
 padding: 40px 0px;
}
.select-custom {
 padding: 0;
 margin: 0;
 width: auto;
 background-color: #fff;
	position:relative;
}
.select-custom:before {
 font-family: "FontAwesome";
 content: "\f0d7";
 right: 10px;
 color:#888;
	position:absolute;
 line-height: 40px;
}
.select-custom select {
 padding: 10px 15px;
	width:100%;
 border:1px solid #e0e0e0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.select-custom select:focus {
 outline: none;
}
#appform .form .submit {
	background-color: #0f3750;
}
#appform .form .submit:hover {
	background-color: #1b4e6f;
}
* {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 text-decoration: none
}
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,
body {
 overflow: initial;
	font-size:14px;
 color:#666;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
a {
 color:#666;
	font-weight:normal;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
a:hover,
a:focus {
 @@active color:#2599dc;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.clearfix {
 clear: both;
}
.sec- {
 padding: 120px 0px;
}
.mrb30{
	margin-bottom: 30px;
}
.head-sec {
 max-width: 768px;
 margin: 0px auto;
 margin-bottom: 20px;
}
.head-sec .title-main {
	font-size:32px;
	font-weight:300;
 display:inline-block;
 color:#333;
 line-height: 1.2;
 margin-bottom: 20px;
}
.head-sec .desc{
	font-weight:300;
 line-height: 25px;
}
.head-sec .desc a{
 border-bottom: 1px solid #eee;
}
.sec-.sec-workat .sec-text {
 color:#666;
	font-size:16px;
	font-weight:300;
 max-width: 768px;
 margin: 0px auto;
 line-height: 26px;
}
.sec-.sec-workat .benefit{
 border-top: 1px dotted #eee;
 padding-top: 60px;
 margin-top: 60px;
}
.sec-.sec-workat .sec-text .join {
	font-weight:bold;
 color:#333;
 margin-top: 10px;
}
.sec-.sec-workat .benefit .sec-text{
 width: 100%;
 max-width: 100%;
}
.sec-.sec-workat .sec-text .join a {
 color:#0f3750;
	font-weight:bold;
}
.sec-.sec-workat .sec-text .join a:hover {
	text-decoration:underline;
}
.benefit .item{
 width: 33.33%;
 padding:15px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.benefit .item .image{
 margin-bottom: 40px;
}
.benefit .item .image img{
 height: 80px;
}
.benefit .item .title{
	font-size:18px;
 margin-bottom: 20px;
}
.head-sec .title-main span {
	font-weight:bold;
}
.sec-image{
 margin-top: 40px;
}
.sec-image img{
	width:100%;
}
.saycustomer.hero-banner{
 min-height: 100%;
}
.saycustomer.hero-banner .hero-text{
 max-width: 600px;
 padding:100px 0px;
 text-shadow:none;
 color:#666;
 min-height: 100%;
}
.saycustomer.hero-banner .hero-text .title{
	font-size:18px;
 color:#333;
 font-weight: 500;
 line-height: 28px;
}
.saycustomer.hero-banner .hero-text .say{
 font-style:italic;
 line-height: 22px;
 margin-top: 10px;
 color: rgba(51,51,51,.8);
}
.saycustomer.hero-banner .hero-text .say:before,.saycustomer.hero-banner .hero-text .say:after{
 font-family: "ap";
 display:inline-block;
 opacity: 0.6; filter: alpha(Opacity:60);
 color: rgba(51,51,51,.5);
 font-style: normal;
}
.saycustomer.hero-banner .hero-text .say:before{
 content: "\e8e7";
 margin-right: 5px;
}
.saycustomer.hero-banner .hero-text .say:after{
 content: "\e8e8";
 margin-left: 5px;
}
.saycustomer.hero-banner .hero-text .info{
	text-align:right;
 margin-top: 20px;
}
.saycustomer.hero-banner .hero-text .info .name{
	font-weight:bold;
	font-size:15px;
 margin-bottom: 5px;
 color: rgba(51,51,51,1);
}
.saycustomer.hero-banner .hero-text .info .pos{
	font-size:12px;
 opacity: 0.8; filter: alpha(Opacity:80);
 color: rgba(51,51,51,.8);
}
.tpl4__section {
	position:relative;
	margin-top: 30px;
	margin-bottom: 30px;
}
.section--inverted {
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0;
	background-color: #fff;
}
.section--without-space {
	margin: 0;
}
.section__header {
	font-size:32px;
	font-weight:300;
 color:#333;
	text-align:center;
}
.section__subheader {
 display:block;
	font-size:15px;
	font-weight:300;
	margin-top: 15px;
	line-height: 1.58;
}
.section__subheader a {
	font-weight:300;
	border-bottom: 1px dashed;
}
.section__cover img {
	max-width: 100%;
}
.section__content {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.section__title {
	font-size:18px;
 color:#333;
	line-height: 1.58;
}
.quote {
	position:relative;
	font-size:14px;
 font-style:italic;
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.56;
	max-width: 800px;
}
.quote::before,
.quote::after {
	font-weight:normal;
	$opacity: .5
}
.quote::before {
	font-family:ap; content:"\e8e7";
	margin-right: 10px;
}
.quote::after {
	font-family:ap; content:"\e8e8";
	margin-left: 5px;
}
.customer__info {
	text-align:right;
	max-width: 800px;
}
.customer__name {
	font-weight:bold;
 color:#333;
}
.customer__position {
	font-weight:300;
	font-size:13px;
	margin-top: 5px;
}
.button--main {
	padding: 10px 20px;
	background-color: #0f3750;
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.button--main:hover {
	background-color: #1b4e6f;
	color:#fff;
}
.sec-jobs .filter{
	text-align:center;
	margin-bottom: 40px;
	border-bottom: 1px dashed @borc;
	padding-bottom: 40px;
}
.sec-jobs .filter .name{
	margin-right: 5px;
 display:inline-block;
	font-size:18px;
}
.sec-jobs .filter a{
 display:inline-block;
 color:#0f3750;
	padding: 5px 15px;
	border:1px solid #0f3750;
	margin-bottom:10px;
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	margin-right: 5px;
}
.sec-jobs .filter a:hover{
	background-color: #0f3750;
	color:#fff;
}
.list-jobs .title-cat{
	font-size:24px;
	font-weight:normal;
	line-height: 30px;
	margin-bottom: 20px;
}
.sec-jobs .sidebar{
	width: 30%;
	float:left;
}
.sec-jobs .sidebar a{
 display:block;
	position:relative;
 color:#333;
	background-color: #eee;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:15px 15px;
}
.sec-jobs .sidebar .number{
	width:30px;
	height:30px;
	text-align:center;
 display:inline-block;
	position:absolute;
	right: 15px;
	top: 7px;
	line-height:30px;
	border-radius: 50%;
	background: rgba(0,0,0,0.05);
}
.sec-jobs .sidebar a:hover,.sec-jobs .sidebar a.active{
	background-color: #3897d9;
	color:#fff;
}
.sec-jobs .sidebar a:hover:after,.sec-jobs .sidebar a.active:after{
	content: "";
	position:absolute;
	border-top: 5px solid transparent;
	border-left: 5px solid #3897d9;
	border-bottom: 5px solid transparent;
	right: -5px;
}
.sec-jobs .list-jobs{
	width: 65%;
	float:right;
}
.list-jobs .box-cat .item-job{
	width:100%;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px dashed rgba(0,0,0,.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding: 15px 160px 15px 10px;
	margin-bottom: 15px;
}
.list-jobs .box-cat{
	margin-bottom:40px;
}
.list-jobs .box-cat .item-job:hover{
	background-color: #f9f9f9;
}
.list-jobs .box-cat .item-job .cta{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	top: 15px;
	right: 10px;
	margin-top: 10px;
}
.list-jobs .box-cat .item-job .cta .btn-apply{
	padding: 8px 20px;
	border:1px solid #3897d9;
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #3897d9;
}
.list-jobs .box-cat .item-job .cta .btn-apply:hover{
	box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.2) inset;
}
.list-jobs .box-cat .item-job .title{
	font-size:16px;
	line-height: 22px;
	margin-bottom: 5px;
}
.list-jobs .box-cat .item-job .title a{
	font-weight:500;
}
.list-jobs .box-cat .item-job .title a:hover {
	color:#3897d9;
}
.list-jobs .box-cat .item-job .info{
	font-size:12px;
 display:block;
	margin-bottom: 10px;
	margin-right: 5px;
}
.list-jobs .box-cat .item-job .info .-ap{
	margin-right: 5px;
	color:#0f3750;
}
#alljobs{
 clear:both;
}
.button--rounded {
	color:#fff;
 display:inline-block;
	font-size:20px;
	font-weight:300;
	background-color: #3897d9;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	padding: 5px 10px;
	margin-bottom: 15px;
}
.button--rounded:hover {
	color:#fff;
}
.text--light {
	font-weight:300;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.section--second {
	background-color: #f4f4f4;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0px;
}
.section--second .title-main {
	margin-top: 50px;
}
h1.title {
	text-decoration:underline;
	font-size:25px;
	margin-bottom: 15px;
}
h3.title {
	font-size:16px;
	margin-bottom: 10px;
}
.section--second a {
	text-decoration:underline;
 color:#cc402e;
	font-weight:500;
}
.base.video.full {
	position:absolute;
	padding-bottom: 54%;
	padding-top: 25px;
	height: 0;
	margin-top: -7%;
}
.base.video.full iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.footer {
	background-color: #2e4f6c;
	color: #fff;
	border-top: 7px solid #3897d9;
	padding: 35px 0;
}
.footer .logo img {
	max-width: 100%;
	margin-bottom: 30px;
}
.footer p {
	font-size: 13px;
	line-height: 24px;
}
.footer .labels {
	display: inline-flex;
	margin-top: 20px;
}
.footer .label {
	flex: 1 0 auto;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	line-height: 1;
	position: relative;
}
.footer .label i.icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.footer .label a {
	color: #fff;
}
.footer .label a:hover {
	color: #3897d9;
}
h1.menu__title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 25px;
}
.menu__item {
	display: block;
	margin-bottom: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}
.office__title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 25px;
}
.office__name {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #9fd8ff;
	text-align: justify;
	line-height: 1.3;
	margin: 0 0 15px;
}
.footer p {
	margin: 0 0 0px;
}
.office__info span {
	color: #9fd8ff;
	padding-right: 15px;
}
.hero-banner{
 clear:both;
	position:relative;
	overflow:hidden;
	min-height: 31.5rem;
	padding-bottom: 41.6%;
}
.hero-banner .cover{
	position:relative;
	width:100%;
	height:100%;
 max-width: 100%;
}
.hero-banner .cover img{
	width:100%;
	height:100%;
 object-fit: cover;
 font-family: 'object-fit: cover;';
}
.hero-banner .bg{
	position:absolute;
	width:100%;
	height:100%;
 background-image: -webkit-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: -moz-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: -o-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 top: 0px;
 left: 0px;
 opacity: .1; filter: alpha(Opacity:10);
 z-index: 2;
}
.hero-banner .bg.bg--dark {
	opacity: .4; filter: alpha(Opacity:40);
}
.hero-banner .hero-text{
 color:#fff;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 0;
	left: 0;
	right: 0;
 padding:180px 0px;
 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 z-index: 3;
 min-height: 31.5rem;
}
.hero-banner .hero-text .container{
 padding:0px 60px;
}
.hero-banner .headline{
	font-size:16px;
 margin-bottom: 10px;
}
.hero-banner .hero-text .title{
	font-size:40px;
	font-weight:normal;
 line-height: 1.2;
 margin-bottom: 10px;
}
.hero-banner .hero-text .desc{
	font-size:16px;
 line-height: 25px;
}
.hero-banner .cta{
 padding:15px 40px;
 margin-top:10px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:pointer;
 display:inline-block;
 color:#2599dc;
 font-weight:600;
 background-color: #fff;
 text-shadow:none;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.hero-banner .cta:hover{
 box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
 transform:scale(1.01);
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.hero-banner .btn-contact{
 display:block;
 padding:20px 0px;
 color: rgba(255, 255, 255, 0.8);
}
.hero-banner .btn-contact:hover{
	text-decoration:underline;
}
.hero-banner.detail {
	max-height: 300px;
	padding-bottom: unset;
}
.hero-banner.detail .cover img {
	max-height: 440px;
}
.hamburger--mb {
	display: inline-block;
}
@media only screen and (min-width: 1200px) {
	.hamburger--mb{
 display: none;
	}
}
@media only screen and (max-width: 768px) {
	.section__cover img {
 display: none;
	}
	.section--without-space {
 margin: 15px 0;
	}
	.section__content {
	position:relative;
 top: unset;
 transform: unset;
	}
	.tpl4__menu .items .item:hover,
	.tpl4__menu .items .item.active {
 border-bottom: unset;
	font-weight:bold;
	}
}
/* ===== SAGOMED landing - base ===== */
body{ background:#ffffff; }
#page{ font-family:'Be Vietnam Pro', sans-serif; color:#4a5170; }
.sgm-nav, .sgm-footer, .sgm-page{ font-family:'Be Vietnam Pro', sans-serif; -webkit-font-smoothing:antialiased; }
.sgm-page *, .sgm-nav *, .sgm-footer *{ box-sizing:border-box; }
.sgm-page h1, .sgm-page h2, .sgm-page h3{ font-family:'Be Vietnam Pro', sans-serif; font-weight:700; letter-spacing:normal; text-transform:none; }
.sgm-page p{ margin:0; }
.sgm-page img{ max-width:100%; }
.sgm-wrap{ max-width:1440px; margin:0 auto; padding-left:56px; padding-right:56px; }
.sgm-sec{ padding-top:64px; }
.sgm-anchor{ scroll-margin-top:84px; }
/* ===== Typography ===== */
.sgm-h2{ font-size:32px; line-height:1.25; font-weight:700; color:#1b1464; margin:0 0 8px; }
.sgm-h2--tight{ margin-bottom:6px; }
.sgm-h2--flush{ margin:0; }
.sgm-h2--faq{ margin-bottom:22px; }
.sgm-lead{ font-size:16.5px; line-height:1.6; color:#5c6180; margin:0 0 28px !important; }
.sgm-lead--flush{ margin:0 !important; max-width:44em; }
.sgm-eyebrow{ font-size:12.5px; letter-spacing:0.12em; text-transform:uppercase; color:#00789f; font-weight:700; }
.sgm-eyebrow--light{ color:#8fd0ef; letter-spacing:0.16em; font-weight:600; }
/* ===== Buttons ===== */
.sgm-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:15px 28px; border-radius:100px; font-family:'Be Vietnam Pro', sans-serif; font-size:16px; font-weight:600; line-height:1.2; text-decoration:none; white-space:nowrap; cursor:pointer; border:1px solid transparent; transition:filter .2s ease, background-color .2s ease, color .2s ease; }
.sgm-btn:hover{ text-decoration:none; }
.sgm-btn--primary, .sgm-btn--primary:visited{ background:linear-gradient(135deg, #00a3e0, #1b1464); color:#ffffff; border:none; }
.sgm-btn--primary:hover, .sgm-btn--primary:focus{ color:#ffffff; filter:brightness(1.12); }
.sgm-btn--glass, .sgm-btn--glass:visited{ background:rgba(255,255,255,0.12); border-color:rgba(255,255,255,0.5); color:#ffffff; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.sgm-btn--glass:hover, .sgm-btn--glass:focus{ background:#ffffff; color:#1b1464; }
.sgm-btn--white, .sgm-btn--white:visited{ background:#ffffff; color:#1b1464; padding:13px 26px; }
.sgm-btn--white:hover, .sgm-btn--white:focus{ background:#8fd0ef; color:#1b1464; }
/* ===== 01 Navigation ===== */
.sgm-nav{ position:-webkit-sticky; position:sticky; top:0; z-index:50; background:#ffffff; border-bottom:1px solid #e8edf7; }
.sgm-nav__inner{ max-width:1440px; margin:0 auto; padding:14px 56px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.sgm-nav__logo{ display:flex; align-items:center; flex-shrink:0; }
.sgm-nav__logo img{ height:40px; width:auto; display:block; }
.sgm-nav__menu{ display:flex; align-items:center; gap:26px; }
.sgm-nav__link, .sgm-nav__link:visited{ color:#1b1464; font-size:15px; font-weight:500; text-decoration:none; padding:10px 0; }
.sgm-nav__link:hover, .sgm-nav__link:focus{ color:#00a3e0; text-decoration:none; }
.sgm-nav__cta{ padding:11px 22px; font-size:15px; }
.sgm-nav__toggle{ display:none; width:44px; height:44px; padding:10px; border:1px solid #e8edf7; border-radius:10px; background:#ffffff; cursor:pointer; flex-direction:column; justify-content:center; gap:5px; }
.sgm-nav__toggle span{ display:block; width:100%; height:2px; border-radius:2px; background:#1b1464; transition:transform .2s ease, opacity .2s ease; }
.sgm-nav.is-open .sgm-nav__toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.sgm-nav.is-open .sgm-nav__toggle span:nth-child(2){ opacity:0; }
.sgm-nav.is-open .sgm-nav__toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
/* ===== 02 Hero ===== */
.sgm-hero{ position:relative; display:flex; align-items:center; min-height:max(520px, 56.25vw); padding:64px 0 96px; overflow:hidden; background:#0d1030; }
.sgm-hero__bg{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; max-width:none !important; }
.sgm-hero__shade{ position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none; background:linear-gradient(100deg, rgba(13,16,48,0.72) 0%, rgba(13,16,48,0.42) 22%, rgba(13,16,48,0.06) 42%, rgba(13,16,48,0) 55%); }
.sgm-hero__wrap{ position:relative; width:100%; }
.sgm-hero__text{ max-width:min(52%, 620px); min-width:340px; }
.sgm-hero__chip{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.32); color:#ffffff; font-size:13px; font-weight:600; padding:7px 14px; border-radius:100px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.sgm-page .sgm-hero__title{ font-size:clamp(40px, 4.2vw, 58px); line-height:1.1; letter-spacing:-0.02em; font-weight:700; color:#ffffff; margin:22px 0 0; text-wrap:balance; text-shadow:0 2px 18px rgba(13,16,48,0.55); }
.sgm-page .sgm-hero__desc{ font-size:19px; line-height:1.65; max-width:30em; margin:20px 0 0; color:#eef2ff; text-shadow:0 1px 12px rgba(13,16,48,0.6); }
.sgm-hero__ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
/* ===== 03 Stats ===== */
.sgm-stats{ position:relative; z-index:2; margin-top:-28px; display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
.sgm-stat{ background:#ffffff; border:1px solid #e8edf7; border-radius:12px; padding:22px 24px; box-shadow:0 8px 24px rgba(20,30,80,0.07); }
.sgm-stat__num{ font-size:34px; line-height:1; font-weight:700; color:#00a3e0; }
.sgm-stat__label{ font-size:14px; color:#5c6180; margin-top:6px; }
/* ===== 04 Vision & Mission ===== */
.sgm-vision{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.sgm-vision__card{ border-radius:14px; padding:34px; }
.sgm-vision__card p{ font-size:19px; line-height:1.6; margin-top:14px !important; }
.sgm-vision__card--dark{ background:linear-gradient(150deg, #1b1464, #0d3f8f); }
.sgm-vision__card--dark p{ color:#eaf1ff; }
.sgm-vision__card--light{ background:#f2f8fd; border:1px solid #e0edf8; }
.sgm-vision__card--light p{ color:#3a4066; }
/* ===== 05 Core values ===== */
.sgm-values{ display:grid; grid-template-columns:repeat(5, 1fr); gap:14px; }
.sgm-value{ background:#ffffff; border:1px solid #e8edf7; border-radius:12px; padding:22px 20px; transition:border-color .2s ease, box-shadow .2s ease; }
.sgm-value:hover{ border-color:#00a3e0; box-shadow:0 10px 26px rgba(0,163,224,0.14); }
.sgm-value__num{ width:36px; height:36px; border-radius:10px; background:#eaf6fe; color:#00789f; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; }
.sgm-page .sgm-value__title{ font-size:17px; color:#1b1464; margin:14px 0 4px; }
.sgm-value__en{ font-size:12.5px; letter-spacing:0.1em; text-transform:uppercase; color:#00789f; font-weight:600; }
.sgm-value__desc{ font-size:14.5px; line-height:1.55; color:#5c6180; margin-top:10px !important; }
/* ===== 06 Perks ===== */
.sgm-perks{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.sgm-perk{ background:#f2f8fd; border-radius:14px; padding:28px 30px; border-left:4px solid #00a3e0; }
.sgm-page .sgm-perk__title{ font-size:21px; color:#1b1464; margin:8px 0 10px; }
.sgm-perk__desc{ font-size:16px; line-height:1.6; color:#4a5170; }
/* ===== 07 SAGOMED Life ===== */
.sgm-life__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:28px; }
.sgm-life__chips{ display:flex; flex-wrap:wrap; gap:8px; flex-shrink:0; }
.sgm-chip{ background:#eaf6fe; color:#00789f; font-size:13px; font-weight:600; padding:7px 14px; border-radius:100px; white-space:nowrap; }
.sgm-life__row1{ display:grid; grid-template-columns:1.62fr 1fr; gap:16px; align-items:stretch; }
.sgm-life__stack{ display:grid; grid-template-rows:auto auto; gap:16px; }
.sgm-life__row2{ display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-top:16px; }
.sgm-photo{ margin:0; display:flex; flex-direction:column; gap:10px; }
.sgm-photo--stretch{ height:100%; }
.sgm-photo__frame{ position:relative; overflow:hidden; border-radius:16px; background:#eaf6fe; }
.sgm-photo--stretch .sgm-photo__frame{ flex:1; min-height:280px; }
.sgm-photo__frame--1610{ aspect-ratio:16 / 10; }
.sgm-photo__frame--32{ aspect-ratio:3 / 2; }
.sgm-photo__frame img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; max-width:none !important; }
.sgm-photo figcaption{ font-size:14px; color:#5c6180; line-height:1.4; }
.sgm-life__wide{ position:relative; aspect-ratio:24 / 7; margin-top:40px; overflow:hidden; background:#eaf6fe; }
.sgm-life__wide img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; max-width:none !important; }
.sgm-life__badge{ position:absolute; left:56px; bottom:36px; pointer-events:none; background:rgba(27,20,100,0.72); color:#ffffff; padding:12px 22px; border-radius:100px; font-size:16px; font-weight:600; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
/* ===== 08 CEO ===== */
.sgm-ceo{ background:linear-gradient(150deg, #f7fbff, #eaf6fe); padding:56px 0; }
.sgm-ceo__grid{ display:grid; grid-template-columns:0.72fr 1.28fr; gap:44px; align-items:start; }
.sgm-ceo__photo{ position:relative; aspect-ratio:3 / 4; border-radius:14px; overflow:hidden; background:linear-gradient(150deg, #1b1464, #00789f); box-shadow:0 16px 40px rgba(20,30,80,0.18); }
.sgm-ceo__photo img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; max-width:none !important; }
.sgm-ceo__name{ margin-top:16px; font-size:17px; font-weight:700; color:#1b1464; }
.sgm-ceo__role{ font-size:14px; color:#5c6180; }
.sgm-ceo__quote{ font-size:17px; font-style:italic; color:#00789f; margin:0 0 26px !important; }
.sgm-ceo__cards{ display:grid; gap:16px; }
.sgm-ceo__card{ background:#ffffff; border-radius:12px; padding:24px 26px; box-shadow:0 6px 20px rgba(20,30,80,0.07); }
.sgm-ceo__card-title{ font-size:17px; font-weight:700; color:#1b1464; }
.sgm-ceo__card-title span{ color:#00a3e0; font-weight:600; }
.sgm-ceo__card p{ font-size:16px; line-height:1.6; color:#4a5170; margin-top:8px !important; }
/* ===== 09 Career path ===== */
.sgm-tracks{ display:grid; grid-template-columns:repeat(5, 1fr); gap:0; align-items:stretch; }
.sgm-track{ padding-right:16px; }
.sgm-track__bar{ height:6px; border-radius:100px; background:linear-gradient(90deg, #00a3e0, #1b1464); margin-bottom:16px; }
.sgm-track__num{ font-size:13px; font-weight:700; color:#00a3e0; margin-bottom:8px; }
.sgm-page .sgm-track__title{ font-size:17.5px; line-height:1.3; color:#1b1464; margin:0 0 8px; }
.sgm-track__desc{ font-size:14.5px; line-height:1.55; color:#5c6180; }
/* ===== 10 Open positions ===== */
.sgm-jobs__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.sgm-jobs__counter{ font-size:14.5px; color:#5c6180; white-space:nowrap; }
.sgm-filters{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.sgm-filter{ min-height:40px; font-family:'Be Vietnam Pro', sans-serif; font-size:14px; font-weight:600; line-height:1.2; cursor:pointer; border-radius:100px; padding:9px 16px; border:1px solid #dbe4f3; background:#ffffff; color:#1b1464; transition:border-color .2s ease; }
.sgm-filter span{ opacity:0.55; margin-left:2px; }
.sgm-filter:hover{ border-color:#00a3e0; }
.sgm-filter.is-active{ background:linear-gradient(135deg, #00a3e0, #1b1464); border-color:transparent; color:#ffffff; }
.sgm-jobs{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sgm-job, .sgm-job:visited{ display:flex; flex-direction:column; gap:12px; background:#ffffff; border:1px solid #e8edf7; border-radius:12px; padding:22px 24px; text-decoration:none; color:#5c6180; transition:border-color .2s ease, box-shadow .2s ease; }
.sgm-job:hover, .sgm-job:focus{ border-color:#00a3e0; box-shadow:0 10px 26px rgba(0,163,224,0.13); text-decoration:none; }
.sgm-job.is-hidden{ display:none; }
.sgm-page .sgm-job__title{ font-size:19px; line-height:1.35; color:#1b1464; margin:0; }
.sgm-job__meta{ font-size:14px; line-height:1.55; color:#5c6180; }
.sgm-job__foot{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:auto; }
.sgm-job__tag{ background:#eaf6fe; color:#00789f; font-size:13px; font-weight:600; padding:5px 12px; border-radius:100px; }
.sgm-job__link{ color:#00a3e0; font-size:15px; font-weight:600; white-space:nowrap; }
.sgm-jobs__empty{ background:#f2f8fd; border-radius:12px; padding:28px 30px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.sgm-jobs__empty p{ font-size:16px; line-height:1.6; color:#4a5170; }
.sgm-network{ margin-top:26px; background:linear-gradient(135deg, #1b1464, #00789f); color:#ffffff; border-radius:14px; padding:30px 34px; display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; }
.sgm-page .sgm-network__title{ font-size:22px; color:#ffffff; margin:0 0 6px; }
.sgm-network p{ font-size:16px; line-height:1.55; color:#d9e8f8; max-width:52em; }
/* ===== 11 Hiring process ===== */
.sgm-steps{ display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }
.sgm-step{ background:#f2f8fd; border-radius:14px; padding:26px; }
.sgm-step__num{ width:34px; height:34px; border-radius:100px; background:linear-gradient(135deg, #00a3e0, #1b1464); color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; }
.sgm-page .sgm-step__title{ font-size:19px; line-height:1.3; color:#1b1464; margin:14px 0 8px; }
.sgm-step__desc{ font-size:15.5px; line-height:1.6; color:#4a5170; }
/* ===== 12 Apply form ===== */
.sgm-apply{ background:#f2f8fd; border-radius:16px; padding:40px 44px; display:grid; grid-template-columns:0.85fr 1fr; gap:44px; align-items:start; }
.sgm-apply__intro p{ font-size:16.5px; line-height:1.65; color:#4a5170; margin:14px 0 20px !important; }
.sgm-apply__contact{ display:flex; flex-direction:column; font-size:16px; line-height:1.9; font-weight:600; }
.sgm-apply__contact a, .sgm-apply__contact a:visited{ color:#1b1464; text-decoration:none; }
.sgm-apply__contact a:hover{ color:#00a3e0; }
.sgm-apply__card{ background:#ffffff; border-radius:12px; padding:28px 30px; box-shadow:0 8px 26px rgba(20,30,80,0.07); }
.sgm-apply__done{ display:none; }
.sgm-apply__card.is-sent .sgm-apply__done{ display:block; }
.sgm-apply__card.is-sent .sgm-form{ display:none; }
.sgm-page .sgm-apply__done h3{ font-size:24px; color:#1b1464; margin:0 0 8px; }
.sgm-apply__done p{ font-size:16px; line-height:1.6; color:#4a5170; }
.sgm-form{ display:grid; gap:14px; }
.sgm-form__row2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sgm-field{ display:flex; flex-direction:column; gap:6px; }
.sgm-field label{ font-size:14px; color:#4a5170; font-weight:500; }
.sgm-field label span{ color:#d0353f; }
.sgm-field input, .sgm-field select, .sgm-field textarea{ width:100%; min-height:44px; padding:10px 12px; border:1px solid #c9d4ee; border-radius:8px; background:#ffffff; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; color:#1b1464; outline:none; box-shadow:none; transition:border-color .2s ease, box-shadow .2s ease; }
.sgm-field textarea{ resize:vertical; min-height:96px; }
.sgm-field input[type=file]{ padding:9px 12px; font-size:14px; cursor:pointer; }
.sgm-field input:focus, .sgm-field select:focus, .sgm-field textarea:focus{ border-color:#00a3e0; box-shadow:0 0 0 3px rgba(0,163,224,0.15); }
.sgm-field.is-error input{ border-color:#d0353f; }
.sgm-form__submit{ width:100%; margin-top:4px; }
.sgm-form__submit[disabled]{ opacity:0.6; cursor:wait; }
/* ===== 13 FAQ ===== */
.sgm-faq-sec{ padding-bottom:72px; }
.sgm-faq{ border-top:1px solid #e8edf7; }
.sgm-faq__item{ border-bottom:1px solid #e8edf7; }
.sgm-faq__q{ width:100%; min-height:44px; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 0; background:none; border:none; text-align:left; cursor:pointer; font-family:'Be Vietnam Pro', sans-serif; font-size:18px; font-weight:600; line-height:1.4; color:#1b1464; }
.sgm-faq__sign{ position:relative; flex-shrink:0; width:16px; height:16px; }
.sgm-faq__sign:before, .sgm-faq__sign:after{ content:""; position:absolute; left:0; top:7px; width:16px; height:2px; border-radius:2px; background:#00a3e0; transition:transform .2s ease; }
.sgm-faq__sign:after{ transform:rotate(90deg); }
.sgm-faq__item.is-open .sgm-faq__sign:after{ transform:rotate(0deg); }
.sgm-faq__a{ display:none; }
.sgm-faq__item.is-open .sgm-faq__a{ display:block; }
.sgm-faq__a p{ font-size:16px; line-height:1.7; color:#4a5170; max-width:58em; padding-bottom:22px; }
/* ===== 14 Footer ===== */
.sgm-footer{ background:#1b1464; color:#d6dcf2; padding:48px 0; }
.sgm-footer__grid{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:44px; }
.sgm-footer__name{ font-size:24px; font-weight:700; letter-spacing:0.02em; color:#ffffff; }
.sgm-footer__company{ font-size:15px; line-height:1.6; margin:12px 0 0; color:#b9c2e4; }
.sgm-footer__slogan{ font-size:15px; line-height:1.6; margin:10px 0 0; color:#8fd0ef; font-style:italic; }
.sgm-footer__col{ font-size:15px; line-height:1.7; color:#d6dcf2; }
.sgm-footer__col a, .sgm-footer__col a:visited{ color:#d6dcf2; text-decoration:none; }
.sgm-footer__col a:hover{ color:#ffffff; }
.sgm-footer__label{ font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:#8fd0ef; margin-bottom:10px; font-weight:600; }
/* ===== Responsive ===== */
@media (max-width:1180px){
	.sgm-values{ grid-template-columns:repeat(3, 1fr); }
	.sgm-tracks{ grid-template-columns:repeat(3, 1fr); row-gap:28px; }
}
@media (max-width:1024px){
	.sgm-wrap, .sgm-nav__inner{ padding-left:32px; padding-right:32px; }
	.sgm-nav__menu{ gap:18px; }
	.sgm-life__head{ flex-direction:column; align-items:flex-start; gap:16px; }
	.sgm-ceo__grid{ grid-template-columns:0.9fr 1.1fr; gap:32px; }
	.sgm-apply{ padding:32px; gap:32px; }
}
@media (max-width:860px){
	.sgm-nav__toggle{ display:flex; }
	.sgm-nav__menu{ display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; padding:8px 20px 20px; background:#ffffff; border-bottom:1px solid #e8edf7; box-shadow:0 12px 24px rgba(20,30,80,0.08); }
	.sgm-nav.is-open .sgm-nav__menu{ display:flex; }
	.sgm-nav__link{ padding:13px 0; border-bottom:1px solid #e8edf7; font-size:16px; }
	.sgm-nav__cta{ margin-top:14px; }
	.sgm-nav__inner{ position:relative; }
	.sgm-stats{ grid-template-columns:repeat(2, 1fr); }
	.sgm-vision, .sgm-perks, .sgm-jobs, .sgm-apply, .sgm-ceo__grid{ grid-template-columns:1fr; }
	.sgm-ceo__person{ max-width:360px; }
	.sgm-life__row1{ grid-template-columns:1fr; }
	.sgm-photo--stretch .sgm-photo__frame{ flex:none; aspect-ratio:16 / 10; min-height:0; }
	.sgm-life__wide{ aspect-ratio:16 / 9; }
	.sgm-footer__grid{ grid-template-columns:1fr 1fr; }
	.sgm-footer__brand{ grid-column:1 / -1; }
}
@media (max-width:600px){
	.sgm-wrap, .sgm-nav__inner{ padding-left:16px; padding-right:16px; }
	.sgm-nav__logo img{ height:34px; }
	.sgm-sec{ padding-top:48px; }
	.sgm-h2{ font-size:26px; }
	.sgm-hero{ min-height:560px; padding:48px 0 84px; }
	.sgm-hero__text{ max-width:100%; min-width:0; }
	.sgm-hero__shade{ background:linear-gradient(180deg, rgba(13,16,48,0.35) 0%, rgba(13,16,48,0.72) 100%); }
	.sgm-page .sgm-hero__title{ font-size:36px; }
	.sgm-page .sgm-hero__desc{ font-size:17px; }
	.sgm-hero__ctas .sgm-btn{ flex:1 1 auto; }
	.sgm-stat{ padding:18px; }
	.sgm-stat__num{ font-size:28px; }
	.sgm-vision__card{ padding:26px 22px; }
	.sgm-vision__card p{ font-size:17px; }
	.sgm-values, .sgm-tracks{ grid-template-columns:repeat(2, 1fr); }
	.sgm-value{ padding:18px 16px; }
	.sgm-perk{ padding:22px; }
	.sgm-life__row2{ grid-template-columns:1fr; }
	.sgm-life__badge{ left:16px; bottom:16px; font-size:14px; padding:10px 16px; }
	.sgm-jobs__head{ flex-direction:column; align-items:flex-start; gap:8px; }
	.sgm-job{ padding:20px; }
	.sgm-job__foot{ flex-wrap:wrap; }
	.sgm-network{ grid-template-columns:1fr; padding:26px 22px; gap:18px; }
	.sgm-network .sgm-btn{ justify-self:start; }
	.sgm-jobs__empty{ flex-direction:column; align-items:flex-start; }
	.sgm-steps{ grid-template-columns:1fr; }
	.sgm-apply{ padding:24px 16px; }
	.sgm-apply__card{ padding:22px 18px; }
	.sgm-form__row2{ grid-template-columns:1fr; }
	.sgm-faq__q{ font-size:16px; }
	.sgm-footer__grid{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:360px){
	.sgm-values, .sgm-tracks{ grid-template-columns:1fr; }
}
/* ===== Job detail - hero ===== */
.sgm-jd-hero{ position:relative; display:flex; align-items:flex-end; min-height:420px; padding:56px 0 64px; overflow:hidden; background:#0d1030; }
.sgm-jd-hero__shade{ position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none; background:linear-gradient(100deg, rgba(13,16,48,0.86) 0%, rgba(13,16,48,0.66) 38%, rgba(13,16,48,0.3) 70%, rgba(13,16,48,0.18) 100%); }
.sgm-jd-hero__wrap{ position:relative; width:100%; }
.sgm-jd-hero__back, .sgm-jd-hero__back:visited{ display:inline-flex; align-items:center; min-height:44px; margin-bottom:12px; color:#d9e8f8; font-size:14px; font-weight:600; text-decoration:none; }
.sgm-jd-hero__back:hover, .sgm-jd-hero__back:focus{ color:#ffffff; text-decoration:none; }
.sgm-page .sgm-jd-hero__title{ max-width:820px; margin:10px 0 0; font-size:clamp(30px, 3.4vw, 46px); line-height:1.15; letter-spacing:-0.02em; color:#ffffff; text-wrap:balance; text-shadow:0 2px 18px rgba(13,16,48,0.55); text-decoration:none; }
.sgm-jd-hero__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.sgm-jd-hero__chip{ display:inline-flex; align-items:center; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.32); color:#ffffff; font-size:13px; font-weight:600; padding:7px 14px; border-radius:100px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.sgm-jd .sgm-hero__ctas{ margin-top:26px; }
/* ===== Job detail - body ===== */
.sgm-jd-body{ display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:28px; align-items:start; margin-top:-28px; position:relative; z-index:2; }
.sgm-jd-card{ background:#ffffff; border:1px solid #e8edf7; border-radius:14px; padding:34px 38px; box-shadow:0 8px 24px rgba(20,30,80,0.07); }
.sgm-jd-side{ position:-webkit-sticky; position:sticky; top:96px; display:grid; gap:16px; }
.sgm-jd-side .sgm-jd-card{ padding:26px 26px; }
.sgm-jd-content{ margin-top:18px; font-size:16px; line-height:1.7; color:#4a5170; overflow-wrap:anywhere; }
.sgm-jd-content .detail-article{ padding:0; margin:0; }
.sgm-jd-content *{ font-family:'Be Vietnam Pro', sans-serif !important; max-width:100%; }
.sgm-jd-content p, .sgm-jd-content div, .sgm-jd-content li, .sgm-jd-content span, .sgm-jd-content td{ font-size:16px !important; line-height:1.7 !important; color:#4a5170 !important; background:transparent !important; }
.sgm-jd-content p{ margin:0 0 12px !important; }
.sgm-jd-content strong, .sgm-jd-content b, .sgm-jd-content strong *, .sgm-jd-content b *{ color:#1b1464 !important; font-weight:700; }
.sgm-jd-content h1, .sgm-jd-content h2, .sgm-jd-content h3, .sgm-jd-content h4{ font-size:19px !important; line-height:1.35 !important; color:#1b1464 !important; margin:28px 0 12px !important; }
.sgm-jd-content ul, .sgm-jd-content ol{ margin:0 0 16px !important; padding-left:22px !important; }
.sgm-jd-content ul{ list-style:disc; }
.sgm-jd-content ol{ list-style:decimal; }
.sgm-jd-content li{ margin:0 0 8px !important; padding-left:4px; }
.sgm-jd-content li::marker{ color:#00a3e0; }
.sgm-jd-content a, .sgm-jd-content a *{ color:#00789f !important; text-decoration:underline; }
.sgm-jd-content img{ height:auto; border-radius:12px; }
.sgm-jd-content table{ width:100%; border-collapse:collapse; }
.sgm-jd-summary__list{ margin:14px 0 0; }
.sgm-jd-summary__list div{ display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #e8edf7; }
.sgm-jd-summary__list div:last-child{ border-bottom:none; }
.sgm-jd-summary__list dt{ font-size:14px; color:#5c6180; font-weight:400; flex-shrink:0; }
.sgm-jd-summary__list dd{ margin:0; font-size:14.5px; color:#1b1464; font-weight:600; text-align:right; }
.sgm-jd-summary__cta{ width:100%; margin-top:16px; }
.sgm-jd-share{ display:flex; align-items:center; gap:8px; margin-top:16px; padding-top:16px; border-top:1px solid #e8edf7; font-size:14px; color:#5c6180; }
.sgm-jd-share span{ margin-right:auto; }
.sgm-jd-share a, .sgm-jd-share a:visited{ display:inline-flex; align-items:center; min-height:36px; padding:6px 14px; border:1px solid #c9d4ee; border-radius:100px; color:#1b1464; font-size:13px; font-weight:600; text-decoration:none; }
.sgm-jd-share a:hover{ border-color:#00a3e0; color:#00a3e0; }
.sgm-jd-contact{ display:flex; flex-direction:column; gap:4px; }
.sgm-jd-contact .sgm-eyebrow{ margin-bottom:8px; }
.sgm-jd-contact a, .sgm-jd-contact a:visited{ color:#1b1464; font-size:15px; font-weight:600; line-height:1.8; text-decoration:none; }
.sgm-jd-contact a:hover{ color:#00a3e0; }
/* ===== Job detail - apply form ===== */
.sgm-jd-apply__job{ margin-top:8px !important; font-size:26px; }
.sgm-jd-apply .sgm-apply__intro .sgm-eyebrow{ margin-bottom:0; }
.sgm-jd-form #appform{ margin:0; padding:0; width:auto; background:none; border:none; box-shadow:none; }
.sgm-jd-form #appform .wrapper{ margin:0; padding:0; width:auto; max-width:none; background:none; border:none; }
.sgm-jd-form #appform h1{ display:none; }
.sgm-jd-form #appform .form{ margin:0; padding:0; width:auto; background:none; border:none; box-shadow:none; }
.sgm-jd-form #appform form{ display:grid; gap:14px; }
.sgm-jd-form #appform .rows{ display:grid; gap:14px; }
.sgm-jd-form #appform .rows:not(:has(.row)){ display:none; }
.sgm-jd-form #appform .cr-wrapper:not(:has(.row)){ display:none; }
.sgm-jd-form #appform .tos-wrapper:not(:has(input)){ display:none; }
.sgm-jd-form #appform .row{ display:flex; flex-direction:column; gap:6px; margin:0; padding:0; width:auto; float:none; border:none; }
.sgm-jd-form #appform .row.hidden{ display:none; }
.sgm-jd-form #appform .label{ display:block; margin:0; padding:0; width:auto; float:none; font-family:'Be Vietnam Pro', sans-serif; font-size:14px; font-weight:500; line-height:1.4; color:#4a5170; text-align:left; text-transform:none; }
.sgm-jd-form #appform .label .red, .sgm-jd-form #appform .red{ color:#d0353f; }
.sgm-jd-form #appform .desc{ font-size:13px; color:#5c6180; }
.sgm-jd-form #appform .input{ margin:0; padding:0; width:100%; float:none; border:none; background:none; }
.sgm-jd-form #appform .input input, .sgm-jd-form #appform .input select, .sgm-jd-form #appform .input textarea, .sgm-jd-form #appform .row > input[type=text], .sgm-jd-form #appform .row textarea, .sgm-jd-form #appform .row select{ width:100%; height:auto; min-height:44px; margin:0; padding:10px 12px; border:1px solid #c9d4ee; border-radius:8px; background:#ffffff; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; line-height:1.4; color:#1b1464; box-shadow:none; outline:none; transition:border-color .2s ease, box-shadow .2s ease; }
.sgm-jd-form #appform .input input:focus, .sgm-jd-form #appform .input select:focus, .sgm-jd-form #appform .input textarea:focus, .sgm-jd-form #appform .row textarea:focus{ border-color:#00a3e0; box-shadow:0 0 0 3px rgba(0,163,224,0.15); }
.sgm-jd-form #appform textarea{ min-height:96px; resize:vertical; }
.sgm-jd-form #appform .upload{ position:relative; margin:0; padding:0; border:none; background:none; }
.sgm-jd-form #appform .upload .text{ position:relative; display:block; margin:0; padding:22px 18px; border:1.5px dashed #9fc6e6; border-radius:12px; background:#f2f8fd; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; font-weight:600; line-height:1.4; color:#1b1464; text-align:center; cursor:pointer; transition:border-color .2s ease, background-color .2s ease; }
.sgm-jd-form #appform .upload .text:hover{ border-color:#00a3e0; background:#eaf6fe; }
.sgm-jd-form #appform .upload .more{ margin-top:4px; font-size:13.5px !important; font-weight:400; line-height:1.5; color:#5c6180; }
.sgm-jd-form #appform .upload input[type=file]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.sgm-jd-form #appform .attachments{ font-size:14px; color:#1b1464; }
.sgm-jd-form #appform .attachments:empty{ display:none; }
.sgm-jd-form #appform .row-collapse{ margin:0; }
.sgm-jd-form #appform .btn-collapse{ display:inline-flex; align-items:center; min-height:40px; padding:0; color:#00a3e0; font-family:'Be Vietnam Pro', sans-serif; font-size:14px; font-weight:600; text-align:left; background:none; border:none; }
.sgm-jd-form #appform .cr-wrapper .row-collapse:only-child{ display:none; }
.sgm-jd-form #appform .data img{ margin-top:8px; border-radius:6px; vertical-align:middle; }
.sgm-jd-form #appform .data br{ display:none; }
.sgm-jd-form #appform .tos-wrapper{ font-size:14px; line-height:1.6; color:#4a5170; }
.sgm-jd-form #appform .tos-wrapper a{ color:#00789f; text-decoration:underline; }
.sgm-jd-form #appform .submit, .sgm-jd-form #appform .submit.button{ display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; margin:4px 0 0; padding:15px 28px; border:none; border-radius:100px; background:linear-gradient(135deg, #00a3e0, #1b1464); color:#ffffff; font-family:'Be Vietnam Pro', sans-serif; font-size:16px; font-weight:600; line-height:1.2; text-transform:none; text-align:center; letter-spacing:normal; box-shadow:none; cursor:pointer; float:none; transition:filter .2s ease; }
.sgm-jd-form #appform .submit:hover{ filter:brightness(1.12); background:linear-gradient(135deg, #00a3e0, #1b1464); color:#ffffff; }
/* ===== Job detail - misc ===== */
.sgm-jd .sgm-jobs__head{ align-items:center; }
.sgm-jd-viewall, .sgm-jd-viewall:visited{ color:#00a3e0; font-size:15px; font-weight:600; text-decoration:none; white-space:nowrap; }
.sgm-jd-viewall:hover{ color:#1b1464; }
.sgm-jd > .sgm-sec:last-of-type{ padding-bottom:72px; }
.sgm-jd-bar{ display:none; }
/* ===== Nut len dau trang cua framework ===== */
#component__top.component__top{ right:20px; bottom:20px; width:44px; height:44px; line-height:44px; padding:0; border:none; border-radius:100px; background:linear-gradient(135deg, #00a3e0, #1b1464); color:#ffffff; text-align:center; box-shadow:0 8px 20px rgba(20,30,80,0.22); }
#component__top.component__top .icon{ color:#ffffff; font-size:16px; line-height:44px; }
#component__top.component__top:hover{ filter:brightness(1.12); color:#ffffff; }
@media (max-width:1024px){
	.sgm-jd-body{ grid-template-columns:minmax(0, 1fr) 320px; gap:20px; }
	.sgm-jd-card{ padding:28px; }
}
@media (max-width:860px){
	.sgm-jd-body{ grid-template-columns:1fr; }
	.sgm-jd-side{ position:static; order:-1; }
	.sgm-jd-bar{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:60; padding:12px 16px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(255,255,255,0.96); border-top:1px solid #e8edf7; box-shadow:0 -8px 24px rgba(20,30,80,0.08); transition:transform .25s ease; }
	.sgm-jd-bar .sgm-btn{ width:100%; }
	.sgm-jd-bar.is-hidden{ transform:translateY(110%); }
	.sgm-jd{ padding-bottom:76px; }
	body:has(.sgm-jd-bar) #component__top.component__top{ bottom:88px; }
}
@media (max-width:600px){
	.sgm-jd-hero{ min-height:380px; padding:32px 0 56px; }
	.sgm-jd-hero__shade{ background:linear-gradient(180deg, rgba(13,16,48,0.55) 0%, rgba(13,16,48,0.85) 100%); }
	.sgm-jd .sgm-hero__ctas .sgm-btn{ flex:1 1 auto; }
	.sgm-jd-card, .sgm-jd-side .sgm-jd-card{ padding:22px 18px; }
	.sgm-jd-content, .sgm-jd-content p, .sgm-jd-content li, .sgm-jd-content div, .sgm-jd-content span{ font-size:15.5px !important; }
	.sgm-jd-apply__job{ font-size:22px; }
	.sgm-jd .sgm-jobs__head{ flex-direction:row; align-items:center; }
}