.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}:where(.brand-thumbnails-description),ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}:where(.brand-thumbnails-description)::before,ul.brand-thumbnails:before{clear:both;content:"";display:table}:where(.brand-thumbnails-description)::after,ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}:where(.brand-thumbnails-description li.first),ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(2n){margin-right:0}}:where(.brand-thumbnails-description li){float:left;margin:0 2% 1em 0;padding:0;position:relative;text-align:center}:where(.brand-thumbnails-description li.last),:where(.brand-thumbnails-description.columns-1 li){margin-right:0}:where(.brand-thumbnails-description li .term-thumbnail img){width:100%;display:inline}:where(.brand-thumbnails-description li .term-description){margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}body .ei-single-product>.ei-col-2>div select, .ei-single-product>.ei-col-2>div table .reset_variations {
display: none !important;
}
.ei-variation-buttons {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: -3px;
}
.ei-variation-btn {
width: max-content !important;
font-size: 13px !important;
font-weight: normal !important;
line-height: 21px;
border-color: #ffffff !important;
color: #ffffff !important;
background-color: transparent !important;
padding: 3px 10px !important;
margin-top: 0 !important;
}
.ei-variation-btn.active {
font-weight: 500 !important;
color: var(--color-black) !important;
background-color: #ffffff !important;
}
.ei-variation-btn.disabled {
opacity: .4;
cursor: not-allowed;
pointer-events: none;
}
body .ei-single-product>.ei-col-2>div table tr, body .ei-single-product>.ei-col-2>div table td {
-ms-flex-align: start !important;
align-items: start !important;
justify-content: start !important;
}
.ei-single-product>.ei-col-2>div table th {
width: max-content !important;
max-width: 35% !important;
}
.ei-single-product>.ei-col-2>div table td {
width: auto !important;
}
body .ei-single-product>.ei-col-2>div form.variations_form {
display: block !important;
}
.ei-single-product>.ei-col-2>div button.ei-buy-now {
width: 100% !important;
font-size: 16px !important;
padding: 13px 28px 14px !important;
margin: 20px 0 0 !important;
} body .top-bar,
body .hide-p-sidebar .content.c-fullwidth .main-navigation .top-bar,
.tk-top-bar {
display: block !important;
background: #f58800 !important;
padding: 6px 12px !important;
font-size: 11px !important;
line-height: 1.4 !important;
letter-spacing: normal !important;
margin: 0 !important;
text-align: center !important;
min-height: auto !important;
overflow-x: auto !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.tk-top-bar::-webkit-scrollbar {
display: none !important;
}
.tk-top-bar-inner {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: 600 !important;
}
@media only screen and (min-width: 640px) {
.tk-top-bar-inner {
font-size: 12.5px !important;
}
}
.tk-top-bar-inner .sep {
margin: 0 8px !important;
opacity: 0.6 !important;
} .woocommerce-breadcrumb,
.c-breadcrumbs {
padding: 6px 0 !important;
margin-bottom: 12px !important;
font-size: 12px !important;
line-height: 1.35 !important;
} @media only screen and (min-width: 1025px) { body .main-navigation .tk-navbar-container,
body .hide-p-sidebar .content.c-fullwidth .main-navigation > .container,
body .content.c-fullwidth .main-navigation > .container,
body .main-navigation > .container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
position: relative !important;
flex-wrap: nowrap !important;
gap: 0 !important;
width: 100% !important;
min-height: 68px !important;
}
body .tk-navbar-left {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
}
body .tk-navbar-left .tk-mobile-hamburger,
body .main-navigation .tk-mobile-hamburger {
display: none !important;
} body .tk-navbar-left .c-logo,
body .hide-p-sidebar .content.c-fullwidth .main-navigation > .container > .c-logo,
body .content.c-fullwidth .main-navigation > .container > .c-logo,
body .main-navigation > .container > .c-logo {
position: static !important;
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
z-index: 10 !important;
visibility: visible !important;
opacity: 1 !important;
}
body .main-navigation > .container > .c-logo a {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
body .main-navigation > .container > .c-logo a img {
height: 38px !important;
width: auto !important;
max-width: 220px !important;
object-fit: contain !important;
margin: 0 !important;
display: block !important;
} body .hide-p-sidebar .content.c-fullwidth .main-navigation > .container .nav-collapse,
body .content.c-fullwidth .main-navigation .nav-collapse,
body .main-navigation .nav-collapse {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex: 1 1 auto !important;
width: auto !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
flex-wrap: nowrap !important;
} body .main-navigation .nav-collapse > .c-logo,
body .main-navigation .nav-collapse .menu-toggle {
display: none !important;
} body .hide-p-sidebar .content.c-fullwidth .main-navigation .nav-left,
body .content.c-fullwidth .main-navigation .nav-left,
body .main-navigation .nav-left {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
width: auto !important;
flex: 1 1 auto !important;
margin: 0 auto !important;
padding: 0 16px !important;
text-align: center !important;
}
body .main-navigation .nav-left .navwrap {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 0 !important;
width: auto !important;
margin: 0 auto !important;
overflow: visible !important;
text-align: center !important;
}
body .main-navigation .nav-left .nav {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: auto !important;
word-spacing: normal !important;
text-align: center !important;
}
body .main-navigation .nav-left .nav > li {
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
position: relative !important;
}
body .main-navigation .nav-left .nav > li > a {
display: inline-block !important;
padding: 10px 14px !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #334155 !important;
white-space: nowrap !important;
text-decoration: none !important;
transition: color 0.15s ease !important;
line-height: normal !important;
border-bottom: 2px solid transparent !important;
}
body .main-navigation .nav-left .nav > li:hover > a {
color: #f58800 !important;
} body .main-navigation .nav-left .nav > li.active > a,
body .main-navigation .nav-left .nav > li.current-menu-item > a,
body .main-navigation .nav-left .nav > li.current_page_item > a {
color: #f58800 !important;
font-weight: 700 !important;
border-bottom: 2px solid #f58800 !important;
} body .tk-desktop-nav-calc-btn {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin-left: 10px !important;
padding: 6px 14px !important;
border-radius: 9999px !important;
font-size: 12px !important;
font-weight: 700 !important;
background: #fffbeb !important;
color: #78350f !important;
border: 1px solid #fcd34d !important;
cursor: pointer !important;
box-shadow: 0 1px 2px rgba(245, 158, 11, 0.08) !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
font-family: inherit !important;
line-height: 1.4 !important;
white-space: nowrap !important;
text-decoration: none !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
}
body .tk-desktop-nav-calc-btn:hover {
background: #fef3c7 !important;
border-color: #f59e0b !important;
color: #451a03 !important;
transform: translateY(-1px) !important;
box-shadow: 0 3px 8px rgba(245, 158, 11, 0.2) !important;
}
body .tk-desktop-nav-calc-btn .bolt {
color: #d97706 !important;
font-weight: 900 !important;
font-size: 13px !important;
line-height: 1 !important;
}
body .tk-desktop-nav-calc-btn .txt {
font-size: 12px !important;
font-weight: 700 !important;
} body .hide-p-sidebar .content.c-fullwidth .main-navigation .nav-right,
body .content.c-fullwidth .main-navigation .nav-right,
body .main-navigation .nav-right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
position: static !important;
width: auto !important;
flex: 0 0 auto !important;
margin-left: auto !important;
gap: 14px !important;
right: auto !important;
top: auto !important;
}
body .main-navigation .nav-right .search {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
color: #334155 !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
position: relative !important;
margin: 0 !important;
}
body .main-navigation .nav-right .search:hover {
color: #f58800 !important;
background-color: #fff7ed !important;
}
body .main-navigation .nav-right .search svg {
width: 18px !important;
height: 18px !important;
}
body .main-navigation .nav-right .ei-cart {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
color: #334155 !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
text-decoration: none !important;
margin: 0 !important;
}
body .main-navigation .nav-right .ei-cart:hover {
color: #f58800 !important;
background-color: #fff7ed !important;
}
body .main-navigation .nav-right .ei-cart svg {
width: 20px !important;
height: 20px !important;
margin: 0 !important;
}
body .main-navigation .nav-right .ei-cart #ei-cart-count,
body .main-navigation .ei-cart #ei-cart-count {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
top: 2px !important;
right: 2px !important;
background: #f58800 !important;
color: #ffffff !important;
font-size: 10px !important;
font-weight: 700 !important;
width: 16px !important;
height: 16px !important;
border-radius: 9999px !important;
line-height: 1 !important;
margin: 0 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
overflow: hidden !important;
}
body .main-navigation .nav-right .c-btn,
body .main-navigation .tk-navbar-right .c-btn {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 16px !important;
border-radius: 8px !important;
background: #f58800 !important;
color: #ffffff !important;
font-size: 13.5px !important;
font-weight: 600 !important;
text-decoration: none !important;
box-shadow: 0 1px 3px rgba(245, 136, 0, 0.25) !important;
transition: all 0.2s ease !important;
white-space: nowrap !important;
border: none !important;
margin: 0 !important;
}
body .main-navigation .nav-right .c-btn:hover,
body .main-navigation .tk-navbar-right .c-btn:hover {
background: #e07b00 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 10px rgba(245, 136, 0, 0.35) !important;
color: #ffffff !important;
}
body .main-navigation .nav-right .c-btn svg,
body .main-navigation .tk-navbar-right .c-btn svg {
width: 16px !important;
height: 16px !important;
fill: currentColor !important;
margin: 0 !important;
}
body .tk-mobile-drawer,
body .sidebar-overlay.tk-drawer-backdrop,
body .tk-mobile-bottom-nav,
body .tab-bar {
display: none !important;
}
}  html body .main-navigation,
html body .hide-p-sidebar .content.c-fullwidth .main-navigation {
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
@media only screen and (max-width: 1024px) { html body,
html body.home,
html body.page,
html body.single,
html body.archive,
html body.woocommerce,
html body.ei-menu-type-simple,
html body.home.ei-menu-type-simple {
padding-top: 0 !important;
margin-top: 0 !important;
padding-bottom: 56px !important; }
html body .wrapper,
html body .hide-p-sidebar,
html body .content.c-fullwidth {
padding-top: 0 !important;
margin-top: 0 !important;
} html body .main-navigation,
html body.ei-menu-type-simple .main-navigation,
html body.home.ei-menu-type-simple .main-navigation,
html body .hide-p-sidebar .content.c-fullwidth .main-navigation {
position: sticky !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 1000 !important;
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-bottom: 1px solid #f3f4f6 !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
padding: 0 !important;
margin: 0 !important;
}
html body .main-navigation .tk-navbar-container,
html body .hide-p-sidebar .content.c-fullwidth .main-navigation > .container,
html body .main-navigation > .container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
height: 64px !important;
min-height: 64px !important;
padding: 0 12px !important;
margin: 0 auto !important;
width: 100% !important;
max-width: 100% !important;
position: relative !important;
box-sizing: border-box !important;
} html body .tk-navbar-left {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
position: static !important;
}
html body .tk-mobile-hamburger,
html body .main-navigation .tk-mobile-hamburger {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 6px !important;
margin-left: -4px !important;
background: transparent !important;
border: none !important;
border-radius: 8px !important;
color: #374151 !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
line-height: 1 !important;
}
html body .tk-mobile-hamburger:hover,
html body .tk-mobile-hamburger:active {
background-color: #fff7ed !important;
color: #f58800 !important;
}
html body .tk-mobile-hamburger .hamburger-svg {
width: 24px !important;
height: 24px !important;
stroke-width: 2.2 !important;
display: block !important;
} html body .hide-p-sidebar .content.c-fullwidth .c-logo,
html body .hide-p-sidebar .content.c-fullwidth .c-logo a,
html body .main-navigation .c-logo,
html body .main-navigation .c-logo a,
html body .tk-navbar-left .c-logo,
html body .tk-navbar-left .c-logo a {
position: static !important;
transform: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
width: auto !important;
max-width: none !important;
text-align: left !important;
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
}
html body .tk-navbar-left .c-logo img,
html body .tk-navbar-left .c-logo a img,
html body .hide-p-sidebar .content.c-fullwidth .main-navigation .c-logo a img,
html body .main-navigation .c-logo a img {
height: 28px !important;
max-height: 28px !important;
width: auto !important;
min-width: 0 !important;
max-width: 108px !important;
object-fit: contain !important;
display: block !important;
margin: 0 !important;
} html body .tk-desktop-nav,
html body .main-navigation .nav-left {
display: none !important;
} html body nav .profile,
html body .main-navigation .nav-right,
html body .tk-navbar-right {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
max-width: none !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
} html body .main-navigation .nav-right .search,
html body .main-navigation .nav-right span.search,
html body .tk-navbar-right .search {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 5px !important;
border-radius: 9999px !important;
color: #374151 !important;
cursor: pointer !important;
visibility: visible !important;
opacity: 1 !important;
transition: all 0.15s ease !important;
margin: 0 !important;
}
html body .tk-navbar-right .search:hover {
background-color: #fff7ed !important;
color: #f58800 !important;
}
html body .tk-navbar-right .search svg {
width: 18px !important;
height: 18px !important;
display: block !important;
} html body .main-navigation .nav-right .ei-cart,
html body .main-navigation .nav-right span.ei-cart,
html body .tk-navbar-right .ei-cart {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 5px !important;
border-radius: 9999px !important;
color: #374151 !important;
cursor: pointer !important;
visibility: visible !important;
opacity: 1 !important;
transition: all 0.15s ease !important;
margin: 0 !important;
}
html body .tk-navbar-right .ei-cart:hover {
background-color: #fff7ed !important;
color: #f58800 !important;
}
html body .tk-navbar-right .ei-cart svg {
width: 18px !important;
height: 18px !important;
display: block !important;
}
html body .tk-navbar-right .ei-cart #ei-cart-count {
position: absolute !important;
top: 0px !important;
right: 0px !important;
background-color: #f58800 !important;
color: #ffffff !important;
font-size: 10px !important;
font-weight: 700 !important;
border-radius: 9999px !important;
width: 15px !important;
height: 15px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
} html body .main-navigation .nav-right .c-btn,
html body .main-navigation .tk-navbar-right .c-btn,
html body .tk-navbar-right .tk-header-account-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 2.5px !important;
padding: 5px 8px !important;
border-radius: 7px !important;
background: #f58800 !important;
color: #ffffff !important;
font-size: 10.5px !important;
font-weight: 600 !important;
letter-spacing: -0.15px !important;
text-decoration: none !important;
border: none !important;
white-space: nowrap !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
cursor: pointer !important;
visibility: visible !important;
opacity: 1 !important;
transition: all 0.15s ease !important;
margin: 0 !important;
line-height: 1 !important;
}
html body .tk-navbar-right .c-btn:hover,
html body .tk-navbar-right .tk-header-account-btn:hover {
background: #e07b00 !important;
}
html body .tk-navbar-right .c-btn svg,
html body .tk-navbar-right .tk-header-account-btn svg {
width: 12px !important;
height: 12px !important;
fill: #ffffff !important;
display: inline-block !important;
margin: 0 !important;
flex-shrink: 0 !important;
}
html body .tk-navbar-right .tk-header-account-btn span {
margin: 0 !important;
line-height: 1 !important;
} html body .main-navigation .search-form,
html body .main-navigation .nav-collapse .search-form {
display: none !important;
} body .c-profile.sidebar.tk-mobile-drawer {
position: fixed !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 280px !important;
height: 100vh !important;
height: 100dvh !important;
background: #ffffff !important;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
z-index: 999999 !important;
transform: translateX(-100%) !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease, visibility 0.2s !important;
padding: 0 !important;
margin: 0 !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
box-sizing: border-box !important;
}
body .c-profile.sidebar.tk-mobile-drawer.active {
transform: translateX(0) !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body .sidebar-overlay.tk-drawer-backdrop {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100vh !important;
background: rgba(0, 0, 0, 0.6) !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
z-index: 999998 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity 0.25s ease, visibility 0.25s !important;
}
body .sidebar-overlay.tk-drawer-backdrop.active {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
} body .chat-wa,
body .ei-float-btn,
body .back-to-top {
bottom: 68px !important;
}
.tk-drawer-content {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
min-height: 100% !important;
padding: 20px !important;
box-sizing: border-box !important;
}
.tk-drawer-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding-bottom: 16px !important;
border-bottom: 1px solid #f3f4f6 !important;
width: 100% !important;
}
.tk-drawer-logo a img {
height: 34px !important;
width: auto !important;
max-height: 34px !important;
object-fit: contain !important;
display: block !important;
}
.tk-drawer-close {
padding: 8px !important;
border-radius: 8px !important;
color: #6b7280 !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.15s ease !important;
}
.tk-drawer-close:hover {
background-color: #f3f4f6 !important;
color: #111827 !important;
}
.tk-drawer-account-wrap {
margin-top: 16px !important;
width: 100% !important;
}
.tk-drawer-account-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
padding: 10px 16px !important;
background-color: #f58800 !important;
color: #ffffff !important;
font-weight: 700 !important;
border-radius: 12px !important;
font-size: 12px !important;
text-decoration: none !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
border: none !important;
cursor: pointer !important;
transition: background-color 0.15s ease, transform 0.1s ease !important;
box-sizing: border-box !important;
}
.tk-drawer-account-btn:hover {
background-color: #e07b00 !important;
}
.tk-drawer-account-btn:active {
transform: scale(0.98) !important;
}
.tk-drawer-account-btn svg {
flex-shrink: 0 !important;
fill: #ffffff !important;
}
.tk-drawer-calc-wrap {
margin-top: 20px !important;
margin-bottom: 4px !important;
width: 100% !important;
}
.tk-drawer-calc-btn {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 10px 14px !important;
border-radius: 12px !important;
font-size: 13px !important;
font-weight: 700 !important;
background-color: #fffbeb !important;
color: #78350f !important;
border: 1px solid #fcd34d !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
box-sizing: border-box !important;
}
.tk-drawer-calc-btn:hover {
background-color: #fef3c7 !important;
}
.tk-drawer-calc-left {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.tk-drawer-puil-badge {
font-size: 10px !important;
background-color: #fbbf24 !important;
color: #030712 !important;
font-weight: 900 !important;
padding: 2px 6px !important;
border-radius: 4px !important;
line-height: 1 !important;
}
.tk-drawer-nav-list {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
margin-top: 12px !important;
width: 100% !important;
}
.tk-drawer-nav-item {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 14px !important;
border-radius: 12px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
color: #374151 !important;
background: transparent !important;
transition: all 0.15s ease !important;
box-sizing: border-box !important;
}
.tk-drawer-nav-item:hover {
background-color: #fff7ed !important;
color: #f58800 !important;
}
.tk-drawer-nav-item.active {
background-color: #f97316 !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.tk-drawer-nav-item .chevron {
opacity: 0.6 !important;
flex-shrink: 0 !important;
}
.tk-drawer-nav-item.active .chevron {
opacity: 1 !important;
stroke: #ffffff !important;
}
.tk-drawer-footer {
padding-top: 20px !important;
border-top: 1px solid #f3f4f6 !important;
font-size: 12px !important;
color: #6b7280 !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
width: 100% !important;
margin-top: 24px !important;
box-sizing: border-box !important;
}
.tk-drawer-footer-title {
font-weight: 700 !important;
color: #1f2937 !important;
margin: 0 !important;
font-size: 12px !important;
}
.tk-drawer-wa {
display: flex !important;
align-items: center !important;
gap: 6px !important;
color: #047857 !important;
font-weight: 600 !important;
font-size: 12px !important;
}
.tk-drawer-wa a {
color: #047857 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
.tk-drawer-wa a:hover {
text-decoration: underline !important;
}
.tk-drawer-hours {
font-size: 11px !important;
color: #6b7280 !important;
} body .tab-bar,
body .tk-mobile-bottom-nav {
display: block !important;
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: auto !important;
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-top: 1px solid rgba(229, 231, 235, 0.8) !important;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06) !important;
z-index: 999 !important;
padding: 6px 8px !important;
box-sizing: border-box !important;
}
body .tab-bar .container {
padding: 0 !important;
max-width: 100% !important;
}
.tk-bottom-nav-inner {
display: flex !important;
align-items: center !important;
justify-content: space-around !important;
width: 100% !important;
max-width: 500px !important;
margin: 0 auto !important;
}
.tk-bottom-tab {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding: 4px 12px !important;
font-size: 11px !important;
font-weight: 600 !important;
color: #4b5563 !important;
text-decoration: none !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
transition: color 0.15s ease !important;
line-height: 1.2 !important;
}
.tk-bottom-tab:hover {
color: #111827 !important;
}
.tk-bottom-tab.active {
color: #f58800 !important;
}
.tk-bottom-tab .tk-bottom-icon {
width: 20px !important;
height: 20px !important;
margin-bottom: 2px !important;
stroke-width: 2 !important;
display: block !important;
}
.tk-bottom-cart-relative {
position: relative !important;
display: inline-flex !important;
}
.tk-bottom-cart-badge {
position: absolute !important;
top: -4px !important;
right: -8px !important;
background-color: #f58800 !important;
color: #ffffff !important;
font-size: 9px !important;
font-weight: 700 !important;
border-radius: 9999px !important;
width: 16px !important;
height: 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}
} .tk-contact-map-card-wrapper {
width: 100%;
margin: 15px auto 40px auto;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
}
.tk-map-header-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 14px;
}
.tk-map-header-left {
flex: 1 1 auto;
}
.tk-map-title {
font-size: 16px !important;
font-weight: 800 !important;
color: #111827 !important;
margin: 0 0 4px 0 !important;
line-height: 1.25 !important;
letter-spacing: -0.01em !important;
}
.tk-map-subtitle {
font-size: 12px !important;
color: #6b7280 !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.tk-map-full-link {
font-size: 12px !important;
font-weight: 700 !important;
color: #f58800 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
white-space: nowrap !important;
transition: all 0.15s ease !important;
}
.tk-map-full-link:hover {
color: #d97706 !important;
text-decoration: underline !important;
}
.tk-map-frame-box {
position: relative;
width: 100%;
height: 384px;
border-radius: 16px;
overflow: hidden;
background: #f8fafc;
border: 1px solid #e5e7eb;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
.tk-map-frame-box iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
display: block !important;
}
@media (max-width: 640px) {
.tk-map-frame-box {
height: 300px;
border-radius: 12px;
}
.tk-map-header-bar {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
} .tk-home-testimonials-section {
width: 100%;
background: #fbfbf9;
padding: 60px 0 50px 0;
margin: 30px 0;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
}
.tk-testi-container {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.tk-testi-header {
text-align: center;
max-width: 720px;
margin: 0 auto 36px auto;
}
.tk-testi-badge-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fffbeb;
border: 1px solid #fde68a;
border-radius: 9999px;
padding: 4px 14px;
font-size: 12px;
font-weight: 700;
color: #78350f;
margin-bottom: 12px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.tk-testi-badge-pill .badge-dot {
color: #d1d5db;
}
.tk-testi-badge-pill .badge-score {
color: #f58800;
font-weight: 800;
}
.tk-testi-main-title {
font-size: 32px !important;
font-weight: 900 !important;
color: #f58800 !important;
margin: 0 0 10px 0 !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
.tk-testi-sub-desc {
font-size: 14.5px !important;
color: #4b5563 !important;
line-height: 1.6 !important;
margin: 0 !important;
}
.tk-testi-carousel-wrapper {
position: relative;
width: 100%;
}
.tk-testi-nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
border-radius: 50%;
background: #ffffff;
border: 1px solid #e5e7eb;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #374151;
transition: all 0.2s ease;
padding: 0;
}
.tk-testi-nav-btn:hover {
background: #f58800;
color: #ffffff;
border-color: #f58800;
transform: translateY(-50%) scale(1.08);
box-shadow: 0 6px 16px rgba(245, 136, 0, 0.25);
}
.tk-testi-nav-btn.tk-testi-nav-prev {
left: -18px;
}
.tk-testi-nav-btn.tk-testi-nav-next {
right: -18px;
}
.tk-testi-track {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 10px 4px 20px 4px;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
scrollbar-color: #fed7aa transparent;
}
.tk-testi-track::-webkit-scrollbar {
height: 6px;
}
.tk-testi-track::-webkit-scrollbar-thumb {
background: #fed7aa;
border-radius: 9999px;
}
.tk-testi-card {
flex: 0 0 380px;
max-width: 380px;
scroll-snap-align: start;
background: #ffffff;
border-radius: 20px;
padding: 24px;
border: 1px solid #e5e7eb;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.25s ease;
box-sizing: border-box;
}
.tk-testi-card:hover {
border-color: #f58800;
box-shadow: 0 8px 24px rgba(245, 136, 0, 0.12);
transform: translateY(-3px);
}
.tk-testi-card-top {
flex: 1 1 auto;
}
.tk-testi-stars-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.tk-testi-stars {
color: #ffb422;
font-size: 15px;
letter-spacing: 2px;
display: inline-flex;
}
.tk-testi-date {
font-size: 11px;
color: #9ca3af;
font-weight: 500;
}
.tk-testi-quote {
font-size: 13.5px !important;
line-height: 1.65 !important;
color: #374151 !important;
margin: 0 !important;
font-weight: 500 !important;
}
.tk-testi-card-user {
display: flex;
align-items: center;
gap: 12px;
padding-top: 16px;
margin-top: 16px;
border-top: 1px solid #f3f4f6;
}
.tk-testi-avatar-circle {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 16px;
font-weight: 800;
flex-shrink: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tk-testi-user-meta {
flex: 1;
min-width: 0;
}
.tk-testi-user-name {
font-size: 13.5px !important;
font-weight: 800 !important;
color: #111827 !important;
margin: 0 !important;
line-height: 1.3 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tk-testi-user-role {
font-size: 11px !important;
color: #6b7280 !important;
margin: 2px 0 0 0 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tk-testi-source-badge {
font-size: 10px;
font-weight: 800;
color: #1d4ed8;
background: #eff6ff;
border: 1px solid #bfdbfe;
padding: 2px 9px;
border-radius: 9999px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 3px;
}
.tk-testi-mobile-hint {
text-align: center;
font-size: 11.5px;
color: #9ca3af;
margin: 8px 0 0 0;
display: none;
}
.tk-testi-actions-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 14px;
margin-top: 36px;
}
.tk-btn-view-all-google {
display: inline-flex;
align-items: center;
gap: 8px;
background: #111827;
color: #ffffff !important;
font-size: 13px;
font-weight: 700;
padding: 13px 26px;
border-radius: 12px;
text-decoration: none !important;
transition: all 0.2s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tk-btn-view-all-google:hover {
background: #000000;
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.tk-btn-visit-workshop {
display: inline-flex;
align-items: center;
gap: 8px;
background: #ffffff;
color: #1f2937 !important;
border: 1px solid #d1d5db;
font-size: 13px;
font-weight: 700;
padding: 13px 26px;
border-radius: 12px;
text-decoration: none !important;
transition: all 0.2s ease;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.tk-btn-visit-workshop:hover {
background: #f9fafb;
border-color: #9ca3af;
color: #111827 !important;
transform: translateY(-2px);
}
@media (max-width: 768px) {
.tk-testi-card {
flex: 0 0 290px;
max-width: 290px;
padding: 20px;
}
.tk-testi-main-title {
font-size: 24px !important;
}
.tk-testi-nav-btn {
display: none !important;
}
.tk-testi-mobile-hint {
display: block;
}
} .tk-testi-photos-grid {
display: flex;
gap: 8px;
margin-top: 14px;
margin-bottom: 4px;
}
.tk-testi-photo-item {
position: relative;
width: 68px;
height: 68px;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
border: 1.5px solid #e5e7eb;
background: #f3f4f6;
flex-shrink: 0;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.tk-testi-photo-item:hover {
transform: translateY(-2px) scale(1.05);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
border-color: #f58800;
}
.tk-testi-photo-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tk-testi-photo-badge {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
color: #ffffff;
font-size: 9px;
font-weight: 700;
padding: 2px 4px;
text-align: right;
pointer-events: none;
} .tk-testi-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
background: rgba(15, 23, 42, 0.85);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 20px;
box-sizing: border-box;
}
.tk-testi-modal.active {
display: flex;
}
.tk-testi-modal-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.tk-testi-modal-content {
position: relative;
z-index: 2;
max-width: 600px;
width: 100%;
background: #ffffff;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
display: flex;
flex-direction: column;
animation: tkZoomIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes tkZoomIn {
from {
opacity: 0;
transform: scale(0.92);
}
to {
opacity: 1;
transform: scale(1);
}
}
.tk-testi-modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px;
background: #f9fafb;
border-bottom: 1px solid #e5e7eb;
}
.tk-testi-modal-title {
font-size: 14px;
font-weight: 700;
color: #1f2937;
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
.tk-testi-modal-close {
background: transparent;
border: none;
font-size: 22px;
font-weight: 700;
color: #6b7280;
cursor: pointer;
line-height: 1;
padding: 4px 8px;
border-radius: 6px;
transition: background 0.15s ease, color 0.15s ease;
}
.tk-testi-modal-close:hover {
background: #fee2e2;
color: #ef4444;
}
.tk-testi-modal-body {
padding: 16px;
background: #111827;
display: flex;
align-items: center;
justify-content: center;
min-height: 250px;
}
.tk-testi-modal-body img {
max-width: 100%;
max-height: 70vh;
object-fit: contain;
border-radius: 8px;
display: block;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.tk-testi-modal-footer {
padding: 10px 18px;
background: #f9fafb;
border-top: 1px solid #e5e7eb;
font-size: 12.5px;
color: #6b7280;
display: flex;
justify-content: space-between;
align-items: center;
}  .elementor-element.elementor-element-0eedb66,
.elementor-1705 .elementor-element.elementor-element-0eedb66 {
background-image: url(https://toko.kelistrikan.com/wp-content/uploads/2026/10/bg-hero1-f83720c0-d241-4799-9fb0-c98ce4d39b8b-3.webp) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
position: relative;
padding-top: 45px !important;
padding-bottom: 75px !important;
border-bottom: none !important;
box-shadow: none !important;
} .elementor-element.elementor-element-0eedb66 > .elementor-background-overlay,
.elementor-1705 .elementor-element.elementor-element-0eedb66 > .elementor-background-overlay {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.68) 42%, rgba(255, 255, 255, 0.25) 85%) !important;
opacity: 1 !important;
backdrop-filter: blur(2px) !important;
-webkit-backdrop-filter: blur(2px) !important;
transition: all 0.3s ease !important;
}
.elementor-element.elementor-element-0eedb66 > .elementor-shape-bottom,
.elementor-1705 .elementor-element.elementor-element-0eedb66 > .elementor-shape-bottom {
filter: none !important;
-webkit-filter: none !important;
box-shadow: none !important;
border: none !important;
outline: none !important;
height: 60px !important;
}
.elementor-element.elementor-element-0eedb66 > .elementor-shape-bottom svg,
.elementor-1705 .elementor-element.elementor-element-0eedb66 > .elementor-shape-bottom svg {
fill: #FFFFFF !important;
height: 60px !important;
filter: none !important;
stroke: none !important;
}
.elementor-element.elementor-element-0eedb66 > .elementor-shape-bottom svg path,
.elementor-1705 .elementor-element.elementor-element-0eedb66 > .elementor-shape-bottom svg path {
fill: #FFFFFF !important;
stroke: none !important;
} .tk-hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #FFF7ED;
border: 1px solid #FFEDD5;
padding: 6px 14px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
color: #EA580C;
margin-bottom: 16px;
box-shadow: 0 2px 8px rgba(234, 88, 12, 0.08);
letter-spacing: 0.2px;
}
.tk-hero-badge-icon {
font-size: 14px;
color: #F58800;
} .elementor-element.elementor-element-b96ee85 .elementor-heading-title,
.elementor-1705 .elementor-element.elementor-element-b96ee85 .elementor-heading-title,
.tk-hero-title {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 44px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
color: #0c1b30 !important;
margin: 0 0 16px 0 !important;
letter-spacing: -0.5px !important;
}
.tk-hero-highlight {
color: #F58800 !important;
position: relative;
display: inline-block;
white-space: nowrap;
padding-bottom: 6px;
}
.tk-hero-highlight::after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 10px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 14' fill='none'%3E%3Cpath d='M3 10C60 2.5 160 2.5 207 10' stroke='%23F58800' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center bottom;
background-size: 100% 100%;
pointer-events: none;
} .elementor-element.elementor-element-fd769b2,
.elementor-1705 .elementor-element.elementor-element-fd769b2,
.tk-hero-subheading {
font-family: "Inter", sans-serif !important;
font-size: 15.5px !important;
line-height: 1.65 !important;
color: #525258 !important;
margin: 0 0 24px 0 !important;
max-width: 480px;
} .elementor-element.elementor-element-7115366 .elementor-button,
.elementor-1705 .elementor-element.elementor-element-7115366 .elementor-button {
background: linear-gradient(135deg, #FF7A00 0%, #F58800 100%) !important;
color: #FFFFFF !important;
border-radius: 50px !important;
padding: 13px 26px !important;
font-size: 14.5px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
box-shadow: 0 10px 24px -4px rgba(245, 136, 0, 0.45) !important;
transition: all 0.25s ease !important;
border: none !important;
text-decoration: none !important;
}
.elementor-element.elementor-element-7115366 .elementor-button:hover,
.elementor-1705 .elementor-element.elementor-element-7115366 .elementor-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 14px 28px -4px rgba(245, 136, 0, 0.55) !important;
filter: brightness(1.05) !important;
}
.elementor-element.elementor-element-7115366 .elementor-button .elementor-button-icon,
.elementor-1705 .elementor-element.elementor-element-7115366 .elementor-button .elementor-button-icon {
font-size: 15px !important;
color: #FFFFFF !important;
} .elementor-element.elementor-element-8bba2a0,
.elementor-1705 .elementor-element.elementor-element-8bba2a0 {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
}
.elementor-element.elementor-element-8bba2a0::before,
.elementor-1705 .elementor-element.elementor-element-8bba2a0::before {
content: '';
position: absolute;
top: 0;
right: 15%;
width: 140px;
height: 250px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 180' fill='%23F58800'%3E%3Cpolygon points='64,0 14,94 54,94 38,180 92,74 52,74'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
z-index: 1;
pointer-events: none;
filter: drop-shadow(0 4px 12px rgba(245, 136, 0, 0.35));
}
.elementor-element.elementor-element-9699954,
.elementor-1705 .elementor-element.elementor-element-9699954 {
position: relative;
z-index: 2;
margin-bottom: -15px !important;
} .elementor-element.elementor-element-baf30dd > .elementor-element-populated,
.elementor-element.elementor-element-baf30dd > .elementor-widget-wrap,
.elementor-1705 .elementor-element.elementor-element-baf30dd > .elementor-element-populated {
background: linear-gradient(145deg, rgba(255, 123, 0, 0.92) 0%, rgba(245, 136, 0, 0.88) 100%) !important;
backdrop-filter: blur(16px) saturate(180%) !important;
-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
border-radius: 20px !important;
box-shadow: 0 18px 40px -8px rgba(245, 136, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
padding: 30px 24px !important;
color: #FFFFFF !important;
border: 1.5px solid rgba(255, 255, 255, 0.32) !important;
} .tk-why-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
white-space: nowrap;
}
.tk-why-shield {
width: 34px;
height: 34px;
min-width: 34px;
flex-shrink: 0;
display: inline-block;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
.tk-why-title {
font-family: "Inter", sans-serif !important;
font-size: 22px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
color: #FFFFFF !important;
letter-spacing: -0.4px !important;
white-space: nowrap !important;
margin: 0 !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}
.tk-why-title br {
display: none !important;
} .tk-why-checklist {
list-style: none !important;
padding: 0 !important;
margin: 0 0 20px 0 !important;
display: flex;
flex-direction: column;
gap: 11px;
}
.tk-why-checklist li {
display: flex;
align-items: center;
gap: 11px;
margin: 0 !important;
padding: 0 !important;
}
.tk-why-check-icon {
width: 22px;
height: 22px;
min-width: 22px;
border-radius: 50%;
background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F58800' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center !important;
background-size: 13px 13px !important;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.tk-why-label {
font-size: 14.5px;
font-weight: 500;
color: #FFFFFF;
letter-spacing: 0.1px;
} .tk-why-help-wrap {
border-top: 1px solid rgba(255, 255, 255, 0.28);
padding-top: 16px;
margin-bottom: 18px;
display: flex;
align-items: center;
gap: 12px;
}
.tk-why-headset-icon {
width: 32px;
height: 32px;
min-width: 32px;
flex-shrink: 0;
display: inline-block;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}
.tk-why-help-text {
flex: 1;
}
.tk-why-help-title {
font-size: 13.5px;
font-weight: 700;
color: #FFFFFF;
line-height: 1.25;
margin-bottom: 2px;
}
.tk-why-help-desc {
font-size: 12.5px;
color: rgba(255, 255, 255, 0.92);
line-height: 1.3;
} .elementor-element.elementor-element-c1c36f2 .elementor-button,
.elementor-1705 .elementor-element.elementor-element-c1c36f2 .elementor-button {
background: #FFFFFF !important;
color: #F58800 !important;
border-radius: 50px !important;
padding: 12px 24px !important;
font-size: 14px !important;
font-weight: 700 !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
transition: all 0.25s ease !important;
border: none !important;
text-decoration: none !important;
}
.elementor-element.elementor-element-c1c36f2 .elementor-button:hover,
.elementor-1705 .elementor-element.elementor-element-c1c36f2 .elementor-button:hover {
background: #FFFDF8 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
}
.elementor-element.elementor-element-c1c36f2 .elementor-button i,
.elementor-element.elementor-element-c1c36f2 .elementor-button svg,
.elementor-1705 .elementor-element.elementor-element-c1c36f2 .elementor-button i,
.elementor-1705 .elementor-element.elementor-element-c1c36f2 .elementor-button svg {
color: #F58800 !important;
fill: #F58800 !important;
} @media (max-width: 1024px) {
.elementor-element.elementor-element-43fc41a > .elementor-container,
.elementor-1705 .elementor-element.elementor-element-43fc41a > .elementor-container {
flex-direction: column !important;
}
.elementor-element.elementor-element-b96ee85 .elementor-heading-title,
.elementor-1705 .elementor-element.elementor-element-b96ee85 .elementor-heading-title,
.tk-hero-title {
font-size: 34px !important;
}
.elementor-element.elementor-element-8bba2a0::before,
.elementor-1705 .elementor-element.elementor-element-8bba2a0::before {
width: 100px;
height: 180px;
right: 5%;
}
.tk-why-title {
white-space: nowrap !important;
}
.tk-why-title br {
display: none !important;
}
}
@media (max-width: 767px) { .elementor-element.elementor-element-0eedb66,
.elementor-1705 .elementor-element.elementor-element-0eedb66 {
padding-top: 25px !important;
padding-bottom: 50px !important;
} .elementor-element.elementor-element-0eedb66 > .elementor-background-overlay,
.elementor-1705 .elementor-element.elementor-element-0eedb66 > .elementor-background-overlay {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.58) 45%, rgba(255, 255, 255, 0.35) 100%) !important;
opacity: 1 !important;
backdrop-filter: blur(2px) !important;
-webkit-backdrop-filter: blur(2px) !important;
} .elementor-element.elementor-element-43fc41a > .elementor-container,
.elementor-1705 .elementor-element.elementor-element-43fc41a > .elementor-container {
display: flex !important;
flex-direction: column !important;
}
.elementor-element.elementor-element-ba3e231,
.elementor-1705 .elementor-element.elementor-element-ba3e231,
.elementor-element.elementor-element-43fc41a,
.elementor-1705 .elementor-element.elementor-element-43fc41a {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} .elementor-element.elementor-element-d3741c8,
.elementor-1705 .elementor-element.elementor-element-d3741c8 {
width: 100% !important;
text-align: center !important;
}
.tk-hero-badge {
margin: 0 auto 14px auto !important;
font-size: 12px !important;
padding: 5px 12px !important;
}
.elementor-element.elementor-element-b96ee85 .elementor-heading-title,
.elementor-1705 .elementor-element.elementor-element-b96ee85 .elementor-heading-title,
.tk-hero-title {
font-size: clamp(28px, 6.8vw, 31px) !important;
font-weight: 800 !important;
line-height: 1.18 !important;
letter-spacing: -0.4px !important;
text-align: center !important;
margin-bottom: 14px !important;
text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9) !important;
}
.elementor-element.elementor-element-fd769b2,
.elementor-1705 .elementor-element.elementor-element-fd769b2,
.tk-hero-subheading {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 22px !important;
font-size: 14px !important;
line-height: 1.6 !important;
max-width: 380px !important;
padding: 0 10px !important;
color: #334155 !important;
font-weight: 500 !important;
text-wrap: balance !important;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85) !important;
box-sizing: border-box !important;
letter-spacing: 0.1px !important;
}
.elementor-element.elementor-element-7115366,
.elementor-1705 .elementor-element.elementor-element-7115366 {
display: flex !important;
justify-content: center !important;
text-align: center !important;
margin: 0 auto !important;
}
.elementor-element.elementor-element-7115366 .elementor-button,
.elementor-1705 .elementor-element.elementor-element-7115366 .elementor-button {
padding: 12px 24px !important;
font-size: 14px !important;
border-radius: 50px !important;
} .elementor-element.elementor-element-8bba2a0,
.elementor-1705 .elementor-element.elementor-element-8bba2a0 {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin-top: 15px !important;
margin-bottom: -10px !important;
position: relative !important;
z-index: 2 !important;
}
.elementor-element.elementor-element-9699954,
.elementor-1705 .elementor-element.elementor-element-9699954 {
width: 100% !important;
max-width: 325px !important;
margin: 0 auto !important;
text-align: center !important;
display: flex !important;
justify-content: center !important;
}
.elementor-element.elementor-element-9699954 img,
.elementor-1705 .elementor-element.elementor-element-9699954 img {
max-height: 335px !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
display: block !important;
filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.18)) !important;
}
.elementor-element.elementor-element-8bba2a0::before,
.elementor-1705 .elementor-element.elementor-element-8bba2a0::before {
display: none !important;
} .elementor-element.elementor-element-baf30dd,
.elementor-1705 .elementor-element.elementor-element-baf30dd {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 20px !important;
position: relative !important;
z-index: 3 !important;
box-sizing: border-box !important;
}
.elementor-element.elementor-element-baf30dd > .elementor-element-populated,
.elementor-element.elementor-element-baf30dd > .elementor-widget-wrap,
.elementor-1705 .elementor-element.elementor-element-baf30dd > .elementor-element-populated {
background: linear-gradient(145deg, rgba(255, 122, 0, 0.88) 0%, rgba(234, 88, 12, 0.82) 100%) !important;
backdrop-filter: blur(20px) saturate(190%) !important;
-webkit-backdrop-filter: blur(20px) saturate(190%) !important;
border: 1.5px solid rgba(255, 255, 255, 0.38) !important;
border-radius: 22px !important;
padding: 22px 18px !important;
box-shadow: 0 16px 36px -6px rgba(234, 88, 12, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
box-sizing: border-box !important;
margin: 0 !important;
}
.tk-why-header {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-bottom: 18px !important;
white-space: nowrap !important;
}
.tk-why-shield {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.18)) !important;
flex-shrink: 0 !important;
}
.tk-why-title {
font-size: clamp(18px, 5.2vw, 20.5px) !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: -0.3px !important;
color: #FFFFFF !important;
white-space: nowrap !important;
margin: 0 !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}
.tk-why-title br {
display: none !important;
}
.tk-why-checklist {
display: flex !important;
flex-direction: column !important;
gap: 11px !important;
margin: 0 0 16px 0 !important;
padding: 0 !important;
}
.tk-why-checklist li {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.tk-why-check-icon {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
background-size: 11px 11px !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
}
.tk-why-label {
font-size: 13.5px !important;
font-weight: 600 !important;
color: #FFFFFF !important;
line-height: 1.35 !important;
}
.tk-why-help-wrap {
background: rgba(255, 255, 255, 0.12) !important;
border: 1px solid rgba(255, 255, 255, 0.25) !important;
border-radius: 14px !important;
padding: 11px 14px !important;
margin-bottom: 16px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
.tk-why-headset-icon {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12)) !important;
}
.tk-why-help-title {
font-size: 13px !important;
font-weight: 700 !important;
color: #FFFFFF !important;
line-height: 1.25 !important;
margin-bottom: 2px !important;
}
.tk-why-help-desc {
font-size: 11.5px !important;
color: rgba(255, 255, 255, 0.95) !important;
line-height: 1.3 !important;
}
.elementor-element.elementor-element-c1c36f2,
.elementor-1705 .elementor-element.elementor-element-c1c36f2 {
width: 100% !important;
}
.elementor-element.elementor-element-c1c36f2 .elementor-button,
.elementor-1705 .elementor-element.elementor-element-c1c36f2 .elementor-button {
width: 100% !important;
padding: 13px 20px !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 50px !important;
background: #FFFFFF !important;
color: #EA580C !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.elementor-element.elementor-element-c1c36f2 .elementor-button:active,
.elementor-element.elementor-element-c1c36f2 .elementor-button:hover {
background: #FFFDF8 !important;
transform: translateY(-1px) !important;
}
.elementor-element.elementor-element-c1c36f2 .elementor-button i,
.elementor-element.elementor-element-c1c36f2 .elementor-button svg {
color: #EA580C !important;
fill: #EA580C !important;
}
} .elementor-element.elementor-element-tk_about_main_section,
.elementor-3491 .elementor-element.elementor-element-tk_about_main_section {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element.elementor-element-tk_about_main_section > .elementor-container {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.elementor-element.elementor-element-tk_about_main_col > .elementor-widget-wrap {
padding: 0 !important;
margin: 0 !important;
}
.tk-about-page {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #1e293b;
line-height: 1.6;
background-color: #f8fafc;
overflow-x: hidden;
margin: 0;
padding: 0;
}
.tk-about-page *,
.tk-about-page *::before,
.tk-about-page *::after {
box-sizing: border-box;
}
.tk-about-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
} .tk-about-hero {
position: relative;
background: linear-gradient(135deg, rgba(9, 14, 23, 0.91) 0%, rgba(15, 23, 42, 0.88) 50%, rgba(30, 41, 59, 0.84) 100%),
url(https://toko.kelistrikan.com/wp-content/uploads/2026/10/bg-about-hero-alatkelistrikan.webp) center center / cover no-repeat;
color: #ffffff;
padding: 65px 0 115px 0;
overflow: hidden;
}
.tk-about-hero-bg-shapes {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}
.tk-about-glow {
position: absolute;
border-radius: 50%;
filter: blur(80px);
opacity: 0.35;
}
.tk-about-glow-1 {
width: 450px;
height: 450px;
background: radial-gradient(circle, #f58800 0%, transparent 70%);
top: -100px;
right: -50px;
}
.tk-about-glow-2 {
width: 350px;
height: 350px;
background: radial-gradient(circle, #0284c7 0%, transparent 70%);
bottom: -80px;
left: -50px;
opacity: 0.25;
}
.tk-about-grid-pattern {
position: absolute;
inset: 0;
background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
background-size: 28px 28px;
opacity: 0.6;
}
.tk-about-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
font-size: 13.5px;
color: #94a3b8;
margin-bottom: 24px;
}
.tk-about-breadcrumb a {
color: #cbd5e1;
text-decoration: none;
transition: color 0.2s ease;
}
.tk-about-breadcrumb a:hover {
color: #f58800;
}
.tk-about-breadcrumb .tk-sep {
color: #64748b;
}
.tk-about-breadcrumb .tk-current {
color: #f58800;
font-weight: 500;
}
.tk-about-hero-flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 45px;
}
.tk-about-hero-main {
flex: 1;
max-width: 760px;
}
.tk-about-hero-side {
flex-shrink: 0;
width: 310px;
}
.tk-about-hero-brand-card {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 20px;
padding: 24px 22px;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.35), 0 0 30px rgba(245, 136, 0, 0.12);
text-align: center;
transition: all 0.3s ease;
}
.tk-about-hero-brand-card:hover {
transform: translateY(-4px);
border-color: rgba(245, 136, 0, 0.45);
box-shadow: 0 25px 50px -10px rgba(0, 0, 0, 0.45), 0 0 40px rgba(245, 136, 0, 0.2);
}
.tk-brand-logo-wrap {
background: #ffffff;
border-radius: 14px;
padding: 16px 20px;
margin-bottom: 16px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
.tk-hero-brand-logo {
max-width: 100%;
height: auto;
max-height: 48px;
object-fit: contain;
display: block;
}
.tk-brand-card-info {
margin-bottom: 14px;
}
.tk-brand-card-domain {
font-size: 15.5px;
font-weight: 800;
color: #ffffff;
letter-spacing: -0.2px;
margin-bottom: 4px;
}
.tk-brand-card-powered {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 12.5px;
color: #fb923c;
}
.tk-powered-bar {
width: 14px;
height: 2px;
background: #f58800;
}
.tk-brand-card-tags {
display: flex;
justify-content: center;
gap: 6px;
flex-wrap: wrap;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tk-card-tag {
font-size: 11px;
font-weight: 700;
color: #94a3b8;
background: rgba(255, 255, 255, 0.07);
padding: 3px 8px;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.08);
}
.tk-about-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 16px;
background: rgba(245, 136, 0, 0.12);
border: 1px solid rgba(245, 136, 0, 0.35);
border-radius: 999px;
color: #fb923c;
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.8px;
text-transform: uppercase;
margin-bottom: 22px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.tk-about-hero-title {
font-size: clamp(28px, 4.2vw, 44px);
font-weight: 800;
line-height: 1.22;
letter-spacing: -0.6px;
color: #ffffff;
max-width: 860px;
margin: 0 0 20px 0;
text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.tk-about-hero-lead {
font-size: clamp(15px, 1.8vw, 17.5px);
line-height: 1.7;
color: #cbd5e1;
max-width: 780px;
margin: 0 0 35px 0;
font-weight: 400;
}
.tk-about-hero-highlights {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.tk-highlight-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 999px;
color: #f1f5f9;
font-size: 13.5px;
font-weight: 500;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transition: all 0.25s ease;
}
.tk-highlight-pill:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(245, 136, 0, 0.5);
color: #ffffff;
transform: translateY(-2px);
}
.tk-pill-icon {
width: 16px;
height: 16px;
color: #f58800;
flex-shrink: 0;
} .tk-about-stats-section {
position: relative;
z-index: 3;
margin-top: -60px;
padding-bottom: 50px;
}
.tk-about-stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
background: #ffffff;
border-radius: 20px;
box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
overflow: hidden;
border: 1px solid #e2e8f0;
}
.tk-stat-card {
padding: 32px 24px;
text-align: center;
position: relative;
border-right: 1px solid #f1f5f9;
transition: background-color 0.25s ease;
}
.tk-stat-card:last-child {
border-right: none;
}
.tk-stat-card:hover {
background-color: #fafbfc;
}
.tk-stat-num-wrapper {
display: flex;
align-items: baseline;
justify-content: center;
gap: 3px;
margin-bottom: 8px;
}
.tk-stat-number {
font-size: clamp(30px, 3.2vw, 38px);
font-weight: 800;
color: #0f172a;
line-height: 1;
letter-spacing: -0.5px;
}
.tk-stat-plus {
font-size: 24px;
font-weight: 800;
color: #f58800;
}
.tk-stat-label {
font-size: 15px;
font-weight: 700;
color: #1e293b;
margin-bottom: 4px;
}
.tk-stat-desc {
font-size: 12.5px;
color: #64748b;
line-height: 1.4;
} .tk-about-story-section {
padding: 60px 0;
}
.tk-story-grid {
display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 55px;
align-items: center;
}
.tk-story-visual {
position: relative;
}
.tk-story-image-card {
position: relative;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.14);
border: 1px solid #e2e8f0;
background: #ffffff;
}
.tk-story-img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.tk-story-image-card:hover .tk-story-img {
transform: scale(1.03);
}
.tk-story-badge-floating {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
background: rgba(15, 23, 42, 0.9);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 14px;
padding: 14px 18px;
display: flex;
align-items: center;
gap: 14px;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}
.tk-badge-check-icon {
width: 34px;
height: 34px;
border-radius: 50%;
background: linear-gradient(135deg, #f58800, #ea580c);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 16px;
flex-shrink: 0;
}
.tk-badge-content {
display: flex;
flex-direction: column;
}
.tk-badge-heading {
font-size: 14px;
font-weight: 700;
color: #ffffff;
}
.tk-badge-sub {
font-size: 12px;
color: #94a3b8;
}
.tk-section-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #f58800;
margin-bottom: 12px;
}
.tk-section-eyebrow.tk-center {
justify-content: center;
}
.tk-eyebrow-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #f58800;
}
.tk-section-title {
font-size: clamp(24px, 3.2vw, 34px);
font-weight: 800;
line-height: 1.25;
letter-spacing: -0.4px;
color: #0f172a;
margin: 0 0 18px 0;
}
.tk-story-paragraph {
font-size: 15.5px;
line-height: 1.75;
color: #475569;
margin: 0 0 18px 0;
}
.tk-story-pillars {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 24px;
}
.tk-pillar-item {
display: flex;
gap: 16px;
align-items: flex-start;
}
.tk-pillar-icon-box {
width: 38px;
height: 38px;
border-radius: 10px;
background: rgba(245, 136, 0, 0.1);
color: #f58800;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
.tk-pillar-icon-box svg {
width: 20px;
height: 20px;
}
.tk-pillar-title {
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin-bottom: 3px;
}
.tk-pillar-desc {
font-size: 13.5px;
line-height: 1.55;
color: #64748b;
} .tk-about-values-section {
padding: 70px 0;
background: #ffffff;
border-top: 1px solid #f1f5f9;
border-bottom: 1px solid #f1f5f9;
}
.tk-section-header-center {
text-align: center;
max-width: 680px;
margin: 0 auto 50px auto;
}
.tk-section-lead {
font-size: 16px;
color: #64748b;
line-height: 1.6;
margin: 0;
}
.tk-values-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.tk-value-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 18px;
padding: 30px 24px;
transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
display: flex;
flex-direction: column;
}
.tk-value-card:hover {
transform: translateY(-5px);
border-color: #f58800;
box-shadow: 0 20px 35px -10px rgba(245, 136, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04);
}
.tk-value-icon-wrap {
width: 48px;
height: 48px;
border-radius: 14px;
background: linear-gradient(135deg, rgba(245, 136, 0, 0.15) 0%, rgba(245, 136, 0, 0.05) 100%);
color: #f58800;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
transition: all 0.25s ease;
}
.tk-value-card:hover .tk-value-icon-wrap {
background: #f58800;
color: #ffffff;
transform: scale(1.06);
}
.tk-value-icon-wrap svg {
width: 24px;
height: 24px;
}
.tk-value-title {
font-size: 17px;
font-weight: 700;
color: #0f172a;
line-height: 1.35;
margin: 0 0 12px 0;
}
.tk-value-desc {
font-size: 14px;
line-height: 1.6;
color: #64748b;
margin: 0;
} .tk-about-solutions-section {
padding: 70px 0;
background: #f8fafc;
}
.tk-solutions-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.tk-solution-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 36px 30px;
box-shadow: 0 10px 25px -8px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
transition: all 0.28s ease;
}
.tk-solution-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px -12px rgba(15, 23, 42, 0.08);
}
.tk-solution-card.tk-solution-featured {
border-color: #f58800;
position: relative;
box-shadow: 0 15px 35px -10px rgba(245, 136, 0, 0.15);
}
.tk-solution-top {
margin-bottom: 14px;
}
.tk-solution-badge {
display: inline-block;
padding: 4px 10px;
background: #f1f5f9;
color: #475569;
border-radius: 6px;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.tk-solution-badge.tk-badge-accent {
background: rgba(245, 136, 0, 0.12);
color: #ea580c;
}
.tk-solution-title {
font-size: 20px;
font-weight: 700;
color: #0f172a;
margin: 0;
}
.tk-solution-desc {
font-size: 14.5px;
line-height: 1.6;
color: #64748b;
margin: 0 0 22px 0;
}
.tk-solution-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
border-top: 1px solid #f1f5f9;
padding-top: 20px;
margin-top: auto;
}
.tk-solution-list li {
font-size: 13.8px;
color: #334155;
position: relative;
padding-left: 22px;
line-height: 1.45;
}
.tk-solution-list li::before {
content: "✓";
position: absolute;
left: 0;
color: #f58800;
font-weight: 800;
font-size: 13px;
} .tk-about-safety-section {
padding: 20px 0 70px 0;
}
.tk-safety-box {
background: linear-gradient(135deg, #090e17 0%, #0f172a 60%, #1e293b 100%);
border-radius: 24px;
padding: 50px 55px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
position: relative;
overflow: hidden;
box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.tk-safety-box::before {
content: '';
position: absolute;
width: 350px;
height: 350px;
background: radial-gradient(circle, rgba(245, 136, 0, 0.25) 0%, transparent 70%);
top: -80px;
right: 0;
pointer-events: none;
}
.tk-safety-content {
max-width: 680px;
position: relative;
z-index: 2;
}
.tk-safety-badge {
display: inline-block;
padding: 5px 12px;
background: rgba(245, 136, 0, 0.2);
border: 1px solid rgba(245, 136, 0, 0.4);
border-radius: 6px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.6px;
color: #fb923c;
margin-bottom: 16px;
}
.tk-safety-title {
font-size: clamp(22px, 2.8vw, 30px);
font-weight: 800;
color: #ffffff;
margin: 0 0 16px 0;
line-height: 1.3;
}
.tk-safety-text {
font-size: 14.5px;
line-height: 1.7;
color: #cbd5e1;
margin: 0 0 12px 0;
}
.tk-safety-text strong {
color: #ffffff;
}
.tk-safety-badge-art {
flex-shrink: 0;
position: relative;
z-index: 2;
}
.tk-safety-shield-art {
width: 140px;
height: 140px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.12);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 16px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.tk-safety-shield-art svg {
width: 48px;
height: 48px;
color: #f58800;
margin-bottom: 8px;
}
.tk-art-label {
font-size: 11px;
font-weight: 700;
color: #94a3b8;
line-height: 1.3;
letter-spacing: 0.3px;
} .tk-about-cta-section {
padding: 0 0 90px 0;
}
.tk-about-cta-card {
background: linear-gradient(135deg, #f58800 0%, #ea580c 50%, #c2410c 100%);
border-radius: 24px;
padding: 60px 40px;
text-align: center;
color: #ffffff;
position: relative;
overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(234, 88, 12, 0.35);
}
.tk-cta-decor-circle {
position: absolute;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
top: -150px;
right: -100px;
pointer-events: none;
}
.tk-cta-body {
position: relative;
z-index: 2;
max-width: 680px;
margin: 0 auto;
}
.tk-cta-title {
font-size: clamp(24px, 3.2vw, 36px);
font-weight: 800;
color: #ffffff;
margin: 0 0 16px 0;
line-height: 1.25;
}
.tk-cta-desc {
font-size: clamp(15px, 1.8vw, 17px);
line-height: 1.65;
color: rgba(255, 255, 255, 0.92);
margin: 0 0 35px 0;
}
.tk-cta-actions {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
.tk-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 15px 28px;
border-radius: 12px;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
transition: all 0.25s ease;
cursor: pointer;
}
.tk-cta-btn svg {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.tk-cta-btn-primary {
background: #ffffff;
color: #ea580c !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.tk-cta-btn-primary:hover {
background: #fffdf8;
color: #c2410c !important;
transform: translateY(-2px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.tk-cta-btn-whatsapp {
background: #25D366;
color: #ffffff !important;
box-shadow: 0 10px 25px rgba(37, 211, 102, 0.25);
}
.tk-cta-btn-whatsapp:hover {
background: #20bd5a;
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 15px 30px rgba(37, 211, 102, 0.35);
}  @media screen and (max-width: 1024px) {
.tk-about-hero {
padding: 50px 0 90px 0;
}
.tk-about-hero-flex {
flex-direction: column;
align-items: flex-start;
gap: 35px;
}
.tk-about-hero-side {
width: 100%;
max-width: 460px;
}
.tk-about-stats-grid {
grid-template-columns: repeat(2, 1fr);
}
.tk-stat-card:nth-child(2) {
border-right: none;
}
.tk-stat-card:nth-child(1),
.tk-stat-card:nth-child(2) {
border-bottom: 1px solid #f1f5f9;
}
.tk-story-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.tk-story-image-card {
max-width: 580px;
margin: 0 auto;
}
.tk-values-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.tk-solutions-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.tk-safety-box {
padding: 40px 30px;
flex-direction: column;
text-align: center;
}
.tk-safety-content {
max-width: 100%;
}
} @media screen and (max-width: 767px) {
.tk-about-container {
padding: 0 16px;
}
.tk-about-hero {
padding: 35px 0 75px 0;
}
.tk-about-hero-flex {
flex-direction: column;
gap: 28px;
}
.tk-about-hero-side {
width: 100%;
max-width: 100%;
}
.tk-about-hero-brand-card {
padding: 20px 16px;
border-radius: 16px;
}
.tk-brand-logo-wrap {
padding: 12px 16px;
margin-bottom: 12px;
}
.tk-hero-brand-logo {
max-height: 40px;
}
.tk-about-badge {
font-size: 11px;
padding: 5px 12px;
margin-bottom: 16px;
}
.tk-about-hero-highlights {
gap: 8px;
}
.tk-highlight-pill {
font-size: 12px;
padding: 6px 12px;
}
.tk-about-stats-section {
margin-top: -45px;
padding-bottom: 35px;
}
.tk-about-stats-grid {
grid-template-columns: 1fr;
border-radius: 16px;
}
.tk-stat-card {
padding: 22px 18px;
border-right: none !important;
border-bottom: 1px solid #f1f5f9;
}
.tk-stat-card:last-child {
border-bottom: none;
}
.tk-story-badge-floating {
bottom: 12px;
left: 12px;
right: 12px;
padding: 10px 14px;
gap: 10px;
}
.tk-badge-check-icon {
width: 28px;
height: 28px;
font-size: 13px;
}
.tk-badge-heading {
font-size: 12.5px;
}
.tk-badge-sub {
font-size: 11px;
}
.tk-values-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.tk-value-card {
padding: 24px 20px;
border-radius: 16px;
}
.tk-solution-card {
padding: 28px 20px;
border-radius: 16px;
}
.tk-safety-box {
padding: 30px 20px;
border-radius: 18px;
}
.tk-about-cta-card {
padding: 40px 20px;
border-radius: 18px;
}
.tk-cta-actions {
flex-direction: column;
gap: 12px;
}
.tk-cta-btn {
width: 100%;
padding: 14px 20px;
}
}.tk-sales-notif {
position: fixed;
bottom: 14px !important;
left: 14px !important;
right: auto !important;
z-index: 99998;
max-width: 295px;
width: auto;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid rgba(245, 136, 0, 0.22);
border-radius: 12px;
padding: 8px 10px;
box-shadow: 0 8px 24px rgba(4, 18, 31, 0.1), 0 2px 6px rgba(245, 136, 0, 0.08);
display: flex;
align-items: center;
gap: 9px;
transform: translateY(120%);
opacity: 0;
visibility: hidden;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, visibility 0.35s;
cursor: pointer;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
box-sizing: border-box;
}
.tk-sales-notif.pos-bottom-right {
left: auto !important;
right: 14px !important;
bottom: 14px !important;
}
.tk-sales-notif.pos-bottom-left {
left: 14px !important;
right: auto !important;
bottom: 14px !important;
}
.tk-sales-notif.active {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.tk-sales-notif:hover {
border-color: #f58800;
box-shadow: 0 12px 28px rgba(245, 136, 0, 0.16), 0 4px 8px rgba(4, 18, 31, 0.06);
background: #ffffff;
} .tk-notif-img-wrap {
position: relative;
width: 42px;
height: 42px;
min-width: 42px;
flex-shrink: 0;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 9px;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
box-sizing: border-box;
}
.tk-notif-img-wrap img.tk-notif-prod-img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 6px;
display: block;
}
.tk-notif-avatar-badge {
position: absolute;
bottom: -2px;
right: -2px;
width: 16px;
height: 16px;
min-width: 16px;
border-radius: 50%;
border: 1.5px solid #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
overflow: hidden;
background: #ffedd5;
flex-shrink: 0;
}
.tk-notif-avatar-badge img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .tk-notif-content {
flex: 1;
min-width: 0;
text-align: left;
overflow: hidden;
}
.tk-notif-buyer {
font-size: 10.5px;
color: #64748b;
margin: 0 0 1px 0;
line-height: 1.25;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.tk-notif-buyer strong {
color: #0f172a;
font-weight: 700;
}
.tk-notif-product {
font-size: 11.5px;
font-weight: 700;
color: #0c1b30;
margin: 0;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
transition: color 0.2s;
}
.tk-sales-notif:hover .tk-notif-product {
color: #ea580c;
} .tk-notif-status {
display: flex;
align-items: center;
gap: 5px;
margin-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tk-pulse-dot {
width: 5px;
height: 5px;
min-width: 5px;
border-radius: 50%;
background-color: #10b981;
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
animation: tkPulse 1.8s infinite;
flex-shrink: 0;
}
@keyframes tkPulse {
0% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
}
70% {
box-shadow: 0 0 0 5px rgba(16, 185, 129, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
}
.tk-notif-time {
font-size: 9.5px;
font-weight: 600;
color: #ea580c;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .tk-notif-close {
background: transparent;
border: none;
color: #94a3b8;
font-size: 12px;
line-height: 1;
padding: 2px 4px;
cursor: pointer;
border-radius: 4px;
transition: all 0.2s;
flex-shrink: 0;
align-self: flex-start;
margin-top: -2px;
margin-right: -2px;
}
.tk-notif-close:hover {
color: #0f172a;
background: #f1f5f9;
} @media (max-width: 768px) {
.tk-sales-notif,
.tk-sales-notif.pos-bottom-left {
bottom: 72px !important; left: 10px !important;
right: auto !important;
max-width: min(270px, calc(100vw - 20px)) !important;
width: auto !important;
padding: 7px 9px !important;
gap: 8px !important;
border-radius: 11px !important;
box-shadow: 0 6px 20px rgba(4, 18, 31, 0.12), 0 2px 5px rgba(245, 136, 0, 0.08) !important;
}
.tk-sales-notif.pos-bottom-right {
bottom: 72px !important;
right: 10px !important;
left: auto !important;
max-width: min(270px, calc(100vw - 20px)) !important;
width: auto !important;
}
.tk-notif-img-wrap {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
border-radius: 8px !important;
padding: 2px !important;
}
.tk-notif-avatar-badge {
width: 15px !important;
height: 15px !important;
min-width: 15px !important;
bottom: -2px !important;
right: -2px !important;
}
.tk-notif-buyer {
font-size: 10px !important;
margin-bottom: 1px !important;
}
.tk-notif-product {
font-size: 11px !important;
line-height: 1.25 !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
}
.tk-notif-status {
margin-top: 2px !important;
gap: 4px !important;
}
.tk-pulse-dot {
width: 4.5px !important;
height: 4.5px !important;
min-width: 4.5px !important;
}
.tk-notif-time {
font-size: 9px !important;
}
.tk-notif-close {
font-size: 11px !important;
padding: 2px 3px !important;
}
}body.tk-modal-open {
overflow: hidden !important;
} .tk-calc-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(4, 18, 31, 0.82);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
padding: 16px;
box-sizing: border-box;
}
.tk-calc-modal-overlay.active {
display: flex;
animation: tkFadeIn 0.25s ease-out;
}
@keyframes tkFadeIn {
from { opacity: 0; }
to { opacity: 1; }
} .tk-calc-modal {
background: #ffffff;
width: 100%;
max-width: 920px;
max-height: 92vh;
border-radius: 24px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #e2e8f0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1e293b;
animation: tkSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes tkSlideUp {
from { transform: translateY(20px) scale(0.97); opacity: 0; }
to { transform: translateY(0) scale(1); opacity: 1; }
} .tk-calc-header {
background: linear-gradient(135deg, #04121f 0%, #0d2744 100%);
color: #ffffff;
padding: 18px 24px;
display: flex;
align-items: flex-start;
justify-content: space-between;
border-bottom: 2px solid #f58800;
flex-shrink: 0;
}
.tk-calc-title {
display: flex;
align-items: flex-start;
gap: 14px;
min-width: 0;
flex: 1;
}
.tk-calc-icon-badge {
width: 44px;
height: 44px;
border-radius: 14px;
background: linear-gradient(135deg, #f58800 0%, #fbbf24 100%);
display: flex;
align-items: center;
justify-content: center;
color: #04121f;
font-size: 22px;
font-weight: 900;
flex-shrink: 0;
box-shadow: 0 4px 12px rgba(245, 136, 0, 0.35);
}
.tk-calc-badge-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 4px;
flex-wrap: wrap;
}
.tk-calc-badge {
background: rgba(245, 136, 0, 0.2);
color: #fcd34d;
font-size: 10px;
font-weight: 800;
padding: 2px 8px;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 1px solid rgba(245, 136, 0, 0.3);
}
.tk-calc-subbadge {
font-size: 11px;
color: #94a3b8;
}
.tk-calc-title h3 {
margin: 0;
font-size: 18px;
font-weight: 800;
color: #ffffff;
line-height: 1.3;
}
.tk-calc-subtitle {
margin: 4px 0 0 0;
font-size: 12px;
color: #cbd5e1;
line-height: 1.4;
}
.tk-calc-close {
background: rgba(255, 255, 255, 0.1);
border: none;
color: #cbd5e1;
font-size: 18px;
width: 34px;
height: 34px;
border-radius: 10px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
flex-shrink: 0;
margin-left: 12px;
}
.tk-calc-close:hover {
background: rgba(245, 136, 0, 0.25);
color: #f58800;
} .tk-calc-body {
padding: 22px 24px;
overflow-y: auto;
flex: 1;
-webkit-overflow-scrolling: touch;
}
.tk-calc-section-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
flex-wrap: wrap;
gap: 8px;
}
.tk-calc-section-title {
font-size: 14.5px;
font-weight: 800;
color: #0f172a;
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
.tk-calc-section-title span {
color: #f58800;
}
.tk-calc-reset-link {
background: none;
border: none;
color: #64748b;
font-size: 11.5px;
font-weight: 700;
cursor: pointer;
padding: 4px 8px;
border-radius: 6px;
transition: all 0.15s;
}
.tk-calc-reset-link:hover {
color: #e11d48;
background: #ffe4e6;
}
.tk-calc-section-desc {
font-size: 11.5px;
color: #64748b;
margin: 2px 0 12px 0;
line-height: 1.45;
} .tk-appliance-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-bottom: 16px;
}
.tk-appliance-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 10px 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
box-sizing: border-box;
}
.tk-appliance-card:hover {
border-color: #cbd5e1;
transform: translateY(-1px);
box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.05);
}
.tk-appliance-card.has-qty {
border-color: #f58800;
background: #fffbeb;
box-shadow: 0 0 0 1px #f58800;
}
.tk-appliance-info {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
flex: 1 1 0%;
}
.tk-appliance-icon {
font-size: 20px;
flex-shrink: 0;
line-height: 1;
}
.tk-appliance-text {
min-width: 0;
flex: 1 1 0%;
overflow: hidden;
}
.tk-appliance-name {
font-size: 12px;
font-weight: 700;
color: #0f172a;
line-height: 1.25;
margin: 0 0 2px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
}
.tk-appliance-watt {
font-size: 11px;
font-weight: 700;
color: #d97706;
margin: 0;
line-height: 1.2;
display: block;
} .tk-counter-wrap {
display: inline-flex;
align-items: center;
gap: 3px;
flex-shrink: 0;
background: #f1f5f9;
padding: 2px 4px;
border-radius: 9px;
border: 1px solid #cbd5e1;
box-sizing: border-box;
}
.tk-appliance-card.has-qty .tk-counter-wrap {
background: #ffffff;
border-color: #fcd34d;
}
.tk-btn-step {
width: 26px;
height: 26px;
min-width: 26px;
min-height: 26px;
border-radius: 7px;
border: none;
background: #ffffff;
color: #0f172a;
font-size: 15px;
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
padding: 0;
line-height: 1;
user-select: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.tk-btn-step:active {
transform: scale(0.92);
}
.tk-btn-step.tk-btn-minus:hover {
background: #fee2e2;
color: #dc2626;
}
.tk-btn-step.tk-btn-plus {
background: #f58800;
color: #ffffff;
}
.tk-btn-step.tk-btn-plus:hover {
background: #e07b00;
}
.tk-step-input {
width: 28px;
height: 26px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
text-align: center;
font-size: 13.5px;
font-weight: 800;
color: #0f172a;
padding: 0;
margin: 0;
-moz-appearance: textfield;
appearance: textfield;
box-sizing: border-box;
transition: all 0.15s ease;
}
.tk-step-input::-webkit-outer-spin-button,
.tk-step-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.tk-step-input:hover {
background: rgba(245, 136, 0, 0.08);
}
.tk-step-input:focus {
outline: none;
background: #ffffff;
border-color: #f58800;
box-shadow: 0 0 0 2px rgba(245, 136, 0, 0.25);
}
.tk-step-val {
width: 20px;
min-width: 20px;
text-align: center;
font-size: 12px;
font-weight: 900;
color: #0f172a;
line-height: 1;
} .tk-calc-extras {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 12px 18px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-bottom: 20px;
}
.tk-extra-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tk-extra-desc {
min-width: 0;
flex: 1;
}
.tk-extra-label {
font-size: 12px;
font-weight: 700;
color: #1e293b;
margin-bottom: 2px;
}
.tk-extra-sub {
font-size: 11px;
color: #64748b;
}
.tk-extra-input-wrap {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.tk-slider {
width: 100px;
accent-color: #f58800;
cursor: pointer;
}
.tk-extra-val {
font-size: 12px;
font-weight: 900;
color: #0f172a;
min-width: 44px;
text-align: right;
}
.tk-input-number {
width: 80px;
padding: 6px 8px;
border: 1.5px solid #cbd5e1;
border-radius: 8px;
font-size: 12.5px;
font-weight: 800;
color: #0f172a;
text-align: right;
background: #ffffff;
outline: none;
transition: border-color 0.15s;
box-sizing: border-box;
}
.tk-input-number:focus {
border-color: #f58800;
}
.tk-unit {
font-size: 12px;
color: #64748b;
font-weight: 600;
} .tk-calc-result-box {
background: linear-gradient(135deg, #04121f 0%, #0d2744 100%);
border-radius: 20px;
padding: 20px;
color: #ffffff;
border: 1px solid #1e293b;
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.35);
margin-bottom: 22px;
}
.tk-result-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 12px;
margin-bottom: 14px;
flex-wrap: wrap;
gap: 6px;
}
.tk-result-badge-title {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fcd34d;
display: flex;
align-items: center;
gap: 6px;
}
.tk-result-df {
font-size: 11px;
color: #94a3b8;
}
.tk-result-df strong {
color: #ffffff;
}
.tk-result-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 14px;
}
.tk-result-card {
background: rgba(15, 30, 49, 0.85);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
padding: 12px 14px;
box-sizing: border-box;
}
.tk-res-label {
font-size: 10px;
font-weight: 700;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 3px;
}
.tk-res-label.text-amber { color: #f59e0b; }
.tk-res-label.text-emerald { color: #10b981; }
.tk-res-label.text-orange { color: #f58800; }
.tk-res-val {
font-size: 18px;
font-weight: 900;
line-height: 1.2;
color: #ffffff;
margin: 3px 0 2px 0;
}
.tk-res-val.text-amber { color: #fbbf24; }
.tk-res-val.text-emerald { color: #34d399; }
.tk-res-val.text-orange { color: #f58800; }
.tk-res-sub {
font-size: 10px;
color: #64748b;
line-height: 1.25;
}
.tk-cable-banner {
background: rgba(15, 30, 49, 0.65);
border: 1px dashed rgba(245, 136, 0, 0.4);
border-radius: 12px;
padding: 11px 16px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
gap: 8px;
flex-wrap: wrap;
}
.tk-cable-info {
display: flex;
align-items: center;
gap: 6px;
color: #e2e8f0;
}
.tk-cable-val {
color: #fcd34d !important;
}
.tk-cable-note {
font-size: 10.5px;
color: #94a3b8;
font-style: italic;
} .tk-calc-package-section {
margin-top: 10px;
padding-top: 6px;
}
.tk-package-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 14px;
flex-wrap: wrap;
}
.tk-package-subtotal-box {
text-align: right;
flex-shrink: 0;
}
.tk-subtotal-label {
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
color: #64748b;
letter-spacing: 0.3px;
display: block;
}
.tk-subtotal-val {
font-size: 16px;
font-weight: 900;
color: #dc2626;
margin-top: 2px;
}
.tk-package-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.tk-package-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
}
.tk-package-card:hover {
border-color: #f58800;
transform: translateY(-2px);
box-shadow: 0 6px 18px -3px rgba(245, 136, 0, 0.15);
}
.tk-package-card-top {
margin-bottom: 12px;
}
.tk-package-img-box {
height: 110px;
background: #f8fafc;
border: 1px solid #f1f5f9;
border-radius: 12px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 10px;
}
.tk-package-img-box img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.2s;
}
.tk-package-card:hover .tk-package-img-box img {
transform: scale(1.05);
}
.tk-package-role-tag {
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #f58800;
letter-spacing: 0.3px;
margin-bottom: 4px;
line-height: 1.3;
}
.tk-package-title {
font-size: 12px;
font-weight: 700;
color: #0f172a;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tk-package-card-bottom {
padding-top: 10px;
border-top: 1px solid #f1f5f9;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.tk-package-qty-label {
font-size: 11.5px;
color: #64748b;
font-weight: 500;
}
.tk-package-qty-label strong {
color: #0f172a;
font-weight: 800;
}
.tk-package-price-val {
font-size: 13px;
font-weight: 900;
color: #0f172a;
} .tk-calc-footer {
background: #f8fafc;
border-top: 1px solid #e2e8f0;
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-shrink: 0;
flex-wrap: wrap;
}
.tk-calc-footer-left,
.tk-calc-footer-right {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.tk-calc-btn-wa {
background: #16a34a;
color: #ffffff;
font-weight: 800;
font-size: 12.5px;
padding: 10px 18px;
border-radius: 12px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
border: none;
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 2px 8px rgba(22, 163, 74, 0.25);
}
.tk-calc-btn-wa:hover {
background: #15803d;
color: #ffffff;
}
.tk-calc-btn-invoice {
background: #0f172a;
color: #fcd34d;
font-weight: 800;
font-size: 12.5px;
padding: 10px 18px;
border-radius: 12px;
border: 1px solid #1e293b;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.2);
}
.tk-calc-btn-invoice:hover {
background: #1e293b;
color: #ffffff;
}
.tk-calc-btn-cart {
background: #f58800;
color: #04121f;
font-weight: 900;
font-size: 12.5px;
padding: 10px 20px;
border-radius: 12px;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s;
box-shadow: 0 4px 12px rgba(245, 136, 0, 0.3);
}
.tk-calc-btn-cart:hover {
background: #e07b00;
color: #04121f;
transform: translateY(-1px);
}
.tk-calc-btn-cart.loading {
opacity: 0.75;
cursor: wait;
}
.tk-calc-btn-cart.success {
background: #16a34a;
color: #ffffff;
}
.tk-calc-btn-close {
background: #ffffff;
color: #475569;
font-weight: 700;
font-size: 12.5px;
padding: 10px 18px;
border-radius: 12px;
border: 1px solid #cbd5e1;
cursor: pointer;
transition: all 0.2s;
}
.tk-calc-btn-close:hover {
background: #f1f5f9;
color: #0f172a;
} .tk-invoice-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(4, 18, 31, 0.85);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 1000000;
display: none;
justify-content: center;
padding: 16px;
overflow-y: auto;
box-sizing: border-box;
}
.tk-invoice-modal-overlay.active {
display: flex;
animation: tkFadeIn 0.2s ease-out;
}
.tk-invoice-modal-wrapper {
width: 100%;
max-width: 920px;
margin: auto;
display: flex;
flex-direction: column;
gap: 16px;
} .tk-invoice-action-bar {
background: #0f172a;
border: 1px solid #1e293b;
border-radius: 18px;
padding: 14px 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
flex-wrap: wrap;
}
.tk-invoice-bar-left {
display: flex;
align-items: center;
gap: 12px;
}
.tk-invoice-bar-icon {
width: 38px;
height: 38px;
background: #f58800;
color: #04121f;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 900;
}
.tk-invoice-bar-title {
font-size: 14px;
font-weight: 800;
color: #ffffff;
}
.tk-invoice-bar-desc {
font-size: 11px;
color: #94a3b8;
}
.tk-invoice-bar-actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.tk-inv-btn {
border-radius: 10px;
font-size: 12px;
font-weight: 800;
padding: 8px 14px;
cursor: pointer;
border: none;
transition: all 0.15s;
display: inline-flex;
align-items: center;
gap: 6px;
line-height: 1;
}
.tk-inv-btn-edit {
background: #1e293b;
color: #fcd34d;
}
.tk-inv-btn-edit.active {
background: #334155;
color: #38bdf8;
}
.tk-inv-btn-wa {
background: #16a34a;
color: #ffffff;
}
.tk-inv-btn-wa:hover {
background: #15803d;
}
.tk-inv-btn-print {
background: #f58800;
color: #04121f;
font-weight: 900;
}
.tk-inv-btn-print:hover {
background: #e07b00;
}
.tk-inv-btn-close {
background: #1e293b;
color: #cbd5e1;
font-size: 14px;
padding: 8px 12px;
}
.tk-inv-btn-close:hover {
background: #334155;
color: #ffffff;
} .tk-printable-invoice {
background: #ffffff;
color: #0f172a;
border-radius: 20px;
padding: 36px 40px;
box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.4);
border: 1px solid #e2e8f0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
position: relative;
box-sizing: border-box;
} .tk-inv-kop {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
border-bottom: 2px solid #0f172a;
padding-bottom: 20px;
margin-bottom: 20px;
}
.tk-inv-kop-brand {
display: flex;
align-items: flex-start;
gap: 14px;
}
.tk-inv-logo-box {
width: 48px;
height: 48px;
border-radius: 12px;
background: linear-gradient(135deg, #04121f 0%, #1e293b 100%);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 900;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
flex-shrink: 0;
}
.tk-inv-brand-name {
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
color: #04121f;
letter-spacing: -0.5px;
margin: 0 0 2px 0;
line-height: 1;
}
.tk-inv-brand-sub {
font-size: 11px;
font-weight: 700;
color: #f58800;
margin: 0 0 4px 0;
line-height: 1.3;
}
.tk-inv-brand-addr {
font-size: 10.5px;
color: #475569;
margin: 0;
line-height: 1.4;
}
.tk-inv-kop-meta {
text-align: right;
flex-shrink: 0;
}
.tk-inv-status-badge {
display: inline-block;
background: #0f172a;
color: #fcd34d;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 4px 12px;
border-radius: 6px;
margin-bottom: 8px;
}
.tk-inv-meta-row {
font-size: 11.5px;
color: #64748b;
margin-bottom: 2px;
}
.tk-inv-meta-row strong,
.tk-inv-meta-row span {
color: #0f172a;
}
.tk-inv-meta-sub {
font-size: 9.5px;
color: #94a3b8;
margin-top: 4px;
} .tk-inv-client-section {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
padding-bottom: 18px;
border-bottom: 1px solid #e2e8f0;
margin-bottom: 18px;
font-size: 12px;
}
.tk-inv-col-title {
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #94a3b8;
letter-spacing: 0.5px;
margin-bottom: 6px;
display: block;
}
.tk-inv-client-name {
font-size: 13.5px;
font-weight: 800;
color: #0f172a;
margin-bottom: 2px;
}
.tk-inv-client-phone {
font-size: 11.5px;
color: #475569;
margin-bottom: 2px;
}
.tk-inv-client-addr {
font-size: 11px;
color: #64748b;
line-height: 1.4;
white-space: pre-line;
}
.tk-inv-project-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 10px 14px;
font-size: 11.5px;
color: #334155;
line-height: 1.45;
font-style: italic;
}
.tk-inv-input {
width: 100%;
border: 1.5px solid #cbd5e1;
border-radius: 8px;
padding: 6px 10px;
font-size: 12px;
font-family: inherit;
box-sizing: border-box;
margin-bottom: 6px;
outline: none;
}
.tk-inv-input:focus {
border-color: #f58800;
} .tk-inv-table-wrap {
margin-bottom: 20px;
overflow-x: auto;
}
.tk-inv-table {
width: 100%;
border-collapse: collapse;
font-size: 11.5px;
}
.tk-inv-table th {
background: #f1f5f9;
color: #334155;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 10px 12px;
border-bottom: 1.5px solid #cbd5e1;
}
.tk-inv-table td {
padding: 12px;
border-bottom: 1px solid #f1f5f9;
vertical-align: top;
}
.tk-inv-table .col-no { width: 40px; text-align: center; }
.tk-inv-table .col-desc { text-align: left; }
.tk-inv-table .col-brand { width: 120px; text-align: center; }
.tk-inv-table .col-qty { width: 60px; text-align: center; }
.tk-inv-table .col-price { width: 110px; text-align: right; }
.tk-inv-table .col-subtotal { width: 120px; text-align: right; }
.tk-inv-item-name {
font-weight: 800;
color: #0f172a;
line-height: 1.3;
margin-bottom: 2px;
}
.tk-inv-item-role {
font-size: 10.5px;
color: #f58800;
font-weight: 700;
}
.tk-inv-item-sku {
font-size: 9.5px;
color: #94a3b8;
font-family: monospace;
}
.tk-inv-badge-brand {
background: #f1f5f9;
color: #475569;
font-size: 9.5px;
font-weight: 700;
padding: 3px 8px;
border-radius: 6px;
display: inline-block;
} .tk-inv-summary-section {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
padding-top: 16px;
border-top: 1.5px solid #e2e8f0;
margin-bottom: 24px;
font-size: 11.5px;
}
.tk-inv-payment-title {
font-size: 10.5px;
font-weight: 800;
text-transform: uppercase;
color: #1e293b;
letter-spacing: 0.5px;
margin-bottom: 6px;
}
.tk-inv-bank-card {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 10px 14px;
line-height: 1.5;
color: #334155;
margin-bottom: 8px;
}
.tk-inv-notes {
font-size: 10px;
color: #64748b;
line-height: 1.4;
}
.tk-inv-totals-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 14px 18px;
display: flex;
flex-direction: column;
gap: 8px;
}
.tk-inv-total-row {
display: flex;
justify-content: space-between;
align-items: center;
color: #475569;
}
.tk-inv-total-row.text-emerald {
color: #16a34a;
font-weight: 600;
}
.tk-inv-grand-total-row {
display: flex;
justify-content: space-between;
align-items: baseline;
border-top: 1.5px solid #e2e8f0;
padding-top: 10px;
margin-top: 4px;
font-size: 13.5px;
font-weight: 900;
color: #0f172a;
}
.tk-inv-grand-price {
font-size: 18px;
font-weight: 900;
color: #dc2626;
} .tk-inv-signatures {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
padding-top: 20px;
border-top: 1px solid #e2e8f0;
text-align: center;
font-size: 11.5px;
}
.tk-inv-sign-role {
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
color: #94a3b8;
letter-spacing: 0.5px;
margin-bottom: 6px;
}
.tk-inv-sign-space {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
color: #cbd5e1;
font-size: 11px;
font-style: italic;
}
.tk-inv-sign-name {
font-weight: 800;
color: #0f172a;
border-top: 1px solid #cbd5e1;
display: inline-block;
padding-top: 4px;
min-width: 160px;
} .tk-cart-toast {
position: fixed;
bottom: 24px;
right: 24px;
background: #0f172a;
color: #ffffff;
border: 1px solid #1e293b;
border-radius: 16px;
padding: 14px 20px;
box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.4);
z-index: 1000001;
display: flex;
align-items: center;
gap: 16px;
font-family: inherit;
font-size: 12.5px;
animation: tkSlideUp 0.25s ease-out;
}
.tk-cart-toast-msg {
font-weight: 700;
}
.tk-cart-toast-actions {
display: flex;
align-items: center;
gap: 10px;
}
.tk-cart-toast-btn {
background: #f58800;
color: #04121f;
font-weight: 900;
padding: 6px 12px;
border-radius: 8px;
text-decoration: none;
font-size: 11.5px;
white-space: nowrap;
}
.tk-cart-toast-btn:hover {
background: #e07b00;
color: #04121f;
}
.tk-cart-toast-close {
background: none;
border: none;
color: #94a3b8;
cursor: pointer;
font-size: 14px;
padding: 0;
}
.tk-cart-toast-close:hover {
color: #ffffff;
} @media print {
@page {
size: A4 portrait;
margin: 10mm;
}
body {
background: #ffffff !important;
color: #000000 !important;
overflow: visible !important;
} body > *:not(#tk-invoice-modal) {
display: none !important;
}
.no-print,
.tk-invoice-action-bar {
display: none !important;
}
#tk-invoice-modal {
position: static !important;
background: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
padding: 0 !important;
display: block !important;
overflow: visible !important;
}
.tk-invoice-modal-wrapper {
max-width: 100% !important;
margin: 0 !important;
}
.tk-printable-invoice {
box-shadow: none !important;
border: none !important;
padding: 0 !important;
border-radius: 0 !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
} .tk-lead-magnet-section {
width: 100%;
max-width: 1200px;
margin: 18px auto 28px;
padding: 0 16px;
box-sizing: border-box;
position: relative;
z-index: 20;
}
.tk-lead-magnet-card {
background: linear-gradient(135deg, #04121f 0%, #0f1e31 50%, #10243e 100%);
border: 1px solid rgba(71, 85, 105, 0.75);
border-radius: 22px;
padding: 22px 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
box-shadow: 0 18px 40px -10px rgba(4, 18, 31, 0.35);
box-sizing: border-box;
}
.tk-lead-magnet-left {
display: flex;
align-items: center;
gap: 18px;
flex: 1;
min-width: 0;
}
.tk-lead-magnet-icon-wrap {
width: 56px;
height: 56px;
border-radius: 16px;
background: linear-gradient(135deg, #f58800 0%, #fbbf24 100%);
display: flex;
align-items: center;
justify-content: center;
color: #04121f;
font-size: 26px;
font-weight: 900;
flex-shrink: 0;
box-shadow: 0 6px 16px rgba(245, 136, 0, 0.35);
}
.tk-lead-magnet-tags {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
flex-wrap: wrap;
}
.tk-lead-magnet-badge {
background: #fbbf24;
color: #04121f;
font-size: 10px;
font-weight: 900;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 9999px;
letter-spacing: 0.5px;
display: inline-block;
}
.tk-lead-magnet-subtag {
color: #fde68a;
font-size: 11.5px;
font-weight: 700;
}
.tk-lead-magnet-title {
font-size: 18px;
font-weight: 900;
color: #ffffff;
margin: 0 0 5px 0;
line-height: 1.35;
}
.tk-lead-magnet-desc {
font-size: 12.5px;
color: #cbd5e1;
margin: 0;
line-height: 1.5;
max-width: 620px;
}
.tk-lead-magnet-desc strong {
color: #f58800;
font-weight: 700;
}
.tk-lead-magnet-btn {
background: #f58800;
color: #04121f;
font-weight: 900;
font-size: 13.5px;
padding: 13px 24px;
border-radius: 14px;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
flex-shrink: 0;
box-shadow: 0 4px 14px rgba(245, 136, 0, 0.4);
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
font-family: inherit;
line-height: 1;
}
.tk-lead-magnet-btn:hover {
background: #e07b00;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(245, 136, 0, 0.5);
color: #04121f;
}  .tk-desktop-nav-calc-btn {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin-left: 10px !important;
padding: 6px 14px !important;
border-radius: 9999px !important;
font-size: 12px !important;
font-weight: 700 !important;
background: #fffbeb !important;
color: #78350f !important;
border: 1px solid #fcd34d !important;
cursor: pointer !important;
box-shadow: 0 1px 2px rgba(245, 158, 11, 0.08) !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
font-family: inherit !important;
line-height: 1.4 !important;
white-space: nowrap !important;
text-decoration: none !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
}
.tk-desktop-nav-calc-btn:hover {
background: #fef3c7 !important;
border-color: #f59e0b !important;
color: #451a03 !important;
transform: translateY(-1px) !important;
box-shadow: 0 3px 8px rgba(245, 158, 11, 0.2) !important;
}
.tk-desktop-nav-calc-btn .bolt {
color: #d97706 !important;
font-weight: 900 !important;
font-size: 13px !important;
line-height: 1 !important;
}
.tk-desktop-nav-calc-btn .txt {
font-size: 12px !important;
font-weight: 700 !important;
}
@media only screen and (max-width: 1024px) {
.tk-desktop-nav-calc-btn {
display: none !important;
}
} .tk-mobile-header-calc-btn {
display: none !important;
} .tk-mobile-drawer-calc-wrap {
padding: 10px 16px 14px;
margin-bottom: 8px;
border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.tk-mobile-drawer-calc-btn {
width: 100%;
text-align: left;
padding: 12px 16px;
border-radius: 14px;
font-size: 13.5px;
font-weight: 800;
background: linear-gradient(135deg, #04121f 0%, #0d2744 100%);
color: #ffffff;
border: 1px solid rgba(245, 136, 0, 0.35);
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.2s;
font-family: inherit;
box-sizing: border-box;
box-shadow: 0 4px 12px rgba(4, 18, 31, 0.15);
}
.tk-mobile-drawer-calc-btn:hover,
.tk-mobile-drawer-calc-btn:active {
background: linear-gradient(135deg, #f58800 0%, #e07b00 100%);
color: #04121f;
border-color: #f58800;
}
.tk-drawer-calc-left {
display: flex;
align-items: center;
gap: 10px;
}
.tk-drawer-calc-left .bolt {
font-size: 17px;
line-height: 1;
}
.tk-drawer-puil-badge {
font-size: 10px;
background: #f58800;
color: #04121f;
font-weight: 900;
padding: 3px 7px;
border-radius: 6px;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.tk-mobile-drawer-calc-btn:hover .tk-drawer-puil-badge,
.tk-mobile-drawer-calc-btn:active .tk-drawer-puil-badge {
background: #04121f;
color: #fcd34d;
} @media (max-width: 1024px) {
.tk-desktop-nav-calc-btn {
display: none !important;
}
}
@media (max-width: 900px) {
.tk-calc-result-box {
padding: 14px;
}
.tk-result-grid {
grid-template-columns: repeat(2, 1fr);
}
.tk-lead-magnet-card {
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
.tk-lead-magnet-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 768px) {
.tk-calc-modal-overlay {
padding: 10px 8px;
} .tk-calc-modal {
max-height: 84vh !important;
border-radius: 18px;
margin: auto;
}
.tk-calc-header {
padding: 10px 14px;
}
.tk-calc-icon-badge {
width: 34px;
height: 34px;
font-size: 16px;
border-radius: 10px;
}
.tk-calc-title h3 {
font-size: 14px;
}
.tk-calc-subtitle {
display: none;
}
.tk-calc-close {
width: 30px;
height: 30px;
font-size: 15px;
}
.tk-calc-body {
padding: 10px 12px;
}
.tk-calc-section-title {
font-size: 12.5px;
}
.tk-calc-section-desc {
font-size: 10.5px;
margin-bottom: 8px;
}
.tk-appliance-grid {
grid-template-columns: 1fr;
gap: 6px;
margin-bottom: 10px;
}
.tk-appliance-card {
padding: 7px 10px;
border-radius: 11px;
}
.tk-appliance-icon {
font-size: 17px;
}
.tk-appliance-name {
font-size: 11.5px;
}
.tk-appliance-watt {
font-size: 10px;
}
.tk-btn-step {
width: 22px;
height: 22px;
min-width: 22px;
min-height: 22px;
font-size: 13px;
}
.tk-step-val {
font-size: 11px;
width: 16px;
min-width: 16px;
}
.tk-calc-extras {
grid-template-columns: 1fr;
padding: 8px 10px;
gap: 8px;
margin-bottom: 10px;
border-radius: 12px;
}
.tk-extra-label {
font-size: 11px;
}
.tk-extra-sub {
font-size: 10px;
}
.tk-slider {
width: 80px;
}
.tk-calc-result-box {
padding: 12px;
border-radius: 14px;
margin-bottom: 10px;
}
.tk-result-header {
padding-bottom: 8px;
margin-bottom: 10px;
}
.tk-result-badge-title {
font-size: 11px;
}
.tk-result-df {
font-size: 10px;
}
.tk-result-grid {
grid-template-columns: repeat(2, 1fr);
gap: 6px;
margin-bottom: 8px;
}
.tk-result-card {
padding: 7px 9px;
border-radius: 10px;
}
.tk-res-label {
font-size: 8.5px;
}
.tk-res-val {
font-size: 14.5px;
margin: 2px 0 1px 0;
}
.tk-res-sub {
font-size: 8.5px;
}
.tk-cable-banner {
padding: 7px 10px;
font-size: 10.5px;
border-radius: 8px;
gap: 4px;
}
.tk-calc-package-section {
margin-top: 4px;
}
.tk-package-header {
margin-bottom: 8px;
}
.tk-subtotal-label {
font-size: 9.5px;
}
.tk-subtotal-val {
font-size: 13.5px;
} .tk-package-grid {
grid-template-columns: 1fr;
gap: 6px;
}
.tk-package-card {
flex-direction: row;
align-items: center;
padding: 8px 10px;
gap: 10px;
border-radius: 12px;
}
.tk-package-card-top {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
margin-bottom: 0;
}
.tk-package-img-box {
width: 50px;
height: 50px;
flex-shrink: 0;
margin-bottom: 0;
padding: 4px;
border-radius: 8px;
}
.tk-package-role-tag {
font-size: 9px;
margin-bottom: 2px;
}
.tk-package-title {
font-size: 11px;
line-height: 1.25;
}
.tk-package-card-bottom {
flex-direction: column;
align-items: flex-end;
justify-content: center;
padding-top: 0;
border-top: none;
flex-shrink: 0;
border-left: 1px solid #f1f5f9;
padding-left: 8px;
}
.tk-package-qty-label {
font-size: 10px;
}
.tk-package-price-val {
font-size: 11.5px;
}
.tk-calc-footer {
flex-direction: column;
align-items: stretch;
padding: 10px 12px;
gap: 8px;
}
.tk-calc-footer-left,
.tk-calc-footer-right {
width: 100%;
flex-direction: column;
gap: 6px;
}
.tk-calc-btn-wa,
.tk-calc-btn-invoice,
.tk-calc-btn-cart,
.tk-calc-btn-close {
width: 100%;
justify-content: center;
text-align: center;
box-sizing: border-box;
padding: 8px 12px;
font-size: 11.5px;
border-radius: 10px;
}
.tk-invoice-modal-wrapper {
max-height: 86vh;
}
.tk-printable-invoice {
padding: 16px 12px;
border-radius: 14px;
}
.tk-inv-kop {
flex-direction: column;
gap: 10px;
padding-bottom: 12px;
margin-bottom: 12px;
}
.tk-inv-kop-meta {
text-align: left;
}
.tk-inv-client-section,
.tk-inv-summary-section,
.tk-inv-signatures {
grid-template-columns: 1fr;
gap: 12px;
}
}
@media (max-width: 480px) {
.tk-calc-modal {
max-height: 82vh !important;
}
.tk-lead-magnet-section {
margin: 10px auto 16px;
padding: 0 10px;
}
.tk-lead-magnet-card {
padding: 14px;
border-radius: 14px;
}
.tk-lead-magnet-title {
font-size: 15px;
}
.tk-lead-magnet-desc {
font-size: 11px;
}
.tk-cart-toast {
left: 12px;
right: 12px;
bottom: 12px;
padding: 10px 14px;
font-size: 11.5px;
}
}body.single-product .woocommerce-breadcrumb,
body.single-product .c-breadcrumbs,
body.single-product .main-content > .woocommerce-breadcrumb {
display: none !important;
} .tk-product-detail-page {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1e293b;
max-width: 1240px;
margin: 0 auto;
padding: 4px 18px 48px;
box-sizing: border-box;
} .tk-breadcrumb-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0 8px;
margin-bottom: 12px;
border-bottom: 1px solid #f1f5f9;
font-size: 11.5px;
gap: 10px;
flex-wrap: wrap;
}
.tk-breadcrumb-left {
display: flex;
align-items: center;
gap: 7px;
color: #64748b;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.tk-breadcrumb-left .home-icon {
font-size: 13px;
}
.tk-breadcrumb-left a {
color: #475569;
text-decoration: none;
font-weight: 500;
transition: color 0.15s;
}
.tk-breadcrumb-left a:hover {
color: #f58800;
}
.tk-breadcrumb-left .sep {
color: #cbd5e1;
font-size: 11px;
}
.tk-breadcrumb-left .current {
color: #0f172a;
font-weight: 700;
}
.tk-back-catalog-btn {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 10px;
border-radius: 6px;
font-size: 11px;
font-weight: 700;
color: #b45309;
background: #fef3c7;
border: 1px solid #fcd34d;
text-decoration: none;
transition: all 0.2s;
white-space: nowrap;
line-height: 1.3;
}
.tk-back-catalog-btn:hover {
background: #fde68a;
border-color: #f59e0b;
color: #78350f;
} .tk-pmain-card {
background: #ffffff;
border: 1px solid #eef2f6;
border-radius: 24px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
overflow: hidden;
margin-bottom: 28px;
}
.tk-pmain-grid {
display: grid;
grid-template-columns: 5fr 7fr;
} .tk-pgallery-col {
padding: 26px;
display: flex;
flex-direction: column;
justify-content: flex-start;
background: linear-gradient(180deg, #fbfbf9 0%, #ffffff 100%);
border-right: 1px solid #f1f5f9;
box-sizing: border-box;
}
.tk-pimage-box {
position: relative;
aspect-ratio: 1/1;
width: 100%;
border-radius: 18px;
background: #ffffff;
border: 1px solid #eef2f6;
padding: 24px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-sizing: border-box;
}
.tk-pimage-badges {
position: absolute;
top: 12px;
left: 12px;
display: flex;
flex-direction: column;
gap: 6px;
z-index: 5;
pointer-events: none;
}
.tk-badge-orig {
background: #059669;
color: #ffffff;
font-size: 10px;
font-weight: 900;
text-transform: uppercase;
padding: 4px 8px;
border-radius: 6px;
display: inline-flex;
align-items: center;
gap: 4px;
box-shadow: 0 2px 6px rgba(5, 150, 105, 0.25);
letter-spacing: 0.3px;
}
.tk-badge-sni {
background: #04121f;
color: #ffffff;
font-size: 10px;
font-weight: 800;
padding: 4px 8px;
border-radius: 6px;
display: inline-flex;
align-items: center;
gap: 4px;
box-shadow: 0 2px 6px rgba(4, 18, 31, 0.25);
}
.tk-badge-discount {
background: #dc2626;
color: #ffffff;
font-size: 10px;
font-weight: 900;
padding: 4px 8px;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25);
}
.tk-pimage-zoom-btn {
position: absolute;
bottom: 12px;
right: 12px;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #1e293b;
font-size: 11.5px;
font-weight: 700;
padding: 6px 14px;
border-radius: 9999px;
border: 1px solid #cbd5e1;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
z-index: 25 !important;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
pointer-events: auto;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
user-select: none;
line-height: 1;
}
.tk-pimage-zoom-btn:hover {
background: #04121f !important;
color: #ffffff !important;
border-color: #04121f !important;
box-shadow: 0 4px 14px rgba(4, 18, 31, 0.3) !important;
transform: scale(1.05) !important;
}
.tk-main-product-img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
cursor: zoom-in;
pointer-events: auto;
}
.tk-pimage-box:hover .tk-main-product-img {
transform: scale(1.04);
}
.tk-pthumbs-strip {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-top: 12px;
margin-bottom: 2px;
}
.tk-pthumb-item {
aspect-ratio: 1/1;
border-radius: 10px;
border: 2px solid #e2e8f0;
background: #ffffff;
padding: 4px;
cursor: pointer;
transition: all 0.15s;
box-sizing: border-box;
}
.tk-pthumb-item.active,
.tk-pthumb-item:hover {
border-color: #f58800;
box-shadow: 0 2px 8px rgba(245, 136, 0, 0.2);
transform: scale(1.03);
}
.tk-pthumb-item img {
width: 100%;
height: 100%;
object-fit: contain;
} .tk-pshare-row {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid #f1f5f9;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
color: #64748b;
}
.tk-pshare-label {
font-weight: 700;
color: #334155;
}
.tk-pshare-actions {
display: flex;
align-items: center;
gap: 8px;
}
.tk-share-wa-btn {
width: 30px;
height: 30px;
border-radius: 8px;
background: #ecfdf5;
color: #047857;
border: 1px solid #a7f3d0;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all 0.15s;
}
.tk-share-wa-btn:hover {
background: #d1fae5;
color: #065f46;
}
.tk-share-copy-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
border-radius: 8px;
background: #f8fafc;
border: 1px solid #e2e8f0;
color: #334155;
font-size: 11.5px;
font-weight: 700;
cursor: pointer;
transition: all 0.15s;
}
.tk-share-copy-btn:hover {
background: #f1f5f9;
color: #0f172a;
} .tk-pinfo-col {
padding: 28px 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
}
.tk-pinfo-header-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
flex-wrap: wrap;
gap: 8px;
}
.tk-pinfo-brand-cat {
display: flex;
align-items: center;
gap: 8px;
}
.tk-brand-pill {
background: #ffedd5;
color: #c2410c;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 6px;
letter-spacing: 0.5px;
}
.tk-meta-sep {
color: #cbd5e1;
font-size: 12px;
}
.tk-cat-label {
font-size: 12px;
font-weight: 700;
color: #475569;
}
.tk-sku-pill {
background: #f1f5f9;
color: #64748b;
font-family: monospace;
font-size: 11px;
font-weight: 700;
padding: 3px 8px;
border-radius: 6px;
}
.tk-pdetail-title {
font-size: 24px;
font-weight: 900;
color: #04121f;
line-height: 1.35;
margin: 0 0 12px 0;
letter-spacing: -0.3px;
}
.tk-prating-row {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
padding-bottom: 14px;
border-bottom: 1px solid #f1f5f9;
font-size: 13px;
color: #475569;
flex-wrap: wrap;
}
.tk-stars-wrap {
display: inline-flex;
align-items: center;
gap: 4px;
}
.tk-stars {
color: #f59e0b;
letter-spacing: 2px;
font-size: 14px;
}
.tk-rating-num {
font-weight: 800;
color: #0f172a;
}
.tk-reviews-count {
color: #64748b;
}
.tk-row-sep {
color: #cbd5e1;
}
.tk-sold-text strong {
color: #0f172a;
}
.tk-warranty-text {
color: #059669;
font-weight: 700;
display: inline-flex;
align-items: center;
gap: 4px;
} .tk-pprice-box {
background: #fff7ed;
border: 1.5px solid #fed7aa;
border-radius: 16px;
padding: 14px 20px;
margin-bottom: 14px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}
.tk-pprice-label {
font-size: 11.5px;
font-weight: 700;
color: #78350f;
display: block;
margin-bottom: 2px;
}
.tk-pprice-numbers {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
}
.tk-price-red {
font-size: 32px;
font-weight: 900;
color: #dc2626;
letter-spacing: -0.5px;
line-height: 1.1;
}
.tk-price-strikethrough {
font-size: 15px;
color: #94a3b8;
text-decoration: line-through;
font-weight: 600;
}
.tk-pprice-saving-pill {
background: #ecfdf5;
color: #047857;
border: 1px solid #a7f3d0;
font-size: 11.5px;
font-weight: 800;
padding: 4px 10px;
border-radius: 9999px;
display: inline-flex;
align-items: center;
gap: 4px;
} .tk-wholesale-notice {
background: #fffbeb;
border: 1px solid #fef3c7;
border-left: 3.5px solid #f59e0b;
border-radius: 10px;
padding: 10px 14px;
margin-bottom: 14px;
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 12px;
color: #78350f;
line-height: 1.45;
}
.tk-wholesale-notice .icon {
font-size: 15px;
line-height: 1;
margin-top: 1px;
} .tk-pspecs-pills-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
.tk-spec-pill {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 5px 12px;
font-size: 11.5px;
font-weight: 700;
color: #334155;
display: inline-flex;
align-items: center;
gap: 6px;
} .tk-pstock-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 20px;
font-size: 12.5px;
font-weight: 700;
color: #047857;
}
.tk-stock-dot {
width: 8px;
height: 8px;
border-radius: 9999px;
background: #10b981;
animation: tkPulse 1.5s infinite;
}
@keyframes tkPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.5; transform: scale(1.15); }
} .tk-product-variations-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
margin: 18px 0 20px 0;
padding: 16px;
background: #fbfbf9;
border-radius: 14px;
border: 1px solid #e2e8f0;
box-sizing: border-box;
}
.tk-variation-attribute-group {
display: flex;
flex-direction: column;
gap: 10px;
}
.tk-attr-title-row {
display: flex;
align-items: center;
gap: 6px;
font-size: 13.5px;
color: #1e293b;
line-height: 1.3;
}
.tk-attr-label {
font-weight: 600;
color: #475569;
}
.tk-attr-selected-value {
font-weight: 800;
color: #f58800;
text-transform: capitalize;
}
.tk-attr-buttons-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tk-attr-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 38px;
padding: 7px 18px;
background: #ffffff;
border: 1.5px solid #cbd5e1;
border-radius: 10px;
font-family: inherit;
font-size: 13px;
font-weight: 700;
color: #334155;
cursor: pointer;
transition: all 0.18s ease;
user-select: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
box-sizing: border-box;
}
.tk-attr-btn:hover {
border-color: #f58800;
color: #f58800;
background: #fffaf0;
transform: translateY(-1px);
}
.tk-attr-btn.active {
background: #fff7ed !important;
border-color: #f58800 !important;
border-width: 2px !important;
color: #ea580c !important;
font-weight: 800 !important;
box-shadow: 0 2px 8px rgba(245, 136, 0, 0.18) !important;
}
.tk-attr-btn .check-icon {
display: none;
font-size: 11px;
font-weight: 900;
color: #ea580c;
}
.tk-attr-btn.active .check-icon {
display: inline-block;
}
.tk-attr-btn.disabled,
.tk-attr-btn.out-of-stock {
background: #f1f5f9 !important;
border-color: #e2e8f0 !important;
color: #94a3b8 !important;
cursor: not-allowed !important;
text-decoration: line-through !important;
opacity: 0.65 !important;
box-shadow: none !important;
transform: none !important;
} .tk-pqty-subtotal-row {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 16px;
border-top: 1px solid #f1f5f9;
margin-bottom: 16px;
}
.tk-pqty-block {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 700;
color: #334155;
}
.tk-qty-stepper-box {
display: inline-flex !important;
align-items: center !important;
background: #ffffff !important;
border: 1.5px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
height: 36px !important;
box-sizing: border-box !important;
}
.tk-pqty-minus,
.tk-pqty-plus {
width: 34px !important;
height: 36px !important;
border: none !important;
background: #f8fafc !important;
color: #0f172a !important;
font-size: 18px !important;
font-weight: 700 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
padding: 0 !important;
margin: 0 !important;
transition: all 0.15s ease !important;
user-select: none !important;
box-sizing: border-box !important;
}
.tk-pqty-minus:hover,
.tk-pqty-plus:hover {
background: #e2e8f0 !important;
color: #f58800 !important;
}
.tk-pqty-minus:active,
.tk-pqty-plus:active {
background: #cbd5e1 !important;
}
#tk-custom-qty-input {
width: 50px !important;
min-width: 50px !important;
max-width: 60px !important;
height: 36px !important;
border: none !important;
border-left: 1px solid #e2e8f0 !important;
border-right: 1px solid #e2e8f0 !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 800 !important;
color: #0f172a !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
line-height: 36px !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
appearance: none !important;
box-sizing: border-box !important;
}
#tk-custom-qty-input::-webkit-outer-spin-button,
#tk-custom-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
display: none !important;
}
.tk-psubtotal-block {
text-align: right;
}
.tk-psubtotal-block .label {
font-size: 11.5px;
color: #64748b;
display: block;
}
.tk-psubtotal-block .val {
font-size: 20px;
font-weight: 900;
color: #0f172a;
line-height: 1.2;
} .tk-paction-buttons-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 20px;
}
.tk-btn-cart-orange {
background: #f58800;
color: #ffffff;
font-size: 13.5px;
font-weight: 800;
border: none;
border-radius: 14px;
padding: 13px 18px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: 0 4px 12px rgba(245, 136, 0, 0.35);
transition: all 0.2s;
font-family: inherit;
}
.tk-btn-cart-orange:hover {
background: #e07b00;
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(245, 136, 0, 0.45);
}
.tk-btn-wa-navy {
background: #04121f;
color: #ffffff;
font-size: 13.5px;
font-weight: 800;
border: none;
border-radius: 14px;
padding: 13px 18px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
transition: all 0.2s;
font-family: inherit;
}
.tk-btn-wa-navy:hover {
background: #0f2b48;
color: #ffffff;
transform: translateY(-1px);
} .tk-cart-toast-msg {
background: #059669;
color: #ffffff;
padding: 10px 16px;
border-radius: 10px;
font-size: 12.5px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 16px;
animation: tkFadeIn 0.25s ease;
}
.tk-cart-toast-msg .btn-view-cart {
color: #fef08a;
text-decoration: underline;
font-weight: 800;
} .tk-ptrust-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
padding-top: 16px;
border-top: 1px solid #f1f5f9;
}
.tk-ptrust-item {
background: #f8fafc;
border: 1px solid #f1f5f9;
border-radius: 10px;
padding: 8px 10px;
display: flex;
flex-direction: column;
gap: 3px;
}
.tk-ptrust-item .icon {
font-size: 18px;
line-height: 1;
}
.tk-ptrust-item strong {
font-size: 11px;
font-weight: 800;
color: #0f172a;
line-height: 1.2;
}
.tk-ptrust-item span {
font-size: 9.5px;
color: #64748b;
line-height: 1.2;
} .tk-pshipping-full-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 24px 28px;
margin-bottom: 28px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.tk-pshipping-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f1f5f9;
padding-bottom: 16px;
margin-bottom: 18px;
flex-wrap: wrap;
gap: 14px;
}
.tk-pshipping-title {
margin: 0;
font-size: 17px;
font-weight: 800;
color: #04121f;
display: flex;
align-items: center;
gap: 8px;
}
.tk-pshipping-subtitle {
margin: 4px 0 0 0;
font-size: 12.5px;
color: #64748b;
}
.tk-shipping-user-location-info {
display: flex;
align-items: center;
gap: 8px;
margin-top: 10px;
flex-wrap: wrap;
}
.tk-loc-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: #f1f5f9;
color: #334155;
border: 1px solid #e2e8f0;
border-radius: 9999px;
padding: 4px 12px;
font-size: 11.5px;
font-weight: 700;
transition: all 0.2s ease;
}
.tk-loc-badge .dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #f58800;
}
.tk-loc-badge.detected {
background: #ecfdf5;
color: #065f46;
border-color: #a7f3d0;
}
.tk-loc-badge.detected .dot {
background: #10b981;
}
.tk-btn-detect-location {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff7ed;
color: #c2410c;
border: 1px solid #fdba74;
border-radius: 9999px;
padding: 4px 12px;
font-size: 11px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
font-family: inherit;
line-height: 1.4;
}
.tk-btn-detect-location:hover {
background: #ffedd5;
color: #9a3412;
border-color: #f97316;
transform: translateY(-1px);
box-shadow: 0 2px 6px rgba(245, 136, 0, 0.2);
}
.tk-btn-detect-location.active {
background: #f0fdf4;
color: #15803d;
border-color: #86efac;
}
.tk-btn-detect-location.loading {
opacity: 0.7;
pointer-events: none;
}
.tk-pshipping-dest-wrap {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 700;
color: #334155;
}
.tk-destination-select {
padding: 8px 12px;
border: 1.5px solid #cbd5e1;
border-radius: 10px;
font-size: 12px;
font-weight: 700;
color: #0f172a;
background: #f8fafc;
outline: none;
cursor: pointer;
}
.tk-destination-select:focus {
border-color: #f58800;
}
.tk-shipping-cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.tk-ship-service-card {
background: #f8fafc;
border: 1.5px solid #eef2f6;
border-radius: 14px;
padding: 14px 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.2s;
}
.tk-ship-service-card:hover {
border-color: #cbd5e1;
background: #ffffff;
}
.tk-ship-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
}
.tk-ship-top .name {
font-size: 12px;
font-weight: 800;
color: #0f172a;
}
.tk-ship-top .badge {
font-size: 10px;
font-weight: 900;
padding: 2px 7px;
border-radius: 9999px;
letter-spacing: 0.3px;
white-space: nowrap;
}
.tk-ship-top .badge-fast { background: #fee2e2; color: #dc2626; }
.tk-ship-top .badge-std { background: #fef3c7; color: #b45309; }
.tk-ship-top .badge-kargo { background: #e0f2fe; color: #0369a1; }
.tk-ship-time {
font-size: 11.5px;
color: #64748b;
margin-bottom: 6px;
}
.tk-ship-time strong {
color: #334155;
}
.tk-ship-cost {
font-size: 14px;
font-weight: 900;
color: #04121f;
} .tk-ptabs-full-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
overflow: hidden;
margin-bottom: 32px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.tk-ptabs-nav-bar {
display: flex;
border-bottom: 1px solid #e2e8f0;
background: #f8fafc;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.tk-ptab-trigger {
padding: 16px 24px;
font-size: 13.5px;
font-weight: 800;
border: none;
border-bottom: 3px solid transparent;
background: transparent;
color: #64748b;
cursor: pointer;
white-space: nowrap;
transition: all 0.2s;
font-family: inherit;
}
.tk-ptab-trigger:hover {
color: #0f172a;
}
.tk-ptab-trigger.active {
color: #f58800;
border-bottom-color: #f58800;
background: #ffffff;
}
.tk-ptab-pane {
padding: 28px 32px;
display: none;
line-height: 1.6;
color: #334155;
}
.tk-ptab-pane.active {
display: block;
}
.tk-pane-section {
margin-bottom: 24px;
}
.tk-pane-title {
font-size: 18px;
font-weight: 800;
color: #04121f;
margin: 0 0 12px 0;
}
.tk-pane-subtitle {
font-size: 15px;
font-weight: 800;
color: #0f172a;
margin: 0 0 12px 0;
}
.tk-features-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 20px;
}
.tk-feature-card {
background: #fffaf0;
border: 1px solid #fef3c7;
border-radius: 12px;
padding: 12px 14px;
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
color: #334155;
}
.tk-feature-card .check {
color: #f58800;
font-weight: 900;
font-size: 15px;
line-height: 1;
}
.tk-app-list {
list-style: disc;
padding-left: 20px;
margin: 0;
font-size: 13.5px;
color: #475569;
}
.tk-app-list li {
margin-bottom: 6px;
}
.tk-package-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 18px 20px;
}
.tk-package-title {
margin: 0 0 10px 0;
font-size: 14px;
font-weight: 800;
color: #0f172a;
}
.tk-package-grid {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
font-size: 13px;
color: #334155;
}
.tk-package-grid li {
display: flex;
align-items: center;
gap: 8px;
}
.tk-package-grid .check {
color: #10b981;
font-weight: 900;
} .tk-specs-detail-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
border: 1px solid #e2e8f0;
border-radius: 12px;
overflow: hidden;
}
.tk-specs-detail-table tr:nth-child(odd) {
background: #f8fafc;
}
.tk-specs-detail-table td {
padding: 10px 14px;
border-bottom: 1px solid #e2e8f0;
}
.tk-specs-detail-table .lbl {
font-weight: 700;
color: #475569;
width: 32%;
}
.tk-specs-detail-table .val {
color: #0f172a;
} .tk-guide-alert-box {
background: #fffbeb;
border: 1px solid #fef3c7;
border-left: 4px solid #f59e0b;
border-radius: 10px;
padding: 14px 18px;
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 22px;
font-size: 13px;
color: #78350f;
}
.tk-guide-steps-list {
display: flex;
flex-direction: column;
gap: 14px;
}
.tk-step-item {
display: flex;
align-items: flex-start;
gap: 14px;
background: #f8fafc;
border: 1px solid #eef2f6;
border-radius: 12px;
padding: 14px 16px;
}
.tk-step-item .num {
width: 28px;
height: 28px;
border-radius: 8px;
background: #f58800;
color: #ffffff;
font-weight: 900;
font-size: 13px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.tk-step-item strong {
font-size: 13.5px;
color: #0f172a;
display: block;
margin-bottom: 4px;
}
.tk-step-item p {
margin: 0;
font-size: 12.5px;
color: #475569;
} .tk-reviews-wrapper {
margin-top: 10px;
}
.tk-rev-summary-card {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 32px;
margin-bottom: 24px;
}
.tk-rev-summary-score {
text-align: center;
min-width: 140px;
}
.tk-rev-summary-score .score-num {
font-size: 44px;
font-weight: 900;
color: #0f172a;
line-height: 1;
}
.tk-rev-summary-score .score-stars {
font-size: 18px;
margin: 6px 0;
}
.tk-rev-summary-score .star-gold { color: #f59e0b; }
.tk-rev-summary-score .star-gray { color: #cbd5e1; }
.tk-rev-summary-score .score-label {
font-size: 12px;
color: #64748b;
}
.tk-rev-summary-bars {
flex: 1;
min-width: 220px;
display: flex;
flex-direction: column;
gap: 6px;
}
.tk-rev-summary-bars .bar-row {
display: flex;
align-items: center;
gap: 10px;
font-size: 12px;
}
.tk-rev-summary-bars .bar-label {
font-weight: 700;
color: #334155;
width: 28px;
}
.tk-rev-summary-bars .bar-track {
flex: 1;
height: 8px;
background: #e2e8f0;
border-radius: 999px;
overflow: hidden;
}
.tk-rev-summary-bars .bar-fill {
height: 100%;
background: #f58800;
border-radius: 999px;
transition: width 0.3s ease;
}
.tk-rev-summary-bars .bar-pct {
font-size: 11px;
font-weight: 600;
color: #64748b;
width: 32px;
text-align: right;
} .tk-rev-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 16px 20px;
margin-bottom: 14px;
box-shadow: 0 1px 3px rgba(0,0,0,0.03);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.tk-rev-card:hover {
border-color: #cbd5e1;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.tk-rev-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.tk-rev-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
color: #ffffff;
font-weight: 800;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.tk-rev-user-meta {
flex: 1;
}
.tk-rev-user-meta strong.tk-rev-author {
display: block;
font-size: 13.5px;
color: #0f172a;
font-weight: 700;
line-height: 1.2;
}
.tk-rev-sub {
display: flex;
align-items: center;
gap: 6px;
margin-top: 3px;
}
.tk-rev-sub .tk-rev-badge {
background: #ecfdf5;
color: #059669;
border: 1px solid #a7f3d0;
font-size: 10.5px;
font-weight: 700;
padding: 1px 7px;
border-radius: 6px;
}
.tk-rev-sub .tk-rev-date {
font-size: 11px;
color: #94a3b8;
}
.tk-rev-stars {
color: #f59e0b;
font-size: 15px;
letter-spacing: 1px;
margin-left: auto;
}
.tk-rev-body {
font-size: 13px;
color: #334155;
line-height: 1.6;
}
.tk-rev-body p {
margin: 0;
} .tk-no-reviews-box {
text-align: center;
padding: 36px 20px;
background: #f8fafc;
border: 1.5px dashed #cbd5e1;
border-radius: 16px;
margin-bottom: 24px;
}
.tk-no-reviews-box .icon {
font-size: 32px;
display: block;
margin-bottom: 8px;
}
.tk-no-reviews-box h4 {
font-size: 15px;
font-weight: 800;
color: #0f172a;
margin: 0 0 4px;
}
.tk-no-reviews-box p {
font-size: 13px;
color: #64748b;
margin: 0;
max-width: 440px;
margin-left: auto;
margin-right: auto;
} .tk-rev-form-section {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 24px;
margin-top: 24px;
}
.tk-rev-form-title {
font-size: 16px;
font-weight: 800;
color: #0f172a;
margin: 0 0 16px;
}
.tk-form-group-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 14px;
}
@media (max-width: 640px) {
.tk-form-group-row {
grid-template-columns: 1fr;
}
}
.tk-form-col, .tk-form-group {
display: flex;
flex-direction: column;
margin-bottom: 14px;
}
.tk-form-lbl {
font-size: 12.5px;
font-weight: 700;
color: #1e293b;
margin-bottom: 6px;
}
.tk-form-lbl .req {
color: #ef4444;
}
.tk-form-input, .tk-form-select, .tk-form-textarea {
width: 100%;
border: 1.5px solid #cbd5e1;
border-radius: 10px;
padding: 10px 14px;
font-size: 13px;
background: #ffffff;
color: #0f172a;
outline: none;
transition: border-color 0.2s;
font-family: inherit;
box-sizing: border-box;
}
.tk-form-input:focus, .tk-form-select:focus, .tk-form-textarea:focus {
border-color: #f58800;
box-shadow: 0 0 0 3px rgba(245, 136, 0, 0.12);
}
.tk-submit-rev-btn {
background: linear-gradient(135deg, #f58800 0%, #ea580c 100%);
color: #ffffff;
font-weight: 800;
font-size: 13.5px;
padding: 12px 28px;
border: none;
border-radius: 10px;
cursor: pointer;
box-shadow: 0 4px 12px rgba(245, 136, 0, 0.25);
transition: all 0.2s ease;
}
.tk-submit-rev-btn:hover {
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(245, 136, 0, 0.35);
}
.tk-faq-item {
background: #f8fafc;
border: 1px solid #eef2f6;
border-radius: 12px;
padding: 14px 18px;
margin-bottom: 12px;
}
.tk-faq-item .q {
font-size: 13.5px;
color: #0f172a;
display: block;
margin-bottom: 4px;
}
.tk-faq-item .a {
font-size: 12.5px;
color: #475569;
margin: 0;
line-height: 1.5;
} .tk-mobile-sticky-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #ffffff;
border-top: 1px solid #e2e8f0;
box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.08);
padding: 10px 16px;
display: none;
align-items: center;
justify-content: space-between;
z-index: 9999;
}
.tk-sticky-thumb-info {
display: flex;
align-items: center;
gap: 10px;
}
.tk-sticky-thumb-info .thumb {
width: 40px;
height: 40px;
border-radius: 8px;
object-fit: contain;
border: 1px solid #e2e8f0;
}
.tk-sticky-thumb-info .sub {
font-size: 10px;
color: #64748b;
display: block;
}
.tk-sticky-thumb-info .price {
font-size: 15px;
font-weight: 900;
color: #dc2626;
}
.tk-sticky-actions-wrap {
display: flex;
align-items: center;
gap: 8px;
}
.tk-sticky-actions-wrap .btn-wa {
width: 38px;
height: 38px;
border-radius: 10px;
background: #04121f;
color: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 16px;
}
.tk-sticky-actions-wrap .btn-cart {
background: #f58800;
color: #ffffff;
border: none;
border-radius: 10px;
padding: 9px 16px;
font-size: 12px;
font-weight: 800;
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
} @media (max-width: 991px) {
.tk-pmain-grid {
grid-template-columns: 1fr;
}
.tk-pgallery-col {
border-right: none;
border-bottom: 1px solid #f1f5f9;
padding: 20px;
}
.tk-pinfo-col {
padding: 20px;
}
.tk-shipping-cards-grid {
grid-template-columns: 1fr;
}
.tk-features-grid {
grid-template-columns: 1fr;
}
.tk-package-grid {
grid-template-columns: 1fr;
}
.tk-mobile-sticky-bottom {
display: flex;
}
body.single-product {
padding-bottom: 60px;
}
}
@media (max-width: 640px) {
.tk-product-detail-page {
padding: 10px 12px 60px;
}
.tk-pdetail-title {
font-size: 19px;
}
.tk-price-red {
font-size: 26px;
}
.tk-paction-buttons-row {
grid-template-columns: 1fr;
}
.tk-ptrust-row {
grid-template-columns: 1fr 1fr;
}
.tk-pshipping-full-card,
.tk-ptab-pane {
padding: 18px 16px;
}
.tk-ptabs-nav-bar {
padding: 0 8px;
}
.tk-ptab-trigger {
padding: 12px 14px;
font-size: 12.5px;
}
} .tk-image-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999999;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
animation: tkFadeIn 0.2s ease;
}
.tk-image-lightbox.active {
display: flex !important;
}
.tk-lightbox-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(4, 18, 31, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
cursor: pointer;
}
.tk-lightbox-top-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 64px;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 20;
background: linear-gradient(180deg, rgba(4, 18, 31, 0.85) 0%, transparent 100%);
color: #ffffff;
box-sizing: border-box;
}
.tk-lightbox-title {
font-size: 14.5px;
font-weight: 700;
color: #f1f5f9;
max-width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tk-lightbox-actions {
display: flex;
align-items: center;
gap: 10px;
}
.tk-lightbox-btn {
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #ffffff;
font-size: 12.5px;
font-weight: 700;
padding: 8px 14px;
border-radius: 9999px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s;
line-height: 1;
}
.tk-lightbox-btn:hover {
background: rgba(255, 255, 255, 0.3);
transform: scale(1.04);
}
.tk-lightbox-btn-close {
font-size: 18px;
padding: 8px 14px;
background: #dc2626;
border-color: #ef4444;
}
.tk-lightbox-btn-close:hover {
background: #b91c1c;
border-color: #dc2626;
}
.tk-lightbox-content {
position: relative;
z-index: 10;
max-width: 90vw;
max-height: 85vh;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
box-sizing: border-box;
}
.tk-lightbox-img-wrap {
max-width: 85vw;
max-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: zoom-in;
border-radius: 16px;
background: #ffffff;
padding: 18px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
box-sizing: border-box;
transition: all 0.25s ease;
}
.tk-lightbox-img-wrap.zoomed {
cursor: zoom-out;
background: #ffffff;
}
#tk-lightbox-img {
max-width: 100%;
max-height: 74vh;
object-fit: contain;
transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1);
}
.tk-lightbox-img-wrap.zoomed #tk-lightbox-img {
transform: scale(1.6);
}
.tk-lightbox-nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.35);
color: #ffffff;
font-size: 26px;
line-height: 1;
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 25;
transition: all 0.2s;
}
.tk-lightbox-nav-btn:hover {
background: #f58800;
border-color: #f58800;
transform: translateY(-50%) scale(1.1);
}
.tk-lightbox-nav-btn.prev {
left: -64px;
}
.tk-lightbox-nav-btn.next {
right: -64px;
}
@media (max-width: 768px) {
.tk-lightbox-nav-btn.prev {
left: 12px;
}
.tk-lightbox-nav-btn.next {
right: 12px;
}
.tk-lightbox-title {
max-width: 50%;
font-size: 13px;
}
.tk-lightbox-img-wrap {
max-width: 95vw;
max-height: 78vh;
padding: 10px;
}
#tk-lightbox-img {
max-height: 72vh;
}
}html{scroll-behavior:smooth;scroll-padding-top:95px;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden!important}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{text-decoration:none;background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:15px 35px;border-radius:var(--ei-border-radius);border:2px solid var(--color-primary)}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0 20px;font-weight:600;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;accent-color:var(--color-primary)}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}:root{--font-family:'Inter',sans-serif;--color-primary:#1B4F37;--color-primary-2:#258F67;--color-price:#E84040;--color-section_bg:#F4F4EF;--color-secondary_bg:#EFC360;--color-secondary_text:#04121F;--color-black:#2A3141;--h1:30px;--h2:24px;--h3:20px;--h4:18px;--h5:17px;--h6:16px}body,button,input,select,optgroup,textarea{color:var(--color-black);font-family:var(--font-family);font-size:1rem;line-height:1.7;font-weight:400}h1{font-size:var(--h1);line-height:39px}h2{font-size:var(--h2);line-height:32px}h3{font-size:var(--h3);line-height:30px}h4{font-size:var(--h4);line-height:28px}h5{font-size:var(--h5);line-height:25px}h6{font-size:var(--h6);line-height:24px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#ffffff;border-radius:2px}::-webkit-scrollbar-thumb{background:#dadada;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#cccccc}h1,h2,h3,h4,h5,h6{margin-top:25px;margin-bottom:20px;clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 0 20px}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}body{min-height:100vh;background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{padding-left:1.2rem;margin:0 0 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}img{height:auto;max-width:100%;border-radius:var(--ei-border-radius)}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}a,a:hover,a:focus,a:active,a:visited{color:var(--color-primary-2)}a:hover,a:active{outline:0}.pointer{cursor:pointer}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,0.8);line-height:1;padding:0.6em 1em 0.4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{xborder-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #e6e6e6;border-radius:3px;padding:3px 10px;outline:none;box-shadow:none}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}select{border:1px solid #e6e6e6}textarea{width:100%}.main-navigation{display:block;width:100%}.main-navigation .nav-left .nav ul{position:absolute;top:120%;margin-top:-1px;margin-left:-30px;width:max-content!important;max-width:200px;padding:17px 0;background:#ffffff;-webkit-box-shadow:0 10px 20px 0 rgb(8 0 42 / 8%);-moz-box-shadow:0 10px 20px 0 rgba(8,0,42,0.08);box-shadow:0 10px 20px 0 rgb(8 0 42 / 8%);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;border:1px solid #e6e6e6;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;list-style:none;visibility:hidden;opacity:0;z-index:1}body .main-navigation .nav-left .nav>li>ul,body.dark-mode .main-navigation .nav-left .nav>li>ul{border-top:0!important}.main-navigation .nav-left .nav>li:hover>.dropdown{visibility:visible;opacity:1;top:102%}.main-navigation .nav-left .nav li .dropdown li >a{width:100%;display:block;padding:3px 30px;margin-right:0!important;text-transform:capitalize;position:relative}.main-navigation .nav-left .nav>li>ul>li>ul,.main-navigation .nav-left .nav>li>ul>li>ul>li>ul{xleft:-999em;top:0!important;opacity:0!important;visibility:hidden;transform:none!important;margin-left:100%;-webkit-box-shadow:10px 10px 20px 0 rgb(8 0 42 / 8%);-moz-box-shadow:10px 10px 20px 0 rgb(8 0 42 / 8%);box-shadow:10px 10px 20px 0 rgb(8 0 42 / 8%)}.main-navigation .nav-left .nav>li>ul>li:hover>.dropdown,.main-navigation .nav-left .nav>li>ul>li>ul>li:hover>.dropdown{opacity:1!important;visibility:visible}.main-navigation .nav-left .nav ul li a svg{transform:rotate( 270deg )}.dark-mode .main-navigation .nav-left .nav ul li a svg path{fill:#ffffff}.main-navigation .nav-left .nav ul li:hover > ul,.main-navigation .nav-left .nav ul li.focus > ul{display:block;left:auto}.main-navigation .nav-left .nav ul,.main-navigation .nav-left .nav ul a{max-width:300px}.main-navigation li{xposition:relative;display:inline-block}.main-navigation a{display:block;text-decoration:none}.menu-toggle,.main-navigation.toggled ul{display:block}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation .nav-left .nav{list-style-type:none;margin:0;padding:0}}.site-main .comment-navigation,.site-main
.posts-navigation,.site-main
.post-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}.sticky{display:block}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text,.wp-block-image figcaption{font-size:13px;color:#6d717f;line-height:18px;text-align:center;margin:0.8075em 0}.wp-caption-text{text-align:center}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}::-moz-selection{color:#ffffff;background:var(--color-primary-2)}::selection{color:#ffffff;background:var(--color-primary-2)}table{width:100%!important;border-collapse:collapse;margin-bottom:20px}table tbody,table td,table tfoot,table th,table thead,table tr{text-align:inherit;padding:10px 15px!important}table,table td,table th{border:1px solid #eaeaef}.w-100{width:100%}.wrapper{width:100%}.c-coming-soon{position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center}.c-coming-soon .container{width:100%;max-width:1600px!important;padding-right:4rem;padding-left:4rem;margin-right:auto;margin-left:auto}.c-coming-soon h1{font-size:40px;text-transform:uppercase;margin:30px 0 -10px}.c-coming-soon p{font-size:18px}.c-coming-soon .c-btn{font-size:15px}.c-coming-soon .c-logo .logo-white,body.dark-mode .c-logo .logo-black{display:none}body.dark-mode .c-coming-soon .c-logo .logo-white{display:inline-block!important}@media only screen and (max-width:767px){.c-coming-soon .container{padding-right:23px;padding-left:23px}.c-coming-soon .c-logo img{width:120px!important}.c-coming-soon h1{font-size:25px;margin:13px 0 -5px}.c-coming-soon p{font-size:14px;font-weight:400;line-height:21px}.c-coming-soon .c-btn{font-size:13px}}.single-post .desc iframe{width:100%!important}.ei-embed-yt{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:35px 0}.ei-embed-yt iframe,.ei-embed-yt object,.ei-embed-yt embed{position:absolute;top:0;left:0;width:100%;height:100%}.ei-video_wrapper,.ei-video_wrapper_full,.ei-videoIframe,.ei-videoPoster{border-radius:3px}button.ei-videoPoster>span{position:absolute;left:0;font-size:1px;opacity:0}.ei-videoPoster{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;border:0!important;text-indent:-999em;overflow:hidden;opacity:1;-webkit-transition:opacity 800ms,height 0s;-moz-transition:opacity 800ms,height 0s;transition:opacity 800ms,height 0s;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;transition-delay:0s,0s}.ei-videoPoster:hover{cursor:pointer}.ei-videoPoster:before{content:'';position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:5px solid #ff5148;background-color:#ff5148;border-radius:100%;-webkit-transition:border-color .3s;-moz-transition:border-color .3s;transition:border-color .3s;transition:all .3s ease}.ei-videoPoster:after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;margin:-13px 0 0 -7px;border-left:20px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;-webkit-transition:border-color .3s;-moz-transition:border-color .3s;transition:border-color .3s}.ei-videoWrapperActive .ei-videoPoster{opacity:0;height:0;-webkit-transition-delay:0s,800ms;-moz-transition-delay:0s,800ms;transition-delay:0s,800ms}.ei-videoPoster:before{box-shadow:0 0 1px 1px #0000001a;animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgb(255 81 72 / 75%)}100%{box-shadow:0 0 0 15px rgb(255 81 72 / 0%)}}@media (max-width:767px){.ei-videoPoster:before{width:40px!important;height:40px!important;margin:-20px 0 0 -20px!important}.ei-videoPoster:after{margin:-8px 0 0 -4px;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgb(255 81 72 / 75%)}100%{box-shadow:0 0 0 10px rgb(255 81 72 / 0%)}}.ei-embed-yt{margin:25px 0}}.ei-embed-yt{box-shadow:0 4px 14px 7px rgb(132 132 133 / 18%)}body.dark-mode .ei-embed-yt{box-shadow:0 4px 14px 7px rgb(26 26 32 / 18%)}.hide-p-sidebar .content.c-fullwidth{width:100%!important;position:relative;-webkit-transition:all 0s ease-out 0s;-moz-transition:all 0s ease-out 0s;-ms-transition:all 0s ease-out 0s;-o-transition:all 0s ease-out 0s;transition:all 0s ease-out 0s}body.dark-mode .hide-p-sidebar .content.c-fullwidth .main-navigation .c-logo h1 a{color:#ffffff}@media only screen and (min-width:1400px){.hide-p-sidebar .content.c-fullwidth .container,.hide-p-sidebar .content.c-fullwidth .elementor-section.s-fullwidth.elementor-section-boxed > .elementor-container{max-width:1320px!important}body article figure img{height:170px!important}}.hide-p-sidebar .c-logo .logo-white,body.dark-mode .hide-p-sidebar .c-logo .logo-black{display:none;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}body.dark-mode .hide-p-sidebar .c-logo .logo-white{display:inline-block!important}.hide-p-sidebar .content.c-fullwidth .c-logo h1{margin:0}.hide-p-sidebar .content.c-fullwidth .c-logo a{padding:0;margin:0}.hide-p-sidebar .content.c-fullwidth .c-logo a img{border-radius:0!important}.hide-p-sidebar .content.c-fullwidth .main-navigation .c-logo h1 a{font-size:22px;font-weight:500}@media only screen and (min-width:1171px){.hide-p-sidebar .c-profile.sidebar,.hide-p-sidebar .content.c-fullwidth .main-navigation .nav-collapse:after{display:none!important}.hide-p-sidebar .content.c-fullwidth .main-navigation{padding-top:25px}.hide-p-sidebar .content.c-fullwidth .main-navigation:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e6e6e6}body.dark-mode .hide-p-sidebar .content.c-fullwidth .main-navigation:after{background:#575a6b}body.dark-mode table,body.dark-mode table td,body.dark-mode table th{border-color:#575a6b}.hide-p-sidebar .content.c-fullwidth .main-navigation>.container{-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}.main-navigation .nav-right span.search{margin-top:2px}.c-two-col>.container,.single-post .c-two-col{display:flex;flex-wrap:wrap}.c-two-col>.container .c-post-left,.single-post .c-two-col .c-post-left{flex:0 0 auto;width:66.66666667%;padding-right:15px}.c-two-col>.container .right-sidebar,.single-post .c-two-col .right-sidebar{flex:0 0 auto;width:33.33333333%}}@media only screen and (max-width:1170px){.hide-p-sidebar .content.c-fullwidth .container>.c-logo{display:none!important}.right-sidebar .widget-area{margin-top:60px}}@media only screen and (min-width:1200px) and (max-width:1399px){.hide-p-sidebar .content.c-fullwidth .container,.hide-p-sidebar .content.c-fullwidth .elementor-section.s-fullwidth.elementor-section-boxed > .elementor-container{max-width:1340px!important}body article figure img{height:170px!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hide-p-sidebar .content.c-fullwidth .container,.hide-p-sidebar .content.c-fullwidth .elementor-section.s-fullwidth.elementor-section-boxed > .elementor-container{max-width:960px!important}}@media only screen and (min-width:768px) and (max-width:991px){.hide-p-sidebar .content.c-fullwidth .container,.hide-p-sidebar .content.c-fullwidth .elementor-section.s-fullwidth.elementor-section-boxed > .elementor-container{max-width:720px!important}}@media only screen and (min-width:576px) and (max-width:767px){.hide-p-sidebar .content.c-fullwidth .container,.hide-p-sidebar .content.c-fullwidth .elementor-section.s-fullwidth.elementor-section-boxed > .elementor-container{max-width:540px!important}body article figure img{height:100px!important}}@media only screen and (min-width:576px){.hide-p-sidebar .content.c-fullwidth .container,.hide-p-sidebar .content.c-fullwidth .elementor-section.s-fullwidth.elementor-section-boxed > .elementor-container{padding-right:15px;padding-left:15px}.hide-p-sidebar .content.c-fullwidth .container .elementor-section.elementor-section-boxed > .elementor-container{padding-right:0!important;padding-left:0!important}.hide-p-sidebar .content.c-fullwidth .c-ads{margin-left:auto;margin-right:auto}.hide-p-sidebar .content.c-fullwidth footer.c-footer>.container{left:50%;transform:translate(-50%,0)}body article figure{margin:0!important}}@media only screen and (max-width:767px){}.sidebar{width:30%;position:fixed;top:0;left:0;height:100vh;z-index:9999;background:#27282B;color:#fff;overflow-y:auto;transition:all 0.3s}.sidebar::-webkit-scrollbar{width:0}.sidebar::-webkit-scrollbar-thumb{background:transparent!important}.sidebar::-webkit-scrollbar-track{background:transparent!important}.sidebar .container{padding-right:50px!important;padding-left:50px!important}.sidebar .c-content{height:100vh;padding:50px 0;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center!important;align-items:center!important;-ms-flex-pack:center!important;justify-content:center!important}.sidebar .c-content .profile img,nav .profile img{width:88px;height:88px;object-fit:cover;border-radius:100%;border:1px solid var(--color-primary);padding:3px}.sidebar .c-content .name{font-size:19px;font-weight:600;margin:5px 0 3px}.sidebar .c-content .name a{color:#ffffff}.sidebar .c-content .description{font-size:15px;line-height:22px;font-weight:400;margin-bottom:19px}.sidebar .c-content .c-ads{margin:30px 0 40px}.c-ads ins{background:transparent!important}.top-share-btn{margin-top:20px}.top-share-btn .social-media p{display:none}.social-media{display:inline-table}.social-media p{font-size:16px;font-weight:700;color:var(--color-black);margin:30px 0 8px!important}#share-post a.fb{margin-left:0!important}#share-post a.fb svg{width:18px;margin-top:7px}#share-post a.em svg{width:16px;margin-bottom:0}#share-post a{height:32px;line-height:37px;margin:0 2.8px 6px}#share-post a svg{width:17px}#share-post a.tw svg{width:15px}.sidebar .social-media a{width:30px;height:25px;line-height:29px}.sidebar .social-media a.fb svg{width:17px;margin-top:4px}.social-media a{display:inline-block;width:35px;height:30px;line-height:35px;border-radius:3px;text-align:center;margin:0 3px 6px;color:#ffffff;background:var(--color-primary);text-decoration:none}.social-media a svg{width:16px;height:auto}.social-media a svg path,.social-media a svg circle{fill:#ffffff}.social-media a.fb{background:#285da1}.social-media a.ig{background:linear-gradient(to right,#f6833f,#ff004f)}.social-media a.ig svg{width:14px;margin-bottom:1px}.social-media a.ti{background:linear-gradient(to right,#1acfc9,#ff004f)}.social-media a.ti svg{width:14px;margin-bottom:1px}.social-media a.ms{background:linear-gradient(to right,#55a8d3,#0563a0)}.social-media a.ms svg{width:15px}.social-media a.sc{background:#FF6A22}.social-media a.tr{background:#395976}.social-media a.tr svg{width:14px;margin-left:-1px}.social-media a.yt{background:#E02F2F}.social-media a.wpd{background:#504f50}.social-media a.wa{background:#25D366}.social-media a.tw{background:#000000}.social-media a.tw svg{width:14px;margin-bottom:1px}.social-media a.em{background:#BB001B}.social-media a.em svg{width:15px;margin-bottom:1px}.social-media a.tl{background:#0088CC}.social-media a.ln{background:#087ab6}.social-media a.ln svg{margin-left:2px}.social-media a.pn{background:#d2173f}.about-author{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;background:var(--color-section_bg);padding:30px;margin-top:50px;margin-bottom:50px;border-radius:var(--ei-border-radius)}body.archive.author .about-author{margin-top:0;margin-bottom:30px}.about-author .c-name{font-size:18px!important;margin-bottom:-2px!important}.about-author .c-name a{font-weight:600;color:var(--color-black);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.about-author .c-name a:hover{color:var(--color-primary)}.about-author img{max-width:65px!important;width:65px!important;height:65px!important;object-fit:cover;margin-right:23px;border-radius:100%;box-shadow:0 3px 12px 0 rgb(132 132 133 / 80%)}.about-author .aut-title{position:absolute!important;font-size:1px!important;color:transparent!important}.about-author p{line-height:25px;margin:4px 0 0}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin-bottom:20px}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.c-btn.xl{background-color:var(--color-primary);border-color:var(--color-primary);font-size:14px;padding:10px 23px}.content{width:70%;min-height:100vh;overflow-x:clip;position:absolute;top:0;right:0;padding-bottom:120px;transition:all 0.3s}.content-page,.c-404{xmin-height:75vh}.hide-p-sidebar .container,.hide-p-sidebar .elementor-section.elementor-section-boxed > .elementor-container{width:100%;margin-right:auto;margin-left:auto}.p-sidebar .container,.p-sidebar .elementor-section.elementor-section-boxed > .elementor-container{width:100%;max-width:100%!important;padding-right:100px;padding-left:100px;margin-right:auto;margin-left:auto}.p-sidebar .container .elementor-section.elementor-section-boxed > .elementor-container{padding-right:0!important;padding-left:0!important}.main-navigation{position:-webkit-sticky;position:sticky;width:100%;top:0;padding-top:15px;margin-bottom:30px;background-color:#fff;z-index:1020}.main-navigation>.container{position:relative}.main-navigation .nav-collapse{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center!important;align-items:center!important;xborder-bottom:1px solid #e6e6e6}.main-navigation .nav-collapse:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e6e6e6}.main-navigation .nav-left{position:relative;width:70%}.main-navigation .nav-right{width:30%;position:absolute;right:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-end!important;-ms-flex-align:center!important;align-items:center!important}.main-navigation .nav-right span,.main-navigation .nav-right .c-btn{display:inherit;margin-left:20px}.main-navigation .nav-right .c-btn{margin-right:0;-ms-flex-align:center!important;align-items:center!important}.main-navigation .nav-right .c-btn svg{width:17px;margin:0 7px 0 0!important}.main-navigation .nav-right .c-btn svg path{fill:#ffffff}.main-navigation .nav-left .nav>li.active>a,.main-navigation .nav-left .nav>li.current-menu-parent>a,.main-navigation .nav-left .nav>li .dropdown li.active a{position:relative;font-weight:500;color:var(--color-primary-2)!important}.main-navigation .nav-left .nav>li>a:after{content:'';position:absolute;left:0;bottom:0;width:0%;height:1px;background:var(--color-primary-2);transition:width .5s ease;z-index:1}.main-navigation .nav-left .nav>li>a:hover:after{width:100%}.main-navigation .nav-left .nav li a:hover,footer .c-menu ul li a:hover,.post-meta span a:hover>span{color:var(--color-primary-2)!important}.main-navigation .nav-left .nav li a:hover svg path,.main-navigation .nav-left .nav li.active a svg path,.main-navigation .nav-left .nav>li.current-menu-parent>a svg path{fill:var(--color-primary-2)!important}.main-navigation .nav-left .nav>li.active a:after,.main-navigation .nav-left .nav>li.current-menu-parent>a:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--color-primary-2)}.main-navigation a{font-size:14px;font-weight:400;color:var(--color-black);padding:16px 0;margin-right:30px}.main-navigation a svg{float:right;width:10px;margin-top:9px;margin-left:5px}.main-navigation .ei-cart{position:relative;padding:0;margin-left:20px;margin-right:18px}.main-navigation .ei-cart svg{width:17px;margin:0}.main-navigation .ei-cart #ei-cart-count{display:inline-block!important;position:absolute;overflow:hidden;top:-10px;right:-12px;margin:0!important;font-size:10px;font-weight:700;width:15px;height:15px;line-height:15px;border-radius:50%;color:var(--color-secondary_text);background:var(--color-secondary_bg);text-align:center}.nav-left .navwrap::-webkit-scrollbar{height:5px!important}.nav-left .navwrap::-webkit-scrollbar-thumb{background:#dadada!important}.nav-left .navwrap::-webkit-scrollbar-track{background:transparent!important;border-radius:2px!important}.nav-left ul{margin:0;padding:0;list-style:none}.nav-left .navwrap{overflow-y:hidden;overflow-x:auto;white-space:nowrap;xpadding-bottom:14px}.nav-left .nav{display:table;width:100%;word-spacing:-9em}.nav-left .nav li{display:inline-block;text-align:left;word-spacing:normal}.nav-left .nav li > a{position:relative;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.nav-left .nav li:hover,.nav-left .nav > li > a:hover,.nav-left .nav li:focus,.nav-left .nav > li > a:focus{z-index:105}.nav-left .nav li li{position:relative;display:block;white-space:normal}.nav-left .nav .touch-only{display:none;left:-10px}.touch-device .nav .touch-only{display:inline-block}.touch-device .nav .touch-only a{background:var(--color-black);color:#ffffff}.isScrolling .nav ul.dropdown{left:-999em;opacity:0}body .breadcrumbs{font-size:14px;line-height:27px;color:#292929;background-color:var(--color-section_bg);border-color:var(--color-section_bg);padding:4px 15px 5px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;visibility:visible;xwhite-space:break-spaces}body .breadcrumbs a{color:#292929}.breadcrumb-item+.breadcrumb-item::before{float:none!important;margin-left:-3px}.breadcrumbs__current{color:#757575}.breadcrumbs__separator{font-size:16px;padding:0 2px}body .c-btn{display:inline-block;font-size:14px;padding:8px 26px;border-radius:50px;color:#ffffff;background-color:var(--color-primary)}body.single-post .desc .c-btn{color:#ffffff!important}article.type-post{display:flex;flex-wrap:wrap;padding-top:25px;margin-top:20px!important;margin-bottom:0!important;border-top:1px solid #e6e6e6}article.type-post:first-of-type{padding-top:0;margin-top:0!important;border-top:0!important}article .post-content{flex:0 0 auto;width:80%;padding-right:30px}article figure{flex:0 0 auto;width:20%}article figure img{width:100%;height:130px!important;object-fit:cover;border-radius:var(--ei-border-radius)!important}article .post-category a,body .btn-cat,body .btn-cat:hover,body .btn-tag{display:inline-block;margin:0 1px 4px 0;font-size:12px;font-weight:500;padding:3px 10px;border-radius:3px;color:#292929!important;background-color:var(--color-section_bg)}body.single-post .tag>a{display:inline-block;margin:0 7px 7px 0}body .btn-tag{border:1px solid #e6e6e6;background-color:transparent!important}article .post-title{font-size:22px;font-weight:700;line-height:28px;margin:8px 0 -8px}.post-title a{color:var(--color-black);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.post-title a:hover{color:var(--color-primary)}article .post-excerpt p{color:#4E5566;font-weight:400;line-height:24px;margin-bottom:10px;-webkit-line-clamp:3;line-clamp:3;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;visibility:visible}.post-meta{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center!important;align-items:center!important}.post-meta span{font-size:14px;color:#757575;font-weight:400}.post-meta>span{margin-right:5px}.post-meta span a>span{font-weight:600;color:var(--color-black);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.post-meta span.dot{font-size:20px;line-height:0;margin-top:-8px;margin-left:1px;margin-right:6px}.eishop_loadmore,.homepage-list .c-readmore>a{color:#ffffff;background-color:var(--color-primary);border-radius:var(--ei-border-radius);display:block;text-align:center;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;text-transform:uppercase;padding:10px 0;margin-top:30px;transition:background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.3s ease-in-out}.wrapper.p-sidebar .content div.c-post-left>.title,.wrapper.p-sidebar .content .sec-title{padding:15px 20px 17px;margin-bottom:30px;border-radius:var(--ei-border-radius);background:var(--color-section_bg)}.wrapper.p-sidebar .content div.c-post-left>.title .c-taxonomy-description{margin:8px 0 2px}.wrapper.p-sidebar .content div.c-post-left>.title>.container{padding:0!important}.wrapper.p-sidebar .content div.c-post-left>.title h1{margin-top:0;margin-bottom:0}.title h1,.sec-title{font-size:18px;font-weight:700;line-height:1.4}.sec-title{margin-bottom:30px}.title h1{margin:-15px 0 30px}.content-page .title h1{margin-bottom:25px}.title h1 span{display:block;font-size:1rem;font-weight:400;margin-top:5px}.title .c-taxonomy-description{margin:-23px 0 30px}.title .c-taxonomy-description p:first-of-type{margin-top:0!important}.title .c-taxonomy-description p:last-of-type{margin:0!important}.title .c-taxonomy-description p{font-weight:400;line-height:24px;margin:0 0 10px}.c-alert{color:#664d03;background-color:#fff3cd;border:1px solid #ffecb5;border-radius:var(--ei-border-radius);padding:13px 20px;margin-bottom:30px}.search-overlay{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100vh;cursor:zoom-out;background-color:rgb(0 0 0 / 60%)}.search-overlay,.search-form{opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}.search-active .search-overlay,.search-active .search-form{opacity:1;visibility:visible}.search-active .search-form,body.dark-mode.search-active .search-form{padding:25px;background-color:var(--color-primary)!important}.search-form{position:fixed;width:inherit;top:0;padding:30px 0 10px;background-color:#ffffff;z-index:999999}.search-form form{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center!important;align-items:center!important;height:50px;padding:10px 20px 10px 0;background:#ffffff;box-shadow:0 0 20px 3px rgb(0 0 0 / 5%);border-radius:var(--ei-border-radius)}.search-form select{width:120px!important;padding:0 40px 0 20px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M7.35491 1.10501C7.30843 1.05814 7.25313 1.02095 7.1922 0.995561C7.13127 0.970177 7.06591 0.957108 6.99991 0.957108C6.9339 0.957108 6.86855 0.970177 6.80762 0.995561C6.74669 1.02095 6.69139 1.05814 6.64491 1.10501L4.35491 3.39501C4.30843 3.44187 4.25313 3.47907 4.1922 3.50445C4.13127 3.52984 4.06591 3.54291 3.99991 3.54291C3.9339 3.54291 3.86855 3.52984 3.80762 3.50445C3.74669 3.47907 3.69139 3.44187 3.64491 3.39501L1.35491 1.10501C1.30843 1.05814 1.25313 1.02095 1.1922 0.995561C1.13127 0.970177 1.06591 0.957108 0.999908 0.957108C0.933902 0.957108 0.868549 0.970177 0.80762 0.995561C0.74669 1.02095 0.691389 1.05814 0.644908 1.10501C0.551782 1.19869 0.499512 1.32541 0.499512 1.45751C0.499512 1.5896 0.551782 1.71633 0.644908 1.81001L2.93991 4.10501C3.22116 4.38591 3.60241 4.54369 3.99991 4.54369C4.39741 4.54369 4.77866 4.38591 5.05991 4.10501L7.35491 1.81001C7.44803 1.71633 7.5003 1.5896 7.5003 1.45751C7.5003 1.32541 7.44803 1.19869 7.35491 1.10501Z' fill='%23535353'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:10px!important;background-position:calc(100% - 1.6em) center!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}body .search-form input[type="text"]{width:calc(100% - 160px);padding:3px 10px 3px 23px!important;border-left:1px solid #e6e6e6!important;font-weight:400}.search-form button{position:absolute;right:0;width:55px;padding:0!important}.search-form select,.search-form input[type="text"],.search-form button{font-size:14px;color:#292929;background-color:transparent!important;border:0!important;border-radius:0!important;outline:none;box-shadow:none}.search-form button span,span.socmed-title{position:absolute!important;font-size:1px!important;color:transparent!important}.single-post h1.post-title{margin:18px 0 12px;line-height:39px}.single-post figure.post-image{margin:30px 0 25px}.single-post figure.post-image img{width:100%}.single-post figure.post-image figcaption{font-size:13px;color:#6d717f;text-align:center;line-height:18px;margin:0.2075em 0 2.4em}.single-post blockquote p{display:block;font-weight:700;margin:0 0 20px 0!important}.single-post blockquote p:last-child{margin:0 0 0 0!important}.single-post blockquote p a,.single-post .c-also-read a{color:var(--color-primary-2)}body.single-post .content-single blockquote,.single-post .c-also-read.c-default{padding:16px 20px 18px;background-color:var(--color-section_bg);border-left:2px solid var(--color-primary);border-radius:var(--ei-border-radius)}.single-post .c-also-read{padding:0;margin:-5px 0 28px!important;font-weight:700;border-left:0}.single-post .c-also-read.with-image div{display:flex;flex-wrap:wrap;padding:20px;margin-top:10px;background-color:var(--color-section_bg);border-left:2px solid var(--color-primary);border-radius:var(--ei-border-radius)}.single-post.dark-mode .c-also-read.with-image div{background-color:#353744}.single-post .c-also-read.with-image a{display:flex;width:80px}.single-post .c-also-read.with-image a:last-of-type{display:flex;width:calc(100% - 80px);padding-left:15px;font-weight:700;line-height:22px;color:var(--color-black);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.single-post.dark-mode .c-also-read.with-image a:last-of-type{color:#ffffff}.single-post .c-also-read.with-image a:hover:last-of-type{color:var(--color-primary)}.single-post .c-also-read.with-image a img{width:100%;height:60px;object-fit:cover}.single-post .post-nav-links{color:var(--color-black);font-weight:600;margin:30px 0}.single-post .post-nav-links .post-page-numbers{font-weight:500;padding:5px 5px;border-radius:var(--ei-border-radius)}.single-post .post-page-numbers.current{padding:5px 10px;margin:0 5px;color:#ffffff;background-color:var(--color-primary)}.single-post .content-single ol>li::marker{font-weight:bold}.single-post .content-single ol>li{margin-bottom:20px}.medium-zoom-image--opened,.medium-zoom--opened .medium-zoom-overlay{z-index:9999!important}.medium-zoom--opened .medium-zoom-overlay{opacity:.8!important}.related-post{padding-top:20px}.related-post .c-row{display:flex;flex-wrap:wrap;margin:0 -10px}.related-post article.type-post{display:block;flex:0 0 auto;width:33.3333%;padding:0 10px;margin-top:0!important;margin-bottom:30px!important;border-top:0}.related-post article .post-title{font-size:16px;line-height:22px;margin-top:5px!important}.related-post .sec-title{font-size:var(--h3)}.related-post article .post-content{width:100%;padding-right:0}.related-post article figure{width:100%}.wrapper.p-sidebar .related-post article figure{margin:0!important}.wrapper.p-sidebar .related-post article .post-title a{-webkit-line-clamp:3;line-clamp:3;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;visibility:visible;xwhite-space:break-spaces}.related-post article figure img{aspect-ratio:3/2!important}::placeholder{color:#909090!important;opacity:1}:-ms-input-placeholder{color:#909090!important}::-ms-input-placeholder{color:#909090!important}body .content input,body .content select,body .content textarea{width:100%;font-size:14px;border:1px solid #eaeaef;color:var(--color-black);background-color:#fdfdfd;border:0;margin-bottom:20px!important}body .content input[type="submit"]{width:auto;cursor:pointer;color:#ffffff;background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}body .wpcf7-spinner{display:block!important;margin:auto!important}body .wpcf7-not-valid-tip{font-size:13px!important;color:#ff6b57!important;font-weight:normal!important;display:block!important;padding-top:0!important;margin-top:-18px!important;margin-bottom:-15px!important}body span[data-name="your-message"] .wpcf7-not-valid-tip{margin-top:-25px!important;margin-bottom:-5px!important}body .wpcf7 form .wpcf7-response-output{margin:-25px 0 0!important;text-align:center!important;border-width:1px!important;border-color:#ff6b57!important;border-radius:var(--ei-border-radius)!important;padding:10px 20px;color:#ff6b57!important}body .wpcf7 form.sent .wpcf7-response-output{border-color:#46b450!important;color:#46b450!important}.c-404{text-align:center}.c-404 h2{font-size:18px;margin:-5px 0 -10px!important}.c-404 p{font-size:15px;margin-bottom:15px}footer.c-footer>.container{position:absolute;bottom:0}footer .c-row{display:flex;flex-wrap:wrap;padding:25px 0;margin-top:60px;border-top:1px solid #e6e6e6}footer .c-row .col{flex:0 0 auto;width:50%;font-size:13px;color:#757575}footer .c-menu ul{list-style-type:none;margin:0;padding:0}footer .c-menu ul li{display:inline-block;margin-right:25px}body footer .c-menu ul li.active a{color:var(--color-primary)!important}footer .c-menu ul li a{color:#757575;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrapper.p-sidebar footer .c-row.c-hide-menu{-ms-flex-pack:center!important;justify-content:center!important}.wrapper.p-sidebar footer .c-row.c-hide-menu>div.col:first-child{display:none}.wrapper.p-sidebar footer .c-row.c-hide-menu .copyright{text-align:center}footer .copyright{margin:0;text-align:right}.comments-area label[for="comment"],.comments-area label[for="author"],.comments-area label[for="email"]{display:none!important}.comments-area .comment-respond textarea{width:100%!important}.comments-area .comment-respond input[type="text"],.comments-area .comment-respond input[type="email"],.comments-area .comment-respond input[type="url"]{width:100%!important;display:block}.comments-area .comment-respond input[type="text"],.comments-area .comment-respond input[type="email"],.comments-area .comment-respond input[type="url"],.comments-area .comment-respond textarea{margin-bottom:0!important}.comments-area .comment-respond input[type="submit"]{font-size:15px;color:#fff!important;box-shadow:1px 2px 7px -5px rgb(0 0 0 / 80%)!important}.comments-area .comment-respond,.comments-area .entry-pings,.comments-area .entry-comments{color:#444;overflow:hidden}.comments-area .entry-comments h3{font-size:30px;margin-bottom:30px}.comments-area .comment-respond h3,.comments-area .entry-pings h3{margin-bottom:10px}.comments-area .comment-respond h3.comment-reply-title{color:#161f38;font-weight:700!important;margin-top:30px}.comments-area .comment-respond h3.comment-reply-title small a{padding-left:10px;text-decoration:underline;font-size:15px}.comments-area{margin-top:50px}.comments-area.no-comment{margin-top:32px}.comments-area .comment-respond{border-left:none!important}.comments-area .comment-respond p.form-submit{xmargin-bottom:0!important}.comments-area .comment-header{color:#adaeb3;font-size:14px;margin-bottom:20px}.comments-area .comment-header cite a{border:none;font-style:normal;font-size:16px;font-weight:bold}.comments-area .comment-header .comment-meta a{border:none;color:#adaeb3}.comments-area h2.comments-title{color:#161f38;font-weight:700!important;margin-bottom:20px}.comments-area a{text-decoration:none!important}.comments-area ul{list-style-type:none;padding:0}.comments-area li.comment{border-right:none}.comments-area .comment-content{clear:both;overflow:hidden}.comments-area .comment-content p{margin:0 0 20px}.comments-area .comment-list li{padding:20px 0;border-top:1px solid #e6e6e6}.comments-area .comment-list .children{margin-left:35px}.comments-area .comment-list .children{margin-top:20px;margin-bottom:-20px}.single-post .comments-area li .comment-author img{width:32px!important;height:32px!important;object-fit:cover!important;margin-right:6px;border-radius:100%;vertical-align:middle}.single-post .comments-area li .comment-metadata a{color:#9c9c9c!important;font-size:14px}.comments-area .comment-respond input[type="email"],.comments-area .comment-respond input[type="text"],.comments-area .comment-respond input[type="url"]{width:50%}.comments-area .comment-respond label{margin-right:10px;margin-bottom:10px}.single-post .content .comments-area .comment-form-comment{margin-bottom:-4px!important}.single-post .content .comments-area .comment-notes{margin-top:0}body .comment-form-cookies-consent input{width:auto!important;height:auto!important;margin-right:5px!important;margin-bottom:0!important}.comments-area .entry-comments .comment-author{margin-bottom:0;position:relative}.comments-area .entry-comments .comment-author img{border-radius:50%;border:5px solid #fff;left:-80px;top:-5px;position:absolute;width:60px}.comments-area .entry-pings .reply{display:none}.comments-area .bypostauthor{}.comments-area .form-allowed-tags{background-color:var(--color-section_bg);font-size:16px;padding:24px}body.single-post .comments-area li a.comment-reply-link,body.single-post .comments-area li a.comment-reply-link:focus{cursor:pointer;background-color:var(--color-primary);border:none;border-radius:3px;color:#ffffff!important;font-size:12px;letter-spacing:1px;padding:5px 13px;width:auto}.comments-area .comment-reply-link:hover{color:#fff}.comments-area label[for="wp-comment-cookies-consent"]{display:inline!important}.comments-area footer.comment-meta{background:transparent!important;padding:0!important}.comments-area footer.comment-meta .comment-awaiting-moderation{padding:1px 5px;border-radius:3px;background-color:#ff6b57;color:#ffffff}.single-post .comments-area li .comment-meta .comment-author a{color:#444444!important}.single-post .comments-area li .comment-metadata{margin-bottom:5px}.comments-area .comment-form-author,.comments-area .comment-form-email{width:49%;display:inline-block;margin-bottom:0!important}.comments-area .comment-form-email{float:right}.comments-area .comment-form-cookies-consent{clear:both}#disqus_thread{margin-top:50px;margin-bottom:50px}#disqus_thread .c-btn{font-size:15px;padding:14px 23px;line-height:1}.heading-level-3{margin-left:30px!important}.heading-level-4,.heading-level-5,.heading-level-6{margin-left:60px!important}.table-of-contents{position:relative;margin:0 0 30px;padding:30px 40px 35px;border-radius:var(--ei-border-radius);background-color:#F9F9F9}.table-of-contents.after_paragraph{margin:33px 0!important}.table-of-contents .toc-headline{font-size:20px;color:var(--color-black);font-weight:500;display:block;cursor:pointer}.table-of-contents .toc-headline::before{content:'';width:18px;height:18px;display:inline-block;margin-right:0.7rem}.table-of-contents .toggle-toc{position:absolute;top:20px;right:40px;font-size:25px;cursor:pointer;font-weight:500}.table-of-contents.collaps-true .toggle-toc{font-weight:400}@media (min-width:768px){.table-of-contents .toggle-toc{margin-top:5px}}.table-of-contents ul{padding:0;margin-bottom:0!important}.table-of-contents ul.collaps{display:none}.table-of-contents li{position:relative;padding-left:1rem;list-style:none;line-height:1.2;font-weight:400;margin:.3rem 0;transition:.2s ease all}.table-of-contents li:hover{padding-left:1.1rem}.table-of-contents li a{font-size:16px;line-height:1.7;text-decoration:none;color:var(--color-black);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.table-of-contents li a:hover{color:var(--color-primary)}.table-of-contents li a strong{font-weight:400}.table-of-contents li::before{content:'';position:absolute;left:-4px;margin-top:-3px;font-size:25px}.table-of-contents li>ul{padding-left:0.7rem;padding-bottom:1rem}body .dataTables_wrapper{margin-top:40px!important;padding:30px 0;border-radius:var(--ei-border-radius);border:1px solid #e6e6e6}body .dataTables_length>label{display:flex;-ms-flex-align:center!important;align-items:center!important}body .dataTables_wrapper .dataTables_filter input{width:auto;margin-left:10px!important;margin-bottom:0!important;border:0!important;font-size:13px;background-color:#fdfdfd!important;border:1px solid #eaeaef!important}body .dataTables_length>label>select{width:100px;margin:0 10px!important;border:1px solid #e6e6e6!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M7.35491 1.10501C7.30843 1.05814 7.25313 1.02095 7.1922 0.995561C7.13127 0.970177 7.06591 0.957108 6.99991 0.957108C6.9339 0.957108 6.86855 0.970177 6.80762 0.995561C6.74669 1.02095 6.69139 1.05814 6.64491 1.10501L4.35491 3.39501C4.30843 3.44187 4.25313 3.47907 4.1922 3.50445C4.13127 3.52984 4.06591 3.54291 3.99991 3.54291C3.9339 3.54291 3.86855 3.52984 3.80762 3.50445C3.74669 3.47907 3.69139 3.44187 3.64491 3.39501L1.35491 1.10501C1.30843 1.05814 1.25313 1.02095 1.1922 0.995561C1.13127 0.970177 1.06591 0.957108 0.999908 0.957108C0.933902 0.957108 0.868549 0.970177 0.80762 0.995561C0.74669 1.02095 0.691389 1.05814 0.644908 1.10501C0.551782 1.19869 0.499512 1.32541 0.499512 1.45751C0.499512 1.5896 0.551782 1.71633 0.644908 1.81001L2.93991 4.10501C3.22116 4.38591 3.60241 4.54369 3.99991 4.54369C4.39741 4.54369 4.77866 4.38591 5.05991 4.10501L7.35491 1.81001C7.44803 1.71633 7.5003 1.5896 7.5003 1.45751C7.5003 1.32541 7.44803 1.19869 7.35491 1.10501Z' fill='%23535353'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:10px!important;background-position:75px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}body .dataTables_length>label>select,body .dataTables_wrapper .dataTables_filter input{border-radius:var(--ei-border-radius)!important;padding:4px 12px!important;height:35px}body .dataTables_wrapper .dataTables_length,body .dataTables_wrapper .dataTables_filter,body .dataTables_wrapper .dataTables_info,body .dataTables_wrapper .dataTables_processing,body .dataTables_wrapper .dataTables_paginate{color:#747474;font-size:14px}body .dataTables_wrapper .dataTables_paginate .paginate_button.current,body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{width:30px;height:30px;line-height:27px;border-radius:100%;padding:0;color:#fff!important;background:var(--color-primary)}body .dataTables_wrapper .dataTables_paginate .paginate_button:active,body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:none;box-shadow:none;border-color:transparent;color:var(--color-primary)!important;padding:0.5em 1em;min-width:1.5em}body table.dataTable thead th,body table.dataTable thead td{padding:10px;border-bottom:1px solid #e6e6e6;font-weight:600;color:#3e3e3e;text-align:left}body table.dataTable.no-footer{padding:20px 0!important;border:0!important}body table.dataTable td.s-date{width:160px}body table.dataTable th,body table.dataTable td{border:0!important;border-bottom:1px solid #e6e6e6!important;font-size:16px!important;text-transform:capitalize!important;padding:10px!important}body table.dataTable.display tbody tr.even > .sorting_1,body table.dataTable.order-column.stripe tbody tr.even > .sorting_1,body table.dataTable.stripe tbody tr.odd,body table.dataTable.display tbody tr.odd,body table.dataTable tbody tr,body table.dataTable.display tbody tr.odd > .sorting_1,body table.dataTable.order-column.stripe tbody tr.odd > .sorting_1{background-color:transparent!important}body table.dataTable.display tbody tr > .sorting_1 a:hover,body table.dataTable.display tbody tr > .sorting_1 a:focus{color:var(--color-primary)!important}body table.dataTable .hover-flip-item span{text-transform:capitalize!important}body body .dataTables_wrapper .dataTables_paginate .paginate_button.next{padding-right:0!important}body table.dataTable th,body table.dataTable td{padding:10px 25px!important}body table.dataTable td a{color:var(--color-black);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}body table.dataTable td a:hover{color:var(--color-primary)}body .dataTables_wrapper .dataTables_length,body .dataTables_wrapper .dataTables_info{padding-left:25px}body .dataTables_wrapper .dataTables_filter,body .dataTables_wrapper .dataTables_paginate{padding-right:25px}body .dataTables_paginate>span{padding-left:10px;padding-right:10px}body span .paginate_button{padding-left:5px!important;padding-right:5px!important}body span .paginate_button.current{margin-left:8px!important;margin-right:8px!important}body span .paginate_button:first-child{margin-left:-7px!important}body span .paginate_button:last-child{margin-right:-10px}body span .paginate_button.current:first-child{margin-left:-1px!important}body span .paginate_button.current:last-child{margin-right:-9px!important}body table.dataTable tbody td a.btn{line-height:normal!important;padding-top:3px;padding-bottom:3px}body .c-ads{margin:25px 0 30px}body .homepage-list .c-ads,body .homepage-list .c-ads.top_ad{margin-top:30px!important;margin-bottom:0!important}body .c-ads.top_ad{margin-top:0!important}body .c-ads.bottom_ad{margin-top:40px;margin-bottom:0!important}.c-ad{text-align:center;font-weight:500;color:#757575;background-color:var(--color-section_bg);border-radius:var(--ei-border-radius)}.c-ad span:last-child{padding-left:25px;font-weight:600}.c-ad.x-top{max-width:930px;margin:auto;font-size:20px;padding:40px 0}.c-ad.x-sidebar{padding:35px 0}.c-ad.x-sidebar span:last-child{padding-left:18px}.home .c-ad.x-top{width:100%}.home .c-ads.middle_ad{margin-top:0}.right-sidebar .c-ad.x-top{font-size:16px;padding:30px 20px}.c-float-ads{margin:0 auto}.c-float-ad-left,.c-float-ad-right{position:fixed;width:160px;opacity:0}.c-float-ads.c-active .c-float-ad-left,.c-float-ads.c-active .c-float-ad-right{opacity:1}.c-float-ads.c-active .c-float-ad-right{right:auto}.c-float-ad-left{margin-left:-180px}.c-float-ad-right{margin-left:960px;right:0}.c-float-ads .c-ad.x-top{height:600px}.c-float-ads .c-ad.x-top>div{white-space:nowrap;margin-top:300px}.c-float-ads .c-float-ad-left .c-ad.x-top>div{transform:rotate( -90deg )}.c-float-ads .c-float-ad-right .c-ad.x-top>div{transform:rotate( 90deg );margin-top:165px}.c-float-ads .c-ad span:last-child{letter-spacing:1px}body .c-float-ads span.c-close{width:20px;height:20px;line-height:20px;border-radius:0}body .c-float-ads span.c-close>span{width:20px;height:20px}body .c-float-ads span.c-close>span svg{width:8px;height:8px}body .c-float-ads .c-float-ad-left span.c-close{top:0;left:0;right:auto}body .c-float-ads .c-float-ad-right span.c-close{top:0;left:auto;right:0}body .c-float-ads img{border-radius:0!important}.c-dark-mode svg:first-child,body.dark-mode .c-dark-mode svg:last-child{display:none}body.dark-mode .c-dark-mode svg:first-child{display:inline-block}body.dark-mode::-webkit-scrollbar-thumb,body.dark-mode .nav-left .navwrap::-webkit-scrollbar-thumb{background:#5d5f6e!important}body.dark-mode::-webkit-scrollbar-track{background:#30313b!important}body.dark-mode,body.dark-mode .main-navigation,body.dark-mode .search-form{background-color:#272935!important}body.dark-mode .main-navigation .nav-left:after{background-image:linear-gradient(to right,rgb(39 41 53 / 31%) 50%,#272935 100%)!important}body.dark-mode .main-navigation .nav-collapse:after{background:#575a6b}body.dark-mode .sidebar{background:#20222e}body.dark-mode .c-modal-content{background-color:#20222e}body.dark-mode .c-modal-body .c-btn.c-modal-hide{color:#ffffff;background-color:#353744!important;border:1px solid #575a6b!important}body.dark-mode .widget-area .widget_tag_cloud a,body.dark-mode .btn-tag{background-color:#353744!important;border:1px solid #575a6b!important}body.dark-mode .comments-area .comment-respond,body.dark-mode .comments-area .entry-pings,body.dark-mode .comments-area .entry-comments{background:transparent!important}body.dark-mode .comments-area li.comment{background-color:transparent!important}body.dark-mode .table-of-contents{background-color:#353744!important}body.dark-mode .nav>li.has-dropdown .dropdown{background-color:#353744!important;border:1px solid #575a6b!important;box-shadow:0 15px 40px 5px rgb(88 88 101 / 15%)!important}body.dark-mode .swiper-pagination-bullet{background:#ffffff}body.dark-mode .elementor-widget-icon-box .elementor-icon-box-title,body.dark-mode .elementor-widget-icon-box .elementor-icon-box-description,body.dark-mode .elementor-widget-counter .elementor-counter-number-wrapper,body.dark-mode .elementor-widget-counter .elementor-counter-title,body.dark-mode .elementor-widget-testimonial .elementor-testimonial-content,body.dark-mode .elementor-widget-testimonial .elementor-testimonial-name,body.dark-mode .elementor-widget-testimonial .elementor-testimonial-job,body.dark-mode .elementor-widget-tabs .elementor-tab-content,body.dark-mode .elementor-widget-tabs .elementor-tab-title,body.dark-mode .elementor-widget-progress .elementor-title,body.dark-mode .elementor-widget-accordion .elementor-tab-content,body.dark-mode .elementor-widget-accordion .elementor-accordion-icon,body.dark-mode .elementor-widget-accordion .elementor-accordion-title,body.dark-mode .elementor-widget-icon-list .elementor-icon-list-text{color:#ffffff}body.dark-mode .search-form form{background:#353744}body.dark-mode .search-form select{border:0!important}body.dark-mode .search-form select,body.dark-mode .widget-area .widget select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M7.35491 1.10501C7.30843 1.05814 7.25313 1.02095 7.1922 0.995561C7.13127 0.970177 7.06591 0.957108 6.99991 0.957108C6.9339 0.957108 6.86855 0.970177 6.80762 0.995561C6.74669 1.02095 6.69139 1.05814 6.64491 1.10501L4.35491 3.39501C4.30843 3.44187 4.25313 3.47907 4.1922 3.50445C4.13127 3.52984 4.06591 3.54291 3.99991 3.54291C3.9339 3.54291 3.86855 3.52984 3.80762 3.50445C3.74669 3.47907 3.69139 3.44187 3.64491 3.39501L1.35491 1.10501C1.30843 1.05814 1.25313 1.02095 1.1922 0.995561C1.13127 0.970177 1.06591 0.957108 0.999908 0.957108C0.933902 0.957108 0.868549 0.970177 0.80762 0.995561C0.74669 1.02095 0.691389 1.05814 0.644908 1.10501C0.551782 1.19869 0.499512 1.32541 0.499512 1.45751C0.499512 1.5896 0.551782 1.71633 0.644908 1.81001L2.93991 4.10501C3.22116 4.38591 3.60241 4.54369 3.99991 4.54369C4.39741 4.54369 4.77866 4.38591 5.05991 4.10501L7.35491 1.81001C7.44803 1.71633 7.5003 1.5896 7.5003 1.45751C7.5003 1.32541 7.44803 1.19869 7.35491 1.10501Z' fill='%23FFFFFF'/%3E%3C/svg%3E")!important}body.dark-mode .search-form input[type="text"]{border-left:1px solid #575a6b!important}body.dark-mode .search-overlay{background-color:rgb(39 41 53 / 62%)}body.dark-mode .breadcrumbs{color:#ffffff!important;background-color:#353744!important;border-color:#353744!important}body.dark-mode form input::placeholder,body.dark-mode form textarea::placeholder{color:#82879d!important;opacity:1}body.dark-mode form input:-ms-input-placeholder,body.dark-mode form textarea:-ms-input-placeholder{color:#82879d!important}body.dark-mode form input::-ms-input-placeholder,body.dark-mode form textarea::-ms-input-placeholder{color:#82879d!important}body.dark-mode form input,body.dark-mode form select,body.dark-mode form textarea,body.dark-mode .comments-area .comment-respond input[type="text"],body.dark-mode .comments-area .comment-respond input[type="email"],body.dark-mode .comments-area .comment-respond input[type="url"],body.dark-mode .comments-area .comment-respond textarea,body.dark-mode .custom-widget .widget select,body.dark-mode .custom-widget .widget_search input[type="search"],body.dark-mode .dataTables_wrapper,body.dark-mode .dataTables_wrapper .dataTables_filter input,body.dark-mode .dataTables_length>label>select{color:#ffffff!important;background-color:#353744!important;border:1px solid #575a6b!important}body.dark-mode article.type-post,body.dark-mode footer .c-row{border-top:1px solid #575a6b}body.dark-mode .related-post article.type-post{border-top:0!important}body.dark-mode article .post-category a,body.dark-mode .btn-cat,body.dark-mode .btn-cat:hover,body.dark-mode table.dataTable td a.btn-cat:hover{color:#ffffff!important;background-color:#353744!important;border:1px solid #575a6b!important}body.dark-mode .btn-tag{color:#ffffff!important;border:1px solid #575a6b!important}body.dark-mode table.dataTable th,body.dark-mode table.dataTable td{border-bottom:1px solid #575a6b!important}body.dark-mode .breadcrumbs__current{color:#babdc7!important}body.dark-mode,body.dark-mode .nav li a,body.dark-mode .widget .wid-title,body.dark-mode footer .title-footer,body.dark-mode .social-media a,body.dark-mode .table-of-contents .toc-headline,body.dark-mode .table-of-contents .toggle-toc,body.single-post.dark-mode .content .table-of-contents li a,body.single-post.dark-mode .content .table-of-contents li,body.single-post.dark-mode .social-media p,body.dark-mode .comments-area .comment-respond,body.dark-mode .comments-area .entry-pings,body.dark-mode .comments-area .entry-comments,body.dark-mode .comments-area h2.comments-title,body.single-post.dark-mode .content .comments-area li .comment-meta .comment-author a,body.dark-mode .comments-area .comment-respond h3.comment-reply-title,body.dark-mode .custom-widget section.widget ul li a,body.dark-mode .wp-calendar-table caption,body.dark-mode .wp-calendar-nav-prev a,body.dark-mode .dataTables_wrapper .dataTables_length,body.dark-mode .dataTables_wrapper .dataTables_filter,body.dark-mode .dataTables_wrapper .dataTables_info,body.dark-mode .dataTables_wrapper .dataTables_processing,body.dark-mode .dataTables_wrapper .dataTables_paginate,body.dark-mode table.dataTable thead th,body.dark-mode table.dataTable thead td,body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button,body.dark-mode .elementor-widget-heading .elementor-heading-title,body.dark-mode .elementor-widget-text-editor,body.dark-mode .post-title a,body.dark-mode article .post-excerpt p,body.dark-mode table.dataTable td a,body.dark-mode .widget-area section.widget ul li a,body.dark-mode .widget-area .widget_tag_cloud a{color:#ffffff!important}body.dark-mode table.dataTable td a:hover,body.dark-mode footer .c-menu ul li a:hover,body.dark-mode footer .c-menu ul li.active a,body.dark-mode .widget-area section.widget ul li a:hover,body.dark-mode .post-title a:hover{color:var(--color-primary)!important}body.dark-mode footer .c-menu ul li a,body.dark-mode footer .copyright{color:#babdc7!important}body.dark-mode .post-meta span,body.single-post.dark-mode figure.post-image figcaption,body.dark-mode .wp-caption .wp-caption-text{color:#babdc7}body.dark-mode .post-meta span a>span{color:#d9dbe0}body.single-post.dark-mode .content .comments-area li .comment-metadata a,body.single-post.dark-mode .custom-widget section.widget ul li .post-date,body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color:#b3b3b3!important}body.dark-mode .dataTables_length>label>select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M7.35491 1.10501C7.30843 1.05814 7.25313 1.02095 7.1922 0.995561C7.13127 0.970177 7.06591 0.957108 6.99991 0.957108C6.9339 0.957108 6.86855 0.970177 6.80762 0.995561C6.74669 1.02095 6.69139 1.05814 6.64491 1.10501L4.35491 3.39501C4.30843 3.44187 4.25313 3.47907 4.1922 3.50445C4.13127 3.52984 4.06591 3.54291 3.99991 3.54291C3.9339 3.54291 3.86855 3.52984 3.80762 3.50445C3.74669 3.47907 3.69139 3.44187 3.64491 3.39501L1.35491 1.10501C1.30843 1.05814 1.25313 1.02095 1.1922 0.995561C1.13127 0.970177 1.06591 0.957108 0.999908 0.957108C0.933902 0.957108 0.868549 0.970177 0.80762 0.995561C0.74669 1.02095 0.691389 1.05814 0.644908 1.10501C0.551782 1.19869 0.499512 1.32541 0.499512 1.45751C0.499512 1.5896 0.551782 1.71633 0.644908 1.81001L2.93991 4.10501C3.22116 4.38591 3.60241 4.54369 3.99991 4.54369C4.39741 4.54369 4.77866 4.38591 5.05991 4.10501L7.35491 1.81001C7.44803 1.71633 7.5003 1.5896 7.5003 1.45751C7.5003 1.32541 7.44803 1.19869 7.35491 1.10501Z' fill='%23FFFFFF'/%3E%3C/svg%3E")!important}body.dark-mode .nav>li.has-dropdown>a svg path,body.dark-mode .main-navigation .nav-right span.search svg path,body.dark-mode .search-form button svg path{fill:#ffffff!important}body.dark-mode .main-navigation .nav-right span.c-dark-mode svg path{stroke:#ffffff!important}body.dark-mode .breadcrumbs a{color:#ffffff}body.dark-mode .comments-area .comment-list li{border-top:1px solid #353744!important}body.dark-mode .modal-content{border:0!important}body.dark-mode .wp-calendar-table th,body.dark-mode .wp-calendar-table td,body.dark-mode .custom-widget .widget_tag_cloud a{color:#ffffff!important;border-color:#575a6b!important}body.dark-mode .c-ad{color:#ffffff!important;background-color:#353744!important}body.dark-mode .about-author{background-color:#353744!important}body.dark-mode .about-author .c-name a{color:#ffffff}body.dark-mode .about-author .c-name a:hover{color:var(--color-primary)!important}.c-modal{position:fixed;top:0;left:0;z-index:1055;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.c-modal,.c-modal-backdrop{opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s}.c-modal.show,.c-modal-backdrop.show{opacity:1;visibility:visible}body.modal-hide .c-modal,body.modal-hide .c-modal-backdrop{display:none!important}body.modal-hide{overflow-y:auto!important}.c-modal-open{overflow-y:hidden!important}.close-overlay{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh}.c-modal-dialog{position:relative;display:flex;align-items:center;max-width:500px;margin:auto;min-height:100vh;pointer-events:none}.c-modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border-radius:var(--ei-border-radius);outline:0;margin:30px 0}.c-modal-content span.c-close,.c-profile span.c-close,.c-float-ads span.c-close,.search-form span.c-close{float:none!important;position:absolute;top:13px;right:13px;width:25px;height:25px;line-height:21px;font-size:16px;border-radius:100%;background-color:#fd695e;opacity:1;color:white;font-weight:normal!important;cursor:pointer!important;box-shadow:0 7px 15px -10px rgb(0 0 0 / 60%);z-index:1065}body .search-form span.c-close{top:10px!important;right:-50px!important;border-radius:3px!important}.c-modal-content span.c-close>span,.c-profile span.c-close>span,.c-float-ads span.c-close>span,.search-form span.c-close>span{width:25px;height:25px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center!important;align-items:center!important;-ms-flex-pack:center!important;justify-content:center!important}.c-modal-content span.c-close>span svg,.c-profile span.c-close>span svg,.c-float-ads span.c-close>span svg,.search-form span.c-close>span svg{width:9px;height:9px}.c-modal-content span.c-close>span svg path,.c-profile span.c-close>span svg path,.c-float-ads span.c-close>span svg path,.search-form span.c-close>span svg path{fill:#ffffff}.c-modal-body{text-align:center;padding:10%!important;z-index:1055}.c-modal .c-modal-content,.c-modal .c-modal-content .c-modal-body{border-radius:var(--ei-border-radius)!important}.c-modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:rgb(0 0 0 / 60%);transition:opacity .15s linear}.c-modal-body .c-title{font-size:22px;font-weight:700;line-height:28px;margin-bottom:10px}.c-modal-body p{font-size:16px;line-height:25px;margin:0 0 10px}.c-modal-body p:last-child{margin-bottom:0}.c-modal-body img{width:100%;margin-top:12px}.c-modal-body .c-btn{display:inline-block;font-size:14px;font-weight:500;padding:8px 23px;margin:18px 3px 10px;border:1px solid var(--color-primary)}.c-modal-body .c-btn.c-modal-hide{color:var(--color-black);border-color:var(--color-black);background-color:transparent;cursor:pointer}.widget-area .widget{margin:0 0 20px}.widget-area .widget.widget_custom_html{margin-bottom:30px}.widget-area.c-sticky-on{position:sticky}.widget-area>.widget .widget-title{margin-top:-5px;font-size:18px;margin-bottom:6px}.widget-area>.widget:first-child .widget-title{margin-top:-5px}.widget-area .widget.widget_eishop_category_widget{margin-bottom:40px}.widget-area .widget .widget.category{margin-bottom:0}.widget-area .widget iframe{width:100%;max-width:100%}.widget-area .widget .gallery{display:flex;flex-wrap:wrap}.widget-area .wp-caption-text{font-size:11px;line-height:normal}.widget-area .widget .gallery .gallery-item{width:33.3333%;padding:0 5px}.widget-area .widget .gallery .gallery-item a{pointer-events:none}.widget-area .widget .gallery .gallery-item img{width:100%;height:90px;object-fit:cover;border-radius:var(--ei-border-radius)!important}.widget-area .widget.widget_media_image img{width:100%;border-radius:var(--ei-border-radius)!important}.widget-area .widget select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M7.35491 1.10501C7.30843 1.05814 7.25313 1.02095 7.1922 0.995561C7.13127 0.970177 7.06591 0.957108 6.99991 0.957108C6.9339 0.957108 6.86855 0.970177 6.80762 0.995561C6.74669 1.02095 6.69139 1.05814 6.64491 1.10501L4.35491 3.39501C4.30843 3.44187 4.25313 3.47907 4.1922 3.50445C4.13127 3.52984 4.06591 3.54291 3.99991 3.54291C3.9339 3.54291 3.86855 3.52984 3.80762 3.50445C3.74669 3.47907 3.69139 3.44187 3.64491 3.39501L1.35491 1.10501C1.30843 1.05814 1.25313 1.02095 1.1922 0.995561C1.13127 0.970177 1.06591 0.957108 0.999908 0.957108C0.933902 0.957108 0.868549 0.970177 0.80762 0.995561C0.74669 1.02095 0.691389 1.05814 0.644908 1.10501C0.551782 1.19869 0.499512 1.32541 0.499512 1.45751C0.499512 1.5896 0.551782 1.71633 0.644908 1.81001L2.93991 4.10501C3.22116 4.38591 3.60241 4.54369 3.99991 4.54369C4.39741 4.54369 4.77866 4.38591 5.05991 4.10501L7.35491 1.81001C7.44803 1.71633 7.5003 1.5896 7.5003 1.45751C7.5003 1.32541 7.44803 1.19869 7.35491 1.10501Z' fill='%23535353'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:10px!important;background-position:calc(100% - 1.6em) center;outline:none;box-shadow:none;margin-top:10px;margin-bottom:5px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.widget-area section.widget ul{list-style-type:none!important;margin:0;padding:0}.widget-area section.widget ul li{font-size:16px;margin:0}.widget-area section.widget ul li a{display:inline-block;padding:5px 0 8px;color:var(--color-black);font-size:16px!important;font-weight:500;line-height:25px;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.widget-area section.widget ul li a:hover{color:var(--color-primary)}.widget-area section.widget ul li.cat-item a>span{position:absolute;margin-left:6px;font-size:60%;line-height:1;padding:3px 5px;color:#ffffff;background-color:var(--color-primary);text-align:center;border-radius:3px}.widget-area section.widget ul li .post-date{display:block;font-size:13px;color:#757883!important;margin:-3px 0 8px}.wp-calendar-table{width:100%;text-align:center;margin-bottom:10px;border-collapse:collapse;caption-side:top}.wp-calendar-table caption{color:var(--color-black);font-weight:500;margin-bottom:10px;padding-top:0!important;text-align:left}.wp-calendar-table th,.wp-calendar-table td{border:1px solid var(--color-black);padding:5px}.wp-calendar-nav-prev a,.wp-calendar-table td a{text-decoration:none}.widget-area .widget_search form>label{display:block!important}.widget-area .search-form{position:relative;visibility:visible;opacity:1;padding-top:0;padding-bottom:0!important;z-index:1!important}.widget-area .widget_search input[type="search"]{margin-top:10px;margin-bottom:5px!important}.widget-area .widget_search form input[type=submit]{display:none}.widget-area .widget_tag_cloud a{display:inline-block;margin:0 7px 7px 0;font-size:13px!important;font-weight:500;padding:3px 10px;border-radius:3px;color:#292929!important;border:1px solid #e6e6e6;background-color:transparent!important}.widget-area .widget.widget_eishop_recent_post_widget>h5,.widget-area .widget.widget_eishop_popular_post_widget>h5,.widget-area .widget.widget_eishop_category_widget>h5,.widget-area .widget.widget_media_gallery>h5,.widget-area .widget.widget_media_image>h5,.widget-area .widget.widget_search>h5,.widget-area .widget.widget_tag_cloud>h5,.widget-area .widget.widget_custom_html>h5{margin-bottom:23px!important}.widget-area .widget.widget_eishop_category_widget>h5{margin-bottom:23px!important}.widget-area .widget .widget.post{margin-top:0!important}.widget-area .recentcomments a{font-style:italic}@media only screen and (min-width:1300px){.c-ads.top_ad .c-ad.x-top,.c-ads.bottom_ad .c-ad.x-top{max-width:100%;padding:50px 0}}@media only screen and (max-width:1299px){body .c-float-ads{display:none!important}}@media only screen and (min-width:1171px){nav .profile,.sidebar-overlay,.c-profile span.c-close,.main-navigation .nav-collapse>.c-logo{display:none!important}.in-feed-ad-mobile{display:none!important}.in-feed-ad-desktop{padding-top:25px;margin-top:20px!important;border-top:1px solid #e6e6e6}}@media only screen and (max-width:1170px){.in-feed-ad-desktop{display:none!important}.in-feed-ad-mobile{padding-top:27px;margin-top:23px!important;border-top:1px solid #e6e6e6}.sidebar{width:320px;max-width:80%;visibility:hidden;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);z-index:99999}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgb(0 0 0 / 60%);visibility:hidden;opacity:0;-webkit-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1)}.sidebar-overlay.active{visibility:visible;opacity:1}.sidebar.active{visibility:visible;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.content{width:100%}nav .profile,.main-navigation .nav-right{position:absolute;top:0}.main-navigation .nav-right{width:68%}nav .profile{cursor:pointer}.main-navigation .nav-left{width:100%}nav .profile img{width:35px;height:35px;padding:1px}.main-navigation .nav-left{width:100%;margin-top:40px}.search-form{padding:40px 0}}@media only screen and (max-width:1099px){body .search-form span.c-close{display:none!important}}@media only screen and (max-width:768px){.container,.elementor-section.elementor-section-boxed > .elementor-container{padding-right:23px!important;padding-left:23px!important}}@media only screen and (max-width:767px){body{padding-top:64px;padding-bottom:64px}body.home.ei-menu-type-simple{padding-top:64px}body.ei-menu-type-simple{padding-top:80px;padding-bottom:0!important}.container,.elementor-section.elementor-section-boxed > .elementor-container{padding-right:15px!important;padding-left:15px!important}body .main-navigation{position:fixed;padding:10px 0!important;border-bottom:0!important}body.ei-menu-type-simple .main-navigation{border-bottom:1px solid #EAEAEF!important;padding:20px 0!important}body.afterback-scroll .main-navigation{top:0!important}.p-sidebar .content{position:relative}body.single .wrapper.p-sidebar,body.page .wrapper.p-sidebar,body.archive .wrapper.p-sidebar{margin-top:22px}.menu-toggle{cursor:pointer}.menu-toggle .bar1,.menu-toggle .bar2,.menu-toggle .bar3{width:23px;height:2px;background-color:#ffffff;margin:5px 0;transition:0.4s}.menu-toggle.c-active .bar1{transform:translate(0,6px) rotate(-45deg)}.menu-toggle.c-active .bar2{opacity:0}.menu-toggle.c-active .bar3{transform:translate(0,-8px) rotate(45deg)}html{scroll-padding-top:110px}::-webkit-scrollbar{width:0}::-webkit-scrollbar-thumb{background:transparent!important}::-webkit-scrollbar-track{background:transparent!important}.c-ad{border-width:1px!important}.c-ad.x-top{font-size:14px!important;padding:20px 0!important}.c-ad span:last-child{padding-left:12px!important}.main-navigation{margin-bottom:35px}.main-navigation .nav-right{width:68%;margin-top:0!important}.nav-left .navwrap::-webkit-scrollbar{height:0!important}.sidebar::-webkit-scrollbar{width:0!important}body .c-btn{padding:3px 10px}.main-navigation .nav-right span svg{width:16px}body.dark-mode .c-dark-mode svg:first-child{width:23px}.main-navigation .nav-right span.search,body .main-navigation .nav-collapse>.c-logo,body.ei-menu-type-simple .main-navigation .nav-collapse .search-form{display:none!important}.ei-menu-type-simple .main-navigation .nav-right span.search,body.ei-menu-type-simple .main-navigation .nav-collapse>.c-logo{display:flex!important}.main-navigation .nav-right span.search svg{width:16px;margin-top:2px}.ei-menu-type-simple .main-navigation .nav-right span.search svg{width:17px;margin-top:0}.main-navigation .nav-left .nav>li:last-child>a{margin-right:100px}.nav-left .nav li > a{font-size:13px;padding-top:10px;padding-bottom:10px;margin-right:25px}.nav-left .nav li > a svg{width:8px}.main-navigation .nav-left:after{height:37px}.search-form form{height:44px;padding:8px 10px 8px 0}.search-form select,.search-form input[type="text"]{font-size:13px!important}body .search-form form select{width:95px!important;padding:0 30px 0 15px!important;background-size:9px!important;background-position:calc(100% - 1.1em) center!important}.search-form button{width:45px}.search-form button svg{width:14px;margin-top:5px}body .search-form input[type="text"]{width:calc(100% - 130px);padding:3px 0 3px 13px!important}.search-form,.search-active .search-form,body.dark-mode.search-active .search-form{padding:20px 0}.content{padding-bottom:0}article .post-title{font-size:15px;font-weight:600;line-height:1.3;margin:6px 0 -6px}article .post-category a,body .btn-cat,body .btn-cat:hover,body .btn-tag{padding:2px 8px!important}body,button,input,select,optgroup,textarea{font-size:15px;line-height:1.6}article .post-excerpt p{font-size:13px;line-height:1.3;margin-bottom:7px;-webkit-line-clamp:2;line-clamp:2}.post-meta span{font-size:12px}.post-meta span.dot{font-size:17px;margin-top:-7px}article.type-post{padding-top:22px;margin-top:16px!important}article .post-content{width:70%;padding-right:20px}article figure{width:30%}article figure img{height:80px!important}.related-post article figure img{aspect-ratio:3/2!important;height:auto!important}.main-navigation .nav-left .nav ul{margin-left:-20px}.main-navigation .nav-left .nav li .dropdown li >a{padding:3px 20px}.main-navigation .nav-left .nav ul a{max-width:180px}.nav-left .nav li.has-dropdown>a{pointer-events:none}.main-navigation .nav-left .nav li:hover .dropdown{visibility:hidden;opacity:0;top:120%}.nav-left .nav li.has-dropdown .dropdown.active{visibility:visible;opacity:1;top:102%}.sidebar .container{padding-right:30px!important;padding-left:30px!important}.sidebar .c-content .name{font-size:17px;line-height:1.3;margin:5px 0}.sidebar .c-content .description{font-size:14px;line-height:20px}.eishop_loadmore,.homepage-list .c-readmore>a{font-size:12px;font-weight:600;padding:9px 0;margin-top:30px}.about-author{display:block;text-align:center;margin:40px 0 20px}.about-author img{margin-right:0;margin-bottom:10px}.about-author p{line-height:23px}.about-author .c-name{font-size:16px!important;margin-bottom:-1px!important}body.archive.author .about-author{margin-bottom:15px}#disqus_thread{margin-top:50px;margin-bottom:30px}.comments-area.no-comment{margin-top:30px!important}.comments-area .comment-respond h3.comment-reply-title{font-size:17px!important}.comments-area .comment-list .children{margin-left:20px!important}.comments-area .comment-respond textarea{width:100%!important;height:100px!important;padding:8px 23px!important}.single-post .content .comments-area li .comment-metadata a{font-size:13px}.comments-area ul{margin-bottom:0!important}.comments-area .comment-respond p.form-submit{margin-bottom:0!important}body .content input,body .content select,body .content textarea,.comments-area .comment-respond textarea{font-size:13px;line-height:1.5;padding:7px 15px!important}body .content input,body .content select,body .content textarea{margin-bottom:10px!important}body .content input[type="submit"],#disqus_thread .c-btn{padding:11px 18px}.comments-area .comment-respond input[type="submit"],#disqus_thread .c-btn{font-size:14px}.comments-area .comment-form-cookies-consent{margin:20px 0}body .comment-form-cookies-consent input{position:absolute;margin-top:3px}body form.comment-form label[for="wp-comment-cookies-consent"]{display:block!important;line-height:1.3;padding-left:25px;margin-right:0}.single-post .content .comments-area .comment-notes{line-height:1.3}.c-modal-dialog{max-width:100%;padding:0 15px}.c-modal-body{padding:40px 20px!important}.c-modal-body .c-title{font-size:16px;line-height:20px;margin-bottom:8px}.c-modal-body img{margin-bottom:8px}.c-modal-body p{font-size:14px;line-height:20px}.c-modal-body .c-btn{padding:5px 12px;margin:10px 3px 5px}.c-modal-content span.c-close,.c-profile span.c-close{top:10px;right:10px;width:25px;height:25px;line-height:21px;font-size:16px}.c-modal-content span.c-close>span,.c-profile span.c-close>span{width:25px;height:25px}.c-modal-content span.c-close>span svg,.c-profile span.c-close>span svg{width:inherit;height:9px}.c-alert{font-size:14px;line-height:20px;padding:10px 15px}.c-404 h2{font-size:16px}.c-404 p{font-size:14px}.content-page .title h1{margin-top:0;margin-bottom:20px}.wrapper.p-sidebar .content div.c-post-left>.title,.wrapper.p-sidebar .content .sec-title{padding:12px 20px 12px}.title h1{margin:-8px 0 25px}.title h1,.sec-title,.related-post .sec-title{font-size:17px}.title h1 span{font-size:14px;line-height:20px}.title .c-taxonomy-description p{font-size:14px;line-height:20px}.title .c-taxonomy-description{margin:-18px 0 25px}.wrapper.p-sidebar article.type-post{margin-top:22px!important}.related-post .sec-title{margin-bottom:5px}.related-post article.type-post{width:50%;margin-bottom:8px!important}.wrapper.p-sidebar .related-post article.type-post{margin-top:0!important;margin-bottom:30px!important}.related-post article .post-title{font-size:15px;line-height:21px;margin:-15px 0 -6px}body .related-post article .post-title a{font-size:14px!important;line-height:1.3}.wrapper.p-sidebar article figure{margin:0}body .wrapper.p-sidebar .c-ads.bottom_ad{margin-top:25px}.single-post .wrapper.p-sidebar .content-single ol>li{margin-bottom:10px}h1{font-size:18px;line-height:24px}h2{font-size:18px;line-height:24px}h3{font-size:16px;line-height:22px}h4{font-size:15px;line-height:20px}h5{font-size:15px;line-height:20px}h6{font-size:15px;line-height:20px}body .dataTables_wrapper{margin-top:10px!important;border-radius:var(--ei-border-radius)!important}body .dataTables_length>label{justify-content:center!important;margin-bottom:20px}body table.dataTable th,body table.dataTable td{font-size:15px!important}body .dataTables_wrapper .dataTables_paginate .paginate_button.current,body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{width:25px;height:25px;line-height:23px}body table.dataTable th,body table.dataTable td{padding:10px!important}body table.dataTable td{font-size:14px!important}body table.dataTable thead th:nth-child(3){width:86px!important}body .dataTables_wrapper .dataTables_length,body .dataTables_wrapper .dataTables_info{padding-left:0}body .dataTables_wrapper .dataTables_filter,body .dataTables_wrapper .dataTables_paginate{padding-right:0}body .dataTables_wrapper .dataTables_paginate .paginate_button.next{padding-right:1em!important}body .dataTables_wrapper .dataTables_paginate .paginate_button,body .dataTables_wrapper .dataTables_paginate .paginate_button:active,body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{padding:5px 9px}table.dataTable td.s-date,table.dataTable thead th:nth-child(2){display:none!important}body span .paginate_button.current:first-child{margin-left:-1px!important}body .wpcf7-spinner{margin-top:-10px!important}body .wpcf7 form .wpcf7-response-output{margin-top:-20px!important;line-height:17px!important;font-size:13px!important}body .wpcf7-not-valid-tip{font-size:12px!important;margin-top:-8px!important}body span[data-name="your-message"] .wpcf7-not-valid-tip{margin-top:-14px!important}body .breadcrumbs{height:35px;font-size:12px;line-height:33px;padding:0 12px!important;margin-top:-10px}.breadcrumbs__separator{font-size:14px;padding:0}.single-post h1.post-title{margin:13px 0 10px;line-height:1.3}.single-post figure.post-image{margin:25px 0 20px}.single-post figure.post-image figcaption,.wp-caption .wp-caption-text{font-size:12px}body .c-ads{margin:30px 0 35px}.sidebar .c-content .c-ads{margin:30px 0 40px}.table-of-contents{padding:25px}.table-of-contents .toc-headline::before{width:15px;height:15px}.table-of-contents .toc-headline{font-size:17px}.table-of-contents .toggle-toc{font-size:21px;right:30px}.table-of-contents li{margin:0.4rem 0}.table-of-contents li a{font-size:14px;line-height:1.6}.table-of-contents li:before{margin-top:-4px;transform:scale(0.9)}.heading-level-3{margin-left:20px!important}.heading-level-4,.heading-level-5,.heading-level-6{margin-left:40px!important}.right-sidebar .widget-area{margin-top:50px}.widget-area section.widget ul li a{font-size:15px!important;line-height:1.3;padding:5px 0}.widget-area>.widget .widget-title{font-size:16px;margin-bottom:10px}.widget-area .widget{margin:0 0 30px}footer .c-row .col{width:100%}footer .c-menu ul,footer .copyright{text-align:center}footer .copyright{line-height:normal}footer .c-menu ul li{margin-right:3px;margin-bottom:8px}footer .c-menu ul li:last-child{margin-right:0}footer .c-menu ul li a{padding:2px 7px}footer.c-footer>.container{position:relative}footer .c-row{margin-top:30px}body footer .c-menu ul li.active a{border-color:var(--color-primary)}body .elementor-image-gallery .gallery-columns-3 .gallery-item{max-width:33.33%!important}}