/* Chung */
:root {
    /* Define color variables */
    --cs-primary-color: #198f7c;
    --cs-secondary-color: #f47f20;
    --cs-third-color: #7f7f82;
    --text-color: #000;
}

/* For modern browsers */
::-webkit-scrollbar {
    width: 12px;
    /* Width of the scrollbar */
    height: 12px;
    /* Height of the scrollbar */
}

::-webkit-scrollbar-thumb {
    /* background: linear-gradient(45deg, var(--cs-secondary-color), var(--cs-primary-color)); */
    background: var(--cs-secondary-color);
    /* Thumb (the draggable part) gradient */
    border-radius: 6px;
    /* Rounded corners for the thumb */
    border: 3px solid transparent;
    /* Adds spacing around thumb */
    background-clip: padding-box;
    /* Makes border transparent */
}

::-webkit-scrollbar-track {
    background: #f3f3f3;
    /* Track (background of scrollbar) */
    border-radius: 6px;
    /* Rounded corners for the track */
}

/* Hover effect for the thumb */
/* ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, var(--cs-primary-color), var(--cs-secondary-color));
} */

/* For Firefox */
.scrollbar-container {
    scrollbar-width: thin;
    /* Sets the scrollbar width */
    scrollbar-color: var(--cs-primary-color) #f3f3f3;
    /* Thumb color and track color */
}

.button:hover {
    box-shadow: unset !important;
    background-color: var(--cs-primary-color);
}

.is-outline:hover, .primary.is-outline:hover {
    background-color: var(--cs-third-color) !important;
    border-color: var(--cs-third-color) !important;
    color: #fff;
}

ol, ul {
    margin-left: 20px;
}

.txt-center {
    text-align: center;
}

.g-hidden {
    display: none !important;
}

.w-50 {
    width: 50%;
    padding-inline: 0.5rem;
}

.w-100 {
    width: 100%;
    /* padding-inline: 0.5rem; */
}

.w-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
}

.w-9 {
    flex-basis: 75%;
    max-width: 75%;
}

.w-3 {
    flex-basis: 25%;
    max-width: 25%;
}

.pd-inline-0 {
    padding-inline: 0 !important;
}

.pd-block-0 {
    padding-block: 0 !important;
}

.section-title-normal span {
    border-bottom: unset !important;
}

.section-title-normal {
    border-bottom: 2px solid var(--cs-primary-color) !important;
}

.btn-form-default {
    background-color: var(--cs-secondary-color);
    color: white;
    border-radius: 10px;
    transition: all 0.3s;
}

.btn-form-default:hover {
    background-color: grey;
    transition: all 0.3s;
}

/* CF7 */
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
    color: #00a0d2;
    text-align: center;
    margin-top: 1rem;
    width: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    color: #ffb900;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}

span.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.box-contact {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--cs-primary-color);
    padding: 20px 10px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.box-btn-contact-form {
    width: 100%;
    padding-inline: 0.5rem;
    margin-top: .5rem;
}

.btn-contact-form {
    margin: 0;
    width: 100%;
    background-color: white;
    border-radius: 5px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.btn-contact-form:hover {
    background: var(--cs-secondary-color);
    color: white;
    transition: all 0.3s;
}

span.field-item-title {
    color: white;
}

.btn-form-default img {
    width: 20px;
}

.post-list .post-item .col-inner {
    height: 100%;
}

.slider-type .decor-img .img-inner {
    border-radius: 16px;
}

.box-product-items .plain {
    display: block;
    height: 180px;
   
}

.box-product-items .plain:hover {
    color: black;
}

.box-product-items .icon-box {
    padding: 20px;
}

/* Animation */
@keyframes fly {
    0%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-5%);
    }
    85% {
        transform: translateY(5%);
    }
}
  
.fly{
    animation:  3s fly linear infinite;
}

.decor-title hr {
    margin: 20px 0;
    width: 50px;
    border-top: 4px #198f7c solid;
    opacity: 1;
}

/* Header */
.nav-dropdown-simple .nav-column li > a:hover, 
.nav-dropdown.nav-dropdown-simple > li > a:hover,
.nav-dropdown-simple .nav-column li.active > a, 
.nav-dropdown.nav-dropdown-simple > li.active > a {
    background-color: var(--cs-primary-color) !important;
}

.nav-dropdown li.active > a, 
.nav-dropdown > li > a:hover,
.sub-menu li.active > a, 
.sub-menu > li > a:hover {
    color: white !important;
}

/* Footer */
/* Form */
.form-short-nofication-content p {
    position: relative;
    padding-right: 69px !important;
}

.form-short-nofication-content p input {
    margin-bottom: 0;
}

.form-short-nofication-content .btn-submit-df {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background-color: var(--cs-secondary-color);
    color: white;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: all 0.3s;
}

.form-short-nofication-content .btn-submit-df:hover {
    background-color: grey;
}

.ux-menu-link--active .ux-menu-link__link {
    transition: all 0.3s;
}

.ux-menu-link--active .ux-menu-link__link, 
.ux-menu-link:hover .ux-menu-link__link {
    color: var(--cs-primary-color) !important;
    transition: all 0.3s;
}
/* Logo */
/* .logo-footer .img-inner {
    background-color: white;
    border-radius: 10px;
}

.footer-wrapper a {
    color: white;
    transition: all 0.3s;
}

.footer-wrapper a:hover {
    color: var(--cs-secondary-color) !important;
    transition: all 0.3s;
} */

.rd-100 img {
    border-radius: 100%;
}

.section-title b {
    background-color: var(--cs-primary-color) !important;
    opacity: 1 !important;
    height: 3px !important;
}

.custom-style-acc .accordion-item .accordion-title {
    border: 1px #198f7c4d solid;
    border-radius: 5px;
    font-weight: bold;
}

.custom-style-acc .accordion-inner {
    border: 1px #198f7c4d solid;
    border-top: unset;
}

.custom-style-acc .accordion-item .accordion-title.active {
    border-radius: 5px 5px 0 0;
    background: var(--cs-primary-color);
    color: white;
}

.custom-style-acc .accordion-item:not(:last-child) {
    margin-bottom: 20px;
}

.row .col.decor-history {
    border-top: 1px var(--cs-primary-color) dashed;
    padding-top: 30px;
    position: relative;
}

.row .col.decor-history:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    top: -8px;
    z-index: 1;
    background-image: url(/wp-content/uploads/2025/04/right-arrow.png);
    background-repeat: no-repeat;
    object-fit: contain;
    background-size: contain;
    filter: invert(39%) sepia(98%) saturate(365%) hue-rotate(121deg) brightness(96%) contrast(88%);
}

.row .col.decor-history.change-history::before {
    left: 0;
    right: unset;
    transform: rotate(180deg);
}

.box-item .col-inner {
    transition: all 0.3s;
}

.box-item .col-inner:hover {
    background-color: var(--cs-primary-color);
    transition: all 0.3s;
}

.box-item .col-inner:hover .box-text-inner > * {
    color: white;
}

.box-item .col-inner img { 
    filter: invert(41%) sepia(97%) saturate(347%) hue-rotate(121deg) brightness(91%) contrast(92%);
    transition: all 0.3s;
}

.box-item .col-inner:hover img {
    filter: invert(60%) sepia(98%) saturate(2359%) hue-rotate(347deg) brightness(98%) contrast(95%);
    transition: all 0.3s;
}

.custom-tab.tabbed-content .nav {
    column-gap: 2rem;
}

.custom-tab .nav-pills>li>a {
    background-color: gainsboro;
}

.custom-tab .entry-content {
    padding: 20px !important;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.box-item-package ol,
.box-item-package ul {
    margin-left: 0px;
    list-style: none;
}

.box-item-package ol li,
.box-item-package ul li {
    position: relative;
    margin-bottom: 1em;
}

.box-item-package ol li::before,
.box-item-package ul li::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -20px;
    top: 6px;
    z-index: 1;
    background-image: url(/wp-content/uploads/2025/04/send.png);
    background-repeat: no-repeat;
    object-fit: contain;
    background-size: contain;
    filter: invert(60%) sepia(98%) saturate(2359%) hue-rotate(347deg) brightness(98%) contrast(95%);
    transition: all 0.3s;
}

.box-item-package .col-inner {
    
    transition: all 0.3s;
}

.box-item-package .col-inner:hover {
    background-color: #198f7c;
}

.box-item-package .col-inner:hover > *,
.box-item-package .col-inner:hover h2 {
    color: white !important;
}

.box-item-package .col-inner:hover ol li::before,
.box-item-package .col-inner:hover ul li::before {
    filter: brightness(0) invert(1);
    transition: all 0.3s;
}

.title-custom .section-title-main {
    background-color: var(--cs-primary-color);
    color: white;
    padding-top: 10px;
    padding-inline: 20px 50px;
    border-top-right-radius: 150px;
}

#post-list .post-title a ,
.post-list .post-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

#post-list .nav-pagination>li>a, 
#post-list .nav-pagination>li>span {
    border-radius: 0px;
    border: 1px var(--fs-color-primary) solid;
    height: 32px;
    width: 32px;
    padding: 0;
}

#post-list .ux-relay__pagination > li > a i {
    top: 0;
}

#post-list .nav-pagination > li {
    margin-left: 0;
    margin: 0 .4em;
}

#post-list .from_the_blog_comments {
    display: none;
}

.blog-archive .nav-pagination>li>a, 
.blog-archive .nav-pagination>li>span {
    border: 1px var(--cs-primary-color) solid;
    border-radius: 0px;
    padding: 2px 12px;
    /* height: auto;
    min-width: auto; */
}

.navigation-post .next-prev-nav .flex-col,
.navigation-post .next-prev-nav .flex-col {
    padding: .7em;
}

.widget-area  .widget .current-cat > a {
    color: var(--fs-experimental-link-color-hover);
    font-weight: bolder;
}

.style-1 {
    background-color: var(--cs-primary-color);
    padding: 15px;
    border-radius: 30px 300px 300px 30px;
}

.style-1 .style-1-txt {
    padding: 20px;
    background-color: white;
    border-radius: 15px;
}

.style-1 .style-1-img img {
    border-radius: 100%;
}

.style-1 .style-1-img {
    padding-right: 0;
}


/* .box-shadow-style .img-inner,
.box-shadow-style .col-inner {
    border-radius: 20px;
    box-shadow: -4px -3px 6px 3px var(--cs-primary-color);
} */

.style-box-value {
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 0px 3px 0px black;
    align-items: center;
    background-color: white;
    transition: all 0.3s;
}

.style-box-value:hover {
    background-color: var(--cs-primary-color);
    color: white;
    box-shadow: 0px 0px 7px 0px black;
    transition: all 0.3s;
}

.style-box-value:hover img{
    transition: all 0.3s;
    filter: saturate(0) brightness(0) invert(1);
}

.box-form-contact .wpcf7-form-control-wrap input, 
.box-form-contact .wpcf7-form-control-wrap textarea{
    border-radius: 5px;
}

.custom-box-product {
    box-shadow: 0px 0px 5px 0px black;
    padding: 25px;
    border-radius: 5px;
    height: 100%;
    transition: all 0.3s;
}

.custom-box-product:hover {
    background-color: var(--cs-primary-color);
    box-shadow: 0px 0px 7px 0px black;
    transition: all 0.3s;
}

.custom-box-product img,
.custom-box-product .icon-box-text > * {
    transition: all 0.3s;
}

.custom-box-product:hover .icon-box-text > * {
    color: white;
}

.custom-box-product:hover img {
    filter: saturate(0) brightness(0) invert(1);
    transition: all 0.3s;
}

.archive-page-header h1.page-title.is-large.uppercase {
    display: none;
}

.decor-sub-title::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: var(--cs-primary-color);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.decor-sub-title {
    position: relative;
    display: flex;
    padding-left: 40px;
}

.custom-img-box .box-image {
    /* background-color: #80808020; */
    border-radius: 15px;
    padding: 15px;
}

.hover-cms .col-inner {
    position: relative;
    overflow: hidden;
}

.hover-cms .col-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(131, 58, 180);
    background: linear-gradient(90deg, var(--cs-primary-color) 30%, var(--cs-secondary-color) 100%);
    transform-origin: bottom left;
    transform: translateX(97%);
    transition: transform 0.8s;
    z-index: -1;
}

.hover-cms .col-inner:hover::before  {
    transform: translateX(0);
    transform-origin: bottom left;
}

.hover-cms .col-inner .icon-box-text > * {
    transition: all 0.8s;
}

.hover-cms .col-inner:hover .icon-box-text > * {
    color: white !important;
    transition: all 0.8s;
}

.hidden-thumb .box-vertical {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.hidden-thumb .box-image {
    display: none !important;
}

.hidden-thumb .box-text {
    padding: 20px !important;
    padding-left: 70px !important;
}

.hidden-thumb .badge {
    /* position: relative !important; */
    height: 100%;
    left: 0;
    top: 0 !important;
}

.decor-tamgiac .col-inner {
    position: relative;
}

.decor-tamgiac .col-inner::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 60px;
    background: var(--cs-secondary-color);
    top: 0;
    right: 0;
}

.decor-toong .col-inner {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    /* background-color: #198f7c; */
    background-color: white;
    /* background: linear-gradient(45deg, #ff3c86, #7d2dd1, #3670c1); */
    aspect-ratio: 1 / 1.15;
    transition: all 0.3s;
}

/* .decor-toong.yellow .col-inner {
    background-color: #ffb500;
}

.decor-toong.blue .col-inner {
    background-color: #006fbc;
} */

.decor-toong .col-inner::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background-color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* .decor-toong .col-inner:hover {
    background-color: var(--cs-secondary-color);
    background-image: repeating-radial-gradient(white, transparent 100px);
    transition: all 0.3s;
} */

.custom-history .col-inner {
    position: relative;
    padding: 10px;
    background-color: var(--cs-primary-color);
    border-radius: 10px;
    display: flex;
    align-items: center;
    column-gap: 2rem;
}

.custom-history .col-inner p {
    margin-bottom: 0;
}

.custom-cnt-history {
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 10px;
}

.custom-slide .flickity-slider .section {
    width: 33% !important;
    padding-inline: 10px !important;
    /* transition: all 0.5s; */
}

.custom-slide .flickity-slider .section:not(.is-selected) {
    scale: 0.8;
    opacity: 0.5;
    /* transition: all 0.5s; */
}

.text-name-doi-tac {
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
}

.bd-1 {
    border: 1px #ccc solid;
}

.logo-partner .col-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.custom-decor-list ul {
    list-style: none;
}

.custom-decor-list ul li {
    position: relative;
}

.custom-decor-list ul li::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(http://salinkvietnam.gobranding.asia/wp-content/uploads/2025/06/checkmark.png);
    object-fit: contain;
    background-size: contain;
    background-repeat: no-repeat;
    left: -40px;
    top: 0;
}

.title-box-shadow h2 {
    text-shadow: 3px 3px 5px grey;
}

.slider-type .decor-title {
    padding: 10px;
    background-color: #00A99D;
    margin-left: -15px !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: fit-content;
}

.slider-type .decor-title p {
    margin: 0;
}

.slider-type .decor-img {
    position: absolute;
    top: 0;
    left: 0;
}

.slider-type .decor-img,
.slider-type .decor-img .img-inner,
.slider-type .decor-img .img-inner img {
    height: 100%;
}

.slider-type .text,
.slider-type .button {
    position: relative;
    z-index: 2;
}

.slider-type .decor-img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-color: #00000045; */
    top: 0;
    left: 0;
    border-radius: 16px;
    z-index: 1;
}

.m-right .icon-box-text.last-reset {
    padding-left: 0.5em !important;
}

.icon-center {
    width: fit-content !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
}

.decor-list-about ul,
.decor-list-detail-products ul,
.decor-list-detail-products-second ul {
    list-style: none;
}

.decor-list-about ul li,
.decor-list-detail-products ul li,
.decor-list-detail-products-second ul li {
    position: relative;
}

.decor-list-about li::before,
.decor-list-detail-products li::before,
.decor-list-detail-products-second li::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/uploads/2025/06/Arrow-circle-right.png);
    background-repeat: no-repeat;
    object-fit: cover;
    left: -35px;
    top: 3px;
}

.decor-list-detail-products li::before {
    top: 6px;
    background-image: url(/wp-content/uploads/2025/06/Vector-1.png);
}

.decor-list-detail-products-second li::before {
    top: 6px;
    background-image: url(/wp-content/uploads/2025/06/Label-important.png);
    filter: invert(48%) sepia(78%) saturate(744%) hue-rotate(348deg) brightness(103%) contrast(91%);
}

.css-center .icon-inner img {
    border-radius: 10px;
}

.flickity-page-dots .dot.is-selected {
    background-color: var(--cs-secondary-color) !important;
    opacity: 1 !important;
}

.flickity-page-dots .dot {
    border: 3px solid var(--cs-secondary-color) !important;
}

.contact-form-custom form {
    margin-bottom: 0;
}

.cs-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cs-center button {
    margin: 0;
}

.custom-popup {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
}

.custom-popup .box-popup-custom {
    max-width: 850px;
    width: 100%;
    padding-inline: 20px;
    position: relative;
}

.custom-popup.active {
    opacity: 1;
    visibility: visible;
}

.custom-close {
    position: absolute !important;
    right: 21px;
    top: -13px;
    width: 30px !important;
    height: 30px;
    z-index: 999999999999999999;
    background-color: white;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
}

.slider-type .slider .section {
    width: 25% !important;
    padding-left: 10px;
    padding-right: 10px;
} 

.h-slider-type .col-inner {
    height: 458px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.h-slider-type a.button {
    text-align: right;
}

.slider-product .slider .section {
    width: 33.5% !important;
    padding-left: 10px;
    padding-right: 10px;
}

.slider-product .box-4-column .slider .section {
    width: 25% !important;
}

.h-slider-product .col-inner {
    /* height: 426px; */
}

.text-more-product p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.decor-toong {
    flex-basis: 14% !important;
    max-width: 14% !important;
}

/* .grid-hive .col-inner {
  display: grid !important;
  grid-template-columns: auto auto;
  gap: 15px;
} */

.grid-hive .col-inner .img {
  background: white;
  aspect-ratio: 1.15 / 1;
  /* clip-path: polygon(
    50% 0%,
    100% 25%,
    100% 75%,
    50% 100%,
    0% 75%,
    0% 25%
  ); */
  clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  font-weight: bold;
  font-style: italic;
  color: #000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  /* display: flex; */
}

.decor-toong .col-inner .img .img-inner,
.decor-toong .col-inner .img,
.grid-hive .col-inner .img .img-inner{
    height: 100%;
}

.grid-hive .col-inner .img .img-inner {
    padding-top: unset !important;
    margin-bottom: 0;
}

.decor-toong .col-inner .img .img-inner img,
.grid-hive .col-inner .img .img-inner img {
    padding: 10px;
}

.col-inner a.button.alert.is-underline:hover,
.col-inner a.button.alert.is-underline:hover:before {
    color: var(--cs-secondary-color);
    background-color: var(--cs-secondary-color);
    transition: all 0.3s;
}

.section-title-container.mb-3 {
    margin-bottom: 0.5em;
}

.css-equal .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.icon-center h2 {
    margin: 0;
}

.unline-custom .section-title-normal {
    border-bottom: unset !important;
}

.post-sidebar .widget-title {
    color: var(--cs-primary-color);
}

.post-sidebar a {
    color: var(--text-color);
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cs-al-center {
    align-items: center;
}

.cs-al-center .icon-box-img img, 
.cs-al-center .icon-box-img svg {
    padding-top: 0;
}

.mobile-sidebar .nav-sidebar {
    margin-top: 30px;
}

.mobile-sidebar .nav-sidebar  li.menu-item.current-menu-parent, 
.mobile-sidebar .nav-sidebar  li.menu-item.current-menu-item, 
.mobile-sidebar .nav-sidebar li.menu-item:hover {
    /* color: white; */
    background-color: var(--cs-secondary-color);
    transition: all 0.3s;
}

.mobile-sidebar .nav-sidebar  li.menu-item.current-menu-parent > a, 
.mobile-sidebar .nav-sidebar  li.menu-item.current-menu-item > a, 
.mobile-sidebar .nav-sidebar  li.menu-item:hover > a {
    color: white;
    transition: all 0.3s;
}

.blog-archive #post-list .has-shadow>.col>.col-inner {
    /* background-color: #fff; */
    height: 100%;
}

.h-slider-product .alert.is-link:hover {
    color: var(--cs-primary-color);
}

.none-name-item a {
    font-size: 0 !important;
}

.none-name-item a {
    font-size: 0 !important;
}

.header:not(.transparent) .header-nav-main.nav > .none-name-item > a:hover,
.header:not(.transparent) .header-nav-main.nav > .none-name-item.active > a, 
.header:not(.transparent) .header-nav-main.nav > .none-name-item.current > a {
    filter: invert(37%) sepia(75%) saturate(649%) hue-rotate(125deg) brightness(99%) contrast(80%);
}

.none-name-item a img {
    margin-bottom: 10px;
}

.contact-fixed {
    position: fixed !important;
    width: fit-content !important;
    bottom: 80px;
    right: 20px;
    z-index: 9999;
}

.contact-fixed .section-content {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.contact-fixed .item-contact-fixed {
    width: 50px !important;
    height: 50px !important;
    padding: 10px;
    border: 1px #3d6ad6 solid;
    border-radius: 100%;
    cursor: pointer;
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all 0.3s;
}

.contact-fixed .item-contact-fixed img {
    transition: all 0.3s;
}

.contact-fixed .item-contact-fixed:nth-child(1) {
    border: 1px #55d63d solid;
}

.contact-fixed .item-contact-fixed:nth-child(1):hover {
    background-color: #55d63d;
    transition: all 0.3s;
}

.contact-fixed .item-contact-fixed:nth-child(2):hover,
.contact-fixed .item-contact-fixed:nth-child(3):hover  {
    background-color: #3d6ad6;
    transition: all 0.3s;
}

.contact-fixed .item-contact-fixed:nth-child(1):hover img,
.contact-fixed .item-contact-fixed:nth-child(2):hover img {
    filter: brightness(0) invert(1);
    transition: all 0.3s;
}



@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}

/* Responsive lớn hơn mobile */
@media screen and (min-width: 577px) {
    .contact-form-custom .col-inner {
        position: absolute;
        top: -20%;
        transform: translateY(-50%);
        width: 95%;
        left: 0;
    }

    
    /* .slider-type .slider .section {
        width: 25% !important;
        padding-left: 10px;
        padding-right: 10px;
    } */
}

@media screen and (max-width: 1029px) {
    .slider-type .slider .section {
        width: 33% !important;
    }

    .custom-responsive .custom-col-12 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    
    .custom-equal-why > .col {
        display: flex;
    }

    .custom-item-rep .col-inner {
        margin: 0 !important;
    }
}

@media screen and (max-width: 850px) {
    

    .decor-toong {
        flex-basis: 17% !important;
        max-width: 17% !important;
    }

    .css-center {
        align-items: center;
    }

    #post-list .large-columns-3 > .col {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}

@media screen and (max-width: 768px) {
    .slider-type .slider .section {
        width: 50% !important;
    }

    .slider-product .slider .section {
        width: 50% !important;
    }
}

@media screen and (max-width: 577px) {
    .decor-toong {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

    .slider-type .slider .section {
        width: 100% !important;
    }

    .slider-product .slider .section {
        width: 100% !important;
    }

    .change-el-mobile {
        flex-direction: column-reverse !important;
    }

    #post-list .large-columns-3 > .col {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}