:root {
    --colorBg: linear-gradient(89.99deg, #e61a25 0.45%, #ef6e75 99.47%);
}

li.html.custom.html_nav_position_text {
    background: url(/wp-content/uploads/2026/06/b.webp) no-repeat right top, #ff0006 url(/wp-content/uploads/2026/06/a.webp) no-repeat left top;
    margin-bottom: 0;
    width: var(--container-widget-width, 500px);
    max-width: 500px;
    --container-widget-width: 500px;
    --container-widget-flex-grow: 0;
}

div#top-bar {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 0px 0px;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 6px 0px 0px 0px;
    --border-top-width: 6px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
    border-color: #FF0000;
    --border-color: #FF0000;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}


ul.nav-dropdown.nav-dropdown-default {
    border: 1px solid #e9e6e6;
    border-radius: 6px;
    padding: 10px;
}


/* css popup cart */
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background-color: #fff !important;
    width: 350px
}

.cart-popup-title.text-center h4 {
    font-weight: 700;
}

div#cart-popup td.product-thumbnail img, div#cart-popup ul.product_list_widget li img {
    border-radius: 5px;
}

div#cart-popup .variation dd, .variation dl, .variation dt {
    float: left!important;
    padding: 2px 0;
    margin: 0;
}

div#cart-popup dl.variation {
    opacity: 1 !important;
}

div#cart-popup dd.variation-SelectStyle, div#cart-popup dd.variation-SelectyourStyle, div#cart-popup dd.variation-Style {
    color: #ff642e;
    font-weight: 700;
}

div#cart-popup dd.variation-ColorGroup {
    color: #008b8b;
    font-weight: 700;
}

div#cart-popup dd.variation-Size {
    color: #63af1a;
    font-weight: 700;
}

div#cart-popup .shop_table .mobile-product-price, div#cart-popup ul.product_list_widget li .quantity {
    clear: both;
}

div#cart-popup dd.variation-SelectyourStyle img {width: 60px !important;}

div#cart-popup .variation dt {
    font-weight: 700;
}

div#cart-popup .wcpa_cart_type_image-group {
    margin: 0;
}

.wc-forward, a.button.checkout.wc-forward {
    font-size: 17px;
    padding: 7px 0;
}

.off-canvas-cart .button.wc-forward:not(.checkout):not(.checkout-button) {
    border-radius: 5px;
}

#place_order, .cart-checkout, .dddddd, .off-canvas-cart .button.checkout, .single-product .single_add_to_cart_button, .wbs-button-check, .woocommerce-cart .single_add_to_cart_button, .brnhmbx-bfm-button {
    margin-right: 0;
    border-radius: 3px;
    white-space: nowrap;
    padding: 20px 0;
    display: block;
    width: 100%;
    font-size: 1.2857rem;
    font-weight: 700;
    line-height: 24px;
    box-shadow: 0 4px 6px -2px rgba(35,67,92,.32);
    border: 1px solid rgba(0,0,0,.16)!important;
    background-color: #ff4a3c!important;
}

.noPadding {
    padding-bottom: 0 !important;
}

/* css home about */
.home-about-img-nt {
    width: 48% !important;
    position: absolute !important;
    right: 0;
    bottom: -130px;
    z-index: 3;
    overflow: hidden;
    border: 8px solid #ffffff;
    border-radius: 24px;
    background: #e7edf5;
    box-shadow: 0 20px 45px rgba(20, 54, 100, 0.2);
}

.home-about-img-nt img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}

.home-about-img-dd img {
    border-radius: 30px;
    width: 80% !important;
    height: 590px;
    object-fit: cover;
}

.gtdnpro-experience {
    width: 148px;
    height: 148px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 82px;
    right: 0;
    z-index: 4;
    border: 8px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.16), transparent 35%), linear-gradient(145deg, #0c3775, #1768d7 58%, #00987e);
    box-shadow: 0 18px 40px rgba(16, 66, 132, 0.25);
}

.gtdnpro-experience p {
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 16px;
}

.gtdnpro-experience p strong {
    font-size: 28px;
    font-weight: 600;
}

.section-home-about, .kh-chon-us {
    border: 1px solid rgba(22, 84, 163, 0.1);
    background: radial-gradient(circle at 3% 5%, rgba(23, 104, 215, 0.11), transparent 26%), radial-gradient(circle at 97% 95%, rgba(0, 169, 138, 0.1), transparent 27%), linear-gradient(145deg, #f6f9ff 0%, #ffffff 52%, #f4fffb 100%);
    box-shadow: 0 28px 75px rgba(19, 47, 86, 0.09);
}

.home-about-head p {
    color: #68768b;
    font-size: 15px;
}

.home-about-box  {
    border: 1px solid rgba(23, 104, 215, 0.09);
    border-radius: 16px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.75);
    transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
    align-items: center;
    margin-bottom: 15px;
}

.home-about-box .icon-box-text h3 {
    font-size: 15px;
    margin: 0 0 2px;
    color: #172640;
}

.home-about-box .icon-box-text p {
    font-size: 13px;
    color: #6f7b8d;
    font-weight: 400;
    line-height: 18px;
}

.home-about-box .icon-box-img {
    border-radius: 14px;
    color: #1768d7;
    background: linear-gradient(135deg, #d5898d, #ff1622);
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
    width: 45px !important;
    height: 45px;
    padding: 4px;
}

.home-about-box .icon-box-img img {
    width: 36px;
    height: 36px;
}

.home-about-snkn {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}

.home-about-snkn p {
    padding: 15px 12px;
    border: 1px solid rgba(23, 104, 215, 0.09);
    border-radius: 15px;
    background: #f8fbff;
    text-align: center;
    width: 100%;
    font-size: 13px;
    color: #6f7b8d;
}

.home-about-snkn p strong {
    font-size: 20px;
    font-weight: 800;
    color: #e61a25;
}

a.button.primary.about-btn {
    background: linear-gradient(135deg, #e61a25, #daa0a3);
    box-shadow: 0 13px 27px rgba(23, 104, 215, 0.2);
}

.home-about-eyebrow strong {
    color: #e61a25;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
}

.home-about-eyebrow strong:before {
    content: "";
    width: 29px;
    height: 1px;
    background: currentColor;
    opacity: 0.55;
}

.home-about-eyebrow p {
    margin-bottom: 0;
}

.home-about-box:hover {
    transform: translateX(6px);
    border-color: rgba(23, 104, 215, 0.24);
    background: #ffffff;
    box-shadow: 0 15px 32px rgba(25, 54, 94, 0.09);
}

.home-about-box:hover .icon-box-img {
    background: linear-gradient(135deg, #1768d7, #00a98a);
    transform: rotate(-5deg) scale(1.06);
}

/* css vi sao chon chung toi */
.kh-chon-left {
    min-width: 0;
    padding: 38px 32px !important;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    color: #ffffff;
    background: linear-gradient(145deg, #e61a25, #610306);
    box-shadow: 0 20px 45px rgba(12, 59, 120, 0.2);
}

.kh-chon-left:before {
    content: "";
    width: 240px;
    height: 240px;
    position: absolute;
    top: -110px;
    right: -100px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.kh-chon-left:after {
    content: "";
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -80px;
    left: -65px;
    border-radius: 50%;
    background: rgba(46, 220, 181, 0.16);
}

.kh-chon-left p strong {
    color: #ffc800;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.kh-chon-left p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    font-weight: 400;
}

.kh-chon-left h3 {
    color: #fff;
    font-size: 30px;
}

.kh-chon-left-box {
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 15px;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.kh-chon-left-box .icon-box-text h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
}

.kh-chon-left-box .icon-box-text p {
    font-size: 13px;
}

.kh-chon-right-box  {
    border: 1px solid rgba(23, 104, 215, 0.09);
    border-radius: 16px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.75);
    transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.kh-chon-right-box .icon-box-text h3 {
    font-size: 18px;
    margin: 0 0 8px;
    color: #172640;
}

.kh-chon-right-box.icon-box-text p {
    font-size: 13px;
    color: #6f7b8d;
    font-weight: 400;
    line-height: 18px;
}

.kh-chon-right-box .icon-box-img {
    border-radius: 14px;
    color: #1768d7;
    background: linear-gradient(135deg, #d5898d, #ff1622);
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
    width: 45px !important;
    height: 45px;
    padding: 4px;
}

.kh-chon-right-box .icon-box-img img {
    width: 36px;
    height: 36px;
}

.kh-chon-right-box:hover {
    transform: translateX(6px);
    border-color: rgba(23, 104, 215, 0.24);
    background: #ffffff;
    box-shadow: 0 15px 32px rgba(25, 54, 94, 0.09);
}

.kh-chon-right-box:hover .icon-box-img {
    background: linear-gradient(135deg, #1768d7, #00a98a);
    transform: rotate(-5deg) scale(1.06);
}

.kh-chon-right > .col-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.kh-chon-right-box .icon-box-text p {
    font-size: 14px;
    color: #6b7587;
    font-weight: 400;
}

.kh-chon-right-box:before {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    top: -55px;
    right: -45px;
    border-radius: 50%;
    background: rgba(18, 100, 220, 0.055);
    transition: transform 0.4s ease, background 0.4s ease;
}

/* css section doi tac */
.doitac-left > .col-inner {
    border-radius: 25px;
    color: #ffffff;
    background: radial-gradient(circle at 88% 10%, rgba(255, 255, 255, 0.13), transparent 29%), linear-gradient(145deg, #e61a25, #610306db 58%, #91141a);
    box-shadow: 0 22px 50px rgba(13, 65, 132, 0.23);
    padding: 25px;
}

.doitac-tieude-top {
    display: flex;
    justify-content: space-between;
}

.doitac-tieude-top p strong {
    color: #f1ff00;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

span.doitac-feature-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.77);
    background: rgba(255, 255, 255, 0.08);
    font-size: 10px;
    white-space: nowrap;
}

span.doitac-feature-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #80efd1;
    box-shadow: 0 0 0 4px rgba(128, 239, 209, 0.11);
}

.doitac-tieude h3, .doitac-tieude p {
    color: #fff;
}

.doitac-tieude h3 {
    font-size: 30px;
    font-weight: 600;
}

.doitac-tieude p {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.72);
    text-align: justify;
}

.doitac-quote {
    margin: 24px 0;
    padding: 15px 15px 15px 38px;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
}

.doitac-quote p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
}

span.doitac-quote-mark {
    position: absolute;
    top: 7px;
    left: 8px;
    color: rgba(128, 239, 209, 0.38);
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
}

.doitac-tso {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.doitac-tso p {
    padding: 13px 9px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

.doitac-tso p strong {
    font-size: 15px;
    font-weight: 700;
}

.doitac-tso p {
    font-size: 10px;
    line-height: 12px;
}

.doitac-tso p strong {
    margin-bottom: 0px;
    display: block;
}

a.button.primary.btn-doitac {
    font-size: 13px;
    background-color: #fff;
    color: var(--fs-color-primary);
    margin: 15px 0 0 0;
}

a.button.primary.btn-icon span:after {
    content: "\f061";
    font-family: fontawesome;
    padding-left: 5px;
    font-size: 12px;
}

.doitac-right > .col-inner {
    padding: 25px;
    border: 1px solid rgba(23, 104, 215, 0.11);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 15px 38px rgba(25, 54, 94, 0.08);
}

.doitact-hst p {
    color: red;
    margin-bottom: 0;
}

.doitac-stack {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.doitac-box {
    overflow: hidden;
    border: 1px solid rgba(23, 104, 215, 0.09);
    border-radius: 17px;
    background: #ffffff;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.doitac-box:hover {
    transform: translateY(-6px);
    border-color: rgba(23, 104, 215, 0.24);
    box-shadow: 0 17px 34px rgba(25, 54, 94, 0.11);
}

.doitac-box .icon-box-img {
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 19px;
    position: relative;
    background: linear-gradient(145deg, #f8fbff, #f5fffb);
    margin: unset;
    width: unset !important;
    overflow: hidden;
}

.doitac-box .icon-box-img:before {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    top: -50px;
    right: -42px;
    border-radius: 50%;
    background: rgba(23, 104, 215, 0.05);
}

.doitac-box .icon-box-text h4 {
    font-size: 12px;
    margin-bottom: 0;
}

.doitac-box .icon-box-text p {
    font-size: 11px;
    color: #8390a2;
}

.doitac-box .icon-box-text {
    padding: 8px;
}

.doitac-partners-footer {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 17px;
    padding: 16px;
    border: 1px solid rgba(0, 169, 138, 0.1);
    border-radius: 16px;
    background: rgba(0, 169, 138, 0.05);
}

.doitac-partners-footer-icon {
    width: 41px;
    height: 41px;
    flex: 0 0 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(135deg, #ed1c24, #df7278);
}

.doitac-partners-footer-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.doitac-partners-footer div strong {
    display: block;
    margin-bottom: 4px;
    color: #172640;
    font-size: 13px;
    font-weight: 600;
}

.doitac-partners-footer div span {
    font-size: 12px;
    color: #758195;
    line-height: 12px;
}

.doitac-partners-footer div {
    line-height: 16px;
}

.doitac-bottom-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(23, 104, 215, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
}

span.doitac-bottom-number {
    color: rgba(23, 104, 215, 0.2);
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}

.doitac-bottom-text strong {
    display: block;
    margin-bottom: 3px;
    color: #172640;
    font-size: 13px;
    font-weight: 600;
}

.doitac-bottom-text span {
    display: block;
    color: #7a8698;
    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;
}

.doitac-bottom-item p {
    margin-bottom: 0;
}

a.doitac-bottom-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 25px 19px;
    border-radius: 16px;
    background: linear-gradient(135deg, #1768d7, #00a98a);
    box-shadow: 0 12px 26px rgba(23, 104, 215, 0.18);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

a.doitac-bottom-link, a.doitac-bottom-link:hover {
	color: #ffffff;
}

/* css slider flatsome */
.flickity-prev-next-button {
    opacity: 1 !important;
}

#main svg.flickity-button-icon {
    background-color: #fff !important;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    padding: 10px;
	border-radius: 20px;
}

#main .flickity-prev-next-button .arrow, #main .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: unset !important;
    border-color: unset;
}

#main .slider-nav-light .flickity-prev-next-button svg, #main .slider-nav-circle .flickity-prev-next-button:hover .arrow {
    fill: #000 !important;
}

.slider-wrapper .flickity-page-dots .dot {
    border: 1px solid;
    width: 8px;
    height: 8px;
}

/* css slider owl carousel */
.owl-nav button i {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}

.owl-nav button.owl-prev {
    left: -20px;
}

.owl-nav button.owl-next {
    right: -20px;
}

.owl-nav button {
    width: 30px !important;
    min-height: 30px !important;
    background: var(--primary-color) !important;
    border-radius: 50%;
    color: #fff;
    margin: 0px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -30px;
}

.owl-dots button {
    width: 10px;
    min-height: 10px;
    background: #f2f2f2 !important;
    border-radius: 50%;
    margin: 0 3px;
}

.owl-dots button.active {
    background: var(--primary-color) !important;
}


/* css san pham */
p.name.product-title a {
    margin-bottom: 4px;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-family: system-ui;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	margin-bottom: 10px;
}

.product-small.box {
    box-shadow: 0 0 3px #00000038;
    border-radius: 4px;
}

.product-small.box .box-text.box-text-products {
    padding: 10px;
/* 	text-align: center; */
}

.btn-contact {
    background-color: #fff !important;
    min-height: 22px !important;
    line-height: 22px !important;
    color: #ed1c24 !important;
    border: 1px solid #ed1c24 !important;
/*     text-transform: uppercase !important; */
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-family: sans-serif;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
}

.btn-contact:hover {
    color: #fff !important;
	background-color: #ed1c24 !important;
}

.product-small.box bdi {
    display: none;
}

/* css sidebar danh muc */
/* span.widget-title.shop-sidebar {
    width: 100%;
    display: block;
    background: #ed1c24;
    color: #fff;
    padding: 10px 10px 10px 15px;
    text-align: center;
}

.is-divider.small {
    display: none !important;
}

div#product-sidebar ul, div#shop-sidebar ul.product-categories {
    padding: 0 6px 0 10px;
    border: 1px solid #ccc;
}

div#product-sidebar li a, div#shop-sidebar ul li a {
    display: block;
    background: url(/wp-content/uploads/2023/09/webmau16.com-menu_icon_13.png) 0 10px no-repeat;
    background-size: 13px;
    font-size: 14px;
    color: #000;
    padding: 5px 0 5px 24px;
}

div#product-sidebar li, div#shop-sidebar li {
    border: 0;
} */

div#tuvan {
    border-radius: 10px;
    overflow: hidden;
}

.tuvan label {
    color: #fff;
}

/* css sidebar bài viết */
.post-sidebar.large-3.col {
	padding-left: 0;
}

.div-p-sidebar {
	padding-bottom: 0 !important;
}

.div-p-noibat>.col-inner {
	background: #ed1c24;
	padding: 2px;
	border-radius: 10px;
	overflow: hidden;
}

.p-tieude h3 {
	background: #ed1c24;
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	padding: 6px;
	margin-bottom: 0;
}

.div-p-sidebar>.col-inner {
	padding: 8px 8px 0 8px;
	background: #fff;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	overflow-y: auto;
	height: 418px;
}

.div-p-sidebar>.col-inner::-webkit-scrollbar {
	width: 6px;
	height: 4px;
	background-color: #fff;
	font-weight: 600;
}
.div-p-sidebar>.col-inner::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #b4d7f5;
}
.div-p-sidebar>.col-inner::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #dbeeff;
}

.p-noibat .box-text {
	padding: 0 0 0 10px !important;
}

.p-noibat h5.post-title {
	font-weight: 500;
	font-size: 14px;
	color: #ed1c24;
}    


.p-noibat .box-image .image-cover {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px #0000001f;
	border: 1px solid #0000001f;
}

.p-noibat .col.post-item {
	padding-bottom: 10px;
}

.p-noibat h5.post-title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.post-meta {
	opacity: 1;
}

.is-divider {
	display: none !important;
}

/* 	css form tu van - sidebar */
.p-form-tuvan .col-inner {
	background: #ed1c24;
	border-radius: 10px;
	overflow: hidden;
}

.p-form-tuvan form.wpcf7-form {
	padding: 0 15px;
}

.p-form-tuvan input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
	box-shadow: 0 0;
	border-radius: 4px;
	border: 2px solid #f2c721;
	height: 42px;
}

.p-form-tuvan input.wpcf7-form-control.wpcf7-submit {
	width: 100%;
	background-color: #f2c721;
	color: #2a3a7c;
	border-radius: 6px;
	margin: 0 auto;
}

.p-form-tuvan span.wpcf7-spinner {
	display: none;
}

.p-form-tuvan input.wpcf7-form-control.wpcf7-submit {
	animation: lickme 0.7s infinite cubic-bezier(.66,0,0,1);
}

@keyframes lickme {
	from {
		box-shadow: 0 0 1px rgb(202,196,196)
	}

	to {
		box-shadow: 0 0 0 15px rgba(232,76,61,0)
	}
}

/* css chuyen muc bai viet */
.archive.category .large-9.col h5.post-title {
	color: var(--blue);
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 38px;
}

.archive.category .large-9.col .col.post-item>.col-inner {
	margin-top: 5px;
    box-shadow: 0 0 6px #00000024;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px;
	transition: .3s ease-in-out;
}

.archive.category .large-9.col .col.post-item>.col-inner:hover {
    transition: .3s ease-in-out;
    margin-top: -8px;
}

.archive.category .large-9.col .col.post-item .box-text {
    padding: 8px 0 0 0;
}

.archive.category .from_the_blog_excerpt {
    font-size: 14px;
}

/* css footer */
footer#footer {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e61a2591), to(#e61a25));
    padding-top: 30PX;
}

.ct-ft h4 {
	font-size: 14px;
}

.ct-ft p, .ct-ft a {
    font-size: 14px;
    margin-bottom: 8px;
	color: #fff;
}

.ct-ft h3 {
    font-size: 16px;
	color: #fff;
}

.box-bg-ft > .col-inner {
    background: #e61a25;
    padding: 20px;
    border-radius: 20px;
}

.box-bg-ft h2 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.ct-ft ul li {
    font-size: 14px;
    margin-bottom: 6px;
}

.ct-ft ul {
    margin-bottom: 0;
}

/* .absolute-footer.dark.medium-text-center.text-center {
    display: none;
} */

a#top-link {
    background-image: url(/wp-content/uploads/2023/09/top.png);
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    border: 0;
}

a#top-link i {
    display: none;
}

a#top-link:hover {
    background-color: #ed1c24 !important;
}

/* css chuyen muc blog */

.itcodewp-blog-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
	overflow: hidden;
}

.itcodewp-blog-item:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    transform: translateY(-2px);
}

/* Thumbnail */
.itcodewp-blog-thumb {
    position: relative;
    overflow: hidden;
}

.itcodewp-blog-thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

/* Date box */
.itcodewp-blog-date {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #fff;
    border-radius: 10px;
    padding: 6px 14px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    line-height: 1.1;
}

.itcodewp-date-month {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: 1px;
}

.itcodewp-date-day {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: #1a1a1a;
}

/* Content */
.itcodewp-blog-content {
    padding: 15px;
}

/* Category badge */
.itcodewp-blog-cat {
    margin-bottom: 10px;
}

.itcodewp-blog-cat a {
    display: inline-block;
    background: #eaf1ff;
    color: #e61a25;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
    text-decoration: none;
}

.itcodewp-blog-cat a:hover {
    background: #d8e6ff;
}

/* Title */
.itcodewp-blog-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 8px 0;
}

.itcodewp-blog-title a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.itcodewp-blog-title a:hover {
    color: #3366ff;
}

/* Excerpt */
.itcodewp-blog-excerpt {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 16px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Footer */
.itcodewp-blog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f0f0f0;
    padding-top: 14px;
}

.itcodewp-blog-author {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.itcodewp-blog-author img {
    border-radius: 50%;
    width: 28px;
    height: 28px;
}

.itcodewp-blog-readmore {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #3366ff;
    text-decoration: none;
}

.itcodewp-blog-readmore svg {
    transition: transform 0.2s ease;
}

.itcodewp-blog-readmore:hover svg {
    transform: translateX(3px);
}

/* css danh muc san pham */
.yith-wcan-filter.filter-tax {
    background-color: #f6f6f6;
    border-radius: 8px;
    overflow: hidden;
    padding: 12px;
    margin-bottom: 10px;
}

ul.filter-items.filter-text li.filter-item.text {
    background-color: #cccccc2e;
    margin-bottom: 5px !important;
    border-radius: 4px;
    padding: 6px 8px;
}

ul.filter-items.filter-text li.filter-item.text a {
    font-size: 13px;
    font-weight: 400;
    text-transform: lowercase;
    display: block;
}

ul.filter-items.filter-text li.filter-item.text a::first-letter {
    text-transform: uppercase;
}

ul.filter-items.filter-label li.filter-item.label {
    padding: 0 8px !important;
    line-height: 30px;
    box-shadow: 0 0 !important;
    background-color: #cccccc5e !important;
}


ul.filter-items.filter-label li.filter-item.label.active {
    background-color: var(--iconColor) !important;
}

ul.filter-items.filter-label li.filter-item.label a {font-weight: 400;}

ul.filter-items.filter-text li.filter-item.text {
    line-height: 20px;
}

ul.filter-items.filter-text li.filter-item.text a {}

input[type=checkbox], input[type=radio] {
    margin: 0 5px 0 0;
}

li.filter-item.checkbox {}

li.filter-item.checkbox a.term-label {
    font-size: 13px;
    font-weight: 500;
}

li.filter-item.checkbox label {
    margin-bottom: 0;
}

h4.filter-title {
    font-size: 16px;
}