/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url("https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Inder&family=Quicksand:wght@300..700&display=swap");
:root {
  --primary-color: #77bd9e;
  --secondary-color: #dd2400;
  --primary-light: #c3f0d8;
  --text-gray: #777;
  --black: #000;
  --white: #fff;
  --border-gray: #ddd;
  --dark-primary: #0c7a5d;
}
body {
  font-family: "Quicksand", sans-serif;
}
.header-vertical-menu__opener {
  background-color: #022335 !important;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
  font-weight: 900;
  font-size: 14px;
  color: var(--black);
}
.header .container {
  max-width: 100% !important;
}
#top-bar .social-icons.follow-icons {
  color: var(--white) !important;
}
li.html.custom.html_topbar_right {
  color: var(--black) !important;
  font-size: 16px;
  font-weight: bold;
}
div#top-bar {
  padding: 0 15px;
  border-bottom: 1px solid #ededed;
}
.ss-slideheader {
  padding: 0 !important;
}
.ss-slideheader .col {
  padding: 0 !important;
}
.header-search-form {
  display: flex;
  justify-content: center;
}
.header-search-form .flex-row {
  justify-content: center;
  flex-wrap: nowrap;
}
.header-search-form .flex-col {
  flex: 0 0 auto !important;
}
.header-search-form input#woocommerce-product-search-field-0 {
  height: 42px;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 3px 0 0 3px;
}
.header button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  font-size: 17px;
  border: none;
  box-shadow: none;
  border-radius: 0 3px 3px 0;
  outline: none;
  text-transform: none;
  height: 42px;
  color: var(--white);
  background-color: var(--secondary-color);
  font-weight: 500;
  position: relative;
}
.dola-feature-wrapper {
  padding: 15px 0;
  font-family: sans-serif;
}
.dola-feature-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 46px;
}
.dola-feature-item {
  display: flex;
  align-items: center;
  color: var(--white);
  padding: 10px;
  max-width: 350px;
}
.dola-icon-box {
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}
.dola-icon-box svg {
  width: 24px;
  height: 24px;
  fill: var(--white);
}
.dola-text-box h4 {
  margin: 0 0 4px 0;
  color: var(--white);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
}
.dola-text-box p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.3;
}
.ss-technical {
  h1 {
    position: relative;
    margin-bottom: 0 !important;
  }
  h1:after,
  h1:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 46%;
    width: 30px;
    height: 3px;
    border-radius: 10px;
    background-color: var(--secondary-color);
  }
  h1:before {
    left: 51%;
  }
}
.ss-technical .flickity-viewport img {
  padding: 4px;
  border-radius: 10px;
}
.ss-technical p {
  margin-bottom: 20px !important;
}
.ss-product .text-dec {
  background-color: #468c6d;
  display: inline-block;
  padding: 10px 50px 10px 20px;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%);
  border-bottom: 4px solid #8bdcb6;
  margin-bottom: 20px;
  width: auto;
  text-wrap-mode: nowrap;
}
.ss-product .text-dec h2 {
  color: var(--white) !important;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.ss-product .text-dec h2 a {
  color: var(--white) !important;
}
.ss-product .products-detail .col-inner,
.ss-technical .slider .col-inner {
  background-color: var(--white);
  border: 2px solid var(--primary-light);
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform 0.3s;
  margin-bottom: 10px;
}
.ss-product .products-detail .col-inner:hover,
.ss-technical .slider .col-inner:hover {
  border-color: var(--primary-color);
}
.ss-product .box-image,
.ss-technical .box-image {
  padding: 10px;
}
.ss-product .box-text,
.ss-technical .box-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.ss-product .title-wrapper,
.ss-technical .title-wrapper {
  padding: 0 10px;
  text-align: center;
  margin-bottom: 5px;
  min-height: 42px;
}
.ss-product .product-title,
.ss-technical .product-title {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primary-color);
  font-size: 16px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 41.6px;
  word-break: break-word;
}
.ss-product .product-title a,
.ss-technical .product-title a {
  color: var(--primary-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ss-product .price-wrapper,
.ss-technical .price-wrapper {
  background-color: var(--primary-light);
  padding: 10px;
  text-align: center;
  border-radius: 50% 50% 0 0 / 15px 15px 0 0;
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: auto;
}
.ss-product .price,
.ss-technical .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--dark-primary) !important;
  line-height: 1.2;
}

.ss-product .price del,
.ss-technical .price del {
  font-size: 12px !important;
  color: var(--dark-primary) !important;
  opacity: 1 !important;
  order: 1;
  display: block;
  margin-bottom: 2px;
  text-decoration: line-through !important;
}
.ss-product .price del *,
.ss-technical .price del * {
  color: var(--dark-primary) !important;
}
.ss-product .price del .woocommerce-Price-amount,
.ss-technical .price del .woocommerce-Price-amount,
.ss-product .price del .woocommerce-Price-amount bdi,
.ss-technical .price del .woocommerce-Price-amount bdi,
.ss-product .price del .woocommerce-Price-currencySymbol,
.ss-technical .price del .woocommerce-Price-currencySymbol,
.ss-product .price del bdi,
.ss-technical .price del bdi,
.ss-product .price del span,
.ss-technical .price del span {
  color: #000000 !important;
  text-decoration: inherit !important;
}
.ss-product .price del bdi::before,
.ss-technical .price del bdi::before {
  content: "Giá niêm yết: ";
  font-weight: normal;
  font-size: 11px !important;
  color: var(--dark-primary) !important;
  text-decoration: none !important;
}
.ss-product .price ins,
.ss-technical .price ins {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--dark-primary) !important;
  text-decoration: none !important;
  order: 2;
  display: block;
}
.ss-product .price ins *,
.ss-technical .price ins *,
.ss-product .price ins .woocommerce-Price-amount,
.ss-technical .price ins .woocommerce-Price-amount,
.ss-product .price ins bdi,
.ss-technical .price ins bdi,
.ss-product .price ins span,
.ss-technical .price ins span,
.ss-product .price ins .woocommerce-Price-currencySymbol,
.ss-technical .price ins .woocommerce-Price-currencySymbol {
  color: var(--dark-primary) !important;
}
.ss-product .price > .amount,
.ss-technical .price > .amount {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--dark-primary) !important;
  text-decoration: none !important;
  order: 2;
  display: block;
}
.ss-product .price > .amount *,
.ss-technical .price > .amount *,
.ss-product .price > .amount bdi,
.ss-technical .price > .amount bdi,
.ss-product .price > .amount span,
.ss-technical .price > .amount span {
  color: var(--dark-primary) !important;
}

.ss-product .badge-container,
.ss-technical .badge-container {
  top: auto !important;
  left: auto !important;
  bottom: 15px;
  right: 10px;
  margin: 0 !important;
  display: none;
}
.ss-product .badge-inner.on-sale,
.ss-technical .badge-inner.on-sale {
  background-color: var(--primary-color);
  color: var(--white);
  font-size: 10px;
  font-weight: bold;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 38px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid var(--white);
}
.text-link {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.text-link p {
  margin-bottom: 0;
  color: var(--primary-color);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  transition: color 0.3s;
}
.text-link p:hover {
  color: var(--primary-color);
}
.header-nav .cart-item .icon-shopping-basket,
.header-nav .account-item .icon-user {
  color: var(--white);
}
.svc-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.svc-icon {
  width: 45px;
  margin-right: 15px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.svc-icon i {
  font-size: 32px;
  color: var(--secondary-color);
  line-height: 1;
  width: 100%;
}
.svc-content h4 {
  margin: 0 0 4px 0;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  line-height: 1.2;
  text-transform: none;
}
.svc-content p {
  margin: 0;
  font-size: 13px;
  color: var(--text-gray);
  line-height: 1.3;
}
.footer-links {
  list-style: none;
}
.footer-links .col-inner .col-inner ol li,
.col-inner ul li,
.entry-content ol li,
.entry-content ul li,
.entry-summary ol li,
.entry-summary ul li {
  margin-left: 0;
}
.footer-bottom .col-inner {
  font-size: 13px;
}
.footer-bottom h3.h4.title {
  margin-bottom: 20px;
}
.footer-bottom .dark .widget a:hover,
.dark a:hover {
  color: var(--black);
}
.footer-bottom span {
  color: var(--black);
}
.footer-bottom ul li a:hover {
  text-decoration: underline;
}
.gem-cf7-inner p {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 0;
  position: relative;
}
.gem-cf7-inner input.wpcf7-form-control {
  margin-bottom: 0 !important;
}
.gem-cf7-inner br {
  display: none !important;
}

.gem-cf7-inner .wpcf7-form-control-wrap {
  flex-grow: 1;
  width: 100%;
}

.gem-cf7-inner .gem-email-input {
  width: 100% !important;
  height: 50px !important;
  border-radius: 4px 0 0 4px !important;
  margin-bottom: 0 !important;
  border: 1px solid var(--border-gray);
  border-right: none;
}

.gem-cf7-inner .gem-submit-btn {
  width: auto !important;
  padding: 0 25px !important;
  height: 50px !important;
  border-radius: 0 4px 4px 0 !important;
  background-color: var(--secondary-color) !important;
  color: var(--white) !important;
  font-weight: bold;
  text-transform: none;
  border: none !important;
  flex-shrink: 0;
  margin: 0;
}

.gem-cf7-inner .gem-submit-btn:hover {
  background-color: #b01d00 !important;
  box-shadow: none !important;
}
.social-connect-box h3 {
  font-size: 18px;
  color: var(--text-gray);
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: sans-serif;
}

.social-list {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 25px;
}

.social-link {
  text-decoration: none;
  transition: transform 0.2s;
  display: inline-block;
}
.social-link i {
  font-size: 20px;
}
.icon-twitter i {
  color: #00acee !important;
}

.icon-facebook i {
  color: #3b5998 !important;
}

.icon-instagram i {
  color: #a67c52 !important;
}

.icon-youtube i {
  color: #c4302b !important;
}
.social-list br {
  display: none !important;
}
.social-link br {
  display: none !important;
}
.social-link::before {
  display: none !important;
}
.ss-news .box-image {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.ss-news .box-text {
  position: relative;
  padding: 30px 15px 20px !important;
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.ss-news .is-divider {
  display: none;
}
.ss-news .post-title {
  text-align: center;
  margin-bottom: 10px;
}
.ss-news .post-title a {
  color: var(--secondary-color) !important;
  font-weight: 700;
  font-size: 16px;
  display: block;
  line-height: 1.3;
}
.ss-news p.from_the_blog_excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #333;
  margin-bottom: 0;
  text-align: justify;
}
.copyright-footer {
  color: #000;
}
.flatsome-flip-card {
  background-color: transparent;
  width: 100%;
  height: 200px;
  perspective: 1000px;
  margin-bottom: 20px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  border-radius: 15px;
}
.flatsome-flip-card:hover .flip-card-inner {
  transform: rotateX(180deg);
}
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 15px;
  display: grid;
  place-items: center;
  padding: 20px;
}
.flip-card-front {
  background-color: #fff5e6;
  color: #000;
}
.flip-card-front img {
  grid-area: 1 / 1;
  width: 80%;
  max-width: 200px;
  height: auto;
  opacity: 1;
  z-index: 1;
}
.flip-card-front h3 {
  grid-area: 1 / 1;
  z-index: 2;
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.8);
  text-align: center;
}
.flip-card-back {
  background-color: #000;
  color: white;
  transform: rotateX(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flip-card-back h3 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
}
.flip-card-back p {
  font-size: 13px;
}
.text.frame-title h3 {
  color: #fd870a;
  font-weight: 700;
  position: relative;
  padding-left: 38px;
  display: inline-block;
  font-size: 16px;
}
.text.frame-title h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 3px;
  background-color: #fd870a;
}
div#shop-sidebar,
div.post-sidebar {
  background: var(--white);
  border-radius: 8px;
  padding: 20px !important;
  height: max-content;
}
.blog-wrapper.blog-archive .large-columns-1,
.blog-wrapper.blog-single .article-inner {
  background: var(--white);
  border-radius: 8px;
  padding: 20px 10px !important;
  padding-bottom: 0 !important;
}
.blog-wrapper.blog-single .article-inner {
  padding: 20px !important;
  padding-bottom: 0 !important;
}
.widget.widget_categories {
  margin-bottom: 0;
}
.widget > ul > li + li {
  border: none;
}
.widget .is-divider {
  display: none;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #ff5501;
}
.widget_price_filter .ui-slider .ui-slider-range {
  background-color: #dadada;
}
.widget_price_filter .price_slider_amount .button {
  background-color: var(--secondary-color);
  border-radius: 4px;
  float: left;
  font-size: 14px;
}
.shop-page-title.page-title {
  padding: 0 !important;
  margin: 0 !important;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
  font-size: 10px;
}
.shop-container {
  background: transparent;
  padding-top: 20px;
}
.shop-container .box-text.box-text-products {
  background-color: var(--white);
  box-shadow: 0 4px 6px #00000029;
  border-radius: 8px;
  padding: 10px;
}
.shop-container .box-image img {
  border-radius: 8px 8px 0 0;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  font-size: 14px;
  color: var(--dark-primary);
  font-weight: bold;
  margin-top: 0;
  text-transform: math-auto;
}
.hieu-hung-contact-css ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hieu-hung-contact-css li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.hieu-hung-contact-css li a {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
}
.hieu-hung-contact-css li a:hover {
  color: #d26e4b;
}
.hieu-hung-contact-css li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.hieu-hung-contact-css .item-hotline::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23e11d2b'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.9 464-464 0-11.2-7.8-20.9-18.6-23.4z'/%3E%3C/svg%3E");
}
.hieu-hung-contact-css .item-zalo::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%230068ff'%3E%3Cpath d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'/%3E%3C/svg%3E");
}
.hieu-hung-contact-css .item-facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%231877f2'%3E%3Cpath d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z'/%3E%3C/svg%3E");
}
.hieu-hung-contact-css .item-youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%23ff0000'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zM232 337.741V174.25l157.65 81.745-157.65 81.746z'/%3E%3C/svg%3E");
}
.hieu-hung-contact-css .item-address::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23d26e4b'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3E%3C/svg%3E");
  top: 3px;
}
.wpcf7-form label {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 13px;
  margin-bottom: 0;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  background-color: #fff;
  border-color: #d26e4b;
  box-shadow: 0 0 5px rgba(210, 110, 75, 0.2);
}
.wpcf7-submit {
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
}
.searchform input[type="search"] {
  height: 42.5px !important;
}
.coupon {
  position: relative;
}
span#coupon-error-notice {
  position: absolute;
  left: 0;
  bottom: -30px;
  padding: 2px;
  background: #77bd9e;
  border-radius: 5px;
}
.stat-box-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.single-chart {
  width: 100%;
  max-width: 100px;
  flex-shrink: 0;
}

.circular-chart {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 2.5;
}

.circle {
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}
.percentage {
  fill: #666;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 0.5em;
  text-anchor: middle;
}
.circular-chart.orange .circle {
  stroke: #f7941d;
}
.stat-text {
  font-size: 16px;
  line-height: 1.4;
  color: #000;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.wpcf7-spinner {
  display: none;
}
.flickity-button {
  opacity: 1;
}
.flickity-button svg {
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 10px;
  border-radius: 4px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
}
.row-slider .flickity-prev-next-button svg {
  padding: 10px !important;
}
#logo {
  width: auto !important;
}
.woocommerce-page .category-page-row > .col,
.post-type-archive-product .category-page-row > .col {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
#wrapper-navbar,
.header-wrapper,
.header,
.header-main,
.header-nav,
ul.header-nav-main {
  position: relative !important;
  overflow: visible !important;
}
.header-bottom {
  border-top: 1px solid rgba(204, 204, 204, 0.5);
}
.ss-aboutus .col.medium-8 {
  background-image: url("/wp-content/uploads/2025/12/bg-content-07.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ss-aboutus .frame-title h3 {
  font-size: 38px;
}
.ss-aboutus h2 {
  font-size: 28px;
}
.ss-buyatus h3 {
  margin-bottom: 20px;
  color: #ff6600;
}
.ss-buyatus h3 {
  margin-bottom: 20px;
}
p.cat-label.is-xxsmall.op-7.uppercase {
  font-size: 13px;
}
.widget_price_filter .price_label {
  padding-top: 6px;
  display: flex;
  gap: 4px;
  justify-content: center;
}
.ss-buyatus .slider-style-focus .flickity-slider > :not(.is-selected) {
  opacity: 1;
}
.ss-buyatus .slider-style-focus .flickity-slider > :not(.is-selected) {
  transform: none;
}
.ss-buyatus .slider {
  max-width: 100% !important;
}
.ss-buyatus .slider .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ss-buyatus .slider .col {
  max-width: 100% !important;
  flex-basis: 100% !important;
  padding: 0 15px !important;
}
.ss-product .row.align-middle {
  display: flex;
  position: relative;
  align-items: center;
}
.ss-product .row.align-middle > .col {
  display: flex;
  align-items: center;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
}
.ss-product .row.align-middle > .col:last-child {
  flex: 1 1 auto !important;
  padding-left: 20px;
}
.ss-product .text-dec {
  margin-bottom: 0 !important;
}
.ss-product .text-link {
  display: flex !important;
  flex-direction: row !important;
  margin-bottom: 0 !important;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
}
.ss-product .text-link p {
  margin-bottom: 0 !important;
  white-space: nowrap;
  flex: 0 0 auto;
  display: inline-block;
}
.ss-banner-2 .text-box {
  width: 125% !important;
}
.ss-banner .row-full-width {
  padding: 0px 10%;
}
.ss-banner-2 {
  padding: 30px;
}
.back-to-top {
  height: 74px;
  width: 74px;
  background-color: rgb(221 31 0 / 31%) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: var(--white) !important;
  position: relative;
  border: 0 !important;
  transition: all 0.25s ease;
}
.back-to-top:after {
  content: "";
  position: absolute;
  border-radius: 100%;
  background-color: #dd2400;
  opacity: 0.4;
  width: 55px;
  height: 55px;
  transition: all 0.25s ease;
}
.back-to-top:before {
  content: "";
  position: absolute;
  border-radius: 100%;
  background-color: #dd2400;
  opacity: 0.7;
  width: 40px;
  height: 40px;
  transition: all 0.25s ease;
}
.back-to-top:hover {
  background-color: #0001 !important;
}
.back-to-top:hover:after {
  background-color: #0006 !important;
}
.back-to-top:hover:before {
  background-color: #000 !important;
}
.product-info span.amount {
  color: red;
}
.product-info del {
  text-decoration: none;
}
.product-info del span.amount {
  color: gray;
  font-size: 16px;
  text-decoration: line-through;
}
.woocommerce-form-coupon-toggle {
  display: none;
}
.woocommerce-thankyou-order-details li {
  margin-left: 1.3em !important;
}
a#top-link {
  left: 20px;
}
ul.header-nav.header-nav-main.nav.nav-right.nav-size-large.nav-spacing-large {
  justify-content: flex-start;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-size-large.nav-spacing-large {
  font-size: 20px;
  justify-content: center;
  gap: 10px;
}
.header-contact-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 15px;
  color: var(--black);
}
.header-contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--black);
  transition: color 0.3s ease;
}
.header-contact-item:hover {
  color: var(--black);
}
.header-contact-icon {
  width: 18px;
  height: 18px;
  stroke: var(--black);
}
.contact-divider {
  height: 16px;
  border-left: 1px solid #ddd;
  display: inline-block;
}
.custom-cat-row {
  border-bottom: 2px solid #c3f0d8;
  margin-bottom: 20px;
}
.custom-cat-list-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.cat-title-badge h2 a {
  color: var(--white);
}
.cat-child-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  gap: 20px;
  justify-content: flex-start;
}
.cat-child-list li a {
  color: var(--dark-primary);
  font-weight: 700;
  font-size: 12px;
  text-transform: capitalize;
  transition: color 0.3s;
}
.cat-child-list li a:hover {
  color: var(--black);
  text-decoration: underline;
}
.footer-contact-wrapper {
  font-size: 15px;
  line-height: 1.6;
  color: inherit;
}
.footer-desc {
  margin-bottom: 15px;
}
.footer-contact-wrapper {
  font-size: 15px;
  line-height: 1.6;
  color: inherit;
}
.footer-desc {
  margin-bottom: 15px;
}
.contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.contact-item:first-of-type {
  align-items: flex-start;
}
.contact-icon {
  width: 20px;
  text-align: center;
  color: var(--secondary-color);
  flex-shrink: 0;
  margin-top: 0;
}
.contact-item:first-of-type .contact-icon {
  margin-top: 1px;
}
.contact-content {
  flex: 1;
  word-break: break-word;
}
.contact-content p {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block;
}
.contact-content a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
  display: inline-block;
}
.contact-content a:hover {
  color: var(--dark-primary);
}
.btn-contact-now {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #d92d2d;
  color: #fff !important;
  padding: 12px 25px;
  border-radius: 99px;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(217, 45, 45, 0.3);
  border: 2px solid transparent;
}
.btn-contact-now:hover {
  background-color: #fff;
  color: #d92d2d !important;
  border-color: #d92d2d;
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(217, 45, 45, 0.4);
}
.btn-contact-now i {
  animation: phone-ring 1.5s infinite;
}
@keyframes phone-ring {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.product_meta > span {
  border: none;
  display: block;
  padding: 20px 0;
}
aside#woocommerce_products-3 {
  margin-bottom: 0;
}
form.cart {
  display: none;
}
.social-icons .icon:hover {
  color: inherit !important;
  background-color: transparent !important;
  transform: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
span.post_comments.op-7.block.is-xsmall {
  display: none;
}
.product-main {
  position: relative;
  padding: 20px 20px 0 20px;
  background: var(--white);
  border-radius: 10px 10px 0 0;
  z-index: 1;
}
div#product-sidebar {
  position: relative;
  padding: 20px 20px 0 20px;
  background: transparent;
  border: none;
  align-self: flex-start;
  z-index: 1;
  background-color: var(--white);
}
.product-footer {
  padding: 20px 20px 10px 20px;
  background: var(--white);
  border-radius: 0 0 10px 10px;
  margin-top: 0;
}
.shop-container .row-divided.row-reverse > .col + .col:not(.large-12) {
  border-right: none;
}
.nav-dropdown-default .nav-column li > a,
.nav-dropdown.nav-dropdown-default > li > a {
  border-bottom: none;
}
.menu-item-826 ul.sub-menu.nav-dropdown.nav-dropdown-default {
  padding: 5px;
  font-size: 13px;
}
#masthead .header-nav-main.nav-right {
  flex-wrap: nowrap !important;
  align-items: center;
}

#masthead .header-nav-main.nav-spacing-large > li {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

#masthead .header-search-form .searchform-wrapper {
  width: 200px !important;
  max-width: 40vw;
}

#masthead .header-button-1 .button {
  padding: 3px 5px !important;
  font-size: 14px !important;
  white-space: nowrap;
  min-width: auto;
}
@keyframes button-wiggle {
  0%,
  7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-5deg);
  }
  20% {
    transform: rotateZ(3deg);
  }
  25% {
    transform: rotateZ(-5deg);
  }
  30% {
    transform: rotateZ(2deg);
  }
  35%,
  100% {
    transform: rotateZ(0);
  }
}

.header-button-1 .button {
  animation: button-wiggle 2.5s infinite;
  transform-origin: center;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}

.header-button-1 .button:hover {
  animation: none;
}
#logo img {
  max-height: 140px !important;
  position: relative;
  top: -16px;
}
@media (max-width: 1500px) {
  .header-search-form input#woocommerce-product-search-field-0 {
    width: 520px;
  }
}
@media (max-width: 1200px) {
  .header-nav-main .header-search-form .searchform-wrapper {
    max-width: 180px;
  }
  .header-nav-main .header-button-1 .button {
    padding: 0 15px;
    font-size: 90%;
  }
}
@media (max-width: 1024px) {
  .ss-banner-2 .text-box {
    width: 100% !important;
  }
}
@media (max-width: 992px) {
  .ss-technical {
    h1:after {
      width: 50px;
      left: 50%;
      transform: translateX(-50%);
    }
    h1:before {
      content: none;
    }
  }
  .gem-cf7-inner p {
    flex-direction: column;
    gap: 15px;
  }
  .header-search-form {
    width: 100%;
  }
  .header-search-form .header-search-form-wrapper {
    width: 100%;
  }
  .header-search-form .flex-col.flex-grow {
    flex: 1 1 auto !important;
  }
  .header-search-form input.search-field {
    width: 100% !important;
  }
  .shop-container .col.large-3.sidebar-col {
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
  .shop-container .col.large-9.products-col {
    flex: 0 0 70% !important;
    max-width: 70% !important;
  }
  .shop-container .products.row,
  .shop-container ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 849px) {
  .text-link {
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 20px;
    gap: 14px;
  }
  .cat-title-badge {
    clip-path: none;
    width: 100%;
    text-align: center;
    padding-right: 20px;
  }

  .cat-child-list {
    justify-content: left;
    padding-top: 10px;
  }

  .custom-cat-list-container {
    justify-content: center;
  }

  .col.cat-header-left,
  .col.cat-header-right {
    padding-bottom: 10px !important;
  }
  .shop-container .col.large-9::before {
    right: 0;
  }
  div#product-sidebar::before {
    left: 0;
  }
  .header-main li.html.custom {
    display: inherit;
  }
}
@media (max-width: 768px) {
  .header-search-form {
    width: 100%;
  }
  .header-search-form .header-search-form-wrapper {
    width: 100%;
  }
  .header-search-form .flex-col.flex-grow {
    flex: 1 1 auto !important;
  }
  .header-search-form input.search-field {
    width: 100% !important;
  }
  .dola-feature-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px;
  }
  .dola-feature-item {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .ss-news .text {
    gap: 15px;
  }
  .ss-news .text p {
    font-size: 14px;
    line-height: 1.4;
  }
  .product-sidebar {
    margin-bottom: 30px;
  }
  .shop-container .col.large-3.sidebar-col,
  .shop-container .col.large-9.products-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .shop-container .products.row,
  .shop-container ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .off-canvas-left .mfp-content,
  .off-canvas-right .mfp-content {
    width: 500px;
  }
  .header button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    right: 0;
  }
  i.icon-shopping-basket {
    color: var(--white);
  }
  i.icon-menu {
    color: var(--dark-primary);
  }
  .header-search-form input#woocommerce-product-search-field-0 {
    width: auto;
    flex: 1;
    max-width: 100%;
  }
  .ss-aboutus .frame-title h3 {
    font-size: 28px;
  }
  .ss-aboutus h2 {
    font-size: 22px;
  }
  .flip-card-front h3 {
    font-size: 18px;
  }
  .header button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    font-size: 17px;
  }
}
@media (max-width: 600px) {
  .gem-cf7-inner p {
    flex-direction: column;
  }
  .gem-cf7-inner .gem-email-input {
    border-radius: 4px !important;
    border-right: 1px solid var(--border-gray);
    margin-bottom: 10px !important;
  }
  .gem-cf7-inner .gem-submit-btn {
    width: 100% !important;
    border-radius: 4px !important;
  }
  .header-contact-wrapper {
    font-size: 13px;
    justify-content: left;
    gap: 10px;
  }
  #logo img {
    max-height: 80px !important;
    top: 0;
  }
}

@media (max-width: 426px) {
  .ss-news .row .row .col:first-child .col-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .ss-news .row .row .col:first-child .text:first-child {
    margin-bottom: 10px;
    width: 100%;
  }
  .ss-news .text {
    gap: 10px;
  }
  .ss-news .text p {
    font-size: 13px;
    line-height: 1.4;
  }
  .shop-container .products.row,
  .shop-container ul.products {
    grid-template-columns: 1fr !important;
  }
  .ss-aboutus .frame-title h3 {
    font-size: 24px;
  }
  .ss-aboutus h2 {
    font-size: 20px;
  }
}