.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 v6 - base ===== */
body{ background:#ffffff; }
#page{ font-family:'Be Vietnam Pro', sans-serif; color:#100D74; }
.sgm-nav, .sgm-footer, .sgm-page, .sgm-lb{ font-family:'Be Vietnam Pro', system-ui, sans-serif; font-size:16px; line-height:1.65; color:#100D74; -webkit-font-smoothing:antialiased; }
.sgm-page *, .sgm-nav *, .sgm-footer *, .sgm-lb *{ box-sizing:border-box; }
.sgm-page h1, .sgm-page h2, .sgm-page h3, .sgm-footer h3{ font-family:'Be Vietnam Pro', system-ui, sans-serif; letter-spacing:normal; text-transform:none; }
.sgm-page p, .sgm-footer p{ margin:0; }
.sgm-page img{ max-width:none; }
.sgm-page a, .sgm-nav a, .sgm-footer a{ text-decoration:none; }
.sgm-container{ max-width:1160px; margin:0 auto; padding:0 20px; position:relative; }
.sgm-container--narrow{ max-width:880px; }
.sgm-sec{ position:relative; padding:72px 0; scroll-margin-top:72px; }
.sgm-sec--soft{ background:#EDF5FA; }
#component__top{ display:none !important; }
/* ===== Typography ===== */
.sgm-eyebrow{ display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#100D74; line-height:1.4; }
.sgm-eyebrow:before{ content:""; flex:none; width:22px; height:3px; border-radius:2px; background:#8FC644; }
.sgm-eyebrow--blue{ color:#2B85BA; }
.sgm-head{ display:grid; gap:4px; margin-bottom:36px; }
.sgm-head--center{ justify-items:center; text-align:center; gap:6px; margin-bottom:32px; }
.sgm-page .sgm-h2{ margin:0; font-size:clamp(26px, 3.2vw, 36px); font-weight:800; letter-spacing:-.01em; line-height:1.2; color:#100D74; text-wrap:balance; }
.sgm-lead{ margin-top:10px !important; color:rgba(16,13,116,.72); max-width:62ch; }
.sgm-quote{ font-family:'Noto Serif', Georgia, serif; font-style:italic; }
/* ===== Buttons ===== */
.sgm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; border-radius:999px; padding:14px 26px; font-family:'Be Vietnam Pro', sans-serif; font-weight:700; font-size:16px; line-height:1.2; text-align:center; cursor:pointer; border:1.5px solid transparent; transition:background .2s, color .2s, border-color .2s, transform .2s; }
.sgm-btn:hover, .sgm-btn:focus{ text-decoration:none; transform:translateY(-2px); }
.sgm-btn:active{ transform:scale(.97); }
.sgm-btn--blue, .sgm-btn--blue:visited{ background:#2B85BA; color:#ffffff; }
.sgm-btn--blue:hover, .sgm-btn--blue:focus{ background:#100D74; color:#ffffff; }
.sgm-hero .sgm-btn--blue:hover, .sgm-hero .sgm-btn--blue:focus, .sgm-jd-hero .sgm-btn--blue:hover, .sgm-jd-hero .sgm-btn--blue:focus{ background:#ffffff; color:#100D74; }
.sgm-btn--ghost, .sgm-btn--ghost:visited{ border-color:#ffffff; color:#ffffff; background:rgba(255,255,255,.06); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.sgm-btn--ghost:hover, .sgm-btn--ghost:focus{ background:#ffffff; color:#100D74; }
.sgm-btn--line-white, .sgm-btn--line-white:visited{ border-color:#ffffff; color:#ffffff; padding:12px 22px; font-size:15px; font-weight:600; }
.sgm-btn--line-white:hover, .sgm-btn--line-white:focus{ background:#ffffff; color:#100D74; }
.sgm-btn--outline, .sgm-btn--outline:visited{ background:transparent; border-color:#100D74; color:#100D74; padding:9px 18px; font-size:15px; font-weight:600; }
.sgm-btn--outline:hover, .sgm-btn--outline:focus{ background:#100D74; color:#ffffff; }
/* ===== 01 Navigation ===== */
.sgm-nav{ position:fixed; top:0; left:0; right:0; z-index:60; background:transparent; border-bottom:1px solid transparent; box-shadow:none; transition:background .3s, box-shadow .3s, border-color .3s; }
.sgm-nav.is-solid{ background:#ffffff; border-bottom-color:#D6E5EF; box-shadow:0 6px 20px rgba(16,13,116,.08); }
.sgm-nav.is-open{ background:#ffffff; border-bottom-color:#D6E5EF; }
.sgm-nav__inner{ max-width:1240px; margin:0 auto; padding:12px 20px; display:flex; flex-wrap:nowrap; align-items:center; gap:12px 14px; }
.sgm-nav__brand{ flex:0 1 auto; min-width:0; display:flex; align-items:center; gap:10px; }
.sgm-nav__logos{ display:grid; flex:none; }
.sgm-nav__logo{ grid-area:1 / 1; display:block; height:54px; width:auto; transition:opacity .3s; }
.sgm-nav__logo--color{ opacity:0; }
.sgm-nav__logo--white{ opacity:1; }
.sgm-nav.is-solid .sgm-nav__logo--color, .sgm-nav.is-open .sgm-nav__logo--color{ opacity:1; }
.sgm-nav.is-solid .sgm-nav__logo--white, .sgm-nav.is-open .sgm-nav__logo--white{ opacity:0; }
.sgm-nav__label{ flex:none; white-space:nowrap; font-size:11px; letter-spacing:.06em; color:rgba(255,255,255,.85); border-left:1px solid rgba(255,255,255,.35); padding-left:10px; line-height:1.5; text-shadow:0 1px 3px rgba(13,10,91,.5); transition:color .3s, border-color .3s; }
.sgm-nav.is-solid .sgm-nav__label, .sgm-nav.is-open .sgm-nav__label{ color:rgba(16,13,116,.72); border-left-color:#D6E5EF; text-shadow:none; }
.sgm-nav__items{ flex:none; display:flex; flex-wrap:nowrap; margin-left:auto; font-size:14px; font-weight:500; }
.sgm-nav__link, .sgm-nav__link:visited{ color:#ffffff; white-space:nowrap; padding:8px 12px; border-radius:999px; line-height:1.4; text-shadow:0 1px 3px rgba(13,10,91,.5); transition:color .2s, background .2s, box-shadow .2s, transform .2s; }
.sgm-nav.is-solid .sgm-nav__link{ color:#100D74; text-shadow:none; }
.sgm-nav.is-solid .sgm-nav__link.is-active{ color:#2B85BA; background:#EDF5FA; }
.sgm-nav__link:hover, .sgm-nav__link:focus, .sgm-nav.is-solid .sgm-nav__link:hover, .sgm-nav.is-solid .sgm-nav__link:focus{ color:#ffffff; background:#2B85BA; text-shadow:none; transform:translateY(-1px); box-shadow:0 6px 16px rgba(43,133,186,.38), inset 0 1px 0 rgba(255,255,255,.25); }
.sgm-nav__apply, .sgm-nav__apply:visited{ position:relative; overflow:hidden; flex:none; display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:9px 18px; font-size:14.5px; font-weight:700; line-height:1.2; white-space:nowrap; background:linear-gradient(135deg, #9BD14E, #6FB33A); color:#100D74; animation:sgmApplyGlow 2.4s ease-in-out infinite; transition:transform .2s, filter .2s; }
.sgm-nav__apply:hover, .sgm-nav__apply:focus{ color:#100D74; transform:translateY(-1px) scale(1.04); filter:brightness(1.06); }
.sgm-nav__apply-shine{ position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation:sgmApplyShine 3.2s ease-in-out infinite; pointer-events:none; }
.sgm-nav__apply-text, .sgm-nav__apply svg{ position:relative; }
.sgm-nav__burger{ display:none; flex:none; width:44px; height:44px; padding:0; border-radius:12px; border:1.5px solid rgba(255,255,255,.6); background:rgba(255,255,255,.12); color:#ffffff; place-items:center; cursor:pointer; transition:background .25s, color .25s, border-color .25s; }
.sgm-nav.is-solid .sgm-nav__burger, .sgm-nav.is-open .sgm-nav__burger{ border-color:#D6E5EF; background:#ffffff; color:#100D74; }
.sgm-nav__burger .sgm-burger-close{ display:none; }
.sgm-nav.is-open .sgm-burger-open{ display:none; }
.sgm-nav.is-open .sgm-burger-close{ display:inline; }
.sgm-nav__drop{ display:none; background:#ffffff; border-top:1px solid #D6E5EF; box-shadow:0 16px 32px rgba(16,13,116,.14); padding:10px 20px 18px; gap:4px; max-height:calc(100vh - 80px); overflow:auto; }
.sgm-nav__drop-link, .sgm-nav__drop-link:visited{ display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 14px; border-radius:12px; font-size:16px; font-weight:600; color:#100D74; background:#F6FAFD; }
.sgm-nav__drop-link.is-active, .sgm-nav__drop-link:hover, .sgm-nav__drop-link:focus{ background:#2B85BA; color:#ffffff; }
@keyframes sgmApplyGlow{ 0%, 100%{ box-shadow:0 0 0 0 rgba(143,198,68,.55), 0 6px 16px rgba(143,198,68,.35); } 50%{ box-shadow:0 0 0 7px rgba(143,198,68,0), 0 6px 16px rgba(143,198,68,.35); } }
@keyframes sgmApplyShine{ 0%, 60%{ transform:translateX(-120%) skewX(-20deg); } 100%{ transform:translateX(260%) skewX(-20deg); } }
body.sgm-no-hero #page{ padding-top:79px; }
/* ===== 02 Hero ===== */
.sgm-hero{ position:relative; overflow:hidden; isolation:isolate; background:#0D0A5B; color:#ffffff; min-height:max(560px, 100vh); min-height:max(560px, 100svh); display:flex; align-items:flex-start; padding:92px 0 120px; }
.sgm-hero__media{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; }
.sgm-hero__media img{ width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; }
.sgm-hero__shade{ position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(100deg, rgba(13,10,91,.74) 0%, rgba(13,10,91,.44) 24%, rgba(13,10,91,.08) 44%, rgba(13,10,91,0) 56%); }
.sgm-hero__body{ width:100%; }
.sgm-page .sgm-hero__title{ margin:clamp(4px, 1.5vh, 16px) 0 0; color:#ffffff; font-size:clamp(38px, 5.2vw, 68px); font-weight:800; letter-spacing:-.025em; line-height:1.08; text-wrap:balance; text-shadow:0 2px 6px rgba(13,10,91,.55), 0 6px 28px rgba(13,10,91,.5); }
.sgm-hero__title em{ font-style:normal; white-space:nowrap; }
.sgm-hero__desc{ margin-top:22px !important; color:#ffffff; font-size:17px; line-height:1.6; max-width:min(470px, 100%); text-wrap:pretty; text-shadow:0 1px 3px rgba(13,10,91,.7), 0 2px 16px rgba(13,10,91,.55); }
.sgm-hero__ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.sgm-hero__ctas .sgm-btn--ghost{ padding:12.5px 24.5px; }
.sgm-home .sgm-hero__title{ font-size:clamp(34px, 4.2vw, 58px); }
.sgm-home .sgm-hero__desc{ margin-top:16px !important; font-size:16px; max-width:330px; }
.sgm-home .sgm-hero__ctas{ flex-direction:column; align-items:flex-start; gap:10px; margin-top:22px; }
.sgm-home .sgm-hero__ctas .sgm-btn{ padding:12px 22px; font-size:15px; }
.sgm-home .sgm-hero__ctas .sgm-btn--ghost{ padding:10.5px 20.5px; }
/* ===== 03 Stats ===== */
.sgm-stats{ position:relative; z-index:2; margin-top:-64px; opacity:0; transform:translateY(48px); pointer-events:none; transition:opacity .6s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.sgm-stats.is-in{ opacity:1; transform:none; pointer-events:auto; }
.sgm-stats__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; }
.sgm-stat, .sgm-stat:visited{ position:relative; overflow:hidden; display:flex; align-items:center; gap:14px; background:#ffffff; color:#100D74; border:1px solid #D6E5EF; border-radius:16px; padding:20px 22px; box-shadow:0 8px 24px rgba(16,13,116,.06); transition:background .3s, color .3s, border-color .3s, box-shadow .3s, transform .25s; }
.sgm-stat__deco{ position:absolute; right:-30px; bottom:-40px; width:120px; height:120px; border-radius:50%; background:rgba(43,133,186,.06); transition:background .3s, transform .4s; }
.sgm-stat__text{ position:relative; display:grid; gap:2px; }
.sgm-stat__num{ display:block; font-size:34px; font-weight:800; line-height:1.1; font-variant-numeric:tabular-nums; transform-origin:left center; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.sgm-stat__label{ font-size:14px; opacity:.8; line-height:1.4; }
.sgm-stat__arrow{ position:relative; margin-left:auto; flex:none; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#EDF5FA; color:#2B85BA; font-size:16px; transform:translateX(-4px); transition:transform .3s, background .3s; }
.sgm-stat:hover, .sgm-stat:focus{ background:#2B85BA; color:#ffffff; border-color:#2B85BA; transform:translateY(-4px); box-shadow:0 16px 32px rgba(43,133,186,.30); }
.sgm-stat:hover .sgm-stat__num, .sgm-stat:focus .sgm-stat__num{ transform:scale(1.12); }
.sgm-stat:hover .sgm-stat__deco, .sgm-stat:focus .sgm-stat__deco{ background:rgba(255,255,255,.14); transform:scale(1.25); }
.sgm-stat:hover .sgm-stat__arrow, .sgm-stat:focus .sgm-stat__arrow{ background:#ffffff; transform:translateX(0) rotate(-45deg); }
/* ===== Card system (Tam nhin, Loi ich, Gia tri, Lo trinh) ===== */
.sgm-grid{ display:grid; }
.sgm-grid--why{ grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:18px; }
.sgm-grid--values{ grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:16px; }
.sgm-grid--perks{ grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:18px; }
.sgm-card{ position:relative; overflow:hidden; background:#ffffff; color:#100D74; border:1px solid #D6E5EF; cursor:pointer; outline:3px solid transparent; outline-offset:4px; box-shadow:0 0 0 0 rgba(16,13,116,0); transition:background .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .2s ease, outline-color .2s; }
.sgm-card--soft{ background:#EDF5FA; }
.sgm-card__deco{ position:absolute; right:-56px; top:-56px; width:180px; height:180px; border-radius:50%; background:transparent; transition:background .3s; pointer-events:none; }
.sgm-ico{ position:relative; flex:none; display:grid; place-items:center; background:#EDF5FA; color:#2B85BA; border:1px solid transparent; transition:background .3s, color .3s, border-color .3s; }
.sgm-sec--soft .sgm-ico, .sgm-card--soft .sgm-ico{ background:#ffffff; border-color:#D6E5EF; }
.sgm-ico--lg{ width:52px; height:52px; border-radius:16px; }
.sgm-ico--md{ width:50px; height:50px; border-radius:14px; margin-bottom:6px; }
.sgm-ico--sm{ width:46px; height:46px; border-radius:12px; }
.sgm-ico--xs{ width:36px; height:36px; border-radius:12px; }
.sgm-card__en{ position:relative; font-size:11px; letter-spacing:.16em; font-weight:700; opacity:.72; line-height:1.4; }
.sgm-page .sgm-card__title{ position:relative; margin:0; font-size:19px; font-weight:700; line-height:1.25; color:inherit; }
.sgm-card__text{ position:relative; font-size:15px; line-height:1.6; opacity:.82; }
.sgm-card:hover, .sgm-card:focus, .sgm-card.is-sel{ background:#2B85BA; color:#ffffff; border-color:#2B85BA; transform:translateY(-4px); box-shadow:0 18px 36px rgba(43,133,186,.32); outline:3px solid transparent; }
.sgm-card.is-sel{ outline-color:#8FC644; }
.sgm-card:active{ transform:translateY(-1px) scale(.99); }
.sgm-card:hover .sgm-card__deco, .sgm-card:focus .sgm-card__deco, .sgm-card.is-sel .sgm-card__deco{ background:rgba(255,255,255,.12); }
.sgm-card:hover .sgm-ico, .sgm-card:focus .sgm-ico, .sgm-card.is-sel .sgm-ico{ background:#ffffff; color:#2B85BA; border-color:rgba(255,255,255,.6); }
/* ===== 04 Purpose ===== */
.sgm-purpose{ padding-top:96px; }
.sgm-purpose .sgm-eyebrow{ margin-bottom:28px; }
.sgm-purpose__row{ display:flex; flex-wrap:wrap; gap:28px 56px; align-items:center; }
.sgm-purpose__text{ flex:1 1 460px; min-width:0; }
.sgm-purpose__text .sgm-quote{ font-size:clamp(24px, 3.2vw, 36px); line-height:1.35; color:#100D74; max-width:24ch; }
.sgm-purpose__p{ margin-top:28px !important; max-width:56ch; }
.sgm-word{ cursor:pointer; font-weight:700; border-bottom:2px solid #2B85BA; border-radius:3px; padding:0 2px; background:rgba(143,198,68,0); transition:background .3s; outline:none; }
.sgm-word.is-on{ background:rgba(143,198,68,.35); }
.sgm-purpose__sub{ margin-top:16px !important; max-width:56ch; display:flex; align-items:center; gap:10px; font-weight:600; }
.sgm-purpose__sub span{ flex:none; width:22px; height:2px; border-radius:2px; background:linear-gradient(90deg, #2B85BA, #8FC644); }
.sgm-pw{ flex:0 1 500px; min-width:300px; margin:0 auto; display:grid; grid-template-columns:minmax(0, 1fr) minmax(170px, 260px) minmax(0, 1fr); align-items:center; gap:14px; }
.sgm-pw__side{ display:grid; gap:44px; }
.sgm-pw__side--left .sgm-pw__label{ text-align:right; transform-origin:right center; }
.sgm-pw__side--right .sgm-pw__label{ text-align:left; transform-origin:left center; }
.sgm-pw__label{ cursor:pointer; transition:transform .3s, opacity .3s; }
.sgm-pw__n{ font-size:11px; font-weight:800; letter-spacing:.08em; opacity:.65; }
.sgm-pw__vi{ font-size:clamp(15px, 1.5vw, 17px); font-weight:800; line-height:1.2; }
.sgm-pw__en{ font-size:10px; font-weight:700; letter-spacing:.12em; color:rgba(16,13,116,.55); margin-top:2px; }
.sgm-pw__dial{ position:relative; aspect-ratio:1 / 1; }
.sgm-pw__dial svg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:visible; }
.sgm-pw__seg{ cursor:pointer; transition:opacity .3s; }
.sgm-pw__trace{ opacity:.35; transition:opacity .3s; }
.sgm-pw__node{ transition:r .3s; }
.sgm-pw__arc{ transform-origin:0px 0px; transform-box:view-box; transition:transform .4s cubic-bezier(.2,.8,.2,1), filter .3s; }
.sgm-pw__seg.is-on .sgm-pw__trace{ opacity:1; }
.sgm-pw__seg.is-on .sgm-pw__node{ r:5; }
.sgm-pw__seg.is-on .sgm-pw__arc{ transform:scale(1.1); }
.sgm-pw.has-on .sgm-pw__seg:not(.is-on){ opacity:.4; }
.sgm-pw.has-on .sgm-pw__label:not(.is-on){ opacity:.45; }
.sgm-pw__label.is-on{ transform:scale(1.08); }
.sgm-pw__hub{ filter:drop-shadow(0 4px 12px rgba(43,133,186,.35)); pointer-events:none; }
.sgm-pw__center{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; pointer-events:none; display:grid; line-height:1.05; }
.sgm-pw__center span{ font-family:'Noto Serif', Georgia, serif; font-style:italic; font-size:11px; color:#2B85BA; }
.sgm-pw__center b{ font-size:12.5px; font-weight:800; color:#100D74; }
.sgm-vm{ display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:22px; margin-top:56px; }
.sgm-vm__card{ border-radius:20px; padding:30px 28px 28px; display:flex; flex-direction:column; gap:14px; }
.sgm-vm__head{ position:relative; display:flex; align-items:center; gap:14px; }
.sgm-vm__name{ font-size:13px; font-weight:800; letter-spacing:.18em; line-height:1.4; }
.sgm-vm__name small{ display:block; font-size:10.5px; font-weight:600; letter-spacing:.16em; opacity:.7; }
.sgm-vm__text{ position:relative; font-size:17px; line-height:1.65; }
.sgm-vm__mean{ position:relative; margin-top:auto !important; background:#ffffff; border:1px solid #D6E5EF; border-radius:14px; padding:14px 16px; font-size:14.7px; transition:background .3s, border-color .3s; }
.sgm-vm__mean b{ display:block; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:4px; color:#2B85BA; transition:color .3s; }
.sgm-card:hover .sgm-vm__mean, .sgm-card:focus .sgm-vm__mean, .sgm-card.is-sel .sgm-vm__mean{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.32); }
.sgm-card:hover .sgm-vm__mean b, .sgm-card:focus .sgm-vm__mean b, .sgm-card.is-sel .sgm-vm__mean b{ color:#ffffff; }
/* ===== 05 Why join ===== */
.sgm-why{ border-radius:18px; padding:26px 22px; display:flex; flex-direction:column; gap:10px; }
/* ===== 06 Values ===== */
.sgm-value{ border-radius:16px; padding:24px 20px 22px; display:grid; gap:10px; align-content:start; }
.sgm-value__num{ position:absolute; top:16px; right:18px; font-size:35px; font-weight:800; line-height:1; color:#D6E5EF; transition:color .3s; }
.sgm-card:hover .sgm-value__num, .sgm-card:focus .sgm-value__num, .sgm-card.is-sel .sgm-value__num{ color:rgba(255,255,255,.35); }
.sgm-value .sgm-card__en{ margin-top:4px; letter-spacing:.14em; }
.sgm-page .sgm-value .sgm-card__title{ font-size:18px; line-height:1.2; }
.sgm-value__short{ position:relative; font-weight:600; }
.sgm-value__vb{ position:relative; font-size:14px; border-left:2px solid #8FC644; padding-left:10px; opacity:.85; line-height:1.55; }
.sgm-value__vb b{ font-weight:600; }
/* ===== 07 Benefits ===== */
.sgm-perk{ position:relative; isolation:isolate; background:#ffffff; border:1px solid #D6E5EF; border-radius:18px; overflow:hidden; display:flex; flex-direction:column; cursor:pointer; outline:3px solid transparent; outline-offset:4px; box-shadow:0 0 0 0 rgba(16,13,116,0); transition:transform .2s, box-shadow .3s, border-color .3s, outline-color .2s; }
.sgm-perk__body-ring{ position:absolute; z-index:-1; right:-70px; bottom:-90px; width:220px; height:220px; border-radius:50%; border:26px solid rgba(43,133,186,0); transform:scale(.9); transition:border-color .35s, transform .5s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.sgm-perk__head{ position:relative; overflow:hidden; display:flex; align-items:center; gap:14px; padding:18px 20px; background:#EDF5FA; border-bottom:1px solid #D6E5EF; transition:background .25s; }
.sgm-perk__head-ring{ position:absolute; right:-40px; top:-60px; width:150px; height:150px; border-radius:50%; border:20px solid rgba(43,133,186,.08); transform:scale(.9); transition:border-color .35s, transform .5s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.sgm-perk__head-dot{ position:absolute; right:70px; bottom:-34px; width:64px; height:64px; border-radius:50%; background:rgba(143,198,68,0); transition:background .35s; pointer-events:none; }
.sgm-perk__icon{ position:relative; flex:none; width:46px; height:46px; border-radius:50%; display:grid; place-items:center; background:#2B85BA; color:#ffffff; transition:background .3s, color .3s; }
.sgm-perk__titles{ position:relative; }
.sgm-perk__en{ display:block; font-size:11px; letter-spacing:.14em; font-weight:700; color:rgba(16,13,116,.72); line-height:1.4; transition:color .3s; }
.sgm-page .sgm-perk__title{ margin:0; font-size:17.5px; font-weight:700; line-height:1.2; color:#100D74; transition:color .3s; }
.sgm-perk__body{ padding:18px 20px 20px; display:grid; gap:12px; align-content:start; }
.sgm-perk__hl{ font-size:23px; font-weight:800; color:#100D74; line-height:1.15; letter-spacing:-.01em; }
.sgm-perk__list{ list-style:none; margin:0; padding:0; display:grid; gap:7px; }
.sgm-perk__list li{ display:flex; gap:8px; font-size:14.7px; color:rgba(16,13,116,.72); line-height:1.5; }
.sgm-perk__tick{ flex:none; width:16px; height:16px; border-radius:50%; background:#8FC644; display:grid; place-items:center; margin-top:3px; }
.sgm-perk:hover, .sgm-perk:focus, .sgm-perk.is-sel{ border-color:#2B85BA; transform:translateY(-4px); box-shadow:0 18px 36px rgba(43,133,186,.22); }
.sgm-perk.is-sel{ outline-color:#8FC644; }
.sgm-perk:hover .sgm-perk__head, .sgm-perk:focus .sgm-perk__head, .sgm-perk.is-sel .sgm-perk__head{ background:#2B85BA; }
.sgm-perk:hover .sgm-perk__icon, .sgm-perk:focus .sgm-perk__icon, .sgm-perk.is-sel .sgm-perk__icon{ background:#ffffff; color:#2B85BA; }
.sgm-perk:hover .sgm-perk__en, .sgm-perk:focus .sgm-perk__en, .sgm-perk.is-sel .sgm-perk__en{ color:rgba(255,255,255,.85); }
.sgm-perk:hover .sgm-perk__title, .sgm-perk:focus .sgm-perk__title, .sgm-perk.is-sel .sgm-perk__title{ color:#ffffff; }
.sgm-perk:hover .sgm-perk__head-ring, .sgm-perk:focus .sgm-perk__head-ring, .sgm-perk.is-sel .sgm-perk__head-ring{ border-color:rgba(255,255,255,.14); transform:scale(1.08); }
.sgm-perk:hover .sgm-perk__head-dot, .sgm-perk:focus .sgm-perk__head-dot, .sgm-perk.is-sel .sgm-perk__head-dot{ background:rgba(143,198,68,.35); }
.sgm-perk:hover .sgm-perk__body-ring, .sgm-perk:focus .sgm-perk__body-ring, .sgm-perk.is-sel .sgm-perk__body-ring{ border-color:rgba(43,133,186,.09); transform:scale(1.08); }
/* ===== 08 SAGOMED Life ===== */
.sgm-photos{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); grid-template-rows:190px 190px auto; gap:12px; }
.sgm-ph{ position:relative; margin:0; border-radius:12px; overflow:hidden; cursor:zoom-in; background:#EDF5FA; min-height:0; outline:none; }
.sgm-ph:focus{ box-shadow:0 0 0 3px #2B85BA; }
.sgm-ph img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.7,.2,1), filter .3s; }
.sgm-ph:hover img, .sgm-ph:focus img{ transform:scale(1.06); filter:brightness(1.05); }
.sgm-ph--big{ grid-row:1 / span 2; grid-column:1 / span 2; }
.sgm-ph--square{ aspect-ratio:1 / 1; }
.sgm-ph--wide{ grid-column:3 / span 2; }
.sgm-ph__zoom{ position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.9); color:#100D74; display:grid; place-items:center; pointer-events:none; box-shadow:0 4px 12px rgba(13,10,91,.2); }
.sgm-ph figcaption{ position:absolute; left:0; right:0; bottom:0; padding:28px 12px 10px; font-size:13px; font-weight:500; line-height:1.4; color:#ffffff; background:linear-gradient(transparent, rgba(13,10,91,.82)); pointer-events:none; }
.sgm-lb{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:200; background:rgba(13,10,91,.92); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; padding:56px 76px; opacity:0; transition:opacity .22s ease; }
.sgm-lb[hidden]{ display:none; }
.sgm-lb.is-show{ opacity:1; }
.sgm-lb__fig{ margin:0; max-width:1100px; width:100%; display:grid; gap:14px; transform:scale(.96); transition:transform .25s ease; }
.sgm-lb.is-show .sgm-lb__fig{ transform:scale(1); }
.sgm-lb__img{ width:100%; height:76vh; background-size:contain; background-position:center; background-repeat:no-repeat; border-radius:12px; }
.sgm-lb__cap{ display:flex; justify-content:space-between; gap:16px; color:#ffffff; font-size:15px; }
.sgm-lb__pos{ opacity:.7; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sgm-lb__btn{ position:absolute; width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.1); color:#ffffff; font-size:22px; line-height:1; cursor:pointer; transition:background .2s; }
.sgm-lb__btn:hover, .sgm-lb__btn:focus{ background:#2B85BA; }
.sgm-lb__prev{ left:16px; top:50%; margin-top:-24px; }
.sgm-lb__next{ right:16px; top:50%; margin-top:-24px; }
.sgm-lb__close{ right:16px; top:14px; width:44px; height:44px; font-size:20px; }
.sgm-lb__close:hover, .sgm-lb__close:focus{ background:#C34454; }
/* ===== Decor circles (CEO, footer) ===== */
.sgm-deco{ position:absolute; z-index:-1; border-radius:50%; pointer-events:none; }
.sgm-ceo .sgm-deco--ring-lg{ right:-200px; top:-180px; width:560px; height:560px; border:80px solid rgba(43,133,186,.13); }
.sgm-ceo .sgm-deco--dash{ right:60px; top:60px; width:200px; height:200px; border:1.5px dashed rgba(143,198,68,.32); }
.sgm-ceo .sgm-deco--glow{ left:-160px; bottom:-220px; width:460px; height:460px; background:radial-gradient(circle, rgba(0,166,214,.2), transparent 70%); }
.sgm-ceo .sgm-deco--dot{ left:34%; bottom:40px; width:90px; height:90px; background:rgba(143,198,68,.1); }
/* ===== 09 CEO ===== */
.sgm-ceo{ overflow:hidden; isolation:isolate; background:#100D74; color:#ffffff; }
.sgm-ceo__row{ display:flex; flex-wrap:wrap; gap:48px; align-items:flex-start; }
.sgm-ceo__photo{ flex:0 1 300px; min-width:240px; aspect-ratio:4 / 5; border-radius:16px; position:relative; overflow:hidden; background:linear-gradient(150deg, #1A3F96, #2B85BA); box-shadow:0 0 0 1px rgba(255,255,255,.12), 14px 14px 0 -2px #2B85BA, 0 24px 48px rgba(13,10,91,.35); }
.sgm-ceo__photo img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; }
.sgm-ceo__body{ flex:1 1 480px; min-width:0; }
.sgm-ceo__quote{ font-family:'Noto Serif', Georgia, serif; font-style:italic; font-size:26px; line-height:1.4; color:#5FB3E3; margin:8px 0 16px !important; }
.sgm-ceo__msg{ margin:0; padding:0; border:none; font-size:17.3px; max-width:62ch; color:#ffffff; }
.sgm-ceo__msg p + p{ margin-top:12px; }
.sgm-ceo__sign{ margin-top:14px !important; color:rgba(255,255,255,.8); font-size:14.7px; }
.sgm-ceo__sign b{ color:#ffffff; }
.sgm-ceo__pillars{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:24px; margin-top:36px; border-top:1px solid rgba(255,255,255,.16); padding-top:24px; }
.sgm-ceo__pillar span{ font-size:11px; letter-spacing:.14em; color:#5FB3E3; font-weight:600; }
.sgm-page .sgm-ceo__pillar h3{ margin:0; font-size:18px; font-weight:700; color:#ffffff; line-height:1.4; }
.sgm-ceo__pillar p{ margin-top:6px !important; color:rgba(255,255,255,.8); font-size:14.7px; }
/* ===== 10 Career paths ===== */
.sgm-head + .sgm-paths{ margin-top:-4px; }
.sgm-paths{ overflow-x:auto; margin:0 -20px; padding:6px 20px 8px; }
.sgm-paths__inner{ min-width:780px; }
.sgm-paths__grid{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:14px; }
.sgm-path{ border-radius:16px; padding:18px 18px 16px; display:flex; flex-direction:column; gap:8px; }
.sgm-path .sgm-card__deco{ right:-50px; top:-50px; width:140px; height:140px; }
.sgm-path__top{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sgm-path__num{ flex:none; font-size:22px; font-weight:800; line-height:1; color:#D6E5EF; transition:color .3s; font-variant-numeric:tabular-nums; }
.sgm-card:hover .sgm-path__num, .sgm-card:focus .sgm-path__num, .sgm-card.is-sel .sgm-path__num{ color:rgba(255,255,255,.35); }
.sgm-path__en{ position:relative; margin-top:2px; font-size:9.5px; letter-spacing:.08em; font-weight:700; line-height:1.25; opacity:.72; overflow-wrap:anywhere; }
.sgm-page .sgm-path__title{ position:relative; margin:-4px 0 0; font-size:16px; font-weight:700; line-height:1.3; color:inherit; }
.sgm-path__text{ position:relative; font-size:13.6px; line-height:1.5; opacity:.82; }
.sgm-path__chips{ position:relative; margin-top:auto; padding-top:10px; border-top:1px dashed #D6E5EF; display:flex; flex-wrap:wrap; gap:5px; align-items:center; transition:border-color .3s; }
.sgm-card:hover .sgm-path__chips, .sgm-card:focus .sgm-path__chips, .sgm-card.is-sel .sgm-path__chips{ border-top-color:rgba(255,255,255,.4); }
.sgm-path__chip, .sgm-path__chip:visited{ font-size:11.5px; font-weight:600; color:#100D74; background:#EDF5FA; border:1px solid #D6E5EF; border-radius:999px; padding:2px 8px; max-width:100%; line-height:1.45; transition:background .2s, color .2s, border-color .2s; }
.sgm-path__chip small{ opacity:.7; margin-left:4px; font-size:inherit; }
.sgm-path__chip:hover, .sgm-path__chip:focus{ background:#100D74; border-color:#100D74; color:#ffffff; }
.sgm-path__note{ font-size:12.5px; font-weight:600; }
.sgm-paths__lines{ display:block; width:100%; height:64px; }
.sgm-paths__lines path{ stroke:#9FC3DB; stroke-width:1.6; stroke-dasharray:4 5; transition:stroke .3s, stroke-width .3s; }
.sgm-paths.has-on .sgm-paths__lines path{ stroke:#D6E5EF; }
.sgm-paths.has-on .sgm-paths__lines path.is-on{ stroke:#2B85BA; stroke-width:3; stroke-dasharray:0; }
.sgm-goal{ position:relative; overflow:hidden; border-radius:20px; padding:22px 28px; background:linear-gradient(110deg, #100D74 0%, #1A3F96 55%, #2B85BA 100%); color:#ffffff; display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; box-shadow:0 10px 26px rgba(16,13,116,.16); transition:box-shadow .4s; }
.sgm-goal.is-on{ box-shadow:0 18px 40px rgba(43,133,186,.35); }
.sgm-goal__ring{ position:absolute; right:-60px; top:-80px; width:240px; height:240px; border-radius:50%; border:28px solid rgba(255,255,255,.06); }
.sgm-goal__dotbg{ position:absolute; right:90px; bottom:-70px; width:140px; height:140px; border-radius:50%; background:rgba(143,198,68,.14); }
.sgm-goal__icon{ position:relative; flex:none; width:56px; height:56px; border-radius:50%; display:grid; place-items:center; background:#8FC644; color:#100D74; box-shadow:0 0 0 8px rgba(143,198,68,.18), 0 0 0 16px rgba(143,198,68,.08); transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.sgm-goal.is-on .sgm-goal__icon{ transform:scale(1.1) rotate(-12deg); }
.sgm-goal__text{ position:relative; flex:1 1 280px; min-width:0; }
.sgm-goal__eyebrow{ font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#C8E6A4; line-height:1.5; }
.sgm-goal__main{ margin-top:2px; font-size:clamp(19px, 2.2vw, 24px); font-weight:800; line-height:1.25; }
.sgm-goal__dots{ position:relative; display:flex; align-items:center; gap:6px; }
.sgm-goal__dots span{ width:8px; height:8px; border-radius:999px; background:rgba(255,255,255,.45); transition:width .3s, background .3s; }
.sgm-goal__dots span.is-on{ width:26px; background:#8FC644; }
.sgm-goal__dots em{ margin-left:6px; font-style:normal; font-size:13px; font-weight:700; color:rgba(255,255,255,.85); white-space:nowrap; }
/* ===== 11 Open positions ===== */
.sgm-jobs__filters{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:14px; }
.sgm-jobs__search{ position:relative; flex:2 1 320px; min-width:0; }
.sgm-jobs__search svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); pointer-events:none; }
.sgm-jobs__filters input, .sgm-jobs__filters select{ width:100%; min-height:48px; border:1px solid #D6E5EF; background:#ffffff; color:#100D74; border-radius:12px; padding:12px 14px; font-family:'Be Vietnam Pro', sans-serif; font-size:16px; outline:none; box-shadow:none; transition:border-color .2s, box-shadow .2s; }
.sgm-jobs__search input{ padding-left:42px; -webkit-appearance:none; appearance:none; }
.sgm-jobs__filters select{ flex:1 1 200px; width:auto; min-width:0; cursor:pointer; }
.sgm-jobs__filters input:focus, .sgm-jobs__filters select:focus{ border-color:#2B85BA; box-shadow:0 0 0 3px rgba(43,133,186,.18); }
.sgm-jobs__status{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin-bottom:18px; font-size:15px; color:rgba(16,13,116,.72); }
.sgm-jobs__status b{ color:#100D74; }
.sgm-jobs__clear{ background:none; border:0; padding:0; color:#2B85BA; font-family:inherit; font-weight:600; font-size:14.4px; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.sgm-jobs__clear[hidden]{ display:none; }
.sgm-jobs__clear:hover{ color:#100D74; }
.sgm-jobs__groups{ display:grid; gap:10px; }
.sgm-group{ background:#ffffff; border:1px solid #D6E5EF; border-radius:16px; overflow:hidden; box-shadow:0 0 0 0 rgba(43,133,186,0); transition:border-color .25s, box-shadow .5s; }
.sgm-group[hidden]{ display:none; }
.sgm-group.is-open, .sgm-group.is-flash{ border-color:#2B85BA; }
.sgm-group.is-flash{ box-shadow:0 0 0 4px rgba(43,133,186,.28), 0 12px 28px rgba(16,13,116,.10); }
.sgm-group__head{ width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:4px 14px; padding:16px 20px; min-height:64px; background:#ffffff; border:0; cursor:pointer; text-align:left; color:inherit; font-family:inherit; transition:background .2s; }
.sgm-group__head:hover, .sgm-group__head:focus{ background:#EDF5FA; }
.sgm-group.is-open .sgm-group__head{ background:#F6FAFD; }
.sgm-group__titles{ display:grid; gap:1px; }
.sgm-group__name{ font-size:17px; font-weight:700; color:#100D74; line-height:1.4; }
.sgm-group__count{ font-size:14px; color:rgba(16,13,116,.72); }
.sgm-group__count b{ color:#2B85BA; }
.sgm-group__toggle{ margin-left:auto; display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:#2B85BA; white-space:nowrap; }
.sgm-group__toggle i{ width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-style:normal; background:#EDF5FA; color:#2B85BA; transition:transform .3s ease, background .2s, color .2s; }
.sgm-group.is-open .sgm-group__toggle i{ transform:rotate(180deg); background:#2B85BA; color:#ffffff; }
.sgm-group__panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
.sgm-group.is-open .sgm-group__panel{ grid-template-rows:1fr; }
.sgm-group__clip{ overflow:hidden; min-height:0; }
.sgm-group__list{ border-top:1px solid #D6E5EF; }
.sgm-jrow{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 20px; padding:14px 20px; border-bottom:1px solid #D6E5EF; transition:background .2s; }
.sgm-jrow:last-child{ border-bottom:0; }
.sgm-jrow[hidden]{ display:none; }
.sgm-jrow:hover{ background:#F6FAFD; }
.sgm-jrow.is-gone{ opacity:.55; }
.sgm-page .sgm-jrow__title{ flex:1 1 300px; margin:0; font-size:16px; font-weight:600; line-height:1.35; color:#100D74; }
.sgm-jrow__loc, .sgm-jrow__date{ flex:0 0 140px; font-size:14px; color:rgba(16,13,116,.72); font-variant-numeric:tabular-nums; }
.sgm-jrow__view, .sgm-jrow__view:visited{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; color:#2B85BA; font-weight:700; font-size:14.4px; white-space:nowrap; padding:8px 14px; border-radius:999px; transition:background .2s, color .2s; }
.sgm-jrow__view:hover, .sgm-jrow__view:focus{ background:#2B85BA; color:#ffffff; }
.sgm-jrow__view.is-off{ color:rgba(16,13,116,.72); pointer-events:none; }
.sgm-tag{ display:inline-block; font-size:11.5px; font-weight:700; border-radius:999px; padding:2px 9px; margin-left:8px; vertical-align:2px; line-height:1.5; }
.sgm-tag--prio{ background:#EDF5FA; color:#2B85BA; }
.sgm-tag--gone{ background:rgba(195,68,84,.1); color:#C34454; }
.sgm-jobs__empty{ background:#ffffff; border:1px dashed #D6E5EF; border-radius:16px; padding:22px; color:rgba(16,13,116,.72); text-align:center; }
.sgm-jobs__empty[hidden]{ display:none; }
.sgm-network{ margin-top:32px; display:flex; flex-wrap:wrap; gap:16px 28px; align-items:center; justify-content:space-between; background:#100D74; color:#ffffff; border-radius:14px; padding:22px 24px; }
.sgm-network p{ max-width:64ch; }
.sgm-network b{ color:#ffffff; }
/* ===== 12 Hiring process ===== */
.sgm-steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); }
.sgm-step{ display:grid; gap:16px; align-content:start; position:relative; }
.sgm-step--1{ z-index:3; }
.sgm-step--2{ z-index:2; }
.sgm-step--3{ z-index:1; }
.sgm-step__bar{ min-height:112px; display:flex; align-items:center; gap:14px; padding:18px 48px 18px 46px; margin-left:-14px; clip-path:polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%, 30px 50%); transition:filter .2s, transform .2s; }
.sgm-step--1 .sgm-step__bar{ margin-left:0; padding-left:22px; border-radius:14px 0 0 14px; clip-path:polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%); background:#00A6D6; color:#0D0A5B; }
.sgm-step--2 .sgm-step__bar{ background:#100D74; color:#ffffff; }
.sgm-step--3 .sgm-step__bar{ background:#78B943; color:#0D0A5B; }
.sgm-step__bar:hover{ filter:brightness(1.08); transform:translateY(-2px); }
.sgm-step--2 .sgm-step__bar:hover{ filter:brightness(1.25); }
.sgm-step__num{ flex:none; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:16px; background:rgba(13,10,91,.1); border:1.5px solid rgba(13,10,91,.45); }
.sgm-step--2 .sgm-step__num{ background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.55); }
.sgm-step__bar small{ display:block; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; opacity:.85; }
.sgm-page .sgm-step__bar h3{ margin:0; font-size:17px; font-weight:700; line-height:1.3; color:inherit; }
.sgm-step > p{ padding:0 30px 0 32px; color:rgba(16,13,116,.72); font-size:15px; }
.sgm-step--1 > p{ padding-left:22px; }
/* ===== 13 FAQ ===== */
.sgm-faq{ display:grid; gap:10px; }
.sgm-faq__item{ background:#ffffff; border:1px solid #D6E5EF; border-radius:16px; overflow:hidden; box-shadow:0 0 0 0 rgba(16,13,116,0); transition:background .3s, border-color .3s, box-shadow .3s; }
.sgm-faq__item.is-open{ background:#F6FAFD; border-color:#2B85BA; box-shadow:0 12px 28px rgba(16,13,116,.08); }
.sgm-faq__q{ width:100%; display:flex; align-items:center; gap:16px; padding:18px 22px; min-height:44px; background:none; border:0; cursor:pointer; text-align:left; color:#100D74; font-family:inherit; }
.sgm-faq__q:hover, .sgm-faq__q:focus{ background:rgba(43,133,186,.05); }
.sgm-faq__n{ flex:none; width:28px; font-size:13px; font-weight:800; letter-spacing:.04em; color:rgba(16,13,116,.35); font-variant-numeric:tabular-nums; transition:color .3s; }
.sgm-faq__text{ flex:1; font-weight:700; font-size:16.5px; line-height:1.45; transition:color .2s; }
.sgm-faq__sign{ flex:none; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:20px; font-weight:400; line-height:1; background:#EDF5FA; color:#2B85BA; transition:transform .3s ease, background .2s, color .2s; }
.sgm-faq__item.is-open .sgm-faq__n, .sgm-faq__item.is-open .sgm-faq__text{ color:#2B85BA; }
.sgm-faq__item.is-open .sgm-faq__sign{ transform:rotate(45deg); background:#2B85BA; color:#ffffff; }
.sgm-faq__panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.sgm-faq__item.is-open .sgm-faq__panel{ grid-template-rows:1fr; }
.sgm-faq__clip{ overflow:hidden; min-height:0; }
.sgm-faq__clip p{ padding:0 70px 20px 66px; color:rgba(16,13,116,.78); }
/* ===== 14 Apply form ===== */
.sgm-apply{ display:flex; flex-wrap:wrap; gap:48px; }
.sgm-apply__intro{ flex:1 1 300px; }
.sgm-apply__intro .sgm-h2{ margin-top:6px; }
.sgm-apply__contact{ display:grid; gap:6px; margin-top:20px; font-size:15px; }
.sgm-apply__contact span{ color:rgba(16,13,116,.72); font-size:12.8px; letter-spacing:.08em; text-transform:uppercase; }
.sgm-apply__contact span + b + span{ margin-top:8px; }
.sgm-apply__contact a{ color:inherit; }
.sgm-apply__main{ flex:1.5 1 420px; min-width:0; }
.sgm-apply__done{ background:#ffffff; border:1px solid #D6E5EF; border-radius:16px; padding:32px 28px; display:grid; gap:12px; justify-items:start; }
.sgm-apply__done[hidden]{ display:none; }
.sgm-apply__check{ width:52px; height:52px; border-radius:50%; background:#8FC644; display:grid; place-items:center; }
.sgm-apply__done p{ color:rgba(16,13,116,.72); }
.sgm-form{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; background:#ffffff; border:1px solid #D6E5EF; border-radius:16px; padding:24px; box-shadow:0 0 0 0 rgba(43,133,186,0); transition:box-shadow .5s, border-color .3s; }
.sgm-form[hidden]{ display:none; }
.sgm-form.is-flash{ border-color:#2B85BA; box-shadow:0 0 0 4px rgba(43,133,186,.28), 0 16px 36px rgba(16,13,116,.10); }
.sgm-field{ display:grid; gap:6px; font-size:13.6px; font-weight:600; color:#100D74; line-height:1.4; }
.sgm-field--full{ grid-column:1 / -1; }
.sgm-field input, .sgm-field select, .sgm-field textarea{ width:100%; min-width:0; min-height:44px; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; font-weight:400; color:#100D74; background:#ffffff; border:1px solid #D6E5EF; border-radius:10px; padding:10px 12px; outline:none; box-shadow:none; transition:border-color .2s, box-shadow .2s, background .4s; }
.sgm-field textarea{ min-height:90px; resize:vertical; }
.sgm-field select{ cursor:pointer; }
.sgm-field--file input{ border-style:dashed; cursor:pointer; }
.sgm-field--file input:hover{ border-color:#2B85BA; background:#F6FAFD; }
.sgm-field input:focus, .sgm-field select:focus, .sgm-field textarea:focus{ border-color:#2B85BA; box-shadow:0 0 0 3px rgba(43,133,186,.18); }
.sgm-field.is-error input{ border-color:#C34454; }
.sgm-form.is-flash select{ background:#EDF5FA; border-color:#2B85BA; }
.sgm-consent{ display:flex; gap:10px; align-items:flex-start; font-weight:400; font-size:13.6px; line-height:1.55; color:rgba(16,13,116,.72); background:#EDF5FA; border-radius:10px; padding:12px; border:1px solid transparent; cursor:pointer; transition:border-color .2s; }
.sgm-consent input{ width:18px; height:18px; margin:2px 0 0; flex:none; accent-color:#100D74; cursor:pointer; -webkit-appearance:checkbox; appearance:checkbox; }
.sgm-consent.is-error{ border-color:#C34454; }
.sgm-form__foot{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.sgm-form__submit{ padding:12px 26px; font-weight:600; font-size:15px; border:0; }
.sgm-form__submit[disabled]{ opacity:.6; cursor:wait; }
.sgm-form__note{ font-size:13.6px; min-height:1.2em; color:#2B85BA; }
.sgm-form__note.is-bad{ color:#C34454; }
/* ===== 15 Footer ===== */
.sgm-footer{ position:relative; overflow:hidden; isolation:isolate; background:#100D74; color:rgba(255,255,255,.82); font-size:14.4px; line-height:1.55; }
.sgm-footer__stripe{ display:grid; grid-template-columns:repeat(4, 1fr); height:5px; }
.sgm-footer__stripe span:nth-child(1){ background:#2B85BA; }
.sgm-footer__stripe span:nth-child(2){ background:#00A6D6; }
.sgm-footer__stripe span:nth-child(3){ background:#8FC644; }
.sgm-footer__stripe span:nth-child(4){ background:#5FB3E3; }
.sgm-footer .sgm-deco--ring-lg{ right:-160px; top:-140px; width:480px; height:480px; border:70px solid rgba(43,133,186,.14); }
.sgm-footer .sgm-deco--dash{ right:40px; top:40px; width:180px; height:180px; border:1.5px dashed rgba(143,198,68,.3); }
.sgm-footer .sgm-deco--glow{ left:-140px; bottom:-200px; width:420px; height:420px; background:radial-gradient(circle, rgba(0,166,214,.18), transparent 70%); }
.sgm-footer__inner{ padding-top:36px; display:grid; gap:24px; }
.sgm-footer__top{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:28px; }
.sgm-footer__brand{ display:grid; gap:10px; max-width:620px; }
.sgm-footer__logo{ display:block; height:44px; width:auto; justify-self:start; }
.sgm-footer__slogan{ margin-top:4px !important; font-size:clamp(20px, 2.4vw, 26px); font-weight:800; color:#ffffff; letter-spacing:-.01em; line-height:1.2; text-wrap:balance; }
.sgm-footer__slogan-en{ margin-top:-4px !important; font-family:'Noto Serif', Georgia, serif; font-style:italic; font-size:15px; color:#5FB3E3; }
.sgm-footer__ctas{ display:flex; flex-wrap:wrap; gap:12px; }
.sgm-fbtn, .sgm-fbtn:visited{ display:inline-flex; align-items:center; gap:8px; min-height:44px; border-radius:999px; padding:12px 24px; font-weight:700; font-size:15px; line-height:1.2; border:1.5px solid; transition:background .25s, color .25s, border-color .25s, transform .2s; }
.sgm-fbtn--fill{ border-color:#8FC644; background:#8FC644; color:#100D74; }
.sgm-fbtn--line{ border-color:rgba(255,255,255,.55); background:transparent; color:#ffffff; }
.sgm-fbtn:hover, .sgm-fbtn:focus{ transform:translateY(-2px); }
.sgm-fbtn--fill:hover, .sgm-fbtn--fill:focus{ color:#100D74; }
.sgm-footer__ctas.is-swap .sgm-fbtn--fill{ border-color:rgba(255,255,255,.55); background:transparent; color:#ffffff; transform:none; }
.sgm-footer__ctas.is-swap .sgm-fbtn--line{ border-color:#8FC644; background:#8FC644; color:#100D74; }
.sgm-footer__cols{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:20px 40px; }
.sgm-footer__col{ display:grid; gap:9px; align-content:start; padding-top:14px; border-top:1px solid rgba(255,255,255,.16); }
.sgm-footer__label{ font-size:11.5px; letter-spacing:.14em; color:#5FB3E3; font-weight:700; }
.sgm-footer__row{ display:flex; gap:12px; align-items:flex-start; }
.sgm-footer__row > div{ padding-top:2px; min-width:0; }
.sgm-footer__ico{ flex:none; width:26px; height:26px; border-radius:8px; display:grid; place-items:center; background:rgba(95,179,227,.16); color:#5FB3E3; }
.sgm-footer a, .sgm-footer a:visited{ color:#ffffff; transition:color .2s; }
.sgm-footer a:hover, .sgm-footer a:focus{ color:#8FC644; }
.sgm-footer .sgm-fbtn--fill, .sgm-footer .sgm-fbtn--fill:visited, .sgm-footer .sgm-fbtn--fill:hover{ color:#100D74; }
.sgm-footer .sgm-footer__ctas.is-swap .sgm-fbtn--fill{ color:#ffffff; }
.sgm-footer .sgm-footer__ctas.is-swap .sgm-fbtn--line, .sgm-footer .sgm-footer__ctas.is-swap .sgm-fbtn--line:hover{ color:#100D74; }
.sgm-footer__hotline, .sgm-footer__hotline:visited{ font-weight:700; font-size:18px; color:#ffffff !important; }
.sgm-footer__hotline:hover, .sgm-footer__hotline:focus{ color:#8FC644 !important; }
.sgm-footer__sub{ font-size:12.5px; opacity:.7; }
.sgm-footer__bottom{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; padding:14px 0 16px; border-top:1px solid rgba(255,255,255,.14); font-size:13px; }
.sgm-footer__nav{ display:flex; flex-wrap:wrap; gap:6px 20px; }
.sgm-footer__nav a, .sgm-footer__nav a:visited{ color:rgba(255,255,255,.75); }
.sgm-footer__copy{ display:flex; align-items:center; gap:14px; }
.sgm-footer__copy span{ opacity:.6; }
.sgm-footer__up, .sgm-footer__up:visited{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.1); color:#ffffff; font-size:16px; transition:background .2s, transform .2s; }
.sgm-footer__up:hover, .sgm-footer__up:focus{ background:#2B85BA; color:#ffffff; transform:translateY(-3px); }
/* ===== Job detail - hero ===== */
.sgm-jd-hero{ position:relative; overflow:hidden; isolation:isolate; display:flex; align-items:flex-end; min-height:460px; padding:120px 0 72px; background:#0D0A5B; color:#ffffff; }
.sgm-jd-hero .sgm-hero__media img{ object-position:50% 30%; }
.sgm-jd-hero__shade{ position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(100deg, rgba(13,10,91,.88) 0%, rgba(13,10,91,.7) 38%, rgba(13,10,91,.35) 70%, rgba(13,10,91,.22) 100%); }
.sgm-jd-hero__body{ width:100%; }
.sgm-jd-hero__back, .sgm-jd-hero__back:visited{ display:flex; width:max-content; align-items:center; min-height:44px; margin-bottom:6px; color:rgba(255,255,255,.85); font-size:14px; font-weight:600; }
.sgm-jd-hero__back:hover, .sgm-jd-hero__back:focus{ color:#8FC644; }
.sgm-eyebrow--light{ color:#ffffff; }
.sgm-page .sgm-jd-hero__title{ max-width:860px; margin:10px 0 0; font-size:clamp(30px, 3.8vw, 50px); font-weight:800; line-height:1.12; letter-spacing:-.02em; color:#ffffff; text-wrap:balance; text-shadow:0 2px 6px rgba(13,10,91,.55), 0 6px 28px rgba(13,10,91,.5); }
.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,.12); border:1px solid rgba(255,255,255,.35); color:#ffffff; font-size:13px; font-weight:600; padding:7px 14px; border-radius:999px; -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) 340px; gap:28px; align-items:start; margin-top:-36px; margin-bottom:72px; z-index:2; }
.sgm-jd-card{ background:#ffffff; border:1px solid #D6E5EF; border-radius:20px; padding:34px 38px; box-shadow:0 8px 24px rgba(16,13,116,.06); }
.sgm-jd-side{ position:-webkit-sticky; position:sticky; top:96px; display:grid; gap:16px; }
.sgm-jd-side .sgm-jd-card{ padding:24px; border-radius:16px; }
.sgm-jd-content{ margin-top:18px; font-size:16px; line-height:1.7; color:rgba(16,13,116,.8); 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:rgba(16,13,116,.8) !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:#100D74 !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:#100D74 !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:#8FC644; }
.sgm-jd-content a, .sgm-jd-content a *{ color:#2B85BA !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 #D6E5EF; }
.sgm-jd-summary__list div:last-child{ border-bottom:none; }
.sgm-jd-summary__list dt{ font-size:14px; color:rgba(16,13,116,.72); font-weight:400; flex-shrink:0; }
.sgm-jd-summary__list dd{ margin:0; font-size:14.5px; color:#100D74; font-weight:700; 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 #D6E5EF; font-size:14px; color:rgba(16,13,116,.72); }
.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 #D6E5EF; border-radius:999px; color:#100D74; font-size:13px; font-weight:600; transition:background .2s, color .2s, border-color .2s; }
.sgm-jd-share a:hover, .sgm-jd-share a:focus{ background:#2B85BA; border-color:#2B85BA; color:#ffffff; }
.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:#100D74; font-size:15px; font-weight:700; line-height:1.8; }
.sgm-jd-contact a:hover{ color:#2B85BA; }
/* ===== Job detail - apply form (form chung cua he thong) ===== */
.sgm-page .sgm-jd-apply__job{ margin-top:6px; font-size:clamp(22px, 2.6vw, 30px); }
.sgm-jd-form #appform{ margin:0; padding:24px; width:auto; background:#ffffff; border:1px solid #D6E5EF; border-radius:16px; 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:13.6px; font-weight:600; line-height:1.4; color:#100D74; text-align:left; text-transform:none; }
.sgm-jd-form #appform .label .red, .sgm-jd-form #appform .red{ color:#C34454; }
.sgm-jd-form #appform .desc{ font-size:13px; color:rgba(16,13,116,.72); }
.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 #D6E5EF; border-radius:10px; background:#ffffff; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; line-height:1.4; color:#100D74; box-shadow:none; outline:none; transition:border-color .2s, box-shadow .2s; }
.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:#2B85BA; box-shadow:0 0 0 3px rgba(43,133,186,.18); }
.sgm-jd-form #appform textarea{ min-height:90px; 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:20px 18px; border:1.5px dashed #9FC3DB; border-radius:12px; background:#F6FAFD; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; font-weight:700; line-height:1.4; color:#100D74; text-align:center; cursor:pointer; transition:border-color .2s, background-color .2s; }
.sgm-jd-form #appform .upload .text:hover{ border-color:#2B85BA; background:#EDF5FA; }
.sgm-jd-form #appform .upload .more{ margin-top:4px; font-size:13.5px !important; font-weight:400; line-height:1.5; color:rgba(16,13,116,.72); }
.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:#100D74; }
.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:#2B85BA; font-family:'Be Vietnam Pro', sans-serif; font-size:14px; font-weight:600; text-align:left; background:none; border: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:13.6px; line-height:1.55; color:rgba(16,13,116,.72); background:#EDF5FA; border-radius:10px; padding:12px; }
.sgm-jd-form #appform .tos-wrapper a{ color:#2B85BA; text-decoration:underline; }
.sgm-jd-form #appform .submit, .sgm-jd-form #appform .submit.button{ display:inline-flex; align-items:center; justify-content:center; justify-self:start; width:auto; min-height:44px; margin:4px 0 0; padding:12px 26px; border:none; border-radius:999px; background:#2B85BA; color:#ffffff; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; font-weight:600; line-height:1.2; text-transform:none; text-align:center; letter-spacing:normal; box-shadow:none; cursor:pointer; float:none; transition:background .2s, transform .15s; }
.sgm-jd-form #appform .submit:hover{ background:#100D74; color:#ffffff; }
/* ===== Job detail - related, mobile bar ===== */
.sgm-jd-rel__head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px 24px; margin-bottom:24px; }
.sgm-jd-rel__head .sgm-head{ margin-bottom:0; }
.sgm-jd-viewall, .sgm-jd-viewall:visited{ color:#2B85BA; font-size:15px; font-weight:700; white-space:nowrap; }
.sgm-jd-viewall:hover{ color:#100D74; }
.sgm-jd-rel{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:14px; }
.sgm-jd-rel__item, .sgm-jd-rel__item:visited{ display:flex; flex-direction:column; gap:14px; background:#ffffff; border:1px solid #D6E5EF; border-radius:16px; padding:20px 22px; color:#100D74; transition:background .3s, color .3s, border-color .3s, transform .2s, box-shadow .3s; }
.sgm-page .sgm-jd-rel__item h3{ margin:0; font-size:16.5px; font-weight:700; line-height:1.35; color:inherit; }
.sgm-jd-rel__foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:14px; color:rgba(16,13,116,.72); }
.sgm-jd-rel__foot b{ color:#2B85BA; }
.sgm-jd-rel__item:hover, .sgm-jd-rel__item:focus{ background:#2B85BA; border-color:#2B85BA; color:#ffffff; transform:translateY(-4px); box-shadow:0 18px 36px rgba(43,133,186,.32); }
.sgm-jd-rel__item:hover .sgm-jd-rel__foot, .sgm-jd-rel__item:hover .sgm-jd-rel__foot b{ color:#ffffff; }
.sgm-jd-bar{ display:none; }
/* ===== Responsive ===== */
@media (max-width:1239px){
	.sgm-nav__label{ display:none; }
}
@media (max-width:999px){
	.sgm-nav__items{ display:none; }
	.sgm-nav__apply{ margin-left:auto; }
	.sgm-nav__burger{ display:grid; }
	.sgm-nav.is-open .sgm-nav__drop{ display:grid; }
}
@media (max-width:1024px){
	.sgm-jd-body{ grid-template-columns:minmax(0, 1fr) 300px; gap:20px; }
	.sgm-jd-card{ padding:28px; }
}
@media (max-width:860px){
	.sgm-home .sgm-hero{ flex-direction:column; align-items:stretch; padding-bottom:0; }
	.sgm-home .sgm-hero__media{ position:relative; order:2; flex:1 1 auto; min-height:300px; margin-top:28px; z-index:0; }
	.sgm-home .sgm-hero__media img{ position:absolute; top:0; left:0; object-position:50% 40%; }
	.sgm-home .sgm-hero__shade{ background:linear-gradient(180deg, #0D0A5B 0%, rgba(13,10,91,0) 22%, rgba(13,10,91,0) 75%, rgba(13,10,91,.35) 100%); }
	.sgm-home .sgm-hero__body{ order:1; }
	.sgm-home .sgm-hero__desc{ max-width:470px; }
	.sgm-jd-body{ grid-template-columns:1fr; margin-bottom:56px; }
	.sgm-jd-side{ position:static; order:-1; }
	.sgm-jd-bar{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:55; padding:12px 16px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.96); border-top:1px solid #D6E5EF; box-shadow:0 -8px 24px rgba(16,13,116,.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; }
	.sgm-photos{ grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:none; grid-auto-rows:auto; }
	.sgm-ph{ aspect-ratio:4 / 3; }
	.sgm-ph--big{ grid-row:auto; grid-column:1 / -1; aspect-ratio:4 / 3; }
	.sgm-ph--square{ aspect-ratio:1 / 1; }
	.sgm-ph--wide{ grid-column:1 / -1; aspect-ratio:2 / 1; }
	.sgm-steps{ grid-template-columns:1fr; gap:18px; }
	.sgm-step__bar, .sgm-step--1 .sgm-step__bar{ margin-left:0; padding:18px 48px 18px 22px; border-radius:14px 0 0 14px; clip-path:polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%); min-height:88px; }
	.sgm-step > p{ padding:0 22px; }
	.sgm-lb{ padding:56px 12px; }
	.sgm-lb__prev, .sgm-lb__next{ top:auto; bottom:14px; margin-top:0; }
	.sgm-lb__img{ height:68vh; }
}
@media (max-width:600px){
	.sgm-jd-hero{ min-height:420px; padding:104px 0 60px; }
	.sgm-jd-hero__shade{ background:linear-gradient(180deg, rgba(13,10,91,.6) 0%, rgba(13,10,91,.88) 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-form #appform{ padding:18px; }
	.sgm-sec{ padding:56px 0; }
	.sgm-purpose{ padding-top:72px; }
	.sgm-hero{ padding-bottom:110px; }
	.sgm-jd .sgm-hero__shade, .sgm-hero__shade{ background:linear-gradient(180deg, rgba(13,10,91,.62) 0%, rgba(13,10,91,.28) 45%, rgba(13,10,91,.55) 100%); }
	.sgm-home .sgm-hero__shade{ background:linear-gradient(180deg, #0D0A5B 0%, rgba(13,10,91,0) 22%, rgba(13,10,91,0) 75%, rgba(13,10,91,.35) 100%); }
	.sgm-hero__ctas .sgm-btn{ flex:1 1 auto; }
	.sgm-home .sgm-hero__ctas{ align-items:stretch; }
	.sgm-stats{ margin-top:-56px; }
	.sgm-stats__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
	.sgm-stat{ padding:16px; gap:8px; }
	.sgm-stat__num{ font-size:28px; }
	.sgm-stat__label{ font-size:13px; }
	.sgm-stat__arrow{ display:none; }
	.sgm-purpose__text{ flex-basis:100%; }
	.sgm-pw{ min-width:0; flex-basis:100%; grid-template-columns:minmax(0, 1fr) minmax(150px, 190px) minmax(0, 1fr); gap:8px; }
	.sgm-pw__side{ gap:28px; }
	.sgm-pw__vi{ font-size:14px; }
	.sgm-pw__en{ font-size:8.5px; letter-spacing:.08em; }
	.sgm-vm{ grid-template-columns:1fr; margin-top:40px; }
	.sgm-vm__card{ padding:24px 20px; }
	.sgm-grid--values{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
	.sgm-value{ padding:20px 16px; }
	.sgm-value__num{ font-size:28px; top:14px; right:14px; }
	.sgm-grid--perks{ grid-template-columns:1fr; }
	.sgm-photos{ gap:8px; }
	.sgm-ph figcaption{ font-size:12px; padding:22px 10px 8px; }
	.sgm-ceo__photo{ flex-basis:100%; max-width:320px; }
	.sgm-ceo__quote{ font-size:22px; }
	.sgm-ceo__msg{ font-size:16px; }
	.sgm-jrow__loc, .sgm-jrow__date{ flex:0 1 auto; }
	.sgm-jrow__view{ margin-left:0; padding-left:0; }
	.sgm-group__toggle .js-toggle-text{ display:none; }
	.sgm-faq__q{ padding:16px; gap:10px; }
	.sgm-faq__clip p{ padding:0 16px 18px 54px; }
	.sgm-apply{ gap:28px; }
	.sgm-apply__main{ flex-basis:100%; }
	.sgm-form{ padding:18px; }
	.sgm-goal{ padding:20px; }
	.sgm-goal__dots{ flex-wrap:wrap; }
}
@media (max-width:520px){
	.sgm-nav__apply{ padding:8px 14px; font-size:13.5px; }
	.sgm-nav__logo{ height:44px; }
}
@media (max-width:360px){
	.sgm-grid--values, .sgm-stats__grid{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
	.sgm-nav__apply, .sgm-nav__apply-shine{ animation:none !important; }
	.sgm-page *, .sgm-nav *, .sgm-footer *{ transition:none !important; }
	.sgm-stats{ transition:none; }
}