/* /mekong_website_frontend/static/src/css/header.css */
#top.mk-recruitment-header{background: #fff; border-bottom: 1px solid #e3ebe5;}#top.mk-recruitment-header .navbar{min-height: 88px; padding-top: 12px; padding-bottom: 12px;}.mk-careers-brand{display: inline-flex; align-items: center; gap: 14px; max-width: calc(100% - 56px);}.mk-careers-logo{width: auto; max-width: 140px; height: 48px; object-fit: contain;}.mk-careers-brand-text{display: flex; flex-direction: column; white-space: normal; color: #153c2b;}.mk-careers-brand-text strong{font-size: 1rem; line-height: 1.4;}.mk-careers-brand-text small{font-size: .75rem; font-weight: 400; color: #617568;}@media (max-width: 575.98px){.mk-careers-logo{max-width: 88px; height: 38px;}.mk-careers-brand{gap: 10px; margin-right: 0;}.mk-careers-brand-text strong{font-size: .85rem;}}#wrapwrap > header#top .navbar-nav .nav-item .nav-link{position: relative; font-weight: 500; padding-left: 1rem !important; padding-right: 1rem !important; transition: color .2s ease;}#wrapwrap > header#top .navbar-nav .nav-item .nav-link::after{content: ""; position: absolute; left: 1rem; right: 1rem; bottom: .3rem; height: 2px; border-radius: 1px; background: var(--mk-primary, #2f9e44); transform: scaleX(0); transform-origin: left; transition: transform .25s ease;}#wrapwrap > header#top .navbar-nav .nav-item .nav-link:hover, #wrapwrap > header#top .navbar-nav .nav-item .nav-link.active{color: var(--mk-primary, #2f9e44) !important;}#wrapwrap > header#top .navbar-nav .nav-item .nav-link:hover::after, #wrapwrap > header#top .navbar-nav .nav-item .nav-link.active::after{transform: scaleX(1);}#wrapwrap > header#top.o_header_fixed{box-shadow: 0 2px 16px rgba(0, 0, 0, .08);}#wrapwrap > header#top .o_header_language_selector .dropdown-toggle{display: inline-flex; align-items: center; padding: .4rem .9rem; border-radius: 2rem; color: var(--mk-primary, #2f9e44); border-color: var(--mk-primary, #2f9e44); transition: background-color .15s ease, color .15s ease;}#wrapwrap > header#top .o_header_language_selector .dropdown-toggle:hover, #wrapwrap > header#top .o_header_language_selector .dropdown-toggle:focus, #wrapwrap > header#top .o_header_language_selector .show > .dropdown-toggle{color: #fff !important; background-color: var(--mk-primary, #2f9e44) !important; border-color: var(--mk-primary, #2f9e44) !important;}#wrapwrap > header#top .o_header_language_selector .dropdown-menu{min-width: 190px; margin-top: .5rem !important; margin-bottom: .5rem !important; padding: .4rem; border: none; border-radius: .75rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .15);}#wrapwrap > header#top .o_header_language_selector .dropdown-item{display: flex; align-items: center; min-height: 2.75rem; padding: .5rem .75rem; border-radius: .5rem; font-weight: 500; color: #343a40; transition: background-color .15s ease, color .15s ease;}#wrapwrap > header#top .o_header_language_selector .dropdown-item + .dropdown-item{margin-top: .15rem;}#wrapwrap > header#top .o_header_language_selector .dropdown-item.active, #wrapwrap > header#top .o_header_language_selector .dropdown-item:active{background-color: transparent; color: var(--mk-primary, #2f9e44) !important; font-weight: 600;}#wrapwrap > header#top .o_header_language_selector .dropdown-item:hover, #wrapwrap > header#top .o_header_language_selector .dropdown-item:focus{background-color: transparent; color: var(--mk-primary, #2f9e44) !important;}#wrapwrap > header#top .o_header_language_selector .mk-lang-flag{width: 20px; height: 15px; margin-right: .55rem; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); vertical-align: middle; flex-shrink: 0;}

/* /mekong_website_frontend/static/src/css/footer.css */
 .o_brand_promotion{display: none !important;}#footer.mk-footer{background: #132b24; --mk-footer-muted: rgba(255, 255, 255, .65);}#footer.mk-footer h5{font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; margin-bottom: .75rem !important;}#footer.mk-footer h5::after{content: ""; display: block; width: 22px; height: 2px; margin-top: .4rem; border-radius: 1px; background: var(--mk-primary, #2f9e44);}#footer.mk-footer p, #footer.mk-footer li{color: var(--mk-footer-muted); font-size: .9rem; line-height: 1.55;}#footer.mk-footer ul.list-unstyled{margin-bottom: 0;}#footer.mk-footer ul.list-unstyled li{margin-bottom: .35rem;}#footer.mk-footer a{color: var(--mk-footer-muted); text-decoration: none; transition: color .2s ease;}#footer.mk-footer a:hover{color: #fff;}#footer.mk-footer ul.list-unstyled li a:hover{color: var(--mk-primary, #2f9e44);}#footer.mk-footer .s_social_media a i{transition: transform .2s ease, background-color .2s ease, color .2s ease;}#footer.mk-footer .s_social_media a:hover i{background: var(--mk-primary, #2f9e44); color: #fff; transform: translateY(-2px);}@media (min-width: 992px){#footer.mk-footer .row > div + div{border-left: 1px solid rgba(255, 255, 255, .08);}}@media (max-width: 991.98px){#footer.mk-footer .row > [class*="col-lg-"]{padding-top: .75rem !important; padding-bottom: .75rem !important;}#footer.mk-footer .row > [class*="col-lg-"]:not(:last-child){padding-bottom: 1.25rem !important; border-bottom: 1px solid rgba(255, 255, 255, .08);}#footer.mk-footer .s_social_media{margin-top: .75rem !important;}}

/* /mekong_website_frontend/static/src/css/contactus.css */
 .mk-contact-body{min-height: 100%; background: #f1f3f5; padding-top: 3rem !important; padding-bottom: 3rem !important;}.mk-contact-body > .container{position: relative; background: #fff; border-radius: 1rem; box-shadow: 0 20px 45px rgba(0, 0, 0, .08); padding: 3rem;}.mk-contact-body .s_website_form_input{border-radius: .5rem; border-color: #e9ecef;}.mk-contact-body .s_website_form_input:focus{border-color: var(--mk-primary, #2f9e44); box-shadow: 0 0 0 .2rem rgba(47, 158, 68, .15);}.mk-contact-body .s_website_form_send{background-color: var(--mk-primary, #2f9e44); border-color: var(--mk-primary, #2f9e44); border-radius: .5rem; padding: .6rem 1.75rem; transition: background-color .2s ease, border-color .2s ease;}.mk-contact-body .s_website_form_send:hover{background-color: var(--mk-primary-dark, #237032); border-color: var(--mk-primary-dark, #237032);}.mk-contact-body .s_website_form_submit{text-align: center !important;}.mk-contact-info{padding-left: 1.5rem;}.mk-contact-info h5{font-weight: 700; margin-bottom: 1.25rem;}.mk-contact-info ul li{display: flex; align-items: flex-start; gap: .6rem; margin-bottom: .9rem; color: #495057;}.mk-contact-info ul li:last-child{margin-bottom: 0;}.mk-contact-info ul li i{color: var(--mk-primary, #2f9e44); margin-top: .2rem; width: 1rem; text-align: center;}@media (min-width: 992px){.mk-contact-info{border-left: 1px solid #e9ecef;}}.mk-contact-map{height: 280px; border-radius: .75rem; overflow: hidden; box-shadow: 0 6px 20px rgba(0, 0, 0, .08);}@media (max-width: 767.98px){.mk-contact-body{padding-top: 1.25rem !important; padding-bottom: 1.25rem !important;}.mk-contact-body > .container{padding: 1.5rem 1.25rem; border-radius: .75rem;}.mk-contact-info{padding-left: 0; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e9ecef;}.mk-contact-map{height: 340px;}}

/* /mekong_website_frontend/static/src/css/jobs.css */
 .mk-jobs-page{background: var(--mk-bg, #f8f9fa); min-height: 80vh;}.mk-jobs-hero{background: linear-gradient(120deg, #eef9f0, #f6faf7); border-bottom: 1px solid #e3ebe5; padding: 2.75rem 0 2rem;}.mk-careers-eyebrow{display: inline-block; margin-bottom: .6rem; font-size: .75rem; font-weight: 700; letter-spacing: .12em; color: var(--mk-primary-dark, #237032);}.mk-jobs-hero h1{font-size: 1.5rem; font-weight: 700; color: #1a1a2e; margin-bottom: .25rem;}.mk-jobs-hero-sub{color: var(--mk-text-muted, #868e96); font-size: .95rem; margin-bottom: 1.5rem;}.mk-jobs-filter-bar{display: flex; flex-wrap: wrap; gap: 10px; background: #fff; border: 1px solid var(--mk-border, #e9ecef); border-radius: var(--mk-radius, 12px); padding: 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, .06);}.mk-filter-search{display: flex; align-items: center; gap: 8px; flex: 2 1 260px; background: #fff; border: 1.5px solid #dee2e6; border-radius: var(--mk-radius-sm, 8px); padding: 0 14px;}.mk-filter-search i{color: var(--mk-text-muted, #868e96);}.mk-filter-search input{border: none; outline: none; width: 100%; padding: 7px 0; font-size: .9rem; background: transparent;}.mk-filter-submit{flex: 0 0 auto; border: none; cursor: pointer; padding: 7px 20px !important; font-size: .9rem;}@media (max-width: 768px){.mk-filter-search, .mk-filter-submit{flex: 1 1 100%;}}.mk-jobs-sidebar{background: #fff; border: 1px solid var(--mk-border, #e9ecef); border-radius: var(--mk-radius, 12px); padding: 18px; position: sticky; top: 84px;}.mk-sidebar-header{display: flex; align-items: center; justify-content: space-between; font-weight: 700; color: #1a1a2e; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--mk-border, #e9ecef);}.mk-sidebar-clear{font-size: .8rem; font-weight: 500; color: var(--mk-primary, #2f9e44); text-decoration: none;}.mk-sidebar-clear:hover{text-decoration: underline;}.mk-sidebar-group{padding: 14px 0; border-bottom: 1px solid var(--mk-border, #e9ecef);}.mk-sidebar-group:last-child{border-bottom: none; padding-bottom: 0;}.mk-sidebar-group:first-of-type{padding-top: 0;}.mk-sidebar-group h6{font-size: .85rem; font-weight: 700; color: #1a1a2e; margin-bottom: 10px;}.mk-sidebar-option{display: flex; align-items: baseline; gap: 8px; font-size: .875rem; color: #495057; font-weight: 400; cursor: pointer; margin-bottom: 8px;}.mk-sidebar-option:last-child{margin-bottom: 0;}.mk-sidebar-option input{accent-color: var(--mk-primary, #2f9e44); flex-shrink: 0;}.mk-sidebar-option:hover{color: var(--mk-primary, #2f9e44);}.mk-sidebar-count{color: var(--mk-text-muted, #868e96); font-size: .8rem;}@media (max-width: 991.98px){.mk-jobs-sidebar{position: static; margin-bottom: 24px;}}.mk-jobs-list{display: flex; flex-direction: column; gap: 16px;}.mk-job-row{display: flex; justify-content: space-between; align-items: center; gap: 16px; background: var(--mk-card-bg, #fff); border: 1px solid var(--mk-border, #e9ecef); border-radius: var(--mk-radius, 12px); padding: 20px 24px; text-decoration: none; color: inherit; position: relative; transition: box-shadow .2s ease, border-color .2s ease;}.mk-job-row:hover{box-shadow: 0 4px 20px rgba(0, 0, 0, .1); border-color: var(--mk-primary, #2f9e44); color: inherit;}.mk-job-card-unpublished{background: #fff2f2; border-color: #ffd8d8;}.mk-job-card-unpublished:hover{border-color: #ff8787;}.mk-job-row-thumb{flex-shrink: 0; width: 110px; height: 110px; border-radius: var(--mk-radius-sm, 8px); background: var(--mk-primary-light, #ebfbee); display: flex; align-items: center; justify-content: center; overflow: hidden;}.mk-job-row-thumb img{width: 100%; height: 100%; object-fit: contain; padding: 6px;}.mk-job-row-thumb i{font-size: 2rem; color: var(--mk-primary, #2f9e44);}.mk-job-row-body{flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 10px;}.mk-job-row-top{display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;}.mk-job-row-bottom{display: flex; justify-content: space-between; align-items: center; gap: 12px;}.mk-job-row-main{flex: 1; min-width: 0;}.mk-job-card-title{font-size: 1.2rem; font-weight: 700; color: #1a1a2e; margin-bottom: 10px;}.mk-job-card-badges{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px;}.mk-card-badge{display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 16px; font-size: .8rem; font-weight: 500;}.mk-card-badge-blue{background: #e7f5ff; color: #1971c2; border: 1px solid #a5d8ff;}.mk-card-badge-orange{background: #fff4e6; color: #e67700; border: 1px solid #ffd8a8;}.mk-card-badge-purple{background: #f3f0ff; color: #6741d9; border: 1px solid #d0bfff;}.mk-card-badge-green{background: var(--mk-primary-light, #ebfbee); color: var(--mk-primary, #2f9e44); border: 1px solid var(--mk-primary-border, #b2f2bb);}.mk-job-card-meta{display: flex; align-items: center; gap: 8px; min-width: 0;}.mk-meta-item{font-size: .85rem; color: var(--mk-text-muted, #868e96);}.mk-meta-fixed{flex-shrink: 0; white-space: nowrap;}.mk-meta-sep{flex-shrink: 0; color: var(--mk-border, #e9ecef);}.mk-meta-truncate{flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.mk-job-row-cta{display: flex; align-items: flex-start; flex-shrink: 0;}.mk-job-row-dates{display: flex; align-items: center; gap: 8px; flex-shrink: 0;}.mk-card-deadline{color: #e03131; white-space: nowrap;}.mk-posted-date{white-space: nowrap; flex-shrink: 0;}.mk-btn-apply-sm{display: inline-flex; align-items: center; background: var(--mk-primary, #2f9e44); color: #fff !important; border-radius: var(--mk-radius-sm, 8px); padding: 8px 18px; font-size: .875rem; font-weight: 600; white-space: nowrap; transition: background .2s;}.mk-job-row:hover .mk-btn-apply-sm{background: var(--mk-primary-dark, #237032);}@media (max-width: 576px){.mk-job-row{align-items: flex-start; padding: 14px; gap: 12px;}.mk-job-row-thumb{width: 84px; height: 84px;}.mk-job-row-body{gap: 8px;}.mk-job-row-top{flex-direction: column; align-items: flex-start; gap: 8px;}.mk-job-card-title{font-size: 1.05rem; margin-bottom: 6px;}.mk-job-row-cta .mk-btn-apply-sm{padding: 6px 14px; font-size: .8rem;}.mk-job-row-bottom{flex-direction: column; align-items: flex-start; gap: 4px;}.mk-meta-truncate{max-width: 100%;}.mk-job-row-dates{display: block; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}}.mk-job-page{background: var(--mk-bg, #f8f9fa); min-height: 60vh; padding-bottom: 60px;}.mk-job-title{font-size: 1.9rem; font-weight: 700; color: #1a1a2e; margin-bottom: 16px;}.mk-deadline{color: #e03131; font-size: .9rem; font-weight: 500;}.mk-benefit-list{display: flex; flex-direction: column; gap: 10px;}.mk-benefit-item{display: flex; align-items: center; background: var(--mk-primary-light, #ebfbee); border: 1px solid var(--mk-primary-border, #b2f2bb); color: var(--mk-primary, #2f9e44); padding: 8px 16px; border-radius: var(--mk-radius-sm, 8px); font-weight: 500;}.mk-info-row{display: flex; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--mk-bg, #f8f9fa);}.mk-info-label{font-weight: 600; color: #495057; min-width: 130px;}.mk-specialty-tags{display: flex; flex-wrap: wrap; gap: 6px;}.mk-spec-tag{background: #e7f5ff; border: 1px solid #a5d8ff; color: #1971c2; padding: 3px 10px; border-radius: 12px; font-size: .8rem; font-weight: 500;}.mk-apply-page{background: var(--mk-bg, #f8f9fa); min-height: 80vh; padding-bottom: 60px;}.mk-apply-title{font-size: 1.8rem; font-weight: 700; color: #1a1a2e; margin-bottom: 8px;}.mk-form-section{background: #fff; border: 1px solid var(--mk-border, #e9ecef); border-radius: var(--mk-radius, 12px); padding: 24px; margin-bottom: 20px;}.mk-form-section-title{font-size: 1rem; font-weight: 700; color: #1a1a2e; border-bottom: 2px solid var(--mk-primary, #2f9e44); padding-bottom: 10px; margin-bottom: 20px;}.mk-form-field{margin-bottom: 16px;}.mk-form-label{display: block; font-weight: 600; color: #495057; margin-bottom: 6px; font-size: .9rem;}.mk-label-hint{font-weight: 400; color: var(--mk-text-muted, #868e96); font-size: .8rem; margin-left: 6px;}.mk-field-hint{font-size: .8rem; color: var(--mk-text-muted, #868e96); margin-top: 4px;}.mk-input{border-radius: var(--mk-radius-sm, 8px); border: 1.5px solid #dee2e6; padding: 10px 14px; font-size: .95rem; transition: border-color .2s;}.mk-input:focus{border-color: var(--mk-primary, #2f9e44); box-shadow: 0 0 0 3px rgba(47,158,68,.15);}.mk-input.is-invalid{border-color: #dc3545;}.mk-invalid-feedback{color: #dc3545; font-size: .85rem; margin-top: 4px;}.mk-dob{display: flex; align-items: center; gap: 2px; cursor: text; background: #fff;}.mk-dob:focus-within{border-color: var(--mk-primary, #2f9e44); box-shadow: 0 0 0 3px rgba(47,158,68,.15);}.mk-dob-part{width: 2.4em; border: none; outline: none; background: transparent; padding: 0; text-align: center; font: inherit; color: inherit; border-radius: 4px;}.mk-dob-part-year{width: 3.6em;}.mk-dob-part:focus{background: rgba(47,158,68,.12);}.mk-dob-part::placeholder{color: #adb5bd;}.mk-dob-sep{color: #868e96; padding: 0 2px; user-select: none;}.mk-dob-cal{position: relative; margin-left: auto; width: 32px; height: 28px; display: flex; align-items: center; justify-content: center; color: #6c757d; cursor: pointer;}.mk-dob-cal:hover{color: var(--mk-primary, #2f9e44);}.mk-dob-cal input[type="date"]{position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: none; padding: 0;}.mk-dob-cal input[type="date"]::-webkit-calendar-picker-indicator{position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer;}.mk-portrait-upload{display: flex; gap: 20px; align-items: flex-start;}.mk-portrait-preview{width: 100px; height: 120px; border: 2px dashed #dee2e6; border-radius: var(--mk-radius-sm, 8px); display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; background: var(--mk-bg, #f8f9fa);}.mk-portrait-actions{flex: 1;}.mk-btn-outline{background: #fff; color: var(--mk-primary, #2f9e44); border: 1.5px solid var(--mk-primary, #2f9e44); border-radius: var(--mk-radius-sm, 8px); font-weight: 600; font-size: .875rem; padding: 8px 16px; transition: all .2s;}.mk-btn-outline:hover{background: var(--mk-primary, #2f9e44); color: #fff;}.mk-camera-modal{position: fixed; inset: 0; background: rgba(0,0,0,.8); z-index: 9999; display: flex; align-items: center; justify-content: center;}.mk-camera-inner{background: #fff; border-radius: var(--mk-radius, 12px); padding: 20px; text-align: center; max-width: 500px; width: 90%;}.mk-camera-inner video{width: 100%; border-radius: var(--mk-radius-sm, 8px); margin-bottom: 16px;}.mk-camera-controls{display: flex; gap: 12px; justify-content: center;}.mk-apply-sidebar{position: sticky; top: 80px;}.mk-apply-job-info{background: #fff; border: 1px solid var(--mk-border, #e9ecef); border-radius: var(--mk-radius, 12px); padding: 20px;}.mk-apply-info-row{padding: 10px 0; border-bottom: 1px solid var(--mk-bg, #f8f9fa);}.mk-apply-info-label{font-size: .78rem; color: var(--mk-text-muted, #868e96); font-weight: 600; text-transform: uppercase; letter-spacing: .4px;}.mk-apply-info-value{font-size: .95rem; color: #1a1a2e; font-weight: 600; margin-top: 3px;}.mk-submit-overlay{position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(17, 24, 39, .55); backdrop-filter: blur(2px); animation: mkFadeIn .15s ease-out;}.mk-submit-dialog{width: 100%; max-width: 420px; background: #fff; border-radius: var(--mk-radius, 12px); box-shadow: 0 20px 50px rgba(0, 0, 0, .25); padding: 28px 24px 22px; text-align: center; animation: mkPopIn .2s ease-out;}.mk-submit-icon{width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.9rem;}.mk-submit-icon.is-sending{background: #e7f5ff; color: #1c7ed6;}.mk-submit-icon.is-success{background: #ebfbee; color: var(--mk-primary, #2f9e44); animation: mkPopIn .3s ease-out;}.mk-submit-icon.is-error{background: #fff5f5; color: #e03131;}.mk-submit-title{font-size: 1.15rem; font-weight: 700; color: #1a1a2e; margin-bottom: 6px;}.mk-submit-text{color: #495057; font-size: .93rem; margin-bottom: 0;}.mk-submit-progress{height: 6px; margin: 16px 0 6px; background: #e9ecef; border-radius: 99px; overflow: hidden;}.mk-submit-progress-bar{height: 100%; width: 0; background: var(--mk-primary, #2f9e44); border-radius: 99px; transition: width .2s ease;}.mk-submit-progress.is-indeterminate .mk-submit-progress-bar{width: 35%; animation: mkIndeterminate 1.1s ease-in-out infinite;}.mk-submit-percent{font-size: .8rem; color: var(--mk-text-muted, #868e96);}.mk-submit-actions{display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 20px;}.mk-submit-actions .btn{min-width: 130px;}@keyframes mkFadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes mkPopIn{from{opacity: 0; transform: scale(.92);}to{opacity: 1; transform: scale(1);}}@keyframes mkIndeterminate{0%{transform: translateX(-100%);}100%{transform: translateX(300%);}}.mk-submit-icon.is-info{background: #fff4e6; color: #e8590c;}.mk-submit-contact{margin-top: 16px; padding: 12px 14px; background: var(--mk-bg, #f8f9fa); border: 1px solid var(--mk-border, #e9ecef); border-radius: var(--mk-radius-sm, 8px); text-align: left;}.mk-submit-contact-title{font-size: .82rem; color: var(--mk-text-muted, #868e96); margin-bottom: 4px;}.mk-submit-contact-name{font-weight: 700; color: #1a1a2e; margin-bottom: 4px;}.mk-submit-contact-row{display: flex; align-items: center; gap: 8px; padding: 3px 0; font-size: .92rem; color: var(--mk-primary, #2f9e44); text-decoration: none; word-break: break-all;}.mk-submit-contact-row:hover{text-decoration: underline;}.mk-submit-contact-row .fa{width: 16px; text-align: center;}

/* /mekong_website_frontend/static/src/css/portal.css */
 .mk-portal-site{--mk-ink: #172c27; --mk-muted: #53685f; --mk-green: #075b48; --mk-primary: #23823c; --mk-primary-dark: #1b6530; --mk-accent: #d6b45d; --mk-line: #dde6dd; --mk-soft: #f2f6ed; --mk-bg: #fff; color: var(--mk-ink); background: #fff; font-family: "Segoe UI", Arial, sans-serif; font-size: 17px; line-height: 1.7;}html:has(.mk-portal-site), body:has(.mk-portal-site){background: #fff !important;}#wrapwrap.mk-portal-site{width: 100%; max-width: none; background: #fff !important;}.mk-portal-site > main, .mk-portal-site #wrap{background: #fff !important;}.mk-portal-site .container{width: 100%; max-width: 1440px; margin-inline: auto; padding-left: 28px; padding-right: 28px;}.mk-portal-site #top.mk-recruitment-header{border-bottom: 1px solid var(--mk-line); background: #fff !important; opacity: 1 !important; transform: none !important; transition: none !important; box-shadow: 0 3px 18px rgba(23, 44, 39, .06); z-index: 1030;}.mk-portal-site #top.mk-recruitment-header .navbar{background: #fff !important;}.mk-portal-site #top.mk-recruitment-header.o_header_affixed{position: fixed; top: 0;}.mk-portal-site #top.mk-recruitment-header .navbar{min-height: 86px; padding: 14px 0;}.mk-portal-site .mk-careers-brand{gap: 22px;}.mk-portal-site #top .mk-careers-logo{max-width: 165px; height: 42px;}.mk-portal-site .mk-careers-brand-text{border-left: 1px solid var(--mk-line); padding-left: 22px;}.mk-portal-site .mk-careers-brand-text strong{font-size: 20px; line-height: 1.3; letter-spacing: .03em; font-weight: 700; white-space: nowrap;}.mk-portal-site #top .navbar-nav .nav-link{padding: 12px 15px !important; font-size: 17px; font-weight: 500;}.mk-portal-site #top .navbar-nav .nav-link::after{left: 15px; right: 15px; height: 2px; bottom: 0; background: var(--mk-green);}.mk-portal-site #top #mkCareersNav .navbar-nav{gap: 8px;}#wrapwrap.mk-portal-site #top #mkCareersNav .navbar-nav .nav-item .nav-link{min-height: 44px; border-radius: 0; background: transparent !important; color: var(--mk-ink) !important; text-transform: capitalize;}#wrapwrap.mk-portal-site #top #mkCareersNav .navbar-nav .nav-item .nav-link::after{display: block; content: ""; position: absolute; left: 16px; right: 16px; bottom: 4px; height: 2px; background: var(--mk-primary); transform: scaleX(0); transition: transform .15s ease;}#wrapwrap.mk-portal-site #top #mkCareersNav .navbar-nav .nav-item .nav-link.active::after{transform: scaleX(1);}#wrapwrap.mk-portal-site #top #mkCareersNav .navbar-nav .nav-item .nav-link:hover{color: var(--mk-green) !important;}.mk-portal-site .mk-portal-page{background: #fff; min-height: 65vh;}.mk-portal-site .mk-portal-layout{display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: start; padding-top: 32px; padding-bottom: 48px;}.mk-portal-site #wrap .mk-portal-layout::before, .mk-portal-site #wrap .mk-portal-layout::after, .mk-portal-site .mk-portal-footer > .container::before, .mk-portal-site .mk-portal-footer > .container::after{display: none; content: none;}.mk-portal-site .mk-portal-content{min-width: 0; overflow-wrap: anywhere;}.mk-portal-site .mk-portal-intro{padding: 12px 0 24px;}.mk-portal-site .mk-eyebrow{display: block; font-size: 14px; line-height: 1.6; font-weight: 650; letter-spacing: .08em; color: var(--mk-green);}.mk-portal-site h1{font-size: clamp(30px, 2.7vw, 42px); line-height: 1.22; letter-spacing: -.025em; font-weight: 650; margin: 15px 0 20px; color: var(--mk-ink); max-width: none;}.mk-portal-site .mk-title-accent{display: block; color: #62784e;}.mk-portal-site .mk-portal-lead{font-size: 18px; color: var(--mk-muted); line-height: 1.8; max-width: 72ch;}.mk-portal-site .mk-portal-lead p:last-child{margin-bottom: 0;}.mk-portal-site .mk-portal-banner{position: sticky; top: 112px; min-height: 400px; height: clamp(400px, calc(100vh - 145px), 640px); overflow: hidden; border-radius: 20px; background: #004b3b; color: #fff; isolation: isolate;}.mk-portal-site .mk-portal-banner::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0, 61, 46, .95) 100%); z-index: -1;}.mk-portal-site .mk-portal-banner > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; z-index: -2;}.mk-portal-site .mk-banner-copy{position: absolute; inset: auto 26px 32px;}.mk-portal-site .mk-banner-copy h2{color: #fff; font-size: 28px; line-height: 1.25; font-weight: 650; margin-bottom: 14px;}.mk-portal-site .mk-banner-copy p{color: #e2eee8; font-size: 16px; line-height: 1.6; margin: 0;}.mk-portal-site .mk-portal-button{display: inline-flex; gap: 22px; align-items: center; justify-content: center; padding: 13px 20px; border: 1px solid var(--mk-primary); border-radius: 7px; background: var(--mk-primary); color: #fff; text-decoration: none; font-size: 16px; font-weight: 600; transition: background .15s;}.mk-portal-site .mk-portal-button:hover{background: var(--mk-primary-dark);}.mk-portal-site .mk-portal-intro .mk-portal-button{margin-top: 14px;}.mk-portal-site a:focus-visible, .mk-portal-site button:focus-visible, .mk-portal-site input:focus-visible, .mk-portal-site select:focus-visible{outline: 3px solid #d6b343; outline-offset: 4px;}.mk-portal-site .mk-portal-filters{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto; align-items: end; gap: 14px; margin: 4px 0 30px; padding: 20px; background: #fff; border: 1px solid var(--mk-line); border-radius: 16px; box-shadow: 0 4px 18px rgba(23, 44, 39, .03);}.mk-portal-site .mk-filter-field{min-width: 0;}.mk-portal-site .mk-filter-field label{display: block; font-size: 16px; font-weight: 600; margin-bottom: 8px; color: var(--mk-ink);}.mk-portal-site .mk-portal-filters .mk-portal-button{min-height: 48px; gap: 9px;}.mk-portal-site .mk-portal-filters .form-control, .mk-portal-site .mk-portal-filters .form-select{min-width: 0; border: 1px solid var(--mk-line); border-radius: 7px; font-size: 16px; min-height: 48px; padding: 12px;}.mk-portal-site .mk-listing-heading{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--mk-line); margin-bottom: 20px;}.mk-portal-site .mk-listing-heading h2{font-size: 19px; font-weight: 600; margin: 0;}.mk-portal-site .mk-listing-heading h2 > span{display: inline-block; font-size: 14px; background: #e9efdf; color: var(--mk-green); padding: 5px 9px; margin-left: 9px; border-radius: 4px;}.mk-portal-site .mk-listing-heading > span{color: var(--mk-muted); font-size: 14px;}.mk-portal-site .mk-opening-list{display: grid; gap: 18px;}.mk-portal-site .mk-opening-card{display: block; color: var(--mk-ink); text-decoration: none; border: 1px solid var(--mk-line); border-radius: 16px; background: #fff; padding: 26px; transition: border-color .15s, box-shadow .15s;}.mk-portal-site .mk-opening-card:hover{border-color: #8fae98; box-shadow: 0 8px 26px rgba(25, 64, 42, .06);}.mk-portal-site .mk-opening-top{display: flex; gap: 22px; align-items: center;}.mk-portal-site .mk-opening-top > img{width: 110px; max-height: 46px; object-fit: contain;}.mk-portal-site .mk-opening-title{flex: 1; min-width: 0;}.mk-portal-site .mk-opening-title h3{font-size: 20px; line-height: 1.4; font-weight: 600; margin: 8px 0 3px;}.mk-portal-site .mk-opening-company{display: block; font-size: 16px; color: var(--mk-muted);}.mk-portal-site .mk-opening-arrow{display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; background: var(--mk-soft); color: var(--mk-green);}.mk-portal-site .mk-opening-summary{font-size: 16px; line-height: 1.8; color: var(--mk-muted); margin: 22px 0 18px;}.mk-portal-site .mk-opening-facts{display: grid; grid-template-columns: 1fr 1fr; gap: 18px 26px; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--mk-line);}.mk-portal-site .mk-opening-facts > div > span{display: block; color: var(--mk-muted); font-size: 16px; margin-bottom: 7px;}.mk-portal-site .mk-opening-facts strong{font-size: 16px; line-height: 1.7; font-weight: 500;}.mk-portal-site .mk-opening-skills{grid-column: 1 / -1;}.mk-portal-site .mk-opening-bottom{display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; font-size: 16px; margin-top: 22px; color: var(--mk-green);}.mk-portal-site .mk-opening-salary{font-weight: 600;}.mk-portal-site .mk-portal-pager{margin: 28px 0 0;}.mk-portal-site .mk-portal-empty{background: var(--mk-soft); padding: 24px; border-radius: 10px; color: var(--mk-muted);}.mk-portal-site .mk-about-intro{border-top: 3px solid var(--mk-green); background: #fff; padding: 26px; border-radius: 4px; position: relative;}.mk-portal-site .mk-about-intro h1{color: var(--mk-green); font-size: clamp(28px, 2.5vw, 38px);}.mk-portal-site .mk-about-stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 20px; border-block: 1px solid var(--mk-line); padding: 25px 0; margin-top: 28px;}.mk-portal-site .mk-about-stats strong{display: block; font-size: 32px; font-weight: 650; color: var(--mk-green);}.mk-portal-site .mk-about-stats span{display: block; font-size: 16px; color: var(--mk-muted); margin-top: 5px;}.mk-portal-site .mk-profile-section{padding: 32px 0; border-bottom: 1px solid var(--mk-line);}.mk-portal-site .mk-profile-section h2, .mk-portal-site .mk-profile-next h2{font-size: 28px; line-height: 1.4; letter-spacing: -.025em; margin: 10px 0 22px; color: var(--mk-green);}.mk-portal-site .mk-company-grid, .mk-portal-site .mk-facility-grid, .mk-portal-site .mk-value-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}.mk-portal-site .mk-company-card{background: #fff; border: 1px solid var(--mk-line); border-top: 3px solid var(--mk-green); padding: 22px; border-radius: 6px;}.mk-portal-site .mk-company-card:nth-child(even){border-top-color: var(--mk-accent);}.mk-portal-site .mk-company-card img{width: 120px; height: 44px; object-fit: contain; object-position: left center; margin-bottom: 20px;}.mk-portal-site .mk-profile-section h3{font-size: 21px; line-height: 1.5; font-weight: 600; margin: 0 0 12px;}.mk-portal-site .mk-profile-section p{font-size: 17px; color: var(--mk-muted); line-height: 1.85; white-space: pre-line;}.mk-portal-site .mk-facility-grid img{width: 100%; height: 190px; object-fit: cover; border-radius: 9px; margin-bottom: 18px;}.mk-portal-site .mk-value-grid article{padding: 22px; background: #fff; border: 1px solid var(--mk-line); border-radius: 9px;}.mk-portal-site .mk-timeline{padding-left: 0; list-style: none; margin: 0;}.mk-portal-site .mk-timeline li{display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 16px; border-top: 1px solid var(--mk-line); padding: 20px 0;}.mk-portal-site .mk-timeline > li > strong{color: var(--mk-green); font-size: 20px;}.mk-portal-site .mk-profile-next{padding: 32px 0 0;}.mk-portal-site .mk-contact-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 10px 0 30px;}.mk-portal-site .mk-contact-card{background: #fff; border: 1px solid var(--mk-line); padding: 26px; border-radius: 12px; overflow-wrap: anywhere;}.mk-portal-site .mk-contact-card h2{font-size: 19px; line-height: 1.5; color: var(--mk-green); margin: 16px 0 20px;}.mk-portal-site .mk-contact-card address, .mk-portal-site .mk-contact-card p{font-size: 16px; color: var(--mk-muted); line-height: 1.8; white-space: pre-line;}.mk-portal-site .mk-contact-card a{display: block; font-size: 16px; text-decoration: none; color: var(--mk-green); margin-top: 14px;}.mk-portal-site .mk-text-link{color: var(--mk-green); text-decoration: none; font-size: 16px;}.mk-portal-site #bottom{background: #fff !important;}.mk-portal-site #footer.mk-portal-footer{background: #fff; border: 0; border-top: 1px solid var(--mk-line); color: var(--mk-muted);}.mk-portal-site .mk-portal-footer > .container{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 22px; padding-bottom: 22px; position: relative;}.mk-portal-site .mk-footer-copyright{font-size: 14px; line-height: 1.6; color: #6b7770;}.mk-portal-site #footer.mk-portal-footer nav{display: flex; flex-wrap: wrap; gap: 0; flex-shrink: 0;}.mk-portal-site #footer.mk-portal-footer a{font-size: 14px; line-height: 1.6; color: #6b7770;}.mk-portal-site #footer.mk-portal-footer a + a::before{content: "·"; display: inline-block; margin: 0 6px;}.mk-portal-site #footer.mk-portal-footer a:hover{color: var(--mk-green); text-decoration: underline;}@media (max-width: 1199.98px){.mk-portal-site .mk-portal-layout{grid-template-columns: minmax(0, 1fr) 260px; gap: 24px;}.mk-portal-site .mk-portal-filters{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}.mk-portal-site .mk-portal-filters button{grid-column: 1 / -1;}.mk-portal-site .mk-opening-top{gap: 16px;}.mk-portal-site .mk-opening-top > img{width: 85px;}}@media (max-width: 991.98px){.mk-portal-site .container{max-width: 820px;}.mk-portal-site .mk-portal-layout{grid-template-columns: minmax(0, 1fr);}.mk-portal-site .mk-portal-banner{display: none;}.mk-portal-site #top .navbar-toggler{display: none;}.mk-portal-site #mkCareersNav{display: flex !important; width: 100%; flex-basis: 100%; flex-wrap: wrap;}.mk-portal-site #mkCareersNav > .navbar-nav:first-child{flex-direction: row; justify-content: space-between; width: 100%; margin: 12px 0 8px !important;}.mk-portal-site #top .navbar-nav .nav-link{padding-left: 0 !important; padding-right: 0 !important;}.mk-portal-site #top .navbar-nav .nav-link::after{left: 0; right: 0;}.mk-portal-site .mk-listing-heading > span{display: none;}}@media (max-width: 767.98px){.mk-portal-site .mk-company-grid, .mk-portal-site .mk-facility-grid, .mk-portal-site .mk-value-grid, .mk-portal-site .mk-contact-grid{grid-template-columns: 1fr;}.mk-portal-site .mk-portal-footer > .container{flex-direction: column; align-items: flex-start; gap: 10px;}}@media (max-width: 575.98px){.mk-portal-site .container{padding-left: 18px; padding-right: 18px;}.mk-portal-site #top .navbar{padding-bottom: 0;}.mk-portal-site #top .mk-careers-logo{max-width: 135px; height: 36px;}.mk-portal-site .mk-careers-brand{gap: 16px; max-width: 100%;}.mk-portal-site .mk-careers-brand-text{padding-left: 16px;}#wrapwrap.mk-portal-site #top #mkCareersNav .navbar-nav .nav-item .nav-link{font-size: 16px; padding: 12px 6px !important;}#wrapwrap.mk-portal-site #top #mkCareersNav .navbar-nav .nav-item .nav-link::after{left: 6px; right: 6px;}.mk-portal-site .mk-careers-brand-text strong{font-size: 18px;}.mk-portal-site .mk-portal-layout{padding-top: 20px; padding-bottom: 30px;}.mk-portal-site .mk-portal-intro{padding-top: 10px;}.mk-portal-site .mk-about-intro{padding: 22px;}.mk-portal-site .mk-portal-filters{grid-template-columns: 1fr;}.mk-portal-site .mk-opening-card{padding: 20px;}.mk-portal-site .mk-opening-top{flex-wrap: wrap; gap: 12px;}.mk-portal-site .mk-opening-top > img{width: 90px; margin-right: calc(100% - 90px);}.mk-portal-site .mk-opening-title h3{font-size: 19px;}.mk-portal-site .mk-opening-facts{grid-template-columns: 1fr; gap: 16px;}.mk-portal-site .mk-portal-filters{padding: 16px;}.mk-portal-site .mk-listing-heading h2{font-size: 17px;}.mk-portal-site .mk-portal-filters .form-control, .mk-portal-site .mk-portal-filters .form-select{font-size: 16px;}}@media (max-width: 379.98px){.mk-portal-site #top #mkCareersNav .navbar-nav{gap: 4px;}#wrapwrap.mk-portal-site #top #mkCareersNav .navbar-nav .nav-item .nav-link{font-size: 15px; padding-inline: 2px !important;}.mk-portal-site #top .mk-careers-logo{max-width: 120px;}.mk-portal-site .mk-careers-brand{gap: 12px;}.mk-portal-site .mk-careers-brand-text{padding-left: 12px;}.mk-portal-site .mk-about-intro, .mk-portal-site .mk-contact-card{padding: 18px;}.mk-portal-site .mk-listing-heading{gap: 8px;}}.mk-portal-site .mk-about-intro{background: #f4f6f3; overflow: hidden; isolation: isolate; padding: 30px;}.mk-portal-site .mk-about-intro::after{content: ""; position: absolute; z-index: -1; width: 180px; height: 115%; right: -100px; top: -10%; border-left: 18px solid #f3df9e; background: #edf2ec; transform: rotate(33deg); pointer-events: none;}.mk-portal-site .mk-about-intro h1{white-space: pre-line; line-height: 1.2; font-size: clamp(28px, 2.5vw, 38px);}.mk-portal-site .mk-about-intro .mk-portal-lead{color: var(--mk-ink); font-size: 18px; max-width: 78ch;}.mk-portal-site .mk-about-stats{gap: 0; padding: 20px 0; margin-top: 20px;}.mk-portal-site .mk-about-stats > div{padding: 0 20px; border-left: 1px solid var(--mk-line);}.mk-portal-site .mk-about-stats > div:first-child{padding-left: 0; border-left: 0;}.mk-portal-site .mk-system-board{padding: 18px; border-radius: 10px; background: var(--mk-green); color: #fff; border-bottom: 3px solid var(--mk-accent); text-align: center; font-size: 20px; font-weight: 650; margin: 22px 0 16px;}.mk-portal-site .mk-company-card{padding: 22px;}.mk-portal-site .mk-company-card p{margin-bottom: 0;}.mk-portal-site .mk-company-card h3{font-size: 22px; margin-bottom: 3px;}.mk-portal-site .mk-company-number{display: block; font-size: 14px; color: var(--mk-muted); margin-bottom: 12px;}.mk-portal-site .mk-company-children{margin-top: 16px; padding-left: 14px; border-left: 1px solid var(--mk-green);}.mk-portal-site .mk-company-children > div + div{margin-top: 14px;}.mk-portal-site .mk-company-children h4{font-size: 18px; font-weight: 600; color: var(--mk-green); margin: 0 0 3px;}.mk-portal-site .mk-company-children p{font-size: 16px;}.mk-portal-site .mk-profile-gallery{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 22px;}.mk-portal-site .mk-profile-gallery figure{margin: 0; border-radius: 8px; overflow: hidden; background: #eef3e9;}.mk-portal-site .mk-profile-gallery img{display: block; width: 100%; aspect-ratio: 1.8; object-fit: cover;}.mk-portal-site .mk-profile-gallery figcaption{padding: 10px 12px; font-size: 14px; color: var(--mk-ink);}.mk-portal-site .mk-facility-details article{border-left: 3px solid var(--mk-accent); padding-left: 18px; margin-top: 22px;}.mk-portal-site .mk-facility-details img{max-width: 100%; border-radius: 8px; margin-bottom: 14px;}.mk-portal-site .mk-profile-values article + article{margin-top: 24px;}.mk-portal-site .mk-timeline li{grid-template-columns: 130px minmax(0, 1fr);}.mk-portal-site .mk-timeline h3{font-size: 17px; font-weight: 400; margin: 0;}.mk-portal-site .mk-timeline p:empty{display: none;}.mk-portal-site .mk-about-page .mk-profile-next{padding: 28px; margin-top: 24px; background: #f1f5f2; border-radius: 14px;}.mk-portal-site .mk-about-page .mk-profile-next h2{color: var(--mk-ink);}.mk-portal-site .mk-profile-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 18px;}.mk-portal-site .mk-profile-source{font-size: 14px; line-height: 1.7; color: var(--mk-muted); margin: 20px 0 0;}@media (max-width: 575.98px){.mk-portal-site .mk-about-intro, .mk-portal-site .mk-about-page .mk-profile-next{padding: 20px;}.mk-portal-site .mk-about-stats{grid-template-columns: 1fr; gap: 18px;}.mk-portal-site .mk-about-stats > div{border-left: 0; padding: 0;}.mk-portal-site .mk-profile-gallery{grid-template-columns: 1fr; gap: 16px;}.mk-portal-site .mk-timeline li{grid-template-columns: 90px minmax(0, 1fr); gap: 12px;}.mk-portal-site .mk-timeline > li > strong{font-size: 17px;}.mk-portal-site .mk-system-board{font-size: 17px;}}.mk-portal-site .mk-section-body{font-size: 17px; line-height: 1.8;}.mk-portal-site .mk-form-label, .mk-portal-site .mk-input{font-size: 16px;}.mk-portal-site .mk-label-hint, .mk-portal-site .mk-field-hint, .mk-portal-site .mk-invalid-feedback{font-size: 14px;}