/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body{
	background:white!important;
}
html,
body,
body * {
    font-family: "roboto", sans-serif !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ==================================================
   CONTACT FORM 7 – FORM TUYỂN DỤNG
   Chỉ áp dụng cho widget có ID: form-job
================================================== */
 .elementor-nav-menu--main .elementor-item{
	font-size:15px!important;
}
.footer-image{
	width:20px;
	margin-left:2px;
}
#form-job {
    --form-primary: #1769e0;
    --form-primary-hover: #0f55ba;
    --form-text: #202631;
    --form-muted: #7a8493;
    --form-border: #dfe4ea;
    --form-bg: #ffffff;
    --form-input-bg: #f8fafc;
    --form-radius: 10px;
}

/* ==================================================
   KHUNG FORM
================================================== */

#form-job .eael-contact-form-7-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 32px;
    background: var(--form-bg);
    border: 1px solid #edf0f3;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(20, 36, 60, 0.08);
    box-sizing: border-box;
}

#form-job .eael-contact-form,
#form-job .wpcf7,
#form-job .wpcf7-form {
    width: 100%;
    max-width: 100%;
}

/* Ngăn Elementor hoặc EAEL tự chia cột */
#form-job .wpcf7-form {
    display: block !important;
}

/* Reset khoảng cách mặc định */
#form-job .wpcf7-form p {
    width: 100%;
    margin: 0;
    padding: 0;
}

#form-job .wpcf7-form p:empty {
    display: none;
}

#form-job .wpcf7-form p br:first-child,
#form-job .wpcf7-form label > br:first-child {
    display: none;
}

/* ==================================================
   BỐ CỤC HÀNG VÀ CỘT
================================================== */

/* Mặc định mỗi hàng là một cột */
#form-job .form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
    padding: 0;
    box-sizing: border-box;
}

/* Chỉ hàng có class two-columns mới chia đôi */
#form-job .form-row.two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Mỗi cột */
#form-job .form-col {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Buộc field full width trong cột */
#form-job .form-col label,
#form-job .form-col .wpcf7-form-control-wrap,
#form-job .form-col input:not([type="submit"]):not([type="file"]),
#form-job .form-col textarea {
    width: 100% !important;
    max-width: 100% !important;
}

/* Xóa khoảng cách thừa do Contact Form 7 */
#form-job .form-row p,
#form-job .form-col p {
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   LABEL
================================================== */

#form-job .wpcf7-form label {
    display: block;
    width: 100%;
    margin: 0;
    color: var(--form-text);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    box-sizing: border-box;
}

/* Wrapper của field */
#form-job .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-top: 8px;
    box-sizing: border-box;
}

/* ==================================================
   INPUT, TEXTAREA, DATE
================================================== */

#form-job input[type="text"],
#form-job input[type="email"],
#form-job input[type="tel"],
#form-job input[type="date"],
#form-job textarea {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px;
    margin: 0;
    padding: 13px 16px;
    color: var(--form-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    background: var(--form-input-bg);
    border: 1px solid var(--form-border);
    border-radius: var(--form-radius);
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Textarea */
#form-job textarea {
    min-height: 130px;
    max-height: 300px;
    resize: vertical;
}

/* Placeholder */
#form-job input::placeholder,
#form-job textarea::placeholder {
    color: #9aa3af;
    opacity: 1;
}

/* Focus */
#form-job input[type="text"]:focus,
#form-job input[type="email"]:focus,
#form-job input[type="tel"]:focus,
#form-job input[type="date"]:focus,
#form-job textarea:focus {
    background: #ffffff;
    border-color: var(--form-primary);
    box-shadow: 0 0 0 4px rgba(23, 105, 224, 0.1);
}

/* ==================================================
   NGÀY SINH
================================================== */

#form-job input[type="date"] {
    cursor: pointer;
    color: var(--form-text);
}

#form-job input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.65;
}

/* ==================================================
   NÚT TẢI CV
   Chỉ hiện nút chọn file
================================================== */

#form-job input[type="file"] {
    display: block;
    width: 165px !important;
    max-width: 165px !important;
    height: 46px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background: transparent;
    border: none;
    border-radius: 9px;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
}

/* Chrome, Edge, Firefox */
#form-job input[type="file"]::file-selector-button {
    width: 165px;
    height: 46px;
    margin: 0;
    padding: 0 20px;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    background: var(--form-primary);
    border: none;
    border-radius: 9px;
    cursor: pointer;
    box-sizing: border-box;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Safari cũ */
#form-job input[type="file"]::-webkit-file-upload-button {
    width: 165px;
    height: 46px;
    margin: 0;
    padding: 0 20px;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    background: var(--form-primary);
    border: none;
    border-radius: 9px;
    cursor: pointer;
    box-sizing: border-box;
}

#form-job input[type="file"]::file-selector-button:hover,
#form-job input[type="file"]::-webkit-file-upload-button:hover {
    background: var(--form-primary-hover);
    box-shadow: 0 7px 18px rgba(23, 105, 224, 0.22);
}

/* ==================================================
   NÚT GỬI
================================================== */

#form-job .form-submit {
    display: block;
    width: 100%;
    margin-top: 4px;
}

#form-job input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    min-height: 50px;
    margin: 0;
    padding: 13px 30px;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    background: var(--form-primary);
    border: 1px solid var(--form-primary);
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(23, 105, 224, 0.2);
    box-sizing: border-box;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.2s ease,
        box-shadow 0.25s ease;
}

#form-job input[type="submit"]:hover {
    color: #ffffff;
    background: var(--form-primary-hover);
    border-color: var(--form-primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 11px 24px rgba(23, 105, 224, 0.28);
}

#form-job input[type="submit"]:active {
    transform: translateY(0);
}

/* Spinner */
#form-job .wpcf7-spinner {
    margin: 0 0 0 12px;
}

/* ==================================================
   THÔNG BÁO LỖI
================================================== */

#form-job .wpcf7-not-valid-tip {
    display: block;
    margin-top: 6px;
    color: #dc3545;
    font-size: 13px;
    font-weight: 500;
}

#form-job .wpcf7-not-valid {
    border-color: #dc3545 !important;
}

/* ==================================================
   THÔNG BÁO GỬI FORM
================================================== */

#form-job .wpcf7-response-output {
    margin: 20px 0 0 !important;
    padding: 13px 16px !important;
    color: var(--form-text);
    font-size: 14px;
    line-height: 1.5;
    background: #f8fafc;
    border-width: 1px !important;
    border-radius: 9px;
}

#form-job form.sent .wpcf7-response-output {
    color: #17683a;
    background: #effbf4;
    border-color: #56b47d !important;
}

#form-job form.invalid .wpcf7-response-output,
#form-job form.failed .wpcf7-response-output {
    color: #a72c37;
    background: #fff3f4;
    border-color: #e36b75 !important;
}

/* ==================================================
   TABLET VÀ MOBILE
================================================== */

@media (max-width: 767px) {
    #form-job .eael-contact-form-7-wrapper {
        padding: 22px 18px;
        border-radius: 14px;
    }

    /* Mobile tất cả về một cột */
    #form-job .form-row,
    #form-job .form-row.two-columns {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px;
        margin-bottom: 16px;
    }

    #form-job input[type="text"],
    #form-job input[type="email"],
    #form-job input[type="tel"],
    #form-job input[type="date"],
    #form-job textarea {
        min-height: 50px;
        padding: 12px 14px;
        font-size: 14px;
    }

    #form-job textarea {
        min-height: 115px;
    }

    #form-job input[type="submit"] {
        width: 100%;
    }
}
/* WRAPPER */
.sequence-wrapper {
    overflow: hidden;
}


/* SLIDER */
.sequence-slider {
    width: 100%;
    overflow: hidden;
}


.sequence-slider .swiper-wrapper {
    align-items: stretch;
}

h4{
	margin:0px!important;
}
.sequence-card {
    background: #ffffff;
    padding: 12px;
    border-radius: 20px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}





.sequence-card h3 {
    font-size: 20px;
    line-height: 1.3;
	color:black;
}


.sequence-card p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    color: black;
	margin-bottom:0px!important;
}



/* THANH KÉO GIỐNG HÌNH */

.sequence-scrollbar {
    position: relative;
    width: 100%;
    height: 4px !important;
    background: #dfe3eb;
    margin-top: 45px;
}


.sequence-scrollbar .swiper-scrollbar-drag {
    height: 4px !important;
    background: #123b8c;
    border-radius: 0 !important;
}


/* MOBILE */

@media(max-width:767px){




    .sequence-card h3{
        font-size:20px;
    }
	.elementor-860 .elementor-element.elementor-element-b5fed8d .header-logo-col img{
		max-height:80px!important;
	}
}

.sequence-card img{
    width:100%;
    object-fit:contain;
    margin-bottom:25px;
}

.logo-marquee{
    overflow:hidden;
    width:100%;
}

.logo-track{
    display:flex;
    flex-wrap:nowrap;
    width:max-content;
    animation:logoLoop 45s linear infinite;
}

.logo-track .elementor-widget-image{
    flex:0 0 auto;
    width:auto;
    margin-right:50px;
}

.logo-track img{
    display:block;
    width:auto;
    height:auto;
    max-width:none;
    object-fit:contain;
}

@keyframes logoLoop{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
.sequence-link {
  display: inline-flex;
  align-items: center;
  margin-top: 18px;
  color: #003b80;
  font-weight: 600;
  text-decoration: none;
}

.sequence-link::after {
  content: "→";
  margin-left: 10px;
  transition: transform 0.25s ease;
}

.sequence-link:hover::after {
  transform: translateX(5px);
}


.hs-contact-form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.hs-contact-form .hs-form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.hs-contact-form .hs-form-group {
    width: 50%;
}

.hs-contact-form .hs-form-full {
    width: 100%;
}

.hs-contact-form input,
.hs-contact-form select,
.hs-contact-form textarea {
    width: 100%;
    min-height: 54px;
    padding: 14px 18px;
    border: 1px solid #d9dfe7;
    border-radius: 6px;
    background: #ffffff;
    color: #172b4d;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hs-contact-form textarea {
    min-height: 150px;
    resize: vertical;
}

.hs-contact-form input::placeholder,
.hs-contact-form textarea::placeholder {
    color: #7b8794;
    opacity: 1;
}

.hs-contact-form select {
    color: #7b8794;
    cursor: pointer;
}

.hs-contact-form input:focus,
.hs-contact-form select:focus,
.hs-contact-form textarea:focus {
    border-color: #0D318C;
    box-shadow: 0 0 0 3px rgba(8, 102, 180, 0.12);
}

.hs-contact-form .hs-form-action {
    margin-top: 8px;
}

.hs-contact-form .hs-submit {
    width: auto;
    min-width: 180px;
    min-height: 52px;
    padding: 14px 30px;
    border: none;
    border-radius: 5px;
    background: #0D318C;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.25s ease;
}

.hs-contact-form .hs-submit:hover {
    background: #0D318C;
    transform: translateY(-2px);
}

.hs-contact-form .wpcf7-spinner {
    vertical-align: middle;
}

.hs-contact-form .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 13px;
}

.hs-contact-form .wpcf7-response-output {
    margin: 20px 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .hs-contact-form .hs-form-row {
        display: block;
        margin-bottom: 0;
    }

    .hs-contact-form .hs-form-group {
        width: 100%;
        margin-bottom: 16px;
    }

    .hs-contact-form .hs-submit {
        width: 100%;
    }
}
/* ===== BẢNG THÔNG SỐ CONTAINER ===== */
.container-spec-wrap{
  width:100%;
}

.container-spec-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:18px 18px 0 0;
}

.container-spec-table{
  width:100%;
  min-width:760px;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  font-family:inherit;
  color:#144D89;
}

/* Ô chung */
.container-spec-table th,
.container-spec-table td{
  padding:10px 9px;
  font-size:16px;
  line-height:1.25;
  vertical-align:middle;
  background:#EEF7FB;
  border-right:1px solid #E5E7EB;
  border-bottom:1px solid #E5E7EB;
}

/* Header xanh */
.container-spec-table thead th{
  padding:10px 12px;
  background:#B0D2F5;
  color:#144D89;
  font-weight:700;
  text-align:center;
  border-top:1px solid #B0D2F5;
  border-left:1px solid #B0D2F5;
  border-right:1px solid #B0D2F5;
  border-bottom:1px solid #E5E7EB;
}

/* Bo góc trên */
.container-spec-table thead th:first-child{
  border-top-left-radius:18px;
}

.container-spec-table thead th:last-child{
  border-top-right-radius:18px;
}

/* Viền trái của thân bảng */
.container-spec-table tbody tr td:first-child{
  border-left:1px solid #E5E7EB;
}

/* Tỷ lệ cột giống mẫu */
.container-spec-table .cs-group{
  width:37%;
  font-weight:700;
}

.container-spec-table .cs-label{
  width:24%;
  font-weight:400;
}

.container-spec-table .cs-value{
  width:39%;
  font-weight:400;
}

.container-spec-table .cs-summary{
  font-weight:700;
}
tr {
	padding:0rem;!important;
}
.container-spec-table tr{
	padding:1rem 0rem !important;
}
/* Mobile: cho phép kéo ngang, không làm vỡ bảng */
@media (max-width:767px){
  .container-spec-table{
    min-width:680px;
  }
	.giai-phap-van-tai img{
		width:100px!important;
	}

  .container-spec-table th,
  .container-spec-table td{
    padding:9px 10px;
    font-size:14px;
  }

  .container-spec-table thead th{
    font-size:15px;
  }
}

.eael-grid-post-excerpt{
	padding-bottom:30px!important;
}
.ilq-portal{
	font-family:"Roboto"
}

.elementor-8 .elementor-element.elementor-element-318856f3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-318856f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-8 .elementor-element.elementor-element-fdff47f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-fdff47f > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background:#0025AA;
}