@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
body {
    font-family:"Barlow", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000
} 
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a,
.nav>li>a {
    font-family: "Barlow", sans-serif;;
}
h1,
h2,
h3,
h4,
h5,
h6,
.nav-column>li>a,
.nav-dropdown>li>a,
.nav-vertical-fly-out>li>a,
.nav>li>a ,
.nav-column li.active>a,
.nav-column li>a:hover,
.nav-dropdown li.active>a,
.nav-dropdown>li>a:hover,
.nav-vertical-fly-out>li>a:hover,
.nav>li.active>a,
.nav>li.current>a,
.nav>li>a.active,
.nav>li>a.current,
.nav>li>a:hover {
    color: #000;
}


h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 600;
    font-style: normal;
}


.overflow > .col-inner {
	overflow:hidden;
}





.stats-icon {
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 50%;
    background-color: #fecd07;
    color: #000!important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	font-size:20px;
}
.stats-desc {
    font-size: 4em;
    font-weight: 800;
	line-height:1.5;
}
.stats-text {
    font-size: 20px;
    line-height: 23px;
}



.custom-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 22px 18px;
    border: 1px solid rgba(255, 204, 0, 0.35);
    border-radius: 14px;
    background: #fff;
    transition: all 0.35s ease;
	height: 100%;
}

.custom-icon .icon-box-img {
    width: 64px;
    height: 64px;
    border: 2px solid #ffcc00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    transition: all 0.35s ease;
}

.custom-icon .icon-box-img i {
    font-size: 28px;
    color: #ffcc00;
    transition: all 0.35s ease;
}

/* TEXT */
.custom-icon h3 {
    font-size: 15px;
    margin-bottom: 8px;
    text-transform: uppercase;
    transition: color 0.35s ease;
}

.custom-icon p {
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
    color: #555;
}

/* HOVER */
.custom-icon:hover {
    transform: translateY(-8px);
    box-shadow: 0 14px 36px rgba(255, 204, 0, 0.25);
}

.custom-icon:hover .icon-box-img {
    background: #ffcc00;
}

.custom-icon:hover .icon-box-img i {
    color: #111;
    transform: scale(1.15) rotate(8deg);
}

.custom-icon:hover h3 {
    color: #ffcc00;
}




.service-item {
    position: relative;
    border: 1px solid #eee;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}



/* HOVER CARD */
.service-item:hover {
    transform: translateY(-10px);
    border-color: #ffcc00;
    box-shadow:
        0 14px 36px rgba(0,0,0,.12),
        0 0 0 1px rgba(255,204,0,.25);
}

.service-item:hover::before {
    opacity: 1;
}

/* IMAGE ZOOM */
.service-item img {
    transition: transform .6s ease;
}

.service-item:hover img {
    transform: scale(1.08);
}

/* CONTENT */
.service-item .service-content {
    padding: 18px 15px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.service-title {
    font-size: 16px;
    margin: 12px 0 6px;
    transition: color .35s ease;
}

.service-item:hover .service-title {
    color: #ffcc00;
}

.service-content p {
    line-height: 23px;
    height: 69px;
    overflow: hidden;
}

.service-excerpt {
    font-size: 14px;
    color: #555;
    transition: color .35s ease;
}

.service-item:hover .service-excerpt {
    color: #333;
}


.absolute-footer {
    display: none;
}


.blog-archive > .row > .large-10.col {
    max-width: 100% !important;
    flex-basis: 100% !important;
}
.blog-archive  .is-divider {
    display: none;
}

.nk_rating {
    color: #ffcc00;
}
.product-small .nk_rating  {
	margin-bottom:10px;
}
li#tab-title-reviews {
    display: none !important;
}

.nk_box_1 {
    background: #fff;
    border-radius: 16px;
    padding: 28px 20px;
    transition: all .35s ease;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
}

/* Hiệu ứng hover box */
.nk_box_1:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

/* Icon wrapper */
.nk_box_1 .icon-box-img {
    margin-bottom: 18px;
}

/* Icon nền tròn */
.nk_box_1 .icon {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .35s ease;
	transform: rotate(6deg) scale(1.08);
}

/* Icon hover */
.nk_box_1:hover .icon {
    transform: rotate(6deg) scale(1);
    box-shadow: 0 12px 28px #50b848;
}

/* Ảnh icon */
.nk_box_1 .icon img {
    max-width: 46px;
    transition: all .35s ease;
}

/* Text */
.nk_box_1 p {
    margin-bottom: 6px;
    color: #555;
    line-height: 1.6;
}

/* Tiêu đề bước */
.nk_box_1 p strong {
    color: #222;
}

/* Viền gradient khi hover */
.nk_box_1::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 2px solid transparent;
    background:#50b848;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 1;
    transition: all .35s ease;
}

.nk_box_1:hover::after {

    background: linear-gradient(135deg, #efffee, #50b848) border-box;
}







/* ===== NK BRAND ICON BOX ===== */
.nk_brand .icon-box {
    background: #fff;
    border-radius: 18px;
    padding: 28px 22px 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
    height: 100%;
}

/* Hover box */
.nk_brand .icon-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 50px rgba(0,0,0,.15);
}

/* Logo / icon wrapper */
.nk_brand .icon-box .icon-box-img {
    margin-bottom: 18px;
    width: 100% !important;
}



/* Hover icon */
.nk_brand .icon-box:hover .icon {

    transform: scale(1.16);
	    transition: all .3s ease;
}

.nk_brand .icon-box .icon img {
    max-width: 100%;
    height: 65px;
    width: auto;
	    transition: all .3s ease;
}

/* Tiêu đề */
.nk_brand .icon-box h4 {
    margin: 12px 0 10px;
    font-weight: 700;
    color: #50b848;
    font-size: 27px;
    text-transform: uppercase;
}

/* List */
.nk_brand .icon-box ul {
    text-align: left;
    margin: 0 0 18px;
    padding-left: 18px;
}

.nk_brand .icon-box ul li {
    margin-bottom: 6px;
    font-size: 15px;
    color: red;
}

/* ===== BUTTON FULL WIDTH ===== */
.nk_brand .icon-box .button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    font-weight: 600;
    padding: 14px 16px;
    transition: all .3s ease;
}

/* Button hover */
.nk_brand .icon-box .button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,.18);
}


.nk_cty .col-inner {
    border-radius: 20px;
    padding: 20px !important;
}
.nk_cty .col-inner:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.18);
}
.w100 {
    width: 100%;
    display: block;
}