:root {
    --colorDark: #111;
    --colorRed: #C0232D;
    --colorYellow: #F3AE6A;
}

@font-face {
    src: url("../fonts/SVN-Gilroy Bold.otf");
    font-family: "SVN-Gilroy";
    font-weight: bold;
}

@font-face {
    src: url("../fonts/SVN-Gilroy Regular.otf");
    font-family: "SVN-Gilroy";
    font-weight: normal;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.absolute-footer, html {
    background-color: var(--colorRed) !important;
}

#wrapper, #main {
    background: var(--colorRed) !important;
}

ul, li {
    margin-bottom: 0px !important;
}

.row-0 {
    padding: 0px 15px !important;
}

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

.row-5 {
    padding: 0px 10px !important;
}

.pd-5 {
    padding: 0px 5px 8px 5px !important;
}

.row-20 {
    padding: 0px 0px !important;
}

.pd-20 {
    padding: 0px 20px 20px 20px !important;
}

.pd-35 {
    padding: 0px 35px 20px 35px !important;
}

.row-7 {
    padding: 0px 7px !important;
}

.pd-7 {
    padding: 0px 7px 7px 7px !important;
}

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

.mr-1 {
    margin-right: 10px !important;
}

.mr-2 {
    margin-right: 20px;
}

.mr-3 {
    margin-right: 30px;
}

.mr-4 {
    margin-right: 40px;
}

.mr-4 {
    margin-right: 50px;
}

.ml-1 {
    margin-left: 10px;
}

.ml-2 {
    margin-left: 20px;
}

.ml-3 {
    margin-left: 30px;
}

.ml-4 {
    margin-left: 40px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-5 {
    margin-top: 50px;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.mb-2 {
    margin-bottom: 20px !important;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

.button_style {
    background-color: var(--colorRed);
    color: #fff !important;
    text-align: center;
    padding: 5px 25px;
    font-size: 15px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 9;
    border-radius: 5px;
}

.button_style:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.button_style:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-family: "SVN-Gilroy" !important;
    font-weight: bold;
}

body {
    font-family: "SVN-Gilroy" !important;
    font-weight: normal;
}

/**header**/

/**menu**/
div#mega-menu-wrap-primary {
    width: 100%;
}

div#mega-menu-wrap-primary ul li a {
    color: #fff !important;
    text-transform: unset !important;
    padding: 0 15px !important;
    font-size: 16px !important;
    transition: 0.3s ease-in-out;
    font-family: "SVN-Gilroy" !important;
    font-weight: bold !important;
}

div#mega-menu-wrap-primary ul li.mega-current-menu-item a {
    color: var(--primary-color) !important;
    font-weight: bold !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    -webkit-box-shadow: 0 16px 32px rgba(34, 37, 49, 0.24);
    box-shadow: 0 16px 32px rgba(34, 37, 49, 0.24);
    display: block !important;
    border-radius: 10px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    border-radius: 8px 8px 0 0 !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
    border-radius: 0 0 8px 8px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child {
    border: 0px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    height: unset !important;
    line-height: 20px !important;
    padding: 10px 10px 10px 10px !important;
    display: block;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 16px !important;
    color: var(--colorDark) !important;
    text-transform: unset !important;
    background: #fff !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
div#mega-menu-wrap-primary ul li a:hover {
    transition: 0.3s ease-in-out;
    color: var(--primary-color) !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
    border-bottom: 1px solid #f2f2f2 !important;
}

.stuck div#masthead {
    background: rgb(35, 35, 35) !important;
}

/**slide main**/
.slide-main {
    margin-top: -120px !important;
}

.product-image {
    position: absolute !important;
    bottom: -100px !important;
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 9;
}

.hero-image {
    position: absolute !important;
    bottom: -125px !important;
    z-index: 1 !important;
}

/**about**/
.abouts-body {
    width: 100%;
    display: inline-block;
}

.abouts-body .about-title {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
}

.abouts-body .about-title:after {
    content: '';
    width: 100px;
    height: 3px;
    background: var(--colorYellow);
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0px;
}

.abouts-body .about-title .sub_title {
    color: var(--colorYellow);
    font-weight: bold;
    font-size: 32px;
    line-height: 46px;
    text-transform: uppercase;
}

.abouts-body .about-title h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 55px;
    color: #F0EFF5;
}

.abouts-body .about-text {
    background: var(--colorYellow);
    border-radius: 8px;
    padding: 20px;
    color: #1C1F23;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
}

.about-item h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 0px !important;
}

.about-item .box-text.text-left {
    text-shadow: unset !important;
}

.about-item .box-image .image-cover img {
    border-radius: 10px !important;
}

.about-item .overlay {
    border-radius: 11px !important;
}

/**home title**/
.home-title h1 {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px var(--colorYellow);
    font-weight: 700;
    font-size: 120px;
    line-height: 130px;
    margin-bottom: 35px;
    position: relative;
}

.home-title h1:after {
    content: '';
    width: 100px;
    height: 2px;
    background: var(--colorYellow);
    display: block;
    position: absolute;
    bottom: -25px;
    left: 0px;
}

.home-title h3 {
    font-size: 35px;
    line-height: 45px;
    margin: 50px 0 0 0;
}

.sam-body {
    width: 519px;
    position: relative;
    z-index: 99;
}

.sam-body h3 {
    font-size: 60px;
    line-height: 70px;
}

.sam-body p {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 28px;
}

.sam-body ul li, .sam-body ol li {
    margin: 0 0 10px 0 !important;
}

.sam-body ul, .sam-body ol {
    margin-left: 25px !important;
}

.sam-background .bg-fill {
    background-size: 100% !important;
    background-position: bottom !important;
}

.sam-icon {
    position: absolute !important;
    bottom: 0;
    left: 0px;
}

.banner-product .bg-fill {
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
}

.img-vector {
    position: absolute !important;
    top: -90px !important;
}

.sam-background {
    align-items: start !important;
}

.banner-product {
    margin-top: -100px;
}

.abouts-body.red .about-title h3 {
    color: #111;
}

.abouts-body.red .about-title .sub_title {
    color: var(--colorRed);
}

.abouts-body.red .about-text {
    background: var(--colorRed);
    color: #fff;
}

.abouts-body.red .about-title:after {
    background: var(--colorRed);
}

/**slide**/
.slide-post .owl-stage-outer, .slide-product .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

/***slide**!*/
.owl-dots {
    display: none !important;
}

.owl-nav button {
    width: 40px;
    min-height: 40px;
    line-height: 40px !important;
    background: #fff !important;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    color: #333;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0px !important;
    border-radius: 50px !important;
}

.owl-nav button i {
    color: #111;
    font-size: 25px;
}

.owl-nav button.owl-prev {
    left: 15px !important;
}

.owl-nav button.owl-next {
    right: 15px !important;
}

/**alert**/
.alert-success {
    color: #155724;
    background-color: #d4edda;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #c3e6cb;
    border-radius: 0.25rem;
    font-weight: normal;
}

/**pagination**/
.pagination {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
}

.pagination ul li a, .pagination ul li span {
    color: #000;
    border-radius: 0px !important;
    border: 1px solid #e9e9e9;
    width: 35px;
    height: 35px;
    padding: 0px;
    line-height: 35px;
    font-weight: normal;
    background: #fff;
}

.pagination ul li a:hover, .pagination ul li span:hover {
    background: var(--primary-color);
    color: #111;
}

.wp-pagenavi {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
    text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
    background: #fff;
    border-radius: 0px !important;
    border: 1px solid #e9e9e9;
    width: 35px;
    height: 35px;
    color: #000;
    display: inline-block;
    padding: 0px;
    line-height: 35px;
    font-weight: normal;
}

.wp-pagenavi a:hover, .wp-pagenavi a span.current, .wp-pagenavi span:hover, .wp-pagenavi span span.current {
    background: var(--primary-color);
    color: #111;
    border: 1px solid var(--primary-color);
}

.text-uppercase h3 {
    text-transform: uppercase;
}

/**new**/
.sec-new {
    margin-top: -10px;
}

.home-title h3 {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
}

.post-row {
    width: 100%;
    background: #fff;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-row .post-thumbnail {
    width: 100%;
    height: 300px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-row .post-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-row:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post-row .post-meta span:not(:last-child) {
    margin-right: 15px;
}

.post-row .post-meta span {
    color: #595959;
    font-size: 15px;
}

.post-row .post-content {
    width: 100%;
    padding: 25px;
}

.post-row .post-content h4 a {
    color: #1A1A1A;
    margin: 10px 0;
    font-size: 24px;
    line-height: 28px;
    height: 65px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-row .post-content h4 a:hover {
    color: var(--colorRed)
}

.post-row .post-bottom {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    align-items: center;
}

.post-row .post-bottom i {
    color: var(--colorRed);
    font-size: 15px;
}

.post-row .post-bottom a {
    color: var(--colorRed);
    font-size: 15px;
}

/**footer**/
footer#footer {
    background: rgb(35, 35, 35);
}

footer#footer .footer-top {
    width: 100%;
    display: inline-block;
}

footer#footer .footer-top .footer-title {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

footer#footer .footer-top .footer-title h3 {
    text-transform: uppercase;
    color: var(--colorRed);
    position: relative;
}

footer#footer .footer-top .footer-title h3:after {
    content: '';
    background: var(--colorRed);
    height: 2px;
    width: 100px;
    display: block;
    position: relative;
    left: 0px;
    bottom: -10px;
}

footer#footer .footer-top p, footer#footer .footer-top a {
    margin: 0 0 10px 0;
    font-size: 15px;
}

footer#footer .footer-top a:hover {
    color: var(--colorRed)
}

footer#footer .footer-top ul li {
    margin: 0px !important;
    border: 0px !important;
}

.footer-copyright {
    background: rgb(35, 35, 35);
    font-size: 15px;
    color: var(--colorRed);
    position: relative;
}

.brTop {
    border-top: 1px solid var(--colorRed);
    padding: 15px 0;
}

.footer-menu ul {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: end;
}

.footer-menu ul li {
    border: 0px !important;
    margin: 0 0 0 15px !important;
}

.footer-menu ul li a {
    font-size: 15px;
    color: var(--colorRed);
}

.footer-menu ul li a:hover {
    color: #fff;
}

/**Single**/
.entry-content, .entry-content p, .entry-content ul li, .entry-content ol li {
    color: #111;
    font-size: 16px;
}

.entry-content p, .entry-content ul li, .entry-content ol li {
    margin: 0 0 10px !important;
}

.entry-content ul, .entry-content ol {
    margin-left: 25px !important;
}

.news-detail-page .entry-content a {
    color: var(--colorRed) !important;
}

.article-tags span {
    font-size: 20px;
    font-weight: 700;
    color: var(--colorRed);
    margin-right: 10px;
}

.article-tags a {
    border-radius: 8px;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 0 15px;
    line-height: 28px;
    color: var(--colorRed);
    margin: 3px 10px 3px 0;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    background: #fff;
}

.article-tags a:hover {
    background: var(--colorRed);
}

header.header-single {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: thin solid var(--primary-color);
}

header.header-single h1 {
    font-size: 35px;
    color: #222;
    margin: 0 0 15px 0;
    line-height: 45px;
    text-transform: uppercase;
}

.header-single-meta .time {
    font-weight: 300;
    color: #111;
    font-size: 16px;
}

.entry-content {
    padding-top: 0px !important;
}

.bgYellow {
    background: #faeacd;
    padding: 5rem 10rem;
}

.category-entry {
    margin: 30px 0;
}

nav.rank-math-breadcrumb a, nav.rank-math-breadcrumb span {
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

section.breadcrumbs {
    padding: 10px 0 0 0;
}

section.breadcrumbs p {
    margin: 0px !important;
}

/**product-top**/
.product-top {
    padding-top: 4.4rem;
    position: relative;
    z-index: 99 !important;
    background: url(/wp-content/uploads/2023/06/product-top.png) !important;
    background-size: 135rem auto !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    margin-top: -3.4rem !important;
    padding-bottom: 8rem !important;
    margin-bottom: -6rem !important;
}

.home-title h2:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 3.8rem;
    transform: translateX(-50%);
    border-bottom: 2px solid #FFC84E;
    bottom: -15px;
    background: #FFC84E;
}

.home-title h2 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
    position: relative;
    margin-bottom: 20px;
}

.product-about {
    background: url(/wp-content/uploads/2023/06/about-bg-1.png);
    padding-left: 300px;
    padding-top: 20px;
    padding-bottom: 5rem;
    padding-right: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: justify;
    font-size: 15px;
    color: #b5763e;
    z-index: 99;
    position: relative;
}

.product-about h3 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 1rem;
    color: #b5763e;
}

.product-about h3 span {
    font-size: 40px;
    display: block;
}

.vc-product-image {
    position: absolute !important;
    top: 0 !important;
    -webkit-animation-name: fadeFlash;
    animation-name: fadeFlash;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: 9;
}

@keyframes fadeFlash {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    2% {
        opacity: 0.6;
    }
    3% {
        opacity: 0.2;
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.product-bg {
    margin-top: -12.5rem;
}

.product-abouts {
    z-index: 99;
}

/**product-info**/
.product--info-icon.tab-hc ul {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.product--info-icon.tab-hc ul li {
    list-style: none;
    position: relative;
}

.product--info-icon .hc-image {
    margin-bottom: 1rem;
    background-image: url(../images/component-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.product--info-icon .hc-image img {
    -webkit-animation: fuwafuwa 3s infinite ease-in-out 0.8s alternate;
    animation: fuwafuwa 3s infinite ease-in-out 0.8s alternate;
    margin: 0 auto;
    transition: 0.7s ease-in-out;
}

.product--info-icon .product--info-hc {
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}

.product--info-icon .product--info-hc:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    transition: 0.3s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border-bottom: 0.4rem solid var(--colorYellow);
}

.product--info-icon.tab-hc ul li.active .product--info-hc:after {
    width: 100%;
}

.product--info-icon .product--info-hc p {
    color: var(--colorYellow);
    font-size: 16px;
    margin: 0px;
}

.product--info-icon .product--info-hc h3 {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--colorYellow);
    font-size: 25px;
    margin: 0px;
}

@keyframes fuwafuwa {
    0% {
        transform: translate(0, 0) rotate(-7deg);
    }

    50% {
        transform: translate(0, -7px) rotate(0deg);
    }
    100% {
        transform: translate(0, 0) rotate(7deg);
    }
}

.product--info-body {
    background-color: #5f060a;
    padding: 40px 50px;
    font-size: 18px;
    color: #fee0b2;
    box-shadow: 1rem 1rem 0.6rem rgba(63, 19, 19, 0.38);
    position: relative;
}

.product--info-body p, .product--info-body ul li, .product--info-body ol li {
    margin: 0 0 10px 0 !important;
}

.product--info-body ul, .product--info-body ol {
    margin-left: 25px !important;
}

.product--info-body a {
    color: #fff;
}

.item-gt .item-inner {
    height: 160px;
    padding-left: 5rem;
    padding-right: 1rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #b5763e;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    background-size: 100% !important;
}

.item-gt.item-1 .item-inner {
    background-image: url(/wp-content/uploads/2023/06/loi-diem-1.png);
    background-repeat: no-repeat !important;
}

.item-gt.item-2 .item-inner {
    background-image: url(/wp-content/uploads/2023/06/loi-diem-2.png);
    background-repeat: no-repeat !important;
}

.item-gt.item-3 .item-inner {
    background-image: url(/wp-content/uploads/2023/06/loi-diem-3.png);
    background-repeat: no-repeat !important;
}

.item-gt.item-4 .item-inner {
    background-image: url(/wp-content/uploads/2023/06/loi-diem-4.png);
    background-repeat: no-repeat !important;
}

.item-gt .item-5 .item-inner {
    background-image: url(/wp-content/uploads/2023/06/loi-diem-5.png);
    background-repeat: no-repeat !important;
}

.item-gt .item-inner h3 {
    color: #b5763e;
    font-size: 16px;
    text-transform: uppercase;
}

.item-gt .item-inner .detail {
    font-size: 11px;
    text-align: justify;
    font-weight: normal;
}

.ukn-sam {
    color: var(--colorYellow);
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
}

span.txt-logo {
    display: block;
    font-size: 40px;
    font-weight: 700;
    color: var(--colorYellow);
    margin: 0 0 25px 0;
}

.ukn-huongdan {
    color: var(--colorYellow);
    font-size: 20px;
    line-height: 30px;
}

.ukn-huongdan p {
    margin: 0 0 15px 0;
}

p.txt-lg {
    font-weight: 700;
    font-size: 40px;
    margin: 0 0 15px 0;
}


.line::before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 65, 65, 0.4), rgba(255, 255, 255, 0));
}

.line::before, .line::after {
    content: "";
    display: block;
    height: 1px;
}

.line::after {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

.line {
    margin: 0 auto;
    border: 0;
    position: relative;
    z-index: 10;
}

/**post category**/
.category-small .post-row .post-thumbnail {
    height: 220px;
}

.category-small .post-row .post-content h4 a {
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 68px;
    -webkit-box-orient: vertical;
}


/**widget**/
.widget_media_image img {
    width: 100%;
}

.widget-post-list {
    width: 100%;
}

.widget-post-list .widget-post-item {
    width: 100%;
    display: flex;
    padding: 10px;
    background: rgb(35, 35, 35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.widget-post-list .widget-post-item:last-child {
    border-bottom: 0px;
}

.widget-post-list .widget-post-item .widget-post-thumbnail {
    width: 100px;
    float: left;
    height: 80px;
}

.widget-post-list .widget-post-item .widget-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.widget-post-list .widget-post-item .widget-post-content {
    width: calc(100% - 100px);
    float: left;
    padding-left: 10px;
}

.widget-post-list .widget-post-item .widget-post-content h4 {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    line-height: 20px;
}

.widget-post-list .widget-post-item .post-price ins span, .widget-post-list .widget-post-item .post-price b {
    font-size: 15px;
    color: var(--colorYellow);
}

.widget-post-list .widget-post-item .post-price del {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 5px;
}

.widget-post-list .widget-post-item .widget-post-content h4:hover {
    color: var(--colorYellow);
}

.widget-post-list .widget-post-content p {
    font-size: 14px;
    color: #333;
    margin: 0px;
}

.widget-title h3:after {
    content: '';
    height: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    background: var(--primary-color);
    display: block;
    bottom: 0;
    width: 100%;
}

.widget-title h3 {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-bottom: 7px;
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    width: unset !important;
}

span.widget-title {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-bottom: 12px;
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    width: unset !important;
}

span.widget-title:after {
    content: '';
    height: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    background: var(--primary-color);
    display: block;
    bottom: 0;
    width: 100%;
}

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

.widget_categories ul {
    margin-top: -5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAEklEQVQImWNgYGCQYiAAhoYCAEfjALcmCP1hAAAAAElFTkSuQmCC);
}

.widget_categories ul li {
    width: 100%;
    border: 0px !important;
}

.widget_categories ul li a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 10px 15px !important;
    background: rgb(35, 35, 35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    text-decoration: none;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}

.widget_categories ul li a:hover {
    background: var(--colorYellow);
}

.widget_categories ul li.active a {
    color: #fff;
}

.widget_categories ul li a:before {
    content: "\f45c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 6px;
    vertical-align: middle;
    margin-right: 10px;
    color: var(--primary-color);
}

/**product item**/
.product-item {
    width: 100%;
    display: inline-block;
    background: #fff;
    border-radius: 8px;
}

.product-item .product-thumbnail {
    width: 100%;
    height: 250px;
}

.product-item .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-item .product-content {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.product-item .product-content h4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    line-height: 20px;
    color: rgb(35, 35, 35);
    height: 40px;
    margin: 10px 0;
}

.product-item .product-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0 0;
}

.product-item .product-footer .product-lt {
    width: 130px;
}

.product-item .product-footer .product-button {
    border-radius: 50px !important;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #fff !important;
}

.product-item .product-footer .product-rt {
    width: calc(100% - 130px);
    text-align: right;
}

.product-item .product-content .product-rating {
    width: 100%;
    display: inline-block;
}

.product-item .product-content .product-rating i.active {
    color: #FFCC00;
}

.product-item .product-content .product-rating i {
    font-size: 13px;
    color: #FFCC00;
}

.product-item .product-content h4:hover {
    color: var(--primary-color)
}

.product-item .product-content .product-price {
    font-size: 16px;
}

.product-item .product-content .product-price ins span {
    color: var(--colorYellow) !important;
}

span.woocommerce-Price-currencySymbol {
    vertical-align: unset !important;
    font-size: unset !important;
}

.product-info p.price.product-page-price del, .product-info p.price.product-page-price del span {
    color: #d9d9d9 !important;
}

.product-info p.price.product-page-price ins bdi {
    color: var(--primary-color) !important;
    font-size: 22px;
}

h1.product-title.product_title.entry-title {
    color: var(--primary-color) !important;
    font-size: 25px;
}

.product-short-description {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px 0;
    color: #fff;
}

.product-short-description ul, .product-short-description ol {
    margin-left: 20px !important;
}

.product-short-description p, .product-short-description ul li, .product-short-description ol li {
    color: #fff;
    margin: 0 0 10px 0;
}

nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    display: none !important;
}

button.single_add_to_cart_button.button.alt.wp-element-button {
    background: var(--primary-color) !important;
    box-shadow: unset !important;
    border-radius: 50px !important;
    border: 0px !important;
}

input.plus.button.is-form {
    border-radius: 0 50px 50px 0;
}

.quantity .button.minus {
    border-radius: 50px 0 0 50px !important;
}

.quantity .button.minus, input.plus.button.is-form {
    background: transparent !important;
    width: 30px !important;
}

.qty {
    box-shadow: unset !important;
    width: 70px !important;
    min-width: 70px !important;
}

.product-info .price-wrapper {
    display: flex;
    align-items: center;
}

.product-info .price-wrapper span.dot {
    margin: 0 10px;
    color: #d9d9d9;
}

.product-info .price-wrapper span.ship img {
    margin-right: 10px;
    width: 20px;
}

.product-info .price-wrapper span.ship {
    color: #5375A6;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.product-info .product-stock {
    color: #06C270;
    margin: 20px 0;
    font-size: 16px;
}

.shop-page-title, .category-page-title {
    display: none;
}

.product-info .product-rating {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
}

.product-info .product-rating i.active {
    color: #FFCC00;
}

.product-info .product-rating i {
    font-size: 13px;
    color: #CFCFCF;
}

form.cart {
    margin: 20px 0 0 0;
}

/**single**/
.post-related {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}

.woocommerce-Tabs-panel, .woocommerce-Tabs-panel p {
    color: #fff !important;
    font-size: 16px;
}

.woocommerce-Tabs-panel p, .woocommerce-Tabs-panel ul li, .woocommerce-Tabs-panel ol li {
    margin: 0 0 10px 0 !important;
    color: #fff !important;
}

.woocommerce-Tabs-panel ul, .woocommerce-Tabs-panel ol {
    margin-left: 25px !important;
}

.woocommerce-Tabs-panel span {
    color: #fff !important;
}

.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul li a {
    color: #fff !important;
    font-size: 18px;
}

.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    border-color: rgba(255, 255, 255, 0.4) !important;
}

button.single_add_to_cart_button.button.alt {
    background: var(--primary-color) !important;
    border-radius: 50px !important;
    color: #111 !important;
    text-transform: unset;
}

.formOjbect.contact {
    width: 100%;
    background: #fff;
    margin: auto;
    -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px;
}

.formOjbect.contact .btnObject {
    font-weight: bold;
    width: 240px;
}

.input-object {
    width: 100%;
    border-radius: 5px !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    font-size: 15px;
    margin-bottom: 10px !important;
}


/**post big**/
.post-big {
    width: 100%;
    display: inline-block;
}

.post-big .post-thumbnail {
    width: 100%;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-big .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    border-radius: 12px;
}

.post-big .post-content {
    width: 100%;
    padding: 15px 0 0 0;
}

.post-big .post-content h4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    margin: 0px 0 10px 0;
}

.post-big .post-content .post-date {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    margin: 0 0 15px 0;
}

.post-big .post-content .post-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    margin: 15px 0 0 0;
}

.post-big .post-content h4:hover {
    color: var(--primary-color)
}

.post-big .post-thumbnail:hover img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post-small {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.post-small a {
    display: flex;
    flex-flow: wrap;
}

.post-small .post-thumbnail {
    width: 220px;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-small .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    border-radius: 12px;
}

.post-small .post-content {
    width: calc(100% - 220px);
    padding-left: 15px;
}


.post-small .post-content h4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0px 0 10px 0;
}

.post-small .post-content .post-date {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    margin: 0 0 15px 0;
}

.post-small .post-content .post-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    margin: 15px 0 0 0;
}

.post-small .post-content h4:hover {
    color: var(--primary-color)
}

.post-small .post-thumbnail:hover img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.category-top {
    margin-bottom: 20px;
}

/**review**/
.product-review {
    padding-top: 4.4rem;
    position: relative;
    z-index: 99 !important;
    background: url(/wp-content/uploads/2023/06/bg_body.png) !important;
    background-size: 135rem auto !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    margin-top: -3.4rem !important;
    padding-bottom: 8rem !important;
    margin-bottom: -6rem !important;
}

.review-grid {
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: minmax(220px, auto);
}

.review-grid {
    display: grid;
    grid-gap: 10px;
}

.review-grid .review-box:nth-child(14n+1), .review-grid .review-box:nth-child(14n+11) {
    grid-column: span 2;
    grid-row: span 2;
}

.review-grid .review-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    height: 100%;
    background-color: rgba(76, 1, 2, 0.568627451);
    position: relative;
}

.review-grid .review-item > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-grid .review-item .view_review {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(173, 117, 42, 0.7);
    opacity: 0;
    text-decoration: none;
    transition: all 0.3s;
    flex-flow: column;
}

.review-grid .review-item .view_review > span {
    font-family: "SVN-Gilroy";
    font-weight: bold;
}

.review-grid .review-item .view_review > span img {
    margin: 0 auto 2rem !important;
    width: 3rem;
    display: block !important;
}

.review-grid .review-item .view_review > span {
    font-size: 16px;
    color: #fff;
    padding: 0.5rem 1rem;
    border: 1px solid;
    margin-top: 20px;
    text-transform: uppercase;
}

.review-grid .review-item:hover .view_review {
    opacity: 1;
}

/**review entry**/
.image-center {
    text-align: center;
}

.image-center img {
    width: 300px;
}

div#reviewID {
    background-color: #7e1315 !important;
    background-image: url(../images/bg_post.webp) !important;
    background-position: center right !important;
    background-size: contain !important;
}

div#reviewID .review-popup-image img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#reviewID .review-popup-aside .review-info {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

div#reviewID .review-popup-aside .review-info .rate-info .name {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fee0b2;
    text-transform: uppercase;
}

div#reviewID .review-popup-image {
    background-color: #000;
}

.review-content {
    padding: 20px;
    color: #fff;
    font-size: 16px;
}

/**product**/
.row-absolute {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    z-index: 90;
    transform: translate(-50%, -50%);
}

.nui-bg {
    position: absolute !important;
    bottom: 0px !important;
    z-index: 20 !important;
    left: 0px !important;
}

.may-bg {
    position: absolute !important;
    bottom: 0px !important;
    z-index: 15 !important;
}

.abouts-body.about-product h3 {
    text-transform: uppercase;
    font-size: 60px;
    line-height: 70px;
    margin: 30px 0;
}

.abouts-body.about-product .about-title:after {
    display: none !important;
}

.abouts-body.about-product .about-text {
    background: var(--colorYellow);
    border-radius: 8px;
    padding: 20px;
    color: #1C1F23;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
}

.abouts-body.about-product .sub_title {
    color: #fff;
    font-weight: normal;
    position: relative;
}

.abouts-body.about-product .sub_title:after {
    content: '';
    width: 100px;
    height: 3px;
    background: #FFC84E;
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.bg-info {
    margin-top: -200px;
    position: relative;
    z-index: 999 !important;
}

.bg-info .bg-fill {
    background-position: top center !important;
}

.mr-top {
    margin-top: -120px !important;
}


.product-show-info p {
    color: #111;
    font-size: 25px;
    line-height: 35px;
    margin: 0px;
}

.product-show-info2 {
    margin-top: -100px;
}

.product-show-info2 p {
    font-size: 20px;
    margin: 0px;
}

.color-black h2 {
    color: #111;
}

.bg-tp {
    margin-top: -100px !important;
    z-index: 0;
}

.bg-tp .bg-fill {
    background-size: 100% !important;
    background-position: top;
}

.page-template-page-product #main {
    background: linear-gradient(90deg, #EA1B29 -4.3%, #E32F3C 31.01%, #DD653F 100%) !important;
}

.cap h2 {
    text-transform: unset !important;
}

.bg-line {
    position: absolute !important;
    z-index: 999 !important;
}

.bg-drt {
    z-index: 0;
}


/*.page-template-page-product footer#footer {*/
/*background: url(/wp-content/uploads/2023/06/Vector-1-2.png) no-repeat !important;*/
/*background-size: 100% !important;*/
/*background-position: top !important;*/
/*}*/
.bg-footer {
    position: absolute !important;
    top: -125px;
    left: 0px;
}

.footer-bg {
    padding: 40px 0 20px 0;
    background: rgb(35, 35, 35) !important;
}

.p-about-item {
    background: #FFC84E;
    border-radius: 20px;
    padding: 15px;
}

.p-about-item .box-text.text-left h4 {
    color: #111;
    font-size: 18px;
}

.p-about-item .box-text.text-left {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    text-shadow: unset !important;
}

a.button_red {
    background: linear-gradient(90deg, #EA1B29 -4.3%, #E32F3C 31.01%, #DD653F 100%) !important;
}

.tds-message-box.box-note a {
    color: #0d72c7;
}

.tds-message-box.box-note {
    background: #e8f5e9;
    color: #1b5e20;
    border-radius: 8px;
    padding: 15px;
    font-size: 16px;
}

.address-item {
    width: 100%;
    display: inline-block;
    margin: 0 0 40px 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.address-title {
    border-bottom: 2px solid var(--primary-color) !important;
    padding-bottom: 5px;
}

.address-title i {
    background: var(--primary-color) !important;
    color: #111;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
}

.address-list {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
}

.address-list ul li {
    width: calc(100% / 4);
    margin-bottom: 15px !important;
}

.address-list ul {
    display: flex;
    flex-flow: wrap;
    margin-left: 25px;
}

.address-list ul li a {
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
}

.address-list ul li::marker {
    background: #fff !important;
}

.address-list ul li a:hover {
    color: var(--primary-color)
}

.address-content {
    margin-top: 20px;
}

.address-content table {
    border-collapse: collapse;
    border: 1px solid #aaa;
}

.address-content table {
    width: 100%;
}

.address-content table td, .address-content table th {
    padding: 10px !important;
    font-size: 16px;
    color: #111;
}

.address-content table tr td, .address-content table tr td {
    font-weight: bold;
    background: #fff;
}

.address-content table tr td a {
    color: #0d72c7;
}

.address-content table .icons {
    float: right;
}

.address-content table th {
    border: 1px solid #aaa;
    padding: 2px;
    background-color: grey;
    color: white;
}

.address-content table .icons span {
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    background: #135eb4;
    margin-right: 5px;
    border-radius: 5px;
    float: right;
}

.address-content table .icons span.icon2 {
    background: #ff6600;
}

.partner-item {
    width: 100%;
    height: 120px;
    border-radius: 8px !important;
    background: #fff;
}

.partner-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tabbed-content.tab-product ul li a {
    font-size: 18px;
    color: #111;
    padding: 0px 20px !important;
    display: block;
}

.tabbed-content.tab-product ul li.active a {
    background: linear-gradient(90deg, #EA1B29 -4.3%, #E32F3C 31.01%, #DD653F 100%);
    border: 0px;
    color: #fff;
}

.bk-white p, .bk-white span {
    color: #fff !important;
}

.bk-white {
    color: #fff !important;
}

.product-2 ul li a {
    color: #fff !important;
}

.product-2 ul li.active a {
    background: var(--primary-color) !important;
    color: #111 !important;
}