/*
Theme Name: Flatsome Child
Theme URI: univn.vn
Description: This is a child theme for Flatsome Theme
Author: Quang Hoa
Template: flatsome
Version: 3.0
Text Domain: shtheme
*/
/* cyrillic-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
        U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
        U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
        format("woff2");
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
        format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
    --secondary-color: #283272;
    --hover-color: #283272;
    --base-color: #283272;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
}
.uppercase,
h6,
th,
span.widget-title {
    letter-spacing: 0;
}
td {
    color: inherit;
}
.text-box .text {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.uni-breadcrumbs {
    margin-bottom: 30px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.button,
input[type="submit"],
input[type="submit"].button,
input[type="reset"].button,
input[type="button"].button {
    font-weight: bold;
    letter-spacing: 0;
}
.button.is-outline,
input[type="submit"].is-outline,
input[type="reset"].is-outline,
input[type="button"].is-outline {
    border-width: 1px;
}
.button.is-outline {
    color: inherit;
    line-height: calc(2.5em - 2px);
}
select,
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection {
    padding-right: 1.6em;
}
.box-text {
    font-size: 1em;
}
.breadcrumbs {
    font-size: 0.875rem;
    text-transform: none;
}
.breadcrumbs a {
    color: inherit;
}
/*--------------------------------------------------------------
## Header 
--------------------------------------------------------------*/
#top-bar .html_topbar_left {
    color: var(--secondary-color);
    font-size: 14px;
}
#top-bar .header-newsletter-item {
    margin-left: 60px;
}
.header-newsletter-item .button {
    margin: 0;
}
.header-main .header-inner {
    border-bottom: 1px solid var(--secondary-color);
}
.header-nav-main .header-search .icon-search {
    color: var(--secondary-color);
}
.header-newsletter-item .button {
    background-color: #f59695;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    width: 130px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}
.header-search-form {
    width: 100%;
    max-width: 70%;
}
.ux-search-box .search-field {
    height: 44px;
    background-color: #f5f5f5;
    border-radius: 0 8px 8px 0;
    border: none;
    width: 100%;
    display: block;
    padding: 10px 12px;
    letter-spacing: 0.002em;
    color: #534e56;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    box-shadow: unset;
}
.ux-search-box .flex-col:nth-child(2) {
    order: -1;
}
.searchform-wrapper:not(.form-flat) .submit-button,
.ux-search-box .ux-search-submit {
    border-radius: 4px 0px 0px 4px !important;
    background-color: #1d93e3;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    line-height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    border: none;
    cursor: pointer;
    box-shadow: unset;
}
.searchform-wrapper:not(.form-flat) .submit-button i,
.ux-search-box .ux-search-submit i {
    font-size: 20px;
}
.mobile-nav .header-button > a {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.header-nav-main.nav-right .html_topbar_left {
    display: flex;
    flex-wrap: wrap;
}
.header-hotline,
.header-contact {
    color: #a6a6a6;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.002em;
    min-height: 48px;
    position: relative;
    padding-left: 60px;
    margin-left: 40px;
    white-space: nowrap;
}
.header-hotline a,
.header-contact a {
    color: #a6a6a6;
}
.header-hotline strong,
.header-contact strong {
    display: block;
    color: #132432;
    font-weight: 600;
    font-size: 14px;
    margin-top: 4px;
    line-height: 24px;
}
.header-hotline:before,
.header-contact:before {
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f5f5f5;
}
.header-hotline:before {
    background-image: url("assets/img/ic-call.svg");
    background-size: 20px;
}
.header-contact:before {
    background-image: url("assets/img/icon-messsage.svg");
    background-size: 20px;
}
@media only screen and (max-width: 1440px) {
    .header-language,
    .header-hotline,
    .header-contact,
    .header-search {
        margin-left: 30px;
    }
}
.nav-dark .is-outline,
.dark .nav > li > a,
.dark .nav > li.html,
.dark .nav-vertical li li.menu-item-has-children > a,
.dark .nav-vertical > li > ul li a,
.nav-dropdown.dark > li > a,
.nav-dropdown.dark .nav-column > li > a,
.nav-dark .nav > li > a,
.nav-dark .nav > li > button {
    color: #fff;
}
.nav > li > a,
.nav-dropdown > li > a,
.nav-column > li > a {
    color: inherit;
}
.header-bottom .nav li a {
    font-size: 15px;
    color: var(--secondary-color);
    font-weight: 500;
}
.header-bottom .nav li.active > a,
.header-bottom .nav li a:hover {
    color: var(--base-color);
}
.header-bottom .nav > li > a {
    font-size: 16px;
    font-weight: 600;
}
.header-top .nav-uppercase > li > a {
    text-transform: none;
}
.nav-uppercase > li > a {
    letter-spacing: 0;
}
.header .nav-dropdown {
    color: inherit;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 12px;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-width: 10px;
    margin-left: -9px;
}
.nav-dropdown-has-border .nav-dropdown {
    border-width: 1px;
}
.menu-item-design-default .nav-dropdown-default {
    padding: 0;
    display: block;
    min-width: 210px;
    border: 0 !important;
    border-radius: 5px;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    display: none;
}
.menu-item-design-default
    > .nav-dropdown.nav-dropdown-default
    > li.nav-dropdown-col,
.menu-item-design-default
    > .nav-dropdown.nav-dropdown-default
    > li.image-column {
    display: block;
    width: 100%;
    border-right: none;
}
.menu-item-design-default > .nav-dropdown.nav-dropdown-default li {
    position: relative;
}
.menu-item-design-default
    > .nav-dropdown.nav-dropdown-default
    .menu-item-has-children
    > a,
.menu-item-design-default > .nav-dropdown.nav-dropdown-default .title > a,
.menu-item-design-default
    > .nav-dropdown.nav-dropdown-default
    .nav-dropdown-col
    > a {
    font-size: 1em;
    font-weight: normal;
    color: inherit;
    text-transform: none;
}
.menu-item-design-default > .nav-dropdown.nav-dropdown-default ul {
    background-color: #fff;
    min-width: 210px;
    top: 0px;
    left: calc(100% + 1px);
    position: absolute;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.menu-item-design-default > .nav-dropdown.nav-dropdown-default li:hover > ul {
    opacity: 1;
    visibility: visible;
}
.menu-item-design-default
    > .nav-dropdown.nav-dropdown-default
    .nav-dropdown-col
    .menu-item-has-children {
    margin-top: 0;
}
/* Header Template Element */
.off-canvas .nav-vertical > li > a,
.off-canvas .nav-vertical li li > a {
    font-size: 14px;
    text-transform: none;
}
.nav-vertical li li.menu-item-has-children {
    margin: 0 !important;
}
.nav-click {
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: block;
    z-index: 999;
}
.nav-click span,
.nav-click::after,
.nav-click::before {
    content: "";
    background-color: var(--secondary-color);
    position: absolute;
    height: 2px;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.nav-dark .nav-click span,
.nav-dark .nav-click::after,
.nav-dark .nav-click::before {
    background-color: #fff;
}
.nav-click::after,
.nav-click::before {
    top: 6px;
    right: 0;
    width: 18px;
    transform-origin: 50% 50%;
}
.nav-click::after {
    top: 23px;
    width: 30px;
}
.nav-click span {
    top: 15px;
    right: 0;
    width: 24px;
}
@media (min-width: 850px) {
    .nav-click {
        width: 38px;
        height: 38px;
    }
    .nav-click span,
    .nav-click::after,
    .nav-click::before {
        height: 3px;
    }
    .nav-click::after,
    .nav-click::before {
        top: 9px;
        width: 25px;
    }
    .nav-click::after {
        top: 27px;
        width: 35px;
    }
    .nav-click span {
        top: 18px;
        width: 31px;
    }
}
.has-off-canvas .current-lightbox-clicked .nav-click span {
    opacity: 0;
}
.has-off-canvas .current-lightbox-clicked .nav-click::before {
    width: 70%;
    left: 17%;
    transform: rotate3d(0, 0, 1, 45deg);
    top: 43%;
}
.has-off-canvas .current-lightbox-clicked .nav-click::after {
    width: 70%;
    left: 15%;
    transform: rotate3d(0, 0, 1, -45deg);
    top: 41%;
}
/*--------------------------------------------------------------
## Widget 
--------------------------------------------------------------*/
/* Widget Recent Posts */
.sidebar .widget_recent_entries ul li {
    padding: 5px 10px;
    border-bottom: 1px solid #cccccc;
}
.sidebar .widget_recent_entries ul li:last-child {
    border-bottom: none;
}
.sidebar .widget_recent_entries ul li .post-date {
    display: block;
}
/* Widget Recent Posts */
.widget_list_posts .post-item {
    padding-bottom: 0;
}
.widget_list_posts .post-item:not(:last-child) .col-inner {
    margin-bottom: 20px;
}
.widget_list_posts .blog-col-inner .post-title {
    font-size: 0.875rem;
    line-height: 1.4;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.8em;
    width: auto;
    margin: 0 0 5px 0;
}
.widget_list_posts .from_the_blog_excerpt {
    font-size: 0.875rem;
}
@media screen and (min-width: 550px) {
    .widget_list_posts .box-vertical {
        display: flex;
    }
    .widget_list_posts .box-vertical .box-image {
        flex: 0 0 30%;
    }
    .widget_list_posts .box-vertical .box-text {
        padding: 0 0 0 20px;
    }
    .widget_list_posts__alignright .box-vertical .box-text {
        order: -1;
        padding: 0 20px 0 0;
    }
}
/* Widget Information */
.widget_information ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget_information ul li {
    padding: 3px 0 3px 22px;
    position: relative;
}
.widget_information ul li + li {
    border-top: none;
}
.widget_information ul li.hidden_icon {
    padding-left: 0;
}
.widget_information ul li.hidden_icon i {
    display: none;
}
.widget_information li i {
    font-size: 0.75rem;
    position: absolute;
    left: 0;
    top: 7px;
    width: 14px;
    text-align: center;
}
.widget_information li.label-company {
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.widget_information li.label-company i {
    display: none;
}
/*--------------------------------------------------------------
## Shortcode 
--------------------------------------------------------------*/
/* Shortcode Blog */
.sh-blog-shortcode.layout-6 .first-element-layout .post-title {
    margin: 15px 0 10px 0;
}
.sh-blog-shortcode.layout-6 .second-element-layout .element:not(:last-child) {
    margin-bottom: 15px;
}
.sh-blog-shortcode.layout-6 .second-element-layout .element:last-child {
    margin-bottom: 0;
}
.sh-blog-shortcode.layout-6 .second-element-layout .col-inner {
    overflow: hidden;
}
.sh-blog-shortcode.layout-6 .second-element-layout .box-image {
    float: left;
    width: 30%;
    margin-right: 1em;
}
.sh-blog-shortcode.layout-6 .second-element-layout .box-image .image-zoom {
    padding-top: 62%;
}
.sh-blog-shortcode.layout-6 .second-element-layout .post-title {
    margin-top: 0;
    font-size: 0.875rem;
}
.sh-blog-shortcode.layout-7 .first-element-layout .element .box-image {
    float: left;
    width: 30%;
    margin-right: 20px;
}
.sh-blog-shortcode.layout-7 .first-element-layout .element .post-title {
    margin: 0 0 5px 0;
}
.sh-blog-shortcode.layout-7 .second-element-layout {
    margin-bottom: 20px;
}
.sh-blog-shortcode.layout-7 .second-element-layout .element {
    margin-bottom: 5px;
}
.sh-blog-shortcode.layout-7 .second-element-layout .element .post-title {
    margin: 0;
}
.sh-blog-shortcode.layout-7
    .second-element-layout
    .element
    .post-title
    a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #337ab7;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.sh-blog-shortcode.layout-8 .element .col-inner {
    position: relative;
}
.sh-blog-shortcode.layout-8 .element .entry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 10px;
}
.sh-blog-shortcode.layout-8 .element .post-title {
    font-size: 0.875rem;
    line-height: 20px;
    margin: 0;
}
.sh-blog-shortcode.layout-8 .element .post-title a {
    display: block;
}
/* Shortcode Title Product */
.uni-titlepro ul li {
    margin-left: 0;
    display: block;
}
.uni-titlepro .open-subcat {
    white-space: nowrap;
    cursor: pointer;
}
@media (min-width: 850px) {
    .uni-titlepro {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }
    .uni-titlepro .open-subcat {
        display: none;
    }
    .uni-titlepro ul li {
        display: inline-block;
    }
    .uni-titlepro li + li {
        margin-left: 30px;
    }
}
@media (max-width: 849.98px) {
    .uni-titlepro__main {
        display: flex;
        justify-content: space-between;
    }
    .uni-titlepro ul {
        display: none;
        overflow: hidden;
        margin-left: -5px;
        margin-right: -5px;
    }
    .uni-titlepro ul li {
        float: left;
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .uni-titlepro ul li:last-child {
        width: 100%;
    }
}
/* Shortcode Custom Menu */
.uni_custom_menu ul.menu li {
    border: none;
}
/* UX Shortcode */
.ux-menu-link__link {
    min-height: unset;
}
.ux-menu-title {
    font-size: 100%;
}
/* Category */
.box-blog-post .box-image .image-zoom {
    border-radius: 15px;
    overflow: hidden;
}
.box-blog-post .post-title {
    font-size: 1rem;
    line-height: 150%;
    margin: 10px 0 11px;
}
.box-blog-post .is-divider {
    display: none;
}
.box-blog-post .post-meta {
    margin-bottom: 11px;
    color: var(--secondary-color);
}
.box-blog-post .from_the_blog_excerpt {
    font-size: 0.875rem;
    color: var(--secondary-color);
}
#portfolio-list .box-blog-post .from_the_blog_excerpt {
    font-size: 0.875rem;
    color: #283272;
}
#portfolio-list .post-item > .col-inner {
    height: 100%;
}
/* Single Post */
.entry-header h1.entry-title {
    font-size: 1.5rem;
}
.entry-header h1.entry-title + .is-divider {
    display: none;
}
.entry-header-text-top {
    padding-bottom: 0;
}
ul.links li {
    margin: 0 0.4em !important;
}
ul.links {
    text-align: left;
    margin: 5px 0 50px;
}
.nav-pagination > li > span,
.nav-pagination > li > a {
    border: none;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.pagination-container .nav-pagination > li {
    margin: 0 12px !important;
}
.pagination-container .nav-pagination > li > span,
.pagination-container .nav-pagination > li > a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 99px;
    color: var(--base-color);
    border: 1px solid var(--base-color);
    font-size: 20px;
}
.pagination-container .nav-pagination {
    text-align: center;
}
.pagination-container .nav-pagination > li > a:hover,
.pagination-container .nav-pagination > li > span.current {
    background-color: var(--hover-color) !important;
    border-color: var(--hover-color) !important;
    color: #fff !important;
}
/* Wpcf7 */
.wpcf7-form {
    margin-bottom: 0;
}
.wpcf7 .button {
    min-width: 100px;
    margin-bottom: 0;
}
.wpcf7 .wpcf7-response-output {
    border-radius: 0;
}
.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
    font-size: 0.9em;
}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0 1em;
}
.wpcf7 .wpcf7-spinner {
    display: none !important;
}
/* Template - Header */
.header-cart-title {
    line-height: 1.2;
}
.header li.cart-item > a {
    display: inline-flex;
    flex-direction: row-reverse;
}
.header li.cart-item span + .image-icon {
    margin-left: 0;
    margin-right: 10px;
}
/* Footer */
.footer-wrapper .widget {
    margin-bottom: 0;
}
.footer-wrapper .section {
    padding-top: 50px !important;
}
.footer-wrapper .widget-title {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 15px;
    font-weight: bold;
}
.footer-wrapper ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}
.footer-wrapper ul li {
    margin-left: 0;
}
.absolute-footer {
    padding: 12px 0 12px;
    color: #fff !important;
    opacity: 1;
    border-top: 1px solid #fff;
    font-size: 14px;
}
@media only screen and (min-width: 850px) {
    .footer-secondary {
        padding: 0;
    }
    .col-3-last {
        flex-basis: 29%;
        max-width: 29%;
    }
    .col-last {
        flex-basis: 21%;
        max-width: 21%;
    }
}
.footer-wrapper .widget.widget_social li {
    border: 0;
}
.footer-wrapper .widget.widget_social li + li {
    margin-left: 15px;
}
.footer-secondary.pull-right {
    height: 0;
}
#top-link {
    background-color: var(--secondary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 0;
}
#top-link i {
    font-size: 22px;
    color: #ffffff;
}
.block-contact {
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 999;
}
.fixed-progress-wrap {
    position: fixed;
    bottom: 30px;
    right: 26px;
    z-index: 9999;
}
.list-contacts {
    background-color: #ed2a76;
    border-radius: 999px;
    padding: 20px 8px;
    display: flex;
    flex-direction: column;
    border: 3px solid #ffffff;
}
.list-contacts li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-contacts li + li {
    border-top: 2px dashed rgba(255, 255, 255, 1);
    margin-top: 10px;
    padding-top: 10px;
}
.list-contacts li:not(.zalo-icon) a {
    width: 40px;
    aspect-ratio: 1 / 1;
    height: 40px;
    border-radius: 99px;
    background-color: #ffffff;
    display: grid;
    place-content: center;
    padding: 8px;
    margin: 0 auto;
}
.list-contacts li.zalo-icon a img {
    width: 37px;
    height: 37px;
    object-fit: contain;
}
@media only screen and (min-width: 850px) {
    .list-contacts li.zalo-icon a {
        display: block;
        text-align: center;
    }
    .list-contacts li.money-icon img {
        width: 14px;
    }
}

@media only screen and (max-width: 849.99px) {
    .block-contact {
        bottom: 0;
        left: 0;
        right: 0;
    }
    .list-contacts {
        flex-direction: row;
        justify-content: space-between;
        border-radius: 0;
        border: 0;
        padding: 12px 11px;
    }
    .list-contacts .money-icon {
        order: -2;
    }
    .list-contacts .calendar-icon {
        order: -1;
    }
    .list-contacts li {
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 7px;
    }
    .list-contacts li:not(.call-icon) {
        max-width: 18.1818182%;
        flex-basis: 18.1818182%;
    }
    .list-contacts li.call-icon {
        flex: 1;
    }
    .list-contacts li + li {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    .list-contacts li a,
    .list-contacts li:not(.zalo-icon) a {
        width: 58px;
        height: 58px;
        border-radius: 99px;
        background-color: #ffffff;
        display: grid;
        place-content: center;
        margin: 0 auto;
        padding: 10px;
    }
    .list-contacts li.zalo-icon a img,
    .list-contacts li a img {
        width: auto;
        height: 27px;
        object-fit: contain;
    }
    .list-contacts li span {
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
    }
    .list-contacts li.call-icon a {
        filter: drop-shadow(0px -1px 4.7px rgba(0, 0, 0, 0.15));
        width: 97px;
        aspect-ratio: 1;
        height: 97px;
        margin-top: -102px;
        padding: 15px 11px;
        animation: zoom 1.3s infinite;
    }
    .list-contacts li.call-icon a img {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
    }
    .list-contacts li.call-icon a:before {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        box-shadow: 0 0 0 0 rgba(237, 42, 117, 0.541);
        background-color: #ed2a76;
        border-radius: 50%;
        border: 2px solid transparent;
        -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
        animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
        transition: all 0.5s;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: zoom 1.3s infinite;
        animation: zoom 1.3s infinite;
        content: "";
    }
    @-webkit-keyframes zoom {
        0% {
            transform: scale(0.9);
        }

        70% {
            transform: scale(1);
            box-shadow: 0 0 0 15px transparent;
        }

        100% {
            transform: scale(0.9);
            box-shadow: 0 0 0 0 transparent;
        }
    }

    @keyframes zoom {
        0% {
            transform: scale(0.9);
        }

        70% {
            transform: scale(1);
            box-shadow: 0 0 0 15px transparent;
        }

        100% {
            transform: scale(0.9);
            box-shadow: 0 0 0 0 transparent;
        }
    }
    .fixed-progress-wrap {
        display: none;
    }
}
@media only screen and (max-width: 413.99px) {
    .list-contacts li a,
    .list-contacts li:not(.zalo-icon) a {
        width: 40px;
        height: 40px;
    }
    .list-contacts li span {
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
    }
    .list-contacts li.call-icon a {
        width: 80px !important;
        height: 80px !important;
        margin-top: -82px;
    }
}
.progress-wrap {
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFFFFF" class="w-6 h-6"><path fill-rule="evenodd" d="M12 20.25a.75.75 0 01-.75-.75V6.31l-5.47 5.47a.75.75 0 01-1.06-1.06l6.75-6.75a.75.75 0 011.06 0l6.75 6.75a.75.75 0 11-1.06 1.06l-5.47-5.47V19.5a.75.75 0 01-.75.75z" clip-rule="evenodd" /></svg>');
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.progress-wrap::after {
    content: "";
    position: absolute;
    text-align: center;
    font-size: 16px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #f59695;
    border-radius: 99px;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: 38px;
    line-height: 35px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
    background-color: #105ca8;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: #f59695;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
@-webkit-keyframes ispinner-fade {
    0% {
        opacity: 0.85;
    }
    50% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}
@keyframes ispinner-fade {
    0% {
        opacity: 0.85;
    }
    50% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.25;
    }
}
.zalo-chat-widget {
    bottom: 90px !important;
    right: 30px !important;
    position: fixed;
    width: 60px;
    height: 60px;
    top: auto;
    z-index: 2147483644;
    border: none;
    visibility: visible;
}
.widgetContact {
    position: fixed;
    right: 33px;
    bottom: 90px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.widgetContact a {
    display: block;
    width: 53px;
}
/*--------------------------------------------------------------
## Custom Css 
--------------------------------------------------------------*/
.form-flatsome-lightbox {
    display: none;
    z-index: 99999999;
    position: relative;
}
#dark-breadcrumbs {
    padding: 15px 0;
    background: var(--bg-grey-bg, #f5f6f8);
}
#dark-breadcrumbs .rank-math-breadcrumb a,
#dark-breadcrumbs .rank-math-breadcrumb span {
    color: var(--base-color);
    font-size: 14px;
}
#dark-breadcrumbs .rank-math-breadcrumb p {
    margin-bottom: 0px;
}
#dark-breadcrumbs .separator {
    display: inline-block;
    margin: 0 8px;
}
/* #dark-breadcrumbs .separator:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
} */
#dark-breadcrumbs h1 {
    margin-bottom: 0;
    font-size: 24px;
}
.flickity-page-dots .dot.is-selected {
    background-color: var(--secondary-color);
}
.post-sidebar .section:not(.ads-sidebar) {
    border: 1px solid var(--secondary-color);
    padding: 20px !important;
    border-radius: 10px;
    margin-bottom: 30px;
}
.post-sidebar .ads-sidebar {
    padding: 0 !important;
    margin-bottom: 30px;
}
.post-sidebar .box-vertical .box-image,
.post-sidebar .box-vertical .box-text {
    vertical-align: top;
}
.post-sidebar .section .section-title-container {
    margin-bottom: 15px;
}
.post-sidebar .section .section-title {
    font-size: 16px;
    border-width: 1px;
    line-height: 150%;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-bottom: 0;
    border-bottom-color: var(--secondary-color);
}
.post-sidebar .section .section-title .section-title-main {
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--secondary-color);
}
.post-sidebar .uni_blog .heading {
    display: none;
}
.box-txt .widget_information .widget-title,
.customer-title,
.archive-page-header .page-title {
    /* font-family: 'Playfair Display'; */
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 150%;
    color: var(--secondary-color);
}
h1.doc-name {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 150%;
    color: var(--secondary-color);
}
.content-dnbs .section-title-container .section-title-normal {
    border-bottom: 0;
    margin-bottom: 0;
    /* font-family: 'Playfair Display'; */
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 150%;
    color: var(--secondary-color);
}
.section-title-container .section-title-normal span {
    border-bottom: 0;
    padding: 0;
    text-transform: none;
}
.post-sidebar .custom-layout .sh-blog-shortcode.layout-1 .post-item {
    counter-increment: item;
    margin-bottom: 15px;
}
.post-sidebar .custom-layout .sh-blog-shortcode.layout-1 .post-item:last-child {
    margin-bottom: 0;
}
.post-sidebar .custom-layout .sh-blog-shortcode.layout-1 .post-item:before {
    margin-right: 10px;
    content: counter(item);
    background: var(--secondary-color);
    border-radius: 100%;
    color: white;
    width: 21px;
    height: 21px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    left: 15px;
}
.post-sidebar .custom-layout .sh-blog-shortcode.layout-1 .post-item .col-inner {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    padding-left: 30px;
}
.post-sidebar .custom-layout .sh-blog-shortcode.layout-1 .post-item .box-text {
    padding: 0;
}
.post-sidebar
    .custom-layout
    .sh-blog-shortcode.layout-1
    .post-item
    .box-text
    .post-title {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--base-color);
    font-weight: normal;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 49px;
}
.post-sidebar .box-text .post-title:hover {
    color: var(--secondary-color) !important;
}
.post-sidebar .tintucmoi .col {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}
.post-sidebar .tintucmoi .post-title {
    margin-bottom: 7px;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 49px;
    margin-top: 0;
}
.post-sidebar .tintucmoi .box-vertical .box-text {
    padding: 0 0 0 15px;
}
.post-sidebar .tintucmoi .box-blog-post .box-image .image-zoom {
    border-radius: 10px;
}
.post-sidebar .tintucmoi .box-blog-post .post-meta {
    margin-bottom: 0;
}
.post-sidebar .tintucmoi .col .col-inner {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 22px;
}
.post-sidebar .tintucmoi .col:last-child .col-inner {
    margin-bottom: 0;
}
.form-support .form-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-color);
    font-weight: bold;
}
.form-support .form-desc {
    margin-bottom: 20px;
    line-height: 150%;
    text-align: center;
    color: #333333;
}
.form-support .wpcf7-form-control-wrap textarea,
.form-support .wpcf7-form-control-wrap input {
    height: 41px;
    border-radius: 5px;
    color: var(--base-color);
    border-color: #e1e1e1;
    box-shadow: none;
}
.form-support .wpcf7-form-control-wrap textarea {
    height: 90px;
}
.form-support .wpcf7-form-control-wrap input::placeholder {
    color: var(--base-color);
}
.form-support .wpcf7-submit {
    background-color: var(--hover-color) !important;
    border-radius: 5px;
    height: 51px;
    line-height: 150%;
    width: 100%;
    margin: 0;
    border: 0;
}
/* Related */
.service-title,
.related-title {
    font-size: 24px;
    margin-bottom: 24px;
    line-height: 150%;
    color: var(--secondary-color);
    font-weight: bold;
}
#related-list {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}
#related-list .box-vertical .box-image,
#related-list .box-vertical .box-text {
    vertical-align: top;
}
#related-list .box-vertical .box-image {
    width: 41.177% !important;
}
#related-list .box-vertical .box-text .post-title {
    margin-top: 0;
    margin-bottom: 7px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 49px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-color);
}
#related-list .box-vertical .box-text .post-meta {
    margin-bottom: 7px;
}
/* Service, pp,tt */
#portfolio-list .box-blog-post {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    height: 100%;
}
#portfolio-list .box-image {
    overflow: visible;
}
#portfolio-list .box-image .icon-logo {
    position: absolute;
    bottom: calc(-47.38px / 2);
    left: 40px;
    width: 47.38px;
    height: 47.38px;
    object-position: center;
    object-fit: contain;
}
#portfolio-list .box-image .image-zoom {
    border-radius: 10px;
    background: var(--secondary-color);
}
#portfolio-list .box-blog-post .box-image .image-zoom img {
    transition: all 0.35s ease-in-out;
}
#portfolio-list .box-blog-post:hover .box-image .image-zoom img {
    opacity: 0.5;
}
#portfolio-list .box-text {
    padding: 30px 20px 20px;
}
#portfolio-list .box-text .post-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #283272;
    margin-top: 0;
    margin-bottom: 20px;
}
/* Customer */
#customer-list {
    padding-top: 50px;
    padding-bottom: 20px;
    border-radius: 0 90px 0 0;
}
.home #customer-list {
    padding-top: 20px;
}
#customer-list .customer-top {
    text-align: center;
    margin-bottom: 40px;
}
#customer-list .customer-desc {
    max-width: 800px;
    margin: 0 auto;
}
#customer-list .col-inner {
    border-radius: 15px;
    border-radius: 10px;
    position: relative;
}
.customer-review-list .item-customer {
    padding-bottom: 104px;
}
.customer-review-list .item-customer .box-image {
    position: relative;
    overflow: visible;
    transition: all 0.35s ease-in-out;
}
.customer-review-list .item-customer .box-image .avatar-customer {
    aspect-ratio: 1/0.96969697;
    object-position: center;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.customer-review-list .item-customer .main-image {
    position: relative;
}
.customer-review-list .item-customer .hover-image {
    position: absolute;
    bottom: calc(-35px / 2);
    left: 30px;
    right: 30px;
    height: 45px;
    background: #fff;
    padding: 4px 4px 4px 45px;
    border-radius: 30px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--secondary-color);
    font-weight: bold;
    line-height: 125%;
    transition: all 0.15s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.customer-review-list .item-customer .hover-image img {
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    object-position: center;
    object-fit: contain;
    z-index: 100;
}
.customer-review-list .item-customer .hover-image span {
    transition: all 0.35s ease-in-out;
}
.customer-review-list .item-customer .box-content {
    /* opacity: 0;
    visibility: hidden; */
    /* top: 100%; */
    /* top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute; */
    z-index: 1;
    padding: 28px 20px;
    text-align: center;
    background: #fff;
    transition: all 0.25s ease-in-out;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 100%;
}
.customer-review-list .item-customer .box-content .customer-name {
    font-size: 16px;
    line-height: 150%;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}
.customer-review-list .item-customer .box-content .from_blog_excerpt {
    margin: 10px 0 0 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    opacity: 0;
    visibility: hidden;
    height: 0;
}
.customer-review-list .item-customer:hover .box-content .from_blog_excerpt {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.customer-review-list .item-customer .box-content .name {
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-color);
    font-weight: bold;
    margin-bottom: 0px;
    min-height: 48px;
    place-content: center;
}
/* .customer-review-list .item-customer .box-image:before {
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -20px;
    left: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
} */
/* .customer-review-list .item-customer:hover .hover-image {
    background: transparent;
    box-shadow: none;
} */
/* .customer-review-list .item-customer:hover .hover-image span {
    opacity: 0;
    visibility: hidden;
} */
/* .customer-review-list .item-customer:hover .box-image:before,
.customer-review-list .item-customer:hover .box-content {
    opacity: 1;
    visibility: visible;
} */
#customer-list .customer-review-list .box-video .box-image:before {
    content: "";
    background: url("assets/img/play.svg") center no-repeat;
    width: 60px;
    height: 40px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
#customer-list .customer-review-list .box-video .box-image {
    position: relative;
}
.customer-review-list .row-kh .flickity-page-dots {
    bottom: 30px;
}
/* Counter */
.item-counter .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
}
.item-counter .itemCounter {
    font-weight: 700;
    font-size: 50px;
    line-height: 150%;
}
.countBox {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
}
.countBox .button {
    color: #fff !important;
}
.countBox .icon-top img {
    max-height: 60px;
}
.countBox .button.button-contact {
    margin: 0;
    font-weight: bold;
    padding: 10px 20px;
    display: block;
}
.slider-nav-dots-simple .flickity-page-dots {
    position: initial;
    margin-top: 10px;
}
.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #d9d9d9;
    opacity: 1;
}
.slider-nav-dots-simple .flickity-page-dots .dot.is-selected {
    background-color: var(--secondary-color);
}
.back-to-top {
    border: 0 !important;
    padding: 10px 5px;
}
.back-to-top:hover {
    background-color: var(--secondary-color) !important;
}
.group-form .group-item .wpcf7-form-control {
    height: 41px;
    box-shadow: unset;
    border-radius: 5px;
}
.group-form .wpcf7-submit {
    height: 50px;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    border-radius: 5px;
    background: var(
        --Gradient,
        linear-gradient(
            90deg,
            var(--hover-color) 4.05%,
            var(--secondary-color) 99.93%
        )
    );
    margin: 0;
}
.box-txt > .col-inner {
    max-width: 532px;
    margin: 0 auto 0 0 !important;
}
.box-map iframe {
    width: 100%;
    aspect-ratio: 1/0.760869565;
    height: auto;
}
.item-doctor .box-image {
    margin-bottom: 16px;
}
.item-doctor .box-image .main-image {
    width: 200px;
    aspect-ratio: 0.75/1;
    /* border-radius: 999px; */
    /* box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12); */
    overflow: hidden;
    margin: 0 auto;
}
.item-doctor .box-image .main-image img {
    width: 100%;
    height: 100%;
    object-position: center top;
    object-fit: cover;
}
.item-doctor .doc-hh {
    font-size: 14px;
    margin-bottom: 4px;
}
.item-doctor .doc-name {
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 600;
    color: var(--base-color);
    line-height: 135%;
    margin-bottom: 8px;
}
.item-doctor .more-button {
    color: var(--hover-color);
}
/* filter Search */
.filterSearch {
    background: var(--secondary-color);
    padding: 15px 0;
}
.filterSearch .filterSearchBox {
    margin-bottom: 0;
}
.filterSearch .filterSearch-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    align-items: center;
}
.filterSearch .filterSearch-inner .group-item-text {
    flex: 1 0 300px;
}
.filterSearch .filterSearch-inner .search-submit {
    flex: 1 0 90px;
    max-width: 90px;
}
.filterSearch .filterSearch-inner .search-submit,
.filterSearch .filterSearch-inner .group-item-text input,
.filterSearch .filterSearch-inner .group-item-text select {
    height: 50px;
    border-radius: 5px;
    box-shadow: unset;
    margin-bottom: 0;
    color: var(--base-color);
}
.filterSearch .filterSearch-inner .search-submit .button {
    border-radius: 5px;
    background: var(--red-main, var(--hover-color));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 100%;
}
#block-doctor .list-doctor {
    padding-top: 50px;
}
/* button-custom */
.button-custom {
    width: 100%;
    max-width: 200px;
    height: 50px;
    line-height: 50px !important;
    font-size: 16px;
}
.error404 .box-blog-post .post-title {
    line-height: 1.4;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
    margin-top: 0;
}
.entry-content .kk-star-ratings {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px;
}
.kk-star-ratings .kksr-star .kksr-icon {
    width: 20px !important;
    height: 20px !important;
}
.kk-star-ratings .kksr-legend {
    font-size: 16px !important;
    color: var(--base-color);
    margin-top: 5px;
}
.mttn {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    padding: 12px 16px;
    background-color: #fff8e2;
    margin-bottom: 1rem;
}
.innerMttn svg {
    margin-top: 5px;
}
.mttnContent {
    padding-left: 10px;
}
.mttnContent strong {
    font-weight: 600;
}
.smartChart {
    display: inline-block;
    text-align: center;
}
.smartChartProgressBar {
    display: block;
}
.smartChart .chartBox {
    border-radius: 25px;
    background: #fff;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 19px;
    display: inline-block;
}
.smartChart .chartBox svg {
    width: 100%;
}
.smartChartProgressBar .chartBox {
    display: block;
    padding: 36px 90px 30px 90px;
}
.smartChart .nameChart {
    color: var(--secondary-color);
    text-align: center;
    font-size: 16px;
    line-height: 150%;
    font-style: normal;
    font-weight: 700;
    width: 100%;
    margin: 18px auto 30px;
}
.home .smartChart .nameChart {
    display: none;
}
.progressBar:last-of-type {
    margin-bottom: 0;
}
#blockAccordionSource {
    border: 1px solid #e4e8ec;
    border-radius: 8px;
    margin-bottom: 30px;
}
#blockAccordionSource .accordion-title {
    border-top: 0;
    padding: 16px;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.375rem;
    background: transparent;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
#blockAccordionSource .toggle {
    position: unset;
    opacity: 1;
}
#blockAccordionSource .toggle .button-toggle {
    font-size: 20px;
}
#blockAccordionSource .accordion-title .toggle .button-toggle:before {
    content: "\f055";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    color: var(--secondary-color);
}
#blockAccordionSource .accordion-title.active .toggle {
    transform: unset;
}
#blockAccordionSource .accordion-title.active .toggle .button-toggle:before {
    content: "\f056";
}
#blockAccordionSource .accordion-inner {
    padding: 0 16px 16px;
}
#blockAccordionSource .accordion-inner :last-child {
    margin-bottom: 0;
}
.mw-800 {
    max-width: 800px;
    margin: 0 auto;
}
.page .content-page a,
.single .entry-content a {
    color: #f59695;
}
.uni-slider-mul:not(.slider-show-dots) .flickity-page-dots {
    display: none;
}
.single-phuong-phap #portfolio-list {
    padding-bottom: 20px !important;
}
/*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/
@media only screen and (max-width: 1499.98px) {
    .item-counter .itemCounter {
        font-size: 40px;
    }
}
@media only screen and (max-width: 1199.98px) {
    .post-sidebar .tintucmoi .box-blog-post .post-meta {
        font-size: 10px;
    }
    .logo-left .logo {
        width: 150px !important;
    }
    .smartChartProgressBar .chartBox {
        padding: 36px 30px 30px 30px;
    }
    .nameChart br {
        display: none;
    }
}
@media only screen and (max-width: 1024.98px) {
    .logo-left .logo {
        width: 110px !important;
    }
    .mttn {
        font-size: 16px;
    }
    .header-search-form {
        max-width: 100%;
    }
    .section-title-container .section-title-normal,
    .box-txt .widget_information .widget-title,
    .customer-title,
    .archive-page-header .page-title {
        font-size: 30px;
    }
    h1.doc-name {
        font-size: 26px;
    }
    .item-counter .itemCounter {
        font-size: 35px;
    }
    .countBox .button.button-contact {
        padding: 5px 10px;
        display: inline-block;
    }
}
@media only screen and (min-width: 850px) and (max-width: 1199.98px) {
    #customer-list .item-customer .hover-image {
        font-size: 13px;
        left: 5px;
        right: 5px;
        justify-content: flex-end;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 849.98px) {
    #customer-list .item-customer {
        padding-bottom: 0px;
    }
    #customer-list .col-inner {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
        background: #fff;
    }
    #customer-list .item-customer .hover-image {
        display: none;
    }
    #customer-list .item-customer .box-content {
        position: initial;
        padding: 15px 10px;
        box-shadow: none;
        border-radius: none;
        opacity: 1;
        visibility: visible;
    }
    #customer-list .item-customer .from_blog_excerpt {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #customer-list .item-customer .box-content h4 {
        font-size: 15px;
    }
    #top-bar .nav {
        justify-content: flex-end;
    }
    .header-newsletter-item .button {
        width: 35px;
        margin: 0;
    }
    .header-newsletter-item .button i {
        margin: 0;
    }
    .form-flat .button.icon i {
        font-size: 16px;
    }
}
@media only screen and (max-width: 699.98px) {
    .section-title-container .section-title-normal,
    .box-txt .widget_information .widget-title,
    .customer-title,
    h1.doc-name,
    .archive-page-header .page-title {
        font-size: 24px;
    }
    #portfolio-list .box-text .post-title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .customer-review-list .item-customer .box-content .name {
        margin-bottom: 0;
    }
    #tabStories .customer-review-list .item-customer {
        padding-bottom: 60px;
    }
    #tabStories .customer-review-list .item-customer .box-content,
    .customer-review-list .item-customer .box-content p {
        display: none;
    }
}
@media only screen and (max-width: 549.98px) {
    #top-bar .nav a {
        margin: 0;
    }
    #related-list .box-vertical {
        display: table;
        width: 100%;
    }
    #related-list .box-vertical .box-image,
    #related-list .box-vertical .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: top;
    }
    #related-list .box-vertical .box-text {
        padding-left: 15px;
    }
    #related-list .box-vertical .box-text .from_the_blog_excerpt {
        display: none;
    }
    #related-list .col:last-child {
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 550px) {
}
@media only screen and (min-width: 700px) {
    #tabStories .customer-review-list .item-customer .box-content {
        opacity: 0;
        pointer-events: none;
    }
    #tabStories .customer-review-list .item-customer:hover .hover-image {
        opacity: 0;
    }
    #tabStories .customer-review-list .item-customer:hover .box-content {
        opacity: 1;
        pointer-events: inherit;
    }
}
@media only screen and (min-width: 850px) {
    #customer-list {
        padding-top: 80px;
        padding-bottom: 10px;
    }
    .header-newsletter-item .button i {
        display: none;
    }
    .page-wrapper {
        padding-top: 52px;
    }
    .item-doctor .doc-hh {
        font-size: 16px;
    }
    .item-doctor .doc-name {
        font-size: 18px;
    }
    #block-doctor .list-doctor {
        padding-top: 70px;
    }
    .page-template-page-landing .uni_custom_menu ul.menu ul {
        display: none;
    }
    .page-template-page-landing .uni_custom_menu ul li a {
        font-size: var(--fz-menu);
    }
    .page-template-page-landing .uni_custom_menu ul {
        padding: 0;
        margin: 0;
    }
    .page-template-page-landing .uni_custom_menu ul.menu {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        column-gap: 4.16666667vw;
        font-style: normal;
        font-weight: 400;
        line-height: 109.091%;
        letter-spacing: 0.5px;
    }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
    .header .header-nav-main > li > a {
        font-size: 16px;
    }
    .section-doctor .section-title-container {
        margin-bottom: 38px;
    }
    .item-doctor .doc-hh {
        font-size: 18px;
    }
    .item-doctor .doc-name {
        font-size: 20px;
    }
    #block-doctor .list-doctor {
        padding-top: 90px;
    }
    .page-template-page-landing .uni_custom_menu ul.menu {
        /* column-gap: 50px;
        font-size: 22px; */
    }
}
@media only screen and (min-width: 1300px) and (max-width: 1499.98px) {
    .container-width,
    .full-width .ubermenu-nav,
    .container,
    .row {
        max-width: 1300px !important;
    }
    .row.row-collapse {
        max-width: 1270px !important;
    }
    .row-full-width.row.row-collapse,
    .row-full-width {
        max-width: 100% !important;
    }
    .countBox .button.button-contact {
        padding: 10px;
    }
}
@media only screen and (min-width: 1600px) {
    /* .page-template-page-landing .uni_custom_menu ul.menu {
        column-gap: 60px;
    } */
}
@media only screen and (min-width: 1700px) {
    /* .page-template-page-landing .uni_custom_menu ul.menu {
        column-gap: 70px;
    } */
}
@media only screen and (min-width: 1900px) {
    /* .page-template-page-landing .uni_custom_menu ul.menu {
        column-gap: 80px;
    } */
}
/* block-callback */
#autoPopup .column-border > .col-inner {
    border-radius: var(--cb-br);
    position: relative;
}
#autoPopup .column-border > .col-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to right,
        #f9bdcc,
        #ffffff 28%,
        #ca4773 53%,
        #ffffff 77%,
        #fce2ec
    );
    border-radius: var(--cb-br);
}
#autoPopup .column-border > .col-inner > .is-border {
    border-radius: var(--cb-br);
}
#autoPopup .block-callback > .col > .col-inner {
    background: url("assets/img/bg-modal.svg") center no-repeat;
    background-size: cover;
    padding: var(--cb-pdt) var(--cb-pdr) var(--cb-pdb) var(--cb-pdl);
    border-radius: var(--cb-br);
}
#autoPopup .block-callback .icon-box .icon-box-img {
    width: var(--modal-icon-size) !important;
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin-bottom: 0;
}
#autoPopup .block-callback .icon-box .icon-box-img img {
    padding: 0;
}
#autoPopup .block-callback .icon-box .icon-box-text {
    color: #848489;
    margin-bottom: var(--modal-box-text-mb);
    font-size: var(--modal-box-text-size);
    line-height: calc(35 / 18);
}
#autoPopup .block-callback .icon-box .icon-box-text p {
    line-height: calc(35 / 18);
}
#autoPopup .block-callback .icon-box .icon-box-text h3 {
    font-size: var(--modal-title-size);
    line-height: 1.2;
    margin-bottom: var(--modal-title-mb);
    color: #283272;
}
#autoPopup .form-callback > p {
    display: flex;
    margin-bottom: var(--form-top-mb);
}
#autoPopup .form-note {
    margin-top: var(--form-note-mt);
    text-align: center;
    font-size: var(--input-fs);
    color: #848489;
    line-height: calc(42 / 45);
}
#autoPopup .form-callback input {
    margin: 0;
    outline: unset;
    box-shadow: unset;
    border: 0;
}
#autoPopup .form-callback .wpcf7-form-control-wrap input::placeholder,
#autoPopup .form-callback .wpcf7-form-control-wrap input {
    font-size: var(--input-fs);
    color: #848489;
}
#autoPopup .form-callback .wpcf7-form-control-wrap input {
    border-radius: 99px 0 0 99px;
    border: 2px solid rgba(217, 217, 217, 0.7);
    border-right: 0;
}
#autoPopup .form-callback .wpcf7-submit {
    font-size: var(--input-fs);
    font-weight: bold;
    color: #ffffff;
    border-radius: 0 99px 99px 0;
    animation: unset !important;
    background: linear-gradient(270deg, #ff196a 0%, #f4669c 100%) !important;
    text-transform: none;
}
#autoPopup .form-callback .wpcf7-form-control-wrap {
    flex: 1;
}
#autoPopup .block-callback .wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
}
#autoPopup {
    background-color: transparent !important;
    box-shadow: unset;
}
.mfp-container {
    padding: 0;
}
.logged-in .mfp-container {
    padding: 30px;
}
@media only screen and (max-width: 549px) {
    #autoPopup .block-callback .icon-box .icon-box-text br {
        display: none;
    }
    #autoPopup .block-callback .icon-box .icon-box-text {
        text-align: justify;
        text-align-last: left;
    }
    #autoPopup .block-callback .icon-box .icon-box-text h3 {
        line-height: calc(65.63 / 30);
        text-align: center;
    }
    .mfp-container {
        padding: 30px 3.48837209vw !important;
    }
    #autoPopup .form-callback .wpcf7-form-control-wrap input {
        height: 9.30232558vw;
    }
    #autoPopup .form-note {
        max-width: 51.069767vw;
        margin-left: auto;
        margin-right: auto;
        line-height: calc(23 / 16);
        font-size: 3.95348837vw;
    }
    .mfp-bg.mfp-ready {
        z-index: 9999999999;
    }
    .mfp-container,
    .mfp-wrap {
        z-index: 99999999999;
    }
    #autoPopup .column-border > .col-inner:before {
        background: linear-gradient(
            to top,
            #f9bdcc,
            #ffffff 28%,
            #ca4773 53%,
            #ffffff 77%,
            #fce2ec
        );
    }
}
@media only screen and (min-width: 0) {
    :root {
        --modal-icon-size: 29.3023256vw;
        --modal-title-size: 7.44186047vw;
        --modal-title-mb: 0;
        --modal-box-text-mb: 8.13953488vw;
        --modal-box-text-size: 3.72093023vw;
        --input-fs: 3.72093023vw;
        --form-note-mt: 7.20930233vw;
        --cb-br: 3.59375vw;
        --cb-pdt: 4.41860465vw;
        --cb-pdr: 8.75348837vw;
        --cb-pdb: 7.90697674vw;
        --cb-pdl: 8.75348837vw;
    }
}
@media only screen and (min-width: 550px) {
    :root {
        --modal-icon-size: 10.5vw;
        --modal-title-size: 3.08333333vw;
        --modal-title-mb: 1.78125vw;
        --modal-box-text-mb: 2.35416667vw;
        --modal-box-text-size: 1.9375vw;
        --input-fs: 2.25vw;
        --form-note-mt: 3.29166667vw;
        --cb-br: 4.59375vw;
        --cb-pdt: 1.833333333vw;
        --cb-pdr: 4.775vw;
        --cb-pdb: 3.60416667vw;
        --cb-pdl: 4.775vw;
    }
    #autoPopup {
        max-width: 88.3125vw !important;
    }
    #autoPopup .row {
        max-width: 88.3125vw !important;
        margin: 0 auto !important;
    }
}
@media only screen and (min-width: 850px) {
    :root {
        --modal-icon-size: 7.5vw;
        --modal-title-size: 2.08333333vw;
        --modal-title-mb: 0.78125vw;
        --modal-box-text-mb: 1.35416667vw;
        --modal-box-text-size: 0.9375vw;
        --input-fs: 1.25vw;
        --form-note-mt: 2.29166667vw;
        --cb-br: 3.59375vw;
        --cb-pdt: 0.833333333vw;
        --cb-pdr: 3.775vw;
        --cb-pdb: 2.60416667vw;
        --cb-pdl: 3.775vw;
    }
    #autoPopup .form-callback > p {
        max-width: 50.3125vw;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 992px) {
    #autoPopup {
        max-width: 45.3645833vw !important;
    }
    #autoPopup .row {
        max-width: 45.3645833vw !important;
        margin: 0 auto !important;
    }
}
@media only screen and (min-width: 1400px) {
}
.popup-image {
    position: fixed;
    max-width: clamp(400px, 28.7255208vw, 28.7255208vw);
    aspect-ratio: 1 / 0.543941399;
    bottom: 30px;
    right: 5vw;
    z-index: 9999;
}
.popup-image a {
    z-index: 0;
}
.popup-image .cancel-button svg {
    width: 1.54739583vw;
    height: 1.54739583vw;
}
.popup-image .cancel-button {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 10px;
    z-index: 9;
}
@media only screen and (max-width: 549px) {
    .popup-image .cancel-button {
        padding: 10px;
    }
    .popup-image .cancel-button svg {
        width: 20px;
        height: 20px;
    }
    .popup-image {
        max-width: calc(100%);
        bottom: 0;
        right: 0;
    }
}
@media only screen and (min-width: 550px) {
    .popup-image {
        right: 97px;
    }
}

/* modal-callback */
#modal-callback {
    position: fixed;
    max-width: clamp(400px, 60.5882353vw, 460px);
    bottom: 30px;
    right: clamp(80px, 5vw, 5vw);
    z-index: -9999;
    padding: 2px;
    opacity: 0;
    visibility: hidden;
}
#modal-callback.is-open {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}
#modal-callback:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to right,
        #f9bdcc,
        #ffffff 28%,
        #ca4773 53%,
        #ffffff 77%,
        #fce2ec
    );
    border-radius: 20px;
}
#modal-callback #modal-callback-wrap {
    background: url("assets/img/bg-modal-2.png") center no-repeat;
    background-size: cover;
    padding: clamp(15px, 3.64705882vw, 30px) clamp(20px, 5.41176471vw, 30px)
        clamp(15px, 3.64705882vw, 30px) clamp(20px, 5.41176471vw, 30px);
    border-radius: 20px;
    position: relative;
}
#modal-callback .form-support-callback input {
    margin: 0;
    outline: unset;
    box-shadow: unset;
    border: 0;
}
#modal-callback
    .form-support-callback
    .wpcf7-form-control-wrap
    input::placeholder,
#modal-callback .form-support-callback .wpcf7-form-control-wrap input {
    font-size: clamp(14px, 2.11764706vw, 16px);
    color: #848489;
}
#modal-callback .form-support-callback .wpcf7-form-control-wrap input {
    border-radius: 999px 999px 999px 999px;
    border: 2px solid rgba(217, 217, 217, 0.7);
    border-right: 0;
}
#modal-callback .form-support-callback .wpcf7-submit {
    font-size: clamp(14px, 2.11764706vw, 16px);
    font-weight: bold;
    color: #ffffff;
    border-radius: 999px 999px 999px 999px;
    animation: unset !important;
    background: linear-gradient(270deg, #ff196a 0%, #f4669c 100%) !important;
    text-transform: none;
    max-width: 155px;
    margin: 0 auto;
}
#modal-callback .form-support-callback .wpcf7-form-control-wrap {
    flex: 1;
}
#modal-callback .wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
}
#modal-callback .form-group > p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(8px, 2.11764706vw, 11px);
    margin-bottom: var(--form-top-mb);
}
#modal-callback .icon-box {
    justify-content: center;
    margin-bottom: 11px;
}
#modal-callback .icon-box .icon-box-img {
    border-radius: 999px;
    background-color: #ffffff;
}
#modal-callback .icon-box .icon-box-img img {
    padding-top: 0;
}
#modal-callback .icon-box .icon-box-text {
    flex: unset;
    display: inline-block;
}
#modal-callback .icon-box .icon-box-text * {
    display: inline-block;
    font-size: clamp(18px, 3.29411765vw, 22px);
}
@media only screen and (min-width: 850px) {
    #modal-callback .form-group > p {
        margin: 0 auto;
    }
}
#modal-callback .cancel-button svg {
    width: clamp(25px, 3.11411765vw, 26.64px);
    height: clamp(25px, 3.11411765vw, 26.64px);
}
#modal-callback .cancel-button {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    z-index: 9;
    line-height: 0;
}
@media only screen and (max-width: 849px) {
    .zalo-chat-widget {
        right: 10px !important;
    }
    .cta-phone {
        right: 15px !important;
    }
    .progress-wrap {
        right: 16px;
    }
    .widgetContact {
        right: 15px;
    }
    /* .zalo-chat-widget.has-popup-image {
        bottom: 57.9487179vw !important;
    }
    .cta-phone.has-popup-image {
        position: fixed;
        bottom: 73.3333333vw;
        right: 15px;
        z-index: 9999;
    }
    .progress-wrap.has-popup-image {
        bottom: 90vw !important;
        right: 16px;
    }
    
    .widgetContact.has-popup-image {
        bottom: 73.3333333vw;
    } */
}
@media only screen and (max-width: 599px) {
    #modal-callback {
        right: 15px;
        max-width: clamp(300px, 88.8888889vw, 400px);
        bottom: 144px;
    }
    #modal-callback .cancel-button {
        right: 0;
        top: 0;
    }
    .hidden-item {
        display: none !important;
    }
    .zalo-chat-widget.show-item {
        bottom: 20px !important;
    }
    .cta-phone.show-item {
        bottom: 142px !important;
    }
    .widgetContact.show-item {
        bottom: 80px !important;
    }
}