/*
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.   ***************/
div#top-bar,
.section-footer,
.col-grad {
    background: linear-gradient(135deg, #2f3a45 0%, #1e242b 100%);
}


.col-2-icon-box>.col-inner {
    transform: translate(-107px, 5px);
}


ul.header-nav.header-nav-main {
    display: flex;
    justify-content: center;
    gap: 40px;
}


.header-main a.nav-top-link {
    font-size: 16px;
}


.col-hoc-vien .icon-box {
    margin-top: -18px;
}


.section-footer span.ux-menu-link__text {
    color: #fff;
}


.section-footer span.ux-menu-link__text:hover {
    cursor: pointer;
}


.col-4-img>.col-inner .img img {
    width: auto !important;
    height: 18px !important;
    filter: brightness(0) saturate(100%) invert(64%) sepia(17%) saturate(600%) hue-rotate(3deg) brightness(95%) contrast(85%);
}


.col-4-img>.col-inner .img {
    width: 40px !important;
    height: 40px !important;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.absolute-footer.dark {
    display: none;
}



.nav-top-link .ux-menu-icon {
    filter: brightness(0) saturate(100%) !important;
    transition: 0.25s ease;
}

.nav-top-link:hover .ux-menu-icon,
li.menu-item:hover .ux-menu-icon {
    filter: brightness(0) saturate(100%) invert(64%) sepia(17%) saturate(600%) hue-rotate(3deg) brightness(95%) contrast(85%) !important;
}

li.current-menu-item .ux-menu-icon,
li.current_page_item .ux-menu-icon,
li.active .ux-menu-icon {
    filter: brightness(0) saturate(100%) invert(64%) sepia(17%) saturate(600%) hue-rotate(3deg) brightness(95%) contrast(85%) !important;
}


.col-box-shadow>.col-inner {
    border-radius: 15px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .1);
    padding: 20px 15px;
    text-align: center;
}


.col-grad {
    border-radius: 16px !important;
}



a.button.btn-yellow {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 32px 12px 64px;
    background: #AF975D !important;
    color: #ffffff;
    border-radius: 99px;
    font-weight: 500;
    box-shadow: 0 6px 18px rgba(175, 151, 93, 0.45);
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
    text-decoration: none;
}

a.button.btn-yellow span {
    position: relative;
    z-index: 1;
}

a.button.btn-yellow::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    z-index: 0;
}

a.button.btn-yellow::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E");
    filter: brightness(0) saturate(100%) invert(64%) sepia(17%) saturate(600%) hue-rotate(3deg) brightness(95%) contrast(85%) !important;
    z-index: 1;
}

a.button.btn-yellow:hover {
    background: #2C343E !important;
    transform: translateY(2px);
    box-shadow: 0 3px 12px rgba(44, 52, 62, 0.45);
}


.col-top {
    position: relative;
    z-index: 5;
}

.col-grad {
    position: relative;
    z-index: 1;
    min-height: 430px;
}


.col-shadow {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .2);
    padding: 60px 40px 40px 40px;
    position: relative;
    min-height: 500px !important;
}

.col-shadow h3.uppercase {
    font-weight: 700;
}


.slider-review img.attachment-large.size-large {
    object-fit: cover;
    height: 100% !important;
    border-radius: 6px;
}

.slider-review .col-inner {
    border-radius: 10px;
    background: #c18b07;
    padding: 20px;
}

.flickity-page-dots {
    bottom: -21px;
}



.post-date-text {
    display: flex;
    align-items: center;
    gap: 8px;
}

.post-date-text .date-icon svg {
    width: 16px;
    height: 16px;
    fill: #000000;
    /* màu icon */
}

.post-date-text .date-text {
    font-size: 14px;
    color: #000;
}

.blog-big a.plain {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #1d1d1d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    margin: 8px 0;
}

.blog-small a.plain {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: #1d1d1d;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
}


p.from_the_blog_excerpt {
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}



.blog-small .col.post-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    border-top: 8px solid #2C343E;
    border-radius: 8px;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, .1);
    margin: 10px 0px;
}


.blog-big .col.post-item .col-inner {
    border-radius: 6px;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, .1);
    border-bottom: 8px solid #000c54;
    padding: 10px;
}



.blog-big img.attachment-medium.size-medium.wp-post-image {
    border-radius: 6px;
}


.button.is-link.is-small {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 22px 10px 58px;
    border-radius: 999px;
    background: transparent;
    color: #0E1A5E;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    overflow: hidden;
    border: none;
}

/* RESET pseudo của theme cho riêng nút này */
.button.is-link.is-small::before,
.button.is-link.is-small::after {
    content: "";
    position: absolute;
    background: none;
    box-shadow: none;
    border-radius: 0;
    transform: none;
}

/* Nút */
.button.is-link.is-small {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 22px 10px 58px;
    border-radius: 999px;
    background: transparent;
    color: #0E1A5E;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    overflow: hidden;
    border: none;
}

.button.is-link.is-small::before {
    inset: 0;
    border-radius: inherit;
    background: #2B343E;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    z-index: -1;
}

.button.is-link.is-small::after {
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2C343E;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23ffffff' d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;

    z-index: 2;
}

.button.is-link.is-small:hover::before {
    transform: scaleX(1);
}

.button.is-link.is-small:hover {
    color: #ffffff;
}

.button.is-link.is-small:hover::after {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%232C343E' d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
}




.form-dang-ky-wrap .dk-input {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    outline: none;
    font-size: 15px;
    color: #333;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: border-color .2s ease, box-shadow .2s ease;
    height: 45px;
}

.form-dang-ky-wrap .dk-input::placeholder {
    color: #666;
}

.form-dang-ky-wrap .dk-input:focus {
    border-color: #AF975D;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}

.form-dang-ky-wrap .dk-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 45px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
    background-size: 14px;
}

.form-dang-ky-wrap .dk-textarea {
    min-height: 140px;
}

.form-dang-ky-wrap .dk-submit-wrap {
    text-align: center;
    margin-top: 10px;
}

.form-dang-ky-wrap .dk-submit {
    padding: 4px 40px;
    border-radius: 999px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(to bottom, #AF975D 0%, #AF975D 100%);
    background-size: 100% 200%;
    background-position: top;
    transition: all 0.3s ease;
    display: flex;
    margin: 0 auto;
}

.form-dang-ky-wrap .dk-submit:hover {
    background: #2C343E !important;
    transform: translateY(2px);
    box-shadow: 0 3px 12px rgba(44, 52, 62, 0.45);
}



.col-form-home::before {
    content: "";
    background: #2C343E;
    width: 95%;
    height: 95%;
    border-radius: 45px;
    position: absolute;
    z-index: 0;
    top: -19px;
    left: 0;
}





.tutorx-breadcrumb-wrap {
    margin-bottom: 12px;
}

.tutorx-breadcrumb {
    font-size: 14px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #273039;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.tutorx-breadcrumb-item {
    color: #273039;
    text-decoration: none;
    white-space: nowrap;
}


.tutorx-breadcrumb-current {
    color: #AF975D;
    cursor: default;
}

.tutorx-breadcrumb-item:not(.tutorx-breadcrumb-current):hover {
    color: #AF975D;
}

.tutorx-breadcrumb-separator {
    margin: 0 6px;
    color: #273039;
}


.img-shark img.attachment-large.size-large {
    z-index: 3;
    position: relative;
    border-radius: 22px;
    width: 100%;
    display: block;
    border: 2px solid #fff;
    aspect-ratio: 3 / 2;
    display: block;
    width: 100%;
    object-fit: cover;
}


.img-shark {
    position: relative;
    display: inline-block;
    border-radius: 24px;
}

.img-shark::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: #3B4852;
    transform: rotate(-5deg) translate(0px, -6px);
    z-index: -2;
}

.img-shark::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    border: 3px solid #3B4852;
    background: transparent !important;
    transform: rotate(4deg) translate(8px, 8px);
    z-index: -1;
}

.img-shark .img-inner img {
    display: block;
    border-radius: 24px;
    position: relative;
    z-index: 5;
}


.col-ca img.attachment-large.size-large {
    position: relative;
    z-index: 999;
}

.section-cong-middle {
    position: relative;
    overflow: hidden;
    background-color: #FFFBF6;
    min-height: calc(100vw * 2145 / 1440);
}

.section-cong-middle .section-bg img {
    opacity: 0;
}

.section-cong-middle .section-content {
    position: relative;
    z-index: 2;
}

.section-cong-middle::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background-image: url("/wp-content/themes/flatsome-child/assets/img/bg-teams%20(1).png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.section-cong-middle::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 400px;
    background-image: url("/wp-content/themes/flatsome-child/assets/img/bg-team3.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;

    z-index: 2;
}


.img-box-value img.attachment-.size- {
    border-radius: 50%;
    z-index: 2;
    position: relative;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


.section-thu-ngo {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.section-thu-ngo .section-bg img {
    opacity: 0;
}

.section-thu-ngo .section-content {
    position: relative;
    z-index: 2;
}

.section-thu-ngo::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background-image: url("/wp-content/themes/flatsome-child/assets/img/envelop_bg%20(1).png");
    background-repeat: no-repeat;

    background-position: center 5%;
    background-size: cover;
}






.dk-form {
    max-width: 840px;
    margin: 0 auto;
}

/* Hàng chứa 2 ô */
.wpcf7 form .dk-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 14px;
}

.wpcf7 form .dk-row .dk-field {
    flex: 1 1 calc(50% - 8px);
}

.wpcf7 form .dk-field input,
.wpcf7 form .dk-field select {
    width: 100%;
    padding: 10px 18px;
    border-radius: 12px;
    border: none;
    background: #ffffff;
    color: #273039;
    font-size: 14px;
    outline: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    height: 44px;
}

.wpcf7 form .dk-field input::placeholder,
.wpcf7 form .dk-field select::placeholder {
    color: #9ba3b0;
}

.wpcf7 form .dk-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dk-submit-wrap {
    text-align: center;
    margin-top: 10px;
}

.wpcf7 form .dk-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 40px;
    border-radius: 999px !important;
    border: none;
    background: #AF975D !important;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}

.wpcf7 form .dk-submit:hover {
    background: #2C343E !important;
    transform: translateY(1px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}


iframe {
    padding: 5px;
    box-shadow: 0 0 1px #000;
    border-radius: 5px;
}


.img-globe {
    position: relative;
    width: 100%;
}

.img-globe::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 70%;
    background: #84a6ff;
    transform: rotate(-5deg);
    z-index: 1;
}

.img-globe .img-inner img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
}


.page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}


.entry-header-text {
    padding: 1.5em 0 0px;
}

h1.entry-title {
    font-size: 32px;
    font-weight: 700;
    color: #28313A;
}


p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}



.col-icon-hoc-vien .icon-box {
    margin-bottom: -20px;
}






@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}