:root {
  --border-radius: 30px;
}

body {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 32px 32px;
  background-attachment: fixed;
}

input,
textarea,
select,
.fakebox {
  padding: 12px 20px;
  border-radius: var(--capsule-radius);
}

.select2-container--default .select2-selection--single {
  border-radius: 23px;
}

.label-wrap>input:not(:placeholder-shown)+label,
.label-wrap>select:valid+label,
.label-wrap>textarea:not(:placeholder-shown)+label,
.label-wrap>.select2-container--below+label,
.label-wrap.active label {
  font-size: 0.7rem;
  left: 20px;
}

.label-wrap.active .fakebox+label,
.label-wrap .select2+label {
  top: -15px;
}

.dynamic-form-wrap .captcha-row img {
  top: 4px;
}

.dynamic-form-wrap {
  width: 500px;
  padding: 0;
}

.dynamic-form-title h3 {
  font-weight: 600;
  text-transform: uppercase;
}

.dynamic-form-inner-wrap {
  padding: 0px 20px 20px 20px;
  border: 0;
  border-radius: var(--border-radius);
  /*background-color: #00000040;*/
  background-color: var(--header-background);
  transition: all 0.3s ease;
}

.dynamic-form-inner-wrap:hover {
  box-shadow: 0 0 30px 10px var(--primary);
}

.dynamic-form-wrap .message.text-success {
  text-align: center;
  color: #ffffff;
}

.dynamic-form-wrap .button-row .btn:not(.fa-icon) {
  box-shadow: 0 0 7px 1px var(--primary);
  margin-top: 5px;
}

.captcha-image {
  border-radius: var(--capsule-radius);
}

.btn,
.btn.btn-sm,
.btn.btn-smx,
.btn.btn-large,
.btn.btn-big {
  max-height: unset;
}

.btn:not(.fa-icon) {
  background-color: var(--secondary);
  border-color: var(--primary);
  box-shadow: 0 0 12px 2px var(--primary);
  padding: 20px 40px;
  border-radius: var(--capsule-radius);
}

.btn:not(.fa-icon):hover {
  background-color: var(--primary);
}

.announcements {
  background-color: var(--header-background);
  box-shadow: 0px 0px 7px -3px var(--menu-text-color);
}

.search-box-wrap button.btn {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

header .search-wrap {
  background: transparent;
  box-shadow: none;
}

.text-logo {
  background: var(--menu-text-color);
  color: var(--header-background-color);
  border-radius: var(--half-border-radius);
}

section,
section.fill-bg {
  background-color: transparent !important;
  padding: 60px 0;
}

.banner-section .slick-slider {
  border-radius: var(--border-radius);
}

.category-display>div {
  border: 1px solid var(--primary-color);
  padding: 8px
}

.category-display img {
  border-radius: calc(var(--border-radius) - 8px);
}

.desktop-menu ul li.parent ul {
  padding: 20px;
}

.desktop-menu>ul>li.parent:hover>ul {
  transform: translateX(-50%);
  left: 50%;
}

.desktop-menu ul li {
  border-bottom: 3px solid transparent;
  text-align: center;
}

.desktop-menu ul li:hover {
  border-bottom: 3px solid var(--primary);
  background-color: var(--menu-hover-bg);
}

.desktop-menu ul li.parent:after {
  border-bottom: 1px solid var(--textcolor);
  border-right: 1px solid var(--textcolor);
  top: 43%;
}

.desktop-menu>ul>li>a {
  padding: 33px 20px;
}

body.scrolled:not(.non-sticky-header) .desktop-menu>ul>li>a {
  padding: 23px 20px;
}

.menu-btn i,
.cart-btn i,
.search-btn i {
  color: var(--textcolor);
}

.menu-btn:hover i,
.cart-btn:hover i,
.search-btn:hover i {
  color: var(--primary);
}

.cart-badge {
  background: var(--primary);
}

.drawer-menu nav ul li .open-child-menu {
  color: #000;
}

.drawer-menu nav ul li.parent ul li:first-child a {
  margin: 0;
}

.drawer-menu nav ul li.parent ul li a {
  border-bottom: 0 !important;
}

.drawer-menu nav ul li .open-child-menu {
  width: 30px;
  font-size: 30px;
}

.main section .section-title {
  text-align: center;
}

.banners297242342 .slick-prev,
.banners297242342 .slick-next {
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.3);
}


section.featured-text .section-content {
  box-shadow: none;
  padding: 20px 0px;
  border-radius: 0;
  background-color: transparent;
}

section .section-title {
  font-size: 40px;
}

section .section-title span {
  width: 10%;
  background-color: var(--primary);
}

.editorflex.flex>.editorflex {
  padding: 20px;
  border: 0;
}

.section-content>.editorflex>.editorflex {
  border: 1px solid var(--primary);
}

.editorflex.flex .editorflex,
section.fill-bg .editorflex.flex .editorflex {
  background-color: var(--header-background-color);
}

.featured-text .page-youtube {}


.accordion-item {
  overflow: hidden;
  border: 1px solid var(--textcolor);
  border-radius: var(--border-radius);
}

.accordion-item .accordion-header,
.accordion-item .accordion-text {
  background-color: var(--secondary);
}

.accordion-item .accordion-header {
  padding: 20px 20px 20px 20px;
}

.accordion-item.active .accordion-text {
  padding: 0px 20px 20px 20px;
}

.accordion-header::after {
  top: 10px;
  color: var(--primary);
  font-size: 1.8em;
}

.accordion-header:hover::after,
.accordion-item.active .accordion-header::after {
  color: var(--textcolor);
}

.accordion-item:hover {
  box-shadow: 0 0 4px 2px var(--primary);
}

.single-testimonial {
  border: 1px solid var(--primary-color);
  margin: 5px;
  padding: 20px;
  border-radius: var(--border-radius);
  background-color: var(--secondary-color);
}

.testimonials-wrap .slick-prev:before,
.testimonials-wrap .slick-next:before {
  border-color: var(--primary);
}

.testimonials .slick-dots li button:before {
  background-color: var(--primary);
}

.testimonials .slick-dots li button:after {
  color: transparent;
}

.testimonials .slick-dots li,
.testimonials .slick-dots li button,
.testimonials .slick-dots li button:before {
  width: 40px;
}

.testimonials .slick-dots li button:before {
  background-color: var(--secondary);
  font-size: 0px;
  height: 4px;
}

#scrollTopBtn {
  background-color: transparent;
  border: 1px solid var(--textcolor);
  bottom: 5px;
  right: 5px;
}


.drawer-cart,
.cart-footer,
.drawer {
  background-color: var(--body-background);
}

.newsletter-box-wrap>small {
  left: 18px;
}

.newsletter-wrap .newsletter-box-wrap button {
  padding: 0 5px;
}

.newsletter-wrap .btn i.fa {
  border-radius: var(--circle-oval-radius);
  box-shadow: inset 0px 0px 0px 2px #fff;
}

.newsletter-wrap .btn i.fa::before {
  width: 32px;
  display: block;
}

.newsletter-page-content label {
  left: unset !important;
}

.title-section.stripe .highlighter {
  background: transparent;
}

.title-section .heading.dark-text small,
.title-section .heading.dark-text small a {
  color: #fff;
}

.title-section .heading.dark-text small {
  background-color: #00000030;
}


.blog-grid .blog-grid-item,
.blog-grid .blog-image {
  border: 1px solid var(--primary);
  padding: 10px;
  background-color: transparent;
}

.blog-grid .blog-image {
  border-top-left-radius: calc(var(--border-radius) - 8px);
  border-top-right-radius: calc(var(--border-radius) - 8px);
}

.blog-grid .blog-image img {
  border-top-left-radius: var(--half-border-radius);
  border-top-right-radius: var(--half-border-radius);
}

.blog-post-list .container {
  width: 1000px;
}

.blog-post-list .page-content {
  font-size: 1em;
  line-height: 1.4em
}

.breadcrumbs {
  text-align: center;
  padding-top: 10px;
}

.category-banner .breadcrumbs a {
  color: #000;
}

.regular-price {
  color: var(--textcolor);
}

.cart-item-counter .plus,
.cart-item-counter .minus,
.cart-item-counter .cplus,
.cart-item-counter .cminus {
  background-color: transparent;
  line-height: 38px;
  font-size: 28px;
}

.cart-item-counter>div {
  height: 44px;
}

.single-product .product-description {
  background-color: transparent;
  padding: 20px 0;
}

.product-card {
  background-color: transparent;
}

.single-product .product-info .cart-item-counter>div {
  width: 60px;
  height: 60px;
}

.single-product .product-info .cart-item-counter .plus,
.single-product .product-info .cart-item-counter .minus {
  line-height: 54px;
}

.payment-guide small {
  background-color: var(--body-background);
  border: 1px solid var(--textcolor);
}

.order-complete {
  background-color: transparent;
}

table tr {
  background-color: transparent;
}

table th,
table tr:hover {
  background-color: var(--body-background);
}

.order-details .page-content {
  border: 1px solid var(--textcolor);
  padding: 20px;
}

.wishlist-icon .fa-heart {
  color: var(--primary);
  padding: 1px;
}

footer .section-title span {
  width: 100%;
}

.footer-card .social-list li a i {
  color: var(--primary);
}

footer .app-button-wrap .btn {
  padding: 14px 30px;
}

.footer-wrap {
  border-bottom: 0;
}

footer .copyright-text {
  background-color: var(--body-background);
  margin-top: 30px;
  border-radius: var(--capsule-radius);
}


section.highlights,
section.highlights.fill-bg {
  background-color: transparent;

}

section.highlights {
  padding-bottom: 20px;
  padding-top: 20px;
}

.highlights-wrap {
  box-shadow: none;
  background-color: transparent;
  padding: 0;
}

.highlight-card .icon-box {
  display: none;
}

.highlight-card .content {
  text-align: center;
  gap: 0;
}

.highlight-card .content h3 {
  padding: 10px;
  width: 100%;
  background-color: var(--primary);
}

.flex-container .highlight-card {
  padding: 0;
  background-color: transparent;
  border: 1px solid var(--primary);
}

.highlight-card .info-highlights-inner-content {
  padding: 10px;
}

.banner-section>div,
.map-container>div {
  width: var(--container-width) !important;
  max-width: var(--container-max-width);
  margin: 0 auto;
  overflow: hidden;
}

.banner-section>div {
  border: 0;
  margin: 30px auto;
}

.category-banner {
  width: var(--container-width);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--textcolor);
  border-radius: var(--border-radius);
}

.category-banner,
.map-container>div {
  margin-top: 40px;
}

section.featured-images {
  padding-bottom: 80px;
}

.special-banner .special-banner-image {
  overflow: unset;
  box-shadow: none;
  padding: 0px;
  background: transparent;
  border: 1px solid var(--primary);
  padding: 12px;
  border-radius: var(--border-radius);
}

.special-banner .promo-image {
  overflow: hidden;
  background-color: transparent;
  height: auto;
  border-radius: calc(var(--border-radius) - 10px);
}

.featured-images.predefined .special-banner .special-banner-image .block-text {
  position: relative;
  text-align: center;
  top: 10px;
  height: auto;
  color: var(--textcolor);
}

.special-banner .promo-image .promo-image-container,
.special-banner .special-banner-image img {
  border-radius: calc(var(--border-radius) - 10px);
}

.special-banner .special-banner-image .featured-image-wrapper::after {
  content: "";
  width: 94%;
  height: 94%;
  border: 1px solid var(--textcolor);
  position: absolute;
  top: 3%;
  left: 3%;
  pointer-events: none;
  border-radius: calc(var(--border-radius) - 10px);
  /* to allow click on item below it*/
}

.special-banner .special-banner-image .block-text {
  text-shadow: none;
  color: #fff;
  align-items: center;
  text-align: center;
}

.special-banner .special-banner-image .block-text span {
  display: block;
}

.special-banner .special-banner-image .block-text span.first {
  font-size: 1.5em;
}

.special-banner .special-banner-image .block-text span.second {
  font-size: 0.7em;
}


.brands4673453523 .brand-image {
  overflow: hidden;
  padding: 0;
  border: 2px solid var(--primary);
  box-shadow: none;
}

.multi-image-slider .slick-prev:before,
.multi-image-slider .slick-next:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  width: 20px;
  height: 20px;
  border: 2px solid var(--textcolor);
  clip-path: polygon(0% 0%, -100% 240%, 100% 100%);
  outline-offset: -6px;
}

.multi-image-slider .slick-prev:before {
  transform: rotate(45deg);
}

.multi-image-slider .slick-next:before {
  transform: rotate(-135deg);
}

.demo-products .section-title {
  display: none;
}

.product-card-shop {
  border: 1px solid var(--primary);
}

.product-card-image a {
  border-radius: calc(var(--border-radius) - 8px);
}

.message-box-wrap {
  background-color: var(--body-background);
}

.checkout-form .cart-products,
.checkout-form .totals {
  background-color: transparent;
  border-radius: var(--border-radius);
}

.totals.delivery-value-wrap {
  top: -26px !important;
  padding-top: 30px;
  margin-bottom: -26px;
}

/*check and move to style.css*/
@media (max-width: 1340px) {

  .featured-blog .blog-grid,
  .testimonials .testimonial-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }

  .featured-blog .blog-grid .blog-grid-item,
  .testimonials .testimonial-grid .single-testimonial {
    flex: 1 1 calc(50% - 10px);
    background-color: var(--secondary);
    justify-content: center;
    width: 100%;
  }
}

.brands4673453523 .slick-prev,
.brands4673453523 .slick-next {
  background-color: var(--primary);
}

.product-card-slider .slick-prev,
.product-card-slider .slick-next {
  top: 50%;
  background-color: var(--primary);
  opacity: 0.7;
  color: #fff;
  height: 50px;
  width: 50px;
  transition: all 1s ease;
}

.product-card-slider .slick-prev:hover,
.product-card-slider .slick-next:hover {
  opacity: 1;
}

.product-card-slider .slick-prev {
  left: -60px !important;
}

.product-card-slider .slick-next {
  right: -60px !important;
}

.product-card-buttons .btn {
  padding: 14px 30px;
  box-shadow: 0 0 6px 2px var(--primary);
}

.cart-item-counter {
  box-shadow: 0px 0px 7px 0px #fff;
  border-radius: var(--border-radius);
}

.product-add-to-cart .plus,
.cart-update .cart-item-counter .cplus {
  border-top-right-radius: var(--capsule-radius);
  border-bottom-right-radius: var(--capsule-radius);
}

.product-add-to-cart .minus,
.cart-update .cart-item-counter .cminus {
  border-top-left-radius: var(--capsule-radius);
  border-bottom-left-radius: var(--capsule-radius);
}

footer {
  border-top: 1px solid #303030;
}

.footer-wrap {
  font-weight: 400;
}

.footer-logo {
  display: inline-block;
}

.footer-wrap {
  gap: 8%;
}

.footer-card.social-card .social-list {
  padding-bottom: 40px;
}


@media (max-width: 1400px) {
  .product-card-slider .slick-next {
    right: -15px !important;
  }

  .product-card-slider .slick-prev {
    left: -15px !important;
  }
}

@media (max-width: 1340px) {

  .banner-section>div,
  .map-container>div,
  .category-banner {
    border: 0;
    /*margin: 50px auto;*/
  }
}

@media (max-width: 768px) {
  .special-banner .special-banner-image {
    padding: 10px;
  }

  .section-title {
    text-align: center;
  }

}

@media (max-width: 480px) {

  /*#header .search-icon, #header .cart-icon {
    top: 19px;
  }*/
  .main {
    padding-top: 60px;
  }

  section,
  .section,
  section.fill-bg {
    padding: calc(var(--section-gap) / 3) 0;
  }

  section .section-title {
    font-size: 28px;
    text-align: center;
  }

  section.featured-text.predefined .section-content {
    text-align: center;
  }

  header .search-wrap {
    padding: 5px 10px 0px 10px;
    width: 90%;
  }

  .special-banner .special-banner-image {
    width: 100%;
  }

  .featured-blog .blog-grid .blog-grid-item,
  .testimonials .testimonial-grid .single-testimonial {
    flex: 1 1 100%;
  }

  .dynamic-form-wrap .button-row .btn:not(.fa-icon) {
    width: 100%;
    padding: 13px;
  }

}