k-tech

.pd-0{
\tpadding-bottom:0px
}
.button.primary {
position: relative;
transition: all .3s
ease-in-out;
box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
padding-block: .5rem;
padding-inline: 1.25rem;
background-color: var(–primary-color);
border-radius: 99px !important;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
gap: 10px;
font-weight: 700;
border: 3px solid #ffffff4d;
outline: none;
overflow: hidden;
font-size: 15px;
\tbox-shadow:none !important;
\talign-items:center
}
.button.primary::before {
content: “”;
position: absolute;
width: 100px;
height: 100%;
background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 70%);
top: 0;
left: -100px;
opacity: .6;
}
.button.primary i {
width: 24px;
height: 24px;
transition: all .3s
ease-in-out;
\tcolor:var(–primary-color);
\tbackground:#fff;
\tborder-radius:50%;
\tdisplay:flex;
\talign-items:center;
\tjustify-content:center;
}
.button.primary .icon-angle-right:before {
content: “\\f061”;
font-family: “Font Awesome 7 Free”;
font-weight: 900;
font-style: normal;
font-size: 14px;
}

.button.primary:hover {
transform: scale(1.05);
border-color: #fff9;
}
.button.primary:hover::before {
animation: shine 1.5s
ease-out infinite;
}
.button.primary:hover i {
transform: translate(4px);
}
@keyframes shine {
0% {
left: -100px
}

60% {
left: 100%
}

to {
left: 100%
}
}

/* header */
.header-nav{
\tjustify-content:center
}
.header
.header-nav .header-search-form-wrapper .search-field{
\tborder-color:var(–primary-color);
\tborder-width:2px;
\tfont-size:16px !important;
}
.header.transparent .header-search-form-wrapper .search-field{
\tbackground-color:#fff !important;
\tcolor:#000 !important;
\tfont-size:16px;
\tborder-color:var(–primary-color);
\tborder-width:2px;
}
.header.transparent .header-search-form-wrapper .search-field::placeholder{
\tcolor:#000 !important;
\topacity:0.6!important
}
.header.transparent .header-search-form-wrapper .icon-search{
\tcolor:#000
}
.header.transparent .header-bottom-nav{
\tbackdrop-filter: blur(8px);
background: #FFFFFF66;
border-radius: 99px;
border: 1px solid #fff;
margin-bottom: 20px;
\tpadding:0px 60px;
}
.header.transparent .header-bottom-nav li a{
\tcolor:#fff;
}
.header.transparent .header-bottom-nav li.active a,
.header.transparent .header-bottom-nav li:hover a{
\tcolor:var(–primary-color)
}
.nav-spacing-xlarge\u003Eli{
\tmargin: 0 17px;
}
.off-canvas .mfp-content{
\tbackground:var(–primary-color) !important
}
.off-canvas .mfp-content li a{
\tcolor:#fff
}
.nav-sidebar.nav-vertical \u003Eli.current-menu-item \u003Ea,
.nav-sidebar.nav-vertical \u003Eli:hover\u003Ea{
color: #ffd700 !important;
border-left: 2px solid #ffd700;
}
.nav-sidebar.nav-vertical\u003E li.current-menu-item ,
.nav-sidebar.nav-vertical \u003Eli:hover{
background: rgba(255, 215, 0, 0.25) !important;
}
.nav-sidebar .sub-menu{
\tbackground:var(–primary-color) !important
}
.nav-sidebar .sub-menu li:hover a{
\tcolor: #ffd700 !important;
}
/* sec danh m\u1ee5c */
.sec-cate .row{
\tmargin-top:-110px
}
.product-category .col-inner{
\tbackground:#fff;
\tborder:1px solid #ededed;
\tpadding:10px;
\tpadding-top:20px;
}
.product-category .col-inner .box-text-inner{
\tmargin-top:15px;
}
.box.product-small{
\tborder:2px solid var(–primary-color);
\tpadding:10px;
\tborder-radius:8px;
\tbox-shadow: #24639570 0px 3px 8px;
\tbackground:#fff
}
.box.product-small .product-title a{
\tdisplay: block;
display: -webkit-box;
max-width: 100%;
height: 43px;
margin: 0 auto;
font-size: 16px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
\tfont-weight:700;
\tmargin-bottom:10px;
}
.box.product-small .price span{
\tcolor:#b20000;
\tfont-size:18px
}
.box.product-small .price del span{
\tcolor:#111;
\tfont-size:16px
}
.product-sku{
\tmargin-bottom:10px;
}
.box-action p{
\tfont-size:16px;
\tmargin:5px 0px;
}
.btn-readmore {
background-color: #f3f7fe;
color: #3b82f6;
border: none;
cursor: pointer;
border-radius: 8px;
width: 80%;
\ttext-align:center;
transition: 0.3s;
\tdisplay:inline-block !important;
\tpadding:10px 0px;
\tmargin:0px auto !important;
\tposition:relative;
\tleft:50%;
\ttransform:translatex(-50%);
}

.btn-readmore:hover {
background-color: var(–primary-color);
box-shadow: 0 0 0 5px #3b83f65f;
color: #fff;
}
/* */
/* footet */
.ft-top .button{
\tcolor:#000 !important;
}
.ft-top .button:hover{
\tbackground:transparent !important;
\tcolor:#fff !important;
\tbox-shadow:none !important;
\tborder-color:#fff
}
.sec-ft .post-item .box-image{
\tdisplay:none
}
.sec-ft .post-item .is-divider{
\tdisplay:none
}
.sec-ft .post-item .box-text{
\tpadding:0px;
\tpadding-bottom:10px;
\tpadding-left:10px;
}
.sec-ft h4{
\tfont-size:21px;
\tborder-bottom:3px solid #000;
\tdisplay:inline-block;
\twidth:auto;
\tpadding-right:10px
}
.sec-ft a{
\tfont-size:15px;
\tfont-weight:700;
}
/* shop */
#shop-sidebar, .sidebar-sing-product .sidebar-wrapper ,
.post-sidebar{
background-color: #f4f4f4;
border-radius: 15px;
overflow: hidden;
padding: 15px !important;
}
#shop-sidebar .is-divider,
.post-sidebar .is-divider{
\tdisplay:none
}
#shop-sidebar .widget-title{
\tdisplay:block;
\tmargin-bottom:15px;
\tcolor:var(–primary-color);
\tpadding-bottom:15px;
\tposition:relative;
}
#shop-sidebar .widget-title:after{
\tcontent:””;
\twidth:100px;
\tbackground:var(–primary-color);
\theight:3px;
\tdisplay:block;
\tposition:absolute;
\tbottom:0px;
}
#shop-sidebar .price_slider_wrapper{
\tpadding-top:10px;
}
/* li\u00ean h\u1ec7 */
.lien-he .wpcf7.js{
\tpadding:20px;
\tbackground:#d7d8d6;
\tborder-radius:16px;
}
.lien-he .wpcf7.js .wpcf7-form-control-wrap input.wpcf7-form-control
{
\tborder-radius:99px;
\tborder:solid 1px var(–primary-color) !important;
\tbox-shadow:none
}
.lien-he .wpcf7-textarea{
\tborder-radius:16px;
\tborder:solid 1px var(–primary-color) !important;
}
.lien-he .wpcf7-submit{
\twidth:80%;
\tposition:relative;
\tleft:50%;
\ttransform:translatex(-50%);
\tborder-radius:99px;
\tbox-shadow:none !important;
\tborder:1px solid transparent;
\tmargin-bottom:0px
}
.lien-he .wpcf7-submit:hover{
\tborder-color:var(–primary-color);
\tbackground:transparent;
\tcolor:var(–primary-color);
}
.wpcf7-spinner{
\tdisplay:none
}
/* Blogs */
.post-item .is-divider{
\tdisplay:none
}
.post-item .box-text{
\ttext-align:left;
}
.blog-archive .post-item .box-text a.btn-readmore{
\tmargin-top:10px !important;
\tmax-width:100px;
\tposition:unset;
\ttransform:unset;
}
.blog-archive .post-item{
\tpadding-bottom:10px
}
.blog-archive .post-item .col-inner {
position: relative;
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
margin-bottom: 30px;
border: 1px solid rgba(255, 255, 255, 0.18);
\tpadding:20px
}

.blog-archive .post-item .col-inner:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.blog-archive .post-item .col-inner .image-cover{
\tpadding-top:65% !important;
}

/* page d\u1ecbch v\u1ee5 */

.sec-sevice .box{
\tbackground:rgb(243, 244, 246);
\tborder-radius:8px;
\toverflow:hidden
\t
}
.sec-danhgia .gallery-col .box{
\tbackground:#fff;
\theight:100%;
\tpadding:20px;
\tbox-shadow: #24639570 0px 3px 8px;
\tborder-radius:8px;
}
.sec-danhgia .gallery-col .box img{
\theight:150px;
\tobject-fit:contain;
}
/* single product */

.shop-container{
\tbackground:#f3f4f6
}

.single-top .sidebar-wrapper{
background-color: #f4f4f4;
border-radius: 15px;
overflow: hidden;
padding: 15px !important;
}
.single-top .sidebar-wrapper .is-divider{
\tbackground:var(–primary-color);
\tmax-width:100px
}
.single-top .sidebar-wrapper .widget-title{
display:block;
\tcolor:var(–primary-color);
\tposition:relative;
}
.single-top .widget .current-cat\u003Ea{
\tcolor:var(–primary-color);
}

.single-top .search-field{
\tborder-color:var(–primary-color);
\tborder-width:2px;
\tfont-size:16px !important;
\tborder-radius:99px;
}
.single-top .search-field{
\tbackground-color:#fff !important;
\tcolor:#000 !important;
\tfont-size:16px;
\tborder-color:var(–primary-color);
\tborder-width:2px;
}
.single-top .search-field::placeholder{
\tcolor:#000 !important;
\topacity:0.6!important
}
.single-top .ux-search-submit{
\tcolor:#000;
\tbackground:transparent !important;
\tborder:none;
\tposition:absolute;
\tright:5px;
\ttop:0px;
\tbox-shadow:none !important
}
.single-top \u003E .col \u003E .col-inner,
.woocommerce-tabs,
.related.related-products-wrapper{
\tbackground:#fff;
\tpadding:30px 25px !important;
\tbox-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
\tborder-radius:16px
}
.woocommerce-tabs .tabs li a{
\tborder:2px solid var(–primary-color);
\tbackground:transparent;
\tcolor:var(–primary-color);
\tpadding:5px 15px;
\tline-height:24px;
\tfont-size:16px;
}
.woocommerce-tabs .tabs li:hover a,
.woocommerce-tabs .tabs li.active a{
\tbackground:var(–primary-color);
\tcolor:#fff
}
@media (max-width: 767px) {
.woocommerce-tabs .tabs {
overflow-x: auto;
flex-wrap: nowrap;
white-space: nowrap;
padding-bottom: 10px;
justify-content: flex-start;
\t\t\tgap:10px;
}
}
.ux-menu-link__link,
.ux-menu-link__text{
user-select: text !important;
pointer-events: auto !important;
}
/* Cho ph\u00e9p b\u00f4i \u0111en text trong menu li\u00ean h\u1ec7 Flatsome */
.ux-menu-link__link {
pointer-events: none !important; /* Ng\u0103n click */
user-select: text !important; /* Cho ph\u00e9p b\u00f4i \u0111en */
cursor: text !important; /* Hi\u1ec3n th\u1ecb con tr\u1ecf ch\u1eef khi hover */
}

/* \u0110\u1ea3m b\u1ea3o icon v\u1eabn hi\u1ec3n th\u1ecb \u0111\u00fang */
.ux-menu-link__icon {
pointer-events: none !important;
}
tr#user-6,tr#user_6{display:none!important}