/*
 * CSS dùng chung của layout frontend, tách từ resources/views/layouts/app.blade.php.
 */
.bg {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

.bg-loaded {
    opacity: 1;
}

:root {
    --primary-color: #134c81;
}

.container,
.row {
    max-width: 1370px
}

.row.row-collapse {
    max-width: 1340px
}

.row.row-small {
    max-width: 1362.5px
}

.row.row-large {
    max-width: 1400px
}

.header-main {
    height: 100px
}

#logo img {
    max-height: 100px
}

#logo {
    width: 300px;
}

.header-top {
    min-height: 55px
}

.transparent .header-main {
    height: 90px
}

.transparent #logo img {
    max-height: 90px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title {
    padding-top: 120px;
}

.transparent .header-wrapper {
    background-color: rgba(0, 0, 0, 0) !important;
}

.header-bg-color {
    background-color: rgba(255, 255, 255, 0)
}

.header-main .nav>li>a {
    line-height: 70px
}

@media (max-width: 549px) {
    .header-main {
        height: 90px
    }

    #logo img {
        max-height: 90px
    }
}

.nav-dropdown {
    border-radius: 15px
}

.nav-dropdown {
    font-size: 100%
}

.header-top {
    background-color: rgba(255, 255, 255, 0) !important;
}

/* Color */
.accordion-title.active,
.logo a,
.primary.is-link,
[data-color='primary'],
.is-outline.primary {
    color: #134c81;
}

/* Color !important */
[data-text-color="primary"] {
    color: #134c81 !important;
}

/* Background Color */
[data-text-bg="primary"] {
    background-color: #134c81;
}

/* Background */
.featured-title,
button[type="submit"],
.button.submit-button,
.button.primary:not(.is-outline),
.is-outline:hover,
.has-icon:hover .icon-label,
.is-outline:hover,
input[type='submit']:not(.is-form),
input.button.alt,
.nav-pills>li.active>a,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary {
    background-color: #134c81;
}

/* Border */
.accordion-title.active,
.is-outline:hover,
blockquote,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover {
    border-color: #134c81
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #134c81;
}

/* Focus */
.primary:focus-visible,
.submit-button:focus-visible,
button[type="submit"]:focus-visible {
    outline-color: #134c81 !important;
}

/* Background Color */
[data-icon-label]:after,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline) {
    background-color: #1bc1a0;
}

[data-text-bg="secondary"] {
    background-color: #1bc1a0;
}

/* Color */
.secondary.is-link,
.secondary.is-outline {
    color: #1bc1a0
}

/* Color !important */
[data-text-color="secondary"] {
    color: #1bc1a0 !important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: #1bc1a0
}

/* Focus */
.secondary:focus-visible,
.alt:focus-visible {
    outline-color: #1bc1a0 !important;
}

body {
    color: #333333
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
}

body {
    font-size: 100%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: "Work Sans", sans-serif;
}

body {
    font-weight: 400;
    font-style: normal;
}

.nav>li>a {
    font-family: "Work Sans", sans-serif;
}

.nav>li>a {
    font-weight: 500;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Work Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.banner h1,
.banner h2 {
    font-weight: 900;
    font-style: normal;
}

.nav>li>a,
.links>li>a {
    text-transform: none;
}

.header:not(.transparent) .header-nav-main.nav>li>a {
    color: #134b81;
}

.header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
    color: #1bc1a0;
}

.header-nav-main.nav-pills>li>a:hover,
.header-nav-main.nav-pills>li.active>a {
    color: #FFF !important;
    background-color: #1bc1a0;
}

a {
    color: #333333;
}

a:hover {
    color: #134c81;
}

/* Custom CSS */
.absolute-footer.dark {
    display: none;
}

.uppercase,
h6,
th {
    letter-spacing: .01em;
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    .header-main li.html.custom {
        display: block;
        width: 30px;
    }

    .text-center .nav-vertical li li,
    .text-center.nav-vertical li li {
        text-align: left;
    }
}

/* Trang chính sách bảo mật: nội dung lấy từ bài viết soạn trong admin. */
.privacy-page {
    background: #f3f6fa;
}

.privacy-content {
    max-width: 1140px;
    margin: 30px auto 10px;
    padding: 48px 56px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 6px 24px rgba(19, 76, 129, 0.08);
    color: #3a4350;
    font-size: 16px;
    line-height: 1.75;
}

.privacy-content h1 {
    margin: 0 0 12px;
    color: var(--primary-color);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.35;
}

.privacy-subtitle {
    margin: 0 0 8px;
    padding-bottom: 20px;
    border-bottom: 3px solid #1bc1a0;
    color: #6b7684;
    font-style: italic;
}

/* Nội dung dán từ Word đặt font Times New Roman cho từng đoạn: dùng font của site. */
.privacy-body,
.privacy-body * {
    font-family: inherit !important;
}

.privacy-body {
    padding-top: 12px;
    overflow-wrap: anywhere;
}

.privacy-body p {
    margin: 0 0 12px;
}

/* Đoạn chỉ gồm chữ đậm là tiêu đề mục (A., B.…), chỉ gồm chữ nghiêng là tiêu đề điều. */
.privacy-body p:has(> span > strong:only-child),
.privacy-body p:has(> strong:only-child) {
    margin-top: 28px;
    color: var(--primary-color);
}

.privacy-body p:has(> span > em:only-child),
.privacy-body p:has(> em:only-child) {
    margin-top: 20px;
    color: #1f2d3d;
    font-weight: 700;
}

.privacy-body ul,
.privacy-body ol {
    margin: 0 0 14px;
    padding-left: 1.6rem;
}

.privacy-body li {
    margin-bottom: 6px;
}

.privacy-body li::marker {
    color: #1bc1a0;
}

.privacy-body a {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 849px) {
    .privacy-content {
        margin-top: 10px;
        padding: 32px 28px;
    }
}

@media (max-width: 549px) {
    .privacy-page .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .privacy-content {
        padding: 24px 18px;
        border-radius: 12px;
        font-size: 15px;
        line-height: 1.7;
    }

    .privacy-content h1 {
        font-size: 1.35rem;
    }

    /* Căn đều hai bên trên màn hẹp tạo khoảng trắng lớn giữa các từ. */
    .privacy-body p {
        text-align: left !important;
    }
}