img:not([src]),
img[src=""] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) 0 0/200% 100%;
    animation: 1.5s ease-in-out infinite skeleton-pulse
}

:where(.dark, .dark *) img:not([src]) {
    background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%)
}

:where(.dark, .dark *) img[src=""] {
    background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%)
}

@keyframes skeleton-pulse {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.as-1-1 {
    aspect-ratio: 1
}

.as-3-2 {
    aspect-ratio: 3/2
}

.as-4-3 {
    aspect-ratio: 4/3
}

.as-16-9 {
    aspect-ratio: 16/9
}

.as-10-9 {
    aspect-ratio: 10/9
}

.menu.social-menu>li>a {
    color: var(--text-color);
    border-radius: var(--radius-sm, 4px);
    background: #fff;
    border: 1px solid #ffffff1a;
    padding: 8px;
    font-weight: 500;
    transition: opacity .15s ease-in-out, border-color .15s ease-in-out;
    display: block
}

:where(.dark, .dark *) .menu.social-menu>li>a {
    color: #fff;
    border: 1px solid #ffffff1a
}

.menu.social-menu>li>a:hover {
    border-color: var(--text-color-1);
    background: var(--text-color-1);
    color: #fff
}

:where(.dark, .dark *) .menu.social-menu>li>a:hover {
    color: #c9c9c9
}

.menu.social-menu>li>a .sr-only {
    display: none
}

.wpcf7-form .wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: var(--text-color-1);
    text-align: center;
    padding-top: 8px;
    font-size: 12px
}

.position-left,
.position-right {
    width: 320px;
    height: 100dvh;
    top: 0
}

@media only screen and (min-width:64rem) {

    .position-left,
    .position-right {
        width: 400px
    }
}

.position-left {
    left: 0;
    transform: translate(-320px)
}

@media only screen and (min-width:64rem) {
    .position-left {
        transform: translate(-400px)
    }
}

.position-right {
    right: 0;
    transform: translate(320px)
}

@media only screen and (min-width:64rem) {
    .position-right {
        transform: translate(400px)
    }
}

.js-off-canvas-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1000000;
    background: #0009;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.off-canvas-content .menu-lines {
    cursor: pointer;
    align-items: center;
    display: flex
}

.dropdown-trigger:not(.hover) .svg-close,
.dropdown-trigger.hover .svg-search {
    display: none
}

.dropdown-pane {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -9999;
    position: absolute
}

.submenu.menu,
.is-dropdown-submenu {
    display: none
}

[data-fx-dropdown-menu][data-autohide=true] {
    contain: layout style;
    overflow: hidden
}

[data-fx-dropdown-menu][data-autohide=true].is-adjusted {
    contain: none;
    overflow: visible
}

[data-fx-dropdown-menu][data-autohide=true]>li {
    flex-shrink: 0
}

.accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden
}

.tabs-content .tabs-panel {
    opacity: 0
}

.tabs-content .tabs-panel:not(.is-active) {
    visibility: hidden;
    position: absolute;
    overflow: hidden
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden
}

.swiper-wrapper {
    box-sizing: content-box;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    position: relative
}

.swiper-slide {
    flex-shrink: 0
}

.masthead {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    position: relative
}

.masthead .site-logo {
    transition: opacity .15s ease-in-out
}

.masthead .site-logo img.custom-logo {
    width: auto;
    max-height: 3.375rem;
    display: block
}

@media only screen and (min-width:48rem) {
    .masthead .site-logo img.custom-logo {
        max-height: 3.75rem
    }
}

@media only screen and (min-width:64rem) {
    .masthead .site-logo img.custom-logo {
        max-height: 4rem
    }
}

.masthead .dropdown-search {
    flex: none;
    display: flex;
    position: relative
}

@media only screen and (max-width:39.9988rem) {
    .masthead .dropdown-search {
        position: inherit
    }
}

.masthead .dropdown-search .dropdown-trigger {
    cursor: pointer;
    background: #fefefe;
    border: 1px solid #0000000f;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2.1875rem;
    height: 2.1875rem;
    padding: 8px;
    transition: box-shadow .15s ease-in-out, border-color .15s ease-in-out;
    display: flex
}

:where(.dark, .dark *) .masthead .dropdown-search .dropdown-trigger {
    background: #000;
    border: 1px solid #ffffff1f;
    box-shadow: inset 0 0 12px #ffffff0f
}

.masthead .dropdown-search .dropdown-trigger>span {
    pointer-events: none;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    display: inline;
    overflow: hidden;
    overflow-wrap: normal !important;
    position: absolute !important
}

.masthead .dropdown-search .dropdown-trigger.hover {
    border-color: var(--text-color-1);
    color: var(--text-color-1)
}

.masthead .dropdown-search .dropdown-trigger:hover {
    box-shadow: inset 0 0 12px #0000001f
}

:where(.dark, .dark *) .masthead .dropdown-search .dropdown-trigger:hover {
    box-shadow: inset 0 0 12px #ffffff1f
}

@media only screen and (max-width:39.9988rem) {
    .masthead .dropdown-search .dropdown-pane {
        width: 90%;
        left: 12px !important;
        right: 12px !important
    }
}

.masthead .dropdown-search .frm-container {
    position: relative
}

.masthead .dropdown-search .frm-container [type=search] {
    color: #000;
    background-color: #fefefe;
    border: 1px solid #0000001f;
    width: 100%;
    height: 44px;
    padding-left: 44px;
    padding-right: 16px;
    font-size: 15px;
    box-shadow: inset 0 0 12px #0000000f
}

:where(.dark, .dark *) .masthead .dropdown-search .frm-container [type=search] {
    color: #d4d4d4;
    background-color: #ffffff1f;
    border: 1px solid #fff3;
    box-shadow: inset 0 0 12px #ffffff0f
}

.masthead .dropdown-search .frm-container [type=search]:hover {
    box-shadow: inset 0 0 12px #0000001f
}

.masthead .dropdown-search .frm-container [type=search]:focus {
    border-color: #00000080
}

.masthead .dropdown-search .frm-container [type=submit] {
    color: #00000080;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%)
}

.masthead .dropdown-search .frm-container [type=submit] span {
    pointer-events: none;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    display: inline;
    overflow: hidden;
    overflow-wrap: normal !important;
    position: absolute !important
}

:where(.dark, .dark *) .masthead .dropdown-search .frm-container [type=submit] {
    color: #ffffffb3
}

.masthead .dropdown-search .frm-container [type=submit]:hover {
    color: var(--text-color)
}

.site-header {
    z-index: 999;
    width: 100%;
    position: sticky;
    top: 0;
    left: 0
}

.site-header .masthead {
    background-color: #fefefed9;
    border-bottom: 1px solid #0000000f;
    transition: border-bottom-color .15s, background-color;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important
}

:where(.dark, .dark *) .site-header .masthead {
    background-color: #161616d9;
    border-bottom: 1px solid #ffffff1f
}

.site-header.is-sticky .masthead {
    border-bottom: 1px solid #0000001f;
    box-shadow: 0 1px 24px #0000000f
}

:where(.dark, .dark *) .site-header.is-sticky .masthead {
    border-bottom: 1px solid #ffffff1f;
    box-shadow: 0 1px 24px #ffffff0d
}

:not(.top-header)+.site-header:not(.is-sticky) .masthead {
    box-shadow: 0 1px 24px #0000000f
}

:where(.dark, .dark *) :not(.top-header)+.site-header {
    box-shadow: 0 1px 24px #ffffff0d
}

body.admin-bar .site-header {
    top: 32px
}

@media screen and (max-width:48.875rem) {
    body.admin-bar .site-header {
        top: 46px
    }
}

@media screen and (max-width:37.5rem) {
    body.admin-bar .site-header {
        top: 0
    }
}

#main-nav {
    justify-content: center;
    width: 100%;
    display: flex;
    position: relative
}

#main-nav .dropdown.menu.horizontal-menu {
    white-space: nowrap;
    flex-wrap: nowrap
}

#main-nav .dropdown.menu.horizontal-menu li a {
    white-space: wrap
}

#main-nav .dropdown.menu.horizontal-menu>li>a {
    white-space: nowrap;
    height: 100%
}

#main-nav .dropdown.menu.horizontal-menu>li:where(.more, .fx-more)>a {
    justify-content: center;
    align-items: center;
    padding-right: 28px;
    font-size: 0;
    display: flex;
    position: relative
}

#main-nav .dropdown.menu.horizontal-menu>li:where(.more, .fx-more)>a:after {
    content: "";
    background-color: var(--text-color);
    background-color: currentColor;
    border: none;
    width: 1.75rem;
    height: 1.75rem;
    margin-top: 0;
    display: block;
    rotate: none;
    -webkit-mask-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M6%2012h.01m6%200h.01m5.99%200h.01%22%2F%3E%3C%2Fsvg%3E);
    mask-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M6%2012h.01m6%200h.01m5.99%200h.01%22%2F%3E%3C%2Fsvg%3E);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.nav-container {
    flex: 1 1 0%;
    min-width: 0
}

:where(.dark, .dark *) .top-header a:hover {
    color: var(--color-white)
}

.site-footer {
    position: relative;
    overflow: hidden
}

.site-footer .bg-absolute-footer {
    z-index: -1;
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.site-footer .bg-absolute-footer img {
    width: 100%;
    height: 100%
}

.site-footer.has-contact-link {
    padding-bottom: 56px
}

@media only screen and (min-width:64rem) {
    .site-footer.has-contact-link {
        padding-bottom: 0
    }
}

.site-footer .social-links .social-menu svg {
    min-width: 21px;
    height: 21px
}

.footer-logo {
    margin-bottom: 24px
}

.footer-logo a {
    align-items: center;
    gap: 16px;
    display: flex
}

.footer-logo img {
    flex: none;
    width: auto;
    height: 100px
}

@media only screen and (min-width:64rem) {
    .footer-logo img {
        height: 180px
    }
}

.footer-logo .logo-title {
    color: var(--header-text-color);
    letter-spacing: -.1px;
    font-size: max(1.375rem, min(1.28125rem + .394737vw, 1.75rem));
    font-weight: 600;
    line-height: 1
}

:where(.dark, .dark *) .footer-logo .logo-title:hover {
    color: var(--color-white)
}

.seo-footer .footer-address {
    color: #fff;
    flex-flow: column;
    gap: 4px;
    display: flex
}

.seo-footer .footer-address li svg {
    width: 25px
}

.seo-footer .footer-address li span {
    flex: 1
}

.seo-footer .footer-address a {
    font-weight: 500
}

:where(.dark, .dark *) .seo-footer .footer-address a:hover {
    color: var(--color-white)
}

:where(.dark, .dark *) .footer-menu ul.menu a:hover {
    color: var(--color-white)
}

.newsletter-footer .wpcf7-form {
    position: relative
}

.newsletter-footer .wpcf7-form .c-wpcf7-form-submit {
    align-items: center;
    gap: 12px;
    display: flex;
    position: absolute;
    top: 49%;
    right: 6px;
    transform: translateY(-50%)
}

.newsletter-footer .wpcf7-form .c-wpcf7-form {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex
}

.newsletter-footer .wpcf7-form .c-wpcf7-form>label {
    display: block
}

.newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input {
    color: #ffffffb3;
    padding-block-start: 18px;
    padding-block-end: 18px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    background: #000;
    border: 1px solid #363636b3;
    border-radius: 10px;
    width: 100%;
    padding-right: 130px;
    font-size: 14px
}

.newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input::placeholder {
    color: #ffffffb3
}

@media only screen and (min-width:64rem) {
    .newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input {
        padding-block-start: 18px;
        padding-block-end: 18px
    }
}

:where(.dark, .dark *) .newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input {
    color: #fff;
    box-shadow: inset 0 0 12px #ffffff0f
}

.newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input:focus,
.newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input:hover {
    box-shadow: inset 0 0 12px #0000001a
}

:where(.dark, .dark *) .newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input:focus {
    box-shadow: inset 0 0 12px #ffffff1a
}

:where(.dark, .dark *) .newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap input:hover {
    box-shadow: inset 0 0 12px #ffffff1a
}

.newsletter-footer .wpcf7-form .c-wpcf7-form>label .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    padding-top: 8px
}

.newsletter-footer .wpcf7-form .c-wpcf7-form .c-wpcf7-form-submit .wpcf7-submit {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-header);
    cursor: pointer;
    background-color: #fd3f00;
    border: 1px solid #fd3f00;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    transition: color .15s ease-in-out, border-color .15s ease-in-out;
    display: inline-flex;
    box-shadow: inset 0 0 12px #0000000f
}

.newsletter-footer .wpcf7-form .c-wpcf7-form .c-wpcf7-form-submit .wpcf7-submit:hover {
    border-color: var(--text-color-2);
    color: var(--text-color-2)
}

:where(.dark, .dark *) .newsletter-footer .wpcf7-form .c-wpcf7-form .c-wpcf7-form-submit .wpcf7-submit {
    box-shadow: inset 0 0 12px #ffffff0f
}

:where(.dark, .dark *) .newsletter-footer .wpcf7-form .c-wpcf7-form .c-wpcf7-form-submit .wpcf7-submit:hover {
    color: #fff
}

.newsletter-footer .wpcf7-form .c-wpcf7-form .c-wpcf7-form-submit .wpcf7-spinner {
    background-color: #00000080;
    margin: 0;
    position: absolute;
    right: 0
}

:where(.dark, .dark *) .newsletter-footer .wpcf7-form .c-wpcf7-form .c-wpcf7-form-submit .wpcf7-spinner {
    background-color: #c9c9c966
}

.newsletter-footer .wpcf7-form .wpcf7-response-output {
    color: var(--text-color);
    border: none;
    margin: 24px 0 0;
    padding: 0;
    font-size: 14px
}

@media only screen and (max-width:63.9988rem) {
    .footer-columns .toggle-title {
        cursor: pointer;
        justify-content: space-between;
        align-items: center;
        display: flex;
        position: relative
    }

    .footer-columns .toggle-title:after {
        content: "+";
        color: #fff;
        font-size: 24px;
        font-weight: 300;
        line-height: 1
    }

    .footer-columns .toggle-title.active:after {
        content: "-"
    }

    .footer-columns .toggle-title+.menu-drop {
        display: none
    }

    .footer-columns .toggle-title.active+.menu-drop {
        display: block
    }
}

.footer-columns ul.menu.menu-drop li a {
    color: #f2f2f2;
    z-index: 1;
    border: none;
    font-size: 16px;
    font-weight: 300;
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
    display: block;
    position: relative
}

.footer-columns ul.menu.menu-drop li a:hover {
    color: #fff;
    transform: translate(16px)
}

.footer-columns ul.menu.menu-drop li a:hover:after {
    transform: translateY(-50%)scaleX(1)
}

.footer-columns ul.menu.menu-drop li a:after {
    content: "";
    transform-origin: 0;
    background: #fff;
    width: 8px;
    height: 2px;
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translateY(-50%)scaleX(0)
}

.footer-columns .backInUp2 {
    visibility: visible;
    animation-name: backInUp2;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.footer-columns .backInUp2 a {
    font-size: 28px
}

@keyframes f1bigEmail {
    0% {
        box-shadow: 0 0 #fd3f00
    }

    50% {
        box-shadow: 0 0 27px #fd3f00
    }

    to {
        box-shadow: 0 0 #fd3f00
    }
}

@keyframes backInUp2 {
    0% {
        opacity: .7;
        transform: translateY(1200px)scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0)scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-Light.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-LightItalic.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-Regular.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-Italic.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-Medium.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-MediumItalic.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-SemiBold.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-SemiBoldItalic.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-Bold.ttf)format("truetype")
}

@font-face {
    font-family: "Be Vietnam Pro";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/BeVietnamPro-BoldItalic.ttf)format("truetype")
}

.dark-mode {
    cursor: pointer;
    background: #fefefe;
    border: 1px solid #0000000f;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 2.1875rem;
    height: 2.1875rem;
    padding: 8px;
    transition: box-shadow .15s ease-in-out;
    display: flex
}

:where(.dark, .dark *) .dark-mode {
    background: #000;
    border: 1px solid #ffffff1f;
    box-shadow: inset 0 0 12px #ffffff0f
}

.dark-mode:hover {
    box-shadow: inset 0 0 12px #0000001f
}

:where(.dark, .dark *) .dark-mode:hover {
    box-shadow: inset 0 0 12px #ffffff1f
}

.policy-nav .menu-thumb>a {
    align-items: center
}

.policy-nav .menu-thumb>a>img {
    width: 28px;
    display: block
}

.text-list-icon {
    background: linear-gradient(to right, var(--text-color), var(--color-gra-light));
    color: #0000;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-background-clip: text;
    background-clip: text;
    transition: color .3s
}

.icon-list-icon {
    position: relative
}

.icon-list-icon img {
    filter: invert(46%)sepia(61%)saturate(704%)hue-rotate(330deg)brightness(98%)contrast(96%);
    width: 20px;
    transition: color .3s;
    animation: 4s linear infinite rotate
}

.icon-list-text {
    text-transform: uppercase;
    letter-spacing: -.02em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    transition: all .3s
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #0000;
    border-radius: 9999px;
    flex: auto;
    justify-content: center;
    align-items: center;
    gap: 8px;
    max-width: 280px;
    padding-block-start: 12px;
    padding-block-end: 12px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    transition: all .3s ease-in-out;
    display: flex;
    position: relative
}

@media only screen and (max-width:39.9988rem) {
    .btn {
        padding-inline-start: 20px;
        padding-inline-end: 20px
    }
}

.btn:hover {
    translate: 0 -1px
}

@media only screen and (min-width:40rem) {
    .btn {
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.btn.btn-primary-1 {
    color: #fff;
    background-color: #37b6ff;
}

.btn.btn-primary-2 {
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.btn.btn-secondary-1 {
    color: #fff;
    background-color: var(--color-secondary)
}

.btn.btn-secondary-2 {
    color: var(--color-secondary);
    border-color: var(--color-secondary)
}

.btn.icon-down svg {
    transform: rotate(90deg)
}

.btn.icon-right svg {
    transform: rotate(45deg)
}

.cards .card-item {
    transition: all .3s ease-in-out
}

.cards .card-item:hover,
.cards .card-item:focus {
      box-shadow: 0 0 0 1px #eef6ff, 0 0 24px #55beff;
}

.p-news-list.p-news-list-home .item {
    width: 100%
}

@media only screen and (min-width:48rem) {
    .p-news-list.p-news-list-home .item {
        width: calc(50% - .75rem)
    }
}

@media only screen and (min-width:64rem) {
    .p-news-list.p-news-list-home .item {
        width: calc(33.3333% - 2rem)
    }
}

@media only screen and (min-width:80rem) {
    .p-news-list.p-news-list-home .item {
        width: calc(33.3333% - 2rem)
    }

    .p-news-list.p-news-list-home .item:nth-child(5n-1),
    .p-news-list.p-news-list-home .item:nth-child(5n) {
        width: calc(50% - 1.5rem)
    }
}

.p-news-list .c-cover {
    box-shadow: 0 0 12px #0000001a
}

.p-news-list .c-content {
    background-image: linear-gradient(360deg, #111013 0%, #11101300 100%)
}

.p-news-list .c-content .c-content-title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6
}

@media only screen and (min-width:40rem) {
    .p-news-list .c-content .c-content-title.item-large {
        font-size: 22px;
        line-height: 1.4
    }
}

.p-news-list .c-content-p .cat {
    align-items: center;
    gap: 12px;
    display: flex
}

.p-news-list .c-content-p .cate-content-p {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 17px;
    padding: 3px 15px;
    font-size: 12px;
    font-weight: 300;
    transition: all .3s;
    display: inline-block
}

.p-news-list .c-terms a {
    text-shadow: 0 4px 13px #0006;
    color: #fff;
    box-shadow: inset 0 4px 4px #fffc
}

.p-news-list .item-img {
    border-radius: var(--radius-xl);
    overflow: hidden
}

.p-news-list .item-img>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (max-width:63.9988rem) {
    .p-news-list .item-img {
        display: none
    }
}

.p-news-list .first-item {
    position: relative
}

@media only screen and (min-width:64rem) {
    .p-news-list .first-item .c-content {
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        border-radius: 0 0 var(--radius-xl) var(--radius-xl);
        color: #fff;
        pointer-events: none;
        background: #00000080;
        padding: 24px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .p-news-list .first-item .c-content :where(.c-terms, .view-more) {
        display: none
    }
}

.add-this.contact-link {
    z-index: 999;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #fefefed9;
    flex-flow: row;
    justify-content: center;
    gap: 16px;
    width: 100%;
    padding: 8px 0;
    display: flex;
    position: fixed;
    bottom: 0;
    right: 0
}

@media only screen and (min-width:64rem) {
    .add-this.contact-link {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0000;
        flex-flow: column;
        align-items: center;
        width: -moz-fit-content;
        width: fit-content;
        display: inline-flex;
        bottom: 90px;
        right: 12px
    }
}

.add-this.contact-link>li {
    display: block
}

.add-this.contact-link>li>a {
    aspect-ratio: 1;
    border: 1px solid;
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    padding: 12px;
    display: block
}

@media only screen and (min-width:64rem) {
    .add-this.contact-link>li>a {
        width: 48px;
        height: 48px
    }
}

.add-this.contact-link>li>a>svg {
    filter: brightness(0)invert();
    width: 100%;
    height: 100%;
    display: block
}

.add-this.contact-link>li>a>span {
    display: none
}

.add-this.contact-link>li>a.contact-map {
    background-color: #0c8e39;
    border-color: #0c8e39;
    box-shadow: 0 0 6px #0c8e3a33
}

.add-this.contact-link>li>a.hotline {
    background-color: #fe5242;
    border-color: #fe5242;
    box-shadow: 0 0 6px #fe524233
}

.add-this.contact-link>li>a.zalo {
    background-color: #0068ff;
    border-color: #0068ff;
    padding: 6px;
    box-shadow: 0 0 6px #06f3
}

.webhd-shap-bg {
    text-align: center;
    z-index: -1;
    pointer-events: none;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    margin-right: -50%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.webhd-shap-bg img {
    pointer-events: none;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: .3;
    width: 100%;
    animation: 8s linear infinite spin;
    display: inline-block
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.webhd-shap {
    text-align: center;
    z-index: -1;
    pointer-events: none;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    margin-right: -50%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.webhd-shap img {
    pointer-events: none;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: .6;
    width: 60%;
    display: inline-block
}

#breadcrumbs {
    pointer-events: none;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    display: inline;
    overflow: hidden;
    overflow-wrap: normal !important;
    position: absolute !important
}

.section-bg-color {
    background: radial-gradient(100.99% 141.42% at 100% 0, #fe5242 0, #fe240f 100%)
}

.has-white-logo img {
    background-color: #222;
    border-radius: 4px;
    padding-inline-start: 4px;
    padding-inline-end: 4px
}

.section.section-dichvutong .card .card-item>svg {
    width: 28px;
    height: 28px;
    color: var(--color-primary)
}

.section.section-dichvutong .card .card-item>img {
    object-fit: cover;
    object-position: center;
    width: 28px;
    height: 28px;
    display: block
}

.quote-popup-open {
    overflow: hidden
}

.quote-popup-overlay {
    z-index: 9999;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #0000008c;
    justify-content: center;
    align-items: center;
    padding: 16px;
    animation: .25s forwards quoteOverlayIn;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.quote-popup-overlay.is-closing {
    animation: .2s forwards quoteOverlayOut
}

.quote-popup-overlay.is-closing .quote-popup {
    animation: .2s forwards quotePopupOut
}

.quote-popup {
    scrollbar-width: thin;
    background: var(--bg-color, #fff);
    border-radius: var(--radius-3xl, 1.5rem);
    width: 100%;
    max-width: 520px;
    max-height: 90vh;
    padding: 2rem 1.5rem;
    animation: .3s cubic-bezier(.34, 1.56, .64, 1) forwards quotePopupIn;
    position: relative;
    overflow-y: auto;
    box-shadow: 0 20px 60px #00000026, 0 0 0 1px #0000000a
}

@media only screen and (min-width:40rem) {
    .quote-popup {
        padding: 2.5rem 2rem
    }
}

:where(.dark, .dark *) .quote-popup {
    background: #000;
    box-shadow: 0 20px 60px #00000080, 0 0 0 1px #ffffff0f
}

.quote-popup__close {
    width: 36px;
    height: 36px;
    color: var(--text-color, #333);
    cursor: pointer;
    background: #0000000f;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex;
    position: absolute;
    top: 12px;
    right: 12px
}

.quote-popup__close:hover {
    background: #0000001f;
    transform: rotate(90deg)
}

:where(.dark, .dark *) .quote-popup__close {
    color: #fff;
    background: #ffffff1a
}

:where(.dark, .dark *) .quote-popup__close:hover {
    background: #fff3
}

.quote-popup__close svg {
    width: 18px;
    height: 18px
}

.quote-popup__header {
    text-align: center;
    border-bottom: 1px solid #00000014;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem
}

:where(.dark, .dark *) .quote-popup__header {
    border-bottom-color: #ffffff1a
}

.quote-popup__badge {
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--color-primary, #fe5242);
    background: #fe52421a;
    border-radius: 999px;
    margin-bottom: .5rem;
    padding: .25rem .75rem;
    font-size: .75rem;
    font-weight: 600;
    display: inline-block
}

.quote-popup__title {
    color: var(--text-color, #111);
    margin: 0
}

:where(.dark, .dark *) .quote-popup__title {
    color: #f3f4f6
}

@keyframes quoteOverlayIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes quoteOverlayOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes quotePopupIn {
    0% {
        opacity: 0;
        transform: translateY(24px)scale(.96)
    }

    to {
        opacity: 1;
        transform: translateY(0)scale(1)
    }
}

@keyframes quotePopupOut {
    0% {
        opacity: 1;
        transform: translateY(0)scale(1)
    }

    to {
        opacity: 0;
        transform: translateY(16px)scale(.97)
    }
}