/*
Theme Name: Mobile Accessories Shop Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: mobile-accessories-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Mobile Accessories Shop Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --purple: #7532A2;
  --dark-purple: #6D38AC;
  --violet: #496CF0;
  --blackk: #514F4F;
  --blue: #4A69EC;
}
:root {
  --pri-font: "Open Sans", sans-serif;
  --sec-font: "Orbitron", sans-serif;
  overflow: auto;
}
#wpadminbar {
  position: fixed !important;
}
section{
  padding: 4% 0px;
  position: relative;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-var(--pri-font));
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
:hover{
  transition: all 0.5s ease 0s;
}
#categories_slider .owl-carousel .owl-stage{
  transition: 20s linear !important;
}
#blog .owl-nav ,#categories_slider .owl-nav,#testimonial .owl-nav {
  display: block;
}
#blog .owl-nav i ,#categories_slider .owl-nav i,#testimonial .owl-nav i{
  font-size: 18px;
}
#categories_slider .owl-nav .owl-prev ,#blog .owl-nav .owl-prev ,#testimonial .owl-nav .owl-prev {
  background: #000;
  color: #fff !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -6%;
}
#blog .owl-nav .owl-next,#categories_slider .owl-nav .owl-next,#testimonial .owl-nav .owl-next {
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%) !important;
  color: #fff !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -6%;
}
#blog .owl-nav .owl-prev:hover,#categories_slider .owl-nav .owl-prev:hover,#testimonial .owl-nav .owl-prev:hover,#deals-day .owl-nav .owl-prev:hover{
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%) !important;
}

#deals-day .owl-nav {
  position: unset;
  margin: 3% auto 0% auto;
  width: fit-content;
  display: block;
}
#deals-day .owl-nav .owl-prev, #deals-day .owl-nav .owl-next {
  position: unset;
  color: #fff !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 6px !important;
  box-shadow: none;
  line-height: 35px;
}
#deals-day .owl-nav .owl-prev:hover{
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%) !important;
}
#deals-day .owl-nav .owl-next{
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%) !important;
}

.owl-nav .owl-prev {
  background: var(--black) !important;
  color: #fff !important;
  margin-right: 15px;
  border: none !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 2px var(--purple);
}
.owl-nav .owl-next {
  background: var(--black) !important;
  color: #fff !important;
  margin-right: 15px;
  border: none !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 2px var(--blue);
}
.owl-nav i{
  font-size: 18px;
  line-height: 30px;
}
.owl-nav{
  display: none;
}
.owl-nav button.owl-next:hover {
  box-shadow: 0px 0px 10px 2px var(--purple);
}
body.home,.page-template,html body{
  background-color: var(--white);
}
h6{
  font: 600 20px / 30px var(--pri-font);
  color: var(--black);
  margin: 0;
}
h5{
  font: 600 18px/25px var(--pri-font);
  color: var(--black);
  margin: 0;    
}
h4 {
  font: 600 20px / 25px var(--pri-font);
  color: var(--black);
  margin: 0;
}
h3,h3 a{
  font: 600 30px / 42px var(--sec-font);
  margin: 0;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  width: fit-content;
  margin: auto;
}
h3:after{
  content: '';
  width: 100%;
  height: 0px;
  position: absolute;
  top: unset;
  left: 0px;
  right: 0px;
  bottom: 0;
  z-index: 1;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: shake 16s ease infinite;
}
@keyframes rubberBand{
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
  }
  40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
  }
  50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
  }
  65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
  }
  75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
  }
  100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }

}
.heading-box p {
  font: 400 18px / 30px var(--pri-font);
}
h2{
  font: 600 40px / 40px var(--pri-font);
  color: var(--black);
  margin: 0px;
}
h1{
  font: 600 40px / 40px var(--pri-font);
  color: var(--black);
  margin: 0px;
}
p{
  font: 400 14px/26px var(--pri-font);
  color: var(--black);
  margin: 0;
}
.heading-box{
  /* width: fit-content;
  margin: auto; */
}
#reply-title{
  font: 400 35px/60px var(--pri-font);
  color: var(--black);
  margin: 0;
}
.page-title{
  color: #000;
  font: 600 40px/52px var(--pri-font);
}
/* button */
.btn-outer-box{
  width: fit-content;
  transition: 0.2s ease-in-out;
}
.btn-outer-box {
  display: flex;
  color: #000;
  background: #fff;
  padding: 12px 35px;
  border-radius: 8px;
  transition: all .3s ease;
  font-weight: bold;
  cursor: pointer;
  align-items: center;
  font: 400 14px / 16px var(--pri-font);
}
.btn-outer-box:hover {
  color: var(--white);
  background: #000;
}
.btn-outer-box:hover i {
  transform: translate(60px, 0px);
  color: #fff;
  opacity: 0;
}
.btn-outer-box:hover i,.blog-image-box:hover .btn-outer-box i {
  transform: translateX(40px);
  opacity: 0;
  transition: 0.2s ease-in-out;
  color: #fff !important;
}
.btn-outer-box:hover .btn-text ,.blog-image-box:hover .btn-outer-box .btn-text{
  transition: 0.1s ease-in-out;
  transform: translate(13px, 0px);
}

.blog-button-outer-box{
  display: flex;
  justify-content: end;
}
.blog-button-box.btn-outer-box {
  color: #fff;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
}
.blog-image-box:hover .blog-button-box.btn-outer-box,.best-seller-button-box.btn-outer-box:hover {
  color: var(--white);
  background: linear-gradient(90deg, var(--blue) -40%, var(--violet) 46.63%, var(--purple) 100%);
}
.best-seller-button-box.btn-outer-box {
  color: #fff;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  width: fit-content;
  margin: auto;
}
.error-button-box.btn-outer-box {
  width: fit-content;
  margin: auto;
  color: #fff;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
}








.get-contact-box,.case-studies-title-content-outer-box,.get-service-box{
  position: relative;
}
.get-contact-box img{
  border-radius: 350px;
  object-fit: cover;
}
.get-contact-box:after {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--purple);
  position: absolute;
  right: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.get-contact-box:before {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--blue);
  position: absolute;
  left: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}

.get-service-box:after {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--purple);
  position: absolute;
  right: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.get-service-box:before {
  content: '';
  width: 300px;
  height: 180px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--purple);
  position: absolute;
  left: 10%;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: -1;
}


@keyframes animStar{
  0% {
    transform: translateY(0);
  }
  100% {
      transform: translateY(-135rem);
  }
}

@keyframes animStarRotate{
  0% {
    transform: rotate(360deg);
  }
  100% {
      transform: rotate(0);
  }
}

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/

/* loader */
.eco-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  cursor: pointer;
  z-index: 9999;
}





#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2.7em;
  margin-left: -2.7em;
  width: 5.4em;
  height: 5.4em;
  background-color: transparent;
}

#hill {
  position: absolute;
  width: 7.1em;
  height: 7.1em;
  top: 1.7em;
  left: 1.7em;
  background-color: transparent;
  border-left: .25em solid whitesmoke;
  transform: rotate(45deg);
}

#hill:after {
  content: '';
  position: absolute;
  width: 7.1em;
  height: 7.1em;
  left: 0;
  background-color: transparent;
}

#box {
  position: absolute;
  left: 0;
  bottom: 0.4em;
  width: 2em;
  height: 2em;
  background-color: transparent;
  border: .25em solid whitesmoke;
  border-radius: 15%;
  transform: translate(0, -1em) rotate(-45deg);
  animation: push 2.5s cubic-bezier(.79, 0, .47, .97) infinite;
}

@keyframes push {
  0% {
    transform: translate(0, -1em) rotate(-45deg);
  }
  5% {
    transform: translate(0, -1em) rotate(-50deg);
  }
  20% {
    transform: translate(1em, -2em) rotate(47deg);
  }
  25% {
    transform: translate(1em, -2em) rotate(45deg);
  }
  30% {
    transform: translate(1em, -2em) rotate(40deg);
  }
  45% {
    transform: translate(2em, -3em) rotate(137deg);
  }
  50% {
    transform: translate(2em, -3em) rotate(135deg);
  }
  55% {
    transform: translate(2em, -3em) rotate(130deg);
  }
  70% {
    transform: translate(3em, -4em) rotate(217deg);
  }
  75% {
    transform: translate(3em, -4em) rotate(220deg);
  }
  100% {
    transform: translate(0, -1em) rotate(-225deg);
  }
}





/* .loader {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: #fff;
}
.loader{
  width: 48px;
  height: 48px;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #FFF;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after, .loader::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  background-color: #FFF;
  border-radius: 50%;
  animation: scale50 1s infinite ease-in-out;
}
.loader::before {
  top: auto;
  bottom: 0;
  background-color: var(--purple);
  animation-delay: 0.5s;
}
@keyframes rotation{
  0% {
    transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
@keyframes scale50{
  0%, 100% {
      transform: scale(0);
  }
  50% {
      transform: scale(1);
  }
} */
/* video popup */
.modal-new {
  display: none;
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.4);
}
/* Modal Content */
.modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
 .close-one{
  color: #252525;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
}



/* HEADER ANIMATION */
#menu-primary-menu >li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  /* box-shadow: 0px 0px 5px 0px #ffffff5e; */
}
#menu-primary-menu >li:hover ul.sub-menu {
  -webkit-animation-name: wobble-top;
  animation-name: wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: all 0.5s;

  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1 !important;
  visibility: visible;
}

@keyframes wobble-top{
  16.65% {
    -webkit-transform: skew(-12deg);
    transition: all 0.5s;
    transform: skew(-12deg);
  }
  33.3% {
      -webkit-transform: skew(10deg);
      transform: skew(10deg);
  }
  49.95% {
      -webkit-transform: skew(-6deg);
      transform: skew(-6deg);
  }
  66.6% {
      -webkit-transform: skew(4deg);
      transform: skew(4deg);
  }
  83.25% {
      -webkit-transform: skew(-2deg);
      transform: skew(-2deg);
  }
  100% {
      -webkit-transform: skew(0);
      transform: skew(0);
  }
}
#menu-primary-menu >li:hover ul.sub-menu li:hover{
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
}
#menu-primary-menu li ul.sub-menu li a {
  font-size: 14px;
  position: relative;
  color: #fff;
  font-weight: 400;
  margin-right: 25px;
  list-style-type: none;
  padding: 10px 25px 10px 15px;
  display: inline-block;
  width: 100%;
  margin: 0px;
  transition: all 0.4s;
}
header.site-header ul.sub-menu li{
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  box-shadow: 0px 0px 2px 0px #ffffff5e;
  border-radius: 6px;
}
.main-navigation ul ul li a{
  color: #fff;
}
@keyframes menulhs {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes menurhs {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}


 /* search bar */
 #header_navigation .search-icon {
  background-color: transparent;
  border: none;
  color: black;
  border-color: transparent;
  border-radius: 0px;
}
 #header_navigation .search_col{
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 30px;
  width: 280px;
}
#header_navigation input.search-field::placeholder{
 font-family: var(--font-Unbounded);
}
#header_navigation [type="submit"] {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
}
#header_navigation [type="submit"]:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  color: #fff;
}
#header_navigation [type="submit"] {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 14px;
  background-color: var(--yellow);
  border: inherit;
  color: var(--white);
  cursor: pointer;
  border: none;
  border-radius: 0px;
}
#header_navigation .widget.woocommerce.widget_product_search {
  max-width: 100%;
  position: relative;
  z-index: 4;
}
#header_navigation input::placeholder {
  opacity: 1 !important;
  color: #fff !important;
}
.widget_product_search input {
  width: 85%;
  background-color: transparent;
  border: none;
  padding: 9px 10px 9px 40px;
  border-radius: 8px;
  color: #fff !important;
  font: 300 12px / 12px var(--pri-font);
  border: 2px solid #fff;
}
.widget_product_search button {
  border: none;
}
.widget_product_search button i {
  color: #717171;
}
.widget_product_search  input:-webkit-autofill {
  -webkit-background-clip: text !important;
  /* -webkit-text-fill-color: var(--dark-orange) !important; */
  box-shadow: 0 0 0 50px var(--violet) inset;
}
.search-container{
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
#header_navigation [type="submit"] {
  position: absolute;
  left: 0px;
  right: unset;
  top: 50%;
  transform: translateY(-50%);
  padding: 7px 11px;
  background-color: #a2272700;
  border: inherit;
  color: #000;
  cursor: pointer;
  border: none;
  border-radius: 0px;
}
.search-container [type=search] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 90px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 0px;
  background: var(--yellow);
  font-size: 12px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}

/* faq page */
#faq-page .accordion-button:not(.collapsed){
  border: none;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-body{
  font: 400 14px/28px var(--pri-font);
}
#faq-page .accordion-item{
  border: none;
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 0;
}
#faq-page .accordion-button{
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  padding: 12px 30px;
  color: #000;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-button.collapsed::after {
  content: '\f067';
}
#faq-page .accordion-button::after {
  content: '\f068';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset !important;
}
#faq-page .faq-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}
/* contact */
.contact-detail a{
  font: 400 14px/20px var(--pri-font);
}
.contact-outer-form{
  gap: 50px 0px;
  justify-content: space-between;
}
.get-contact-small-head {
  padding: 5% 10px 5% 0px;
}
.contact-touch-form-box .wpcf7 form.invalid .wpcf7-response-output{
  color: #000;
}
.checkbox .wpcf7-list-item-label{
  color: var(--blue);
  font: 300 14px/14px var(--pri-font);
  padding-left: 6px;
}
.contact-touch-form-box form .get:nth-child(5)-box input[type="text"]{
  padding-bottom: 40px;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-detail-box svg path{
  fill: var(--blue);
}
.contact-touch-form-box .wpcf7-checkbox input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 1px solid var(--blue);
  border-radius: 3px;
  background-color: #fff;
  padding: 1px;
}
.contact-touch-form-box .wpcf7-checkbox input[type=checkbox] {
  position: relative;
  cursor: pointer;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-touch-form-box form .submit p input[type="submit"]{
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--black);
  border: none;
  border-radius: 0px;
  padding: 10px 25px;
  width: max-content;
}
.contact-touch-form-box form .submit p input[type="submit"]:hover{
  background: var(--blue);
  color: #fff;
}
.contact-bg-colr{
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="phone"], input[type="password"], textarea{
  background: #fff;
}
.contact-form-content-box { 
  background: #ffffff;
  padding: 25px 35px;
  box-shadow: 0px 0px 2px 0px #999999;
}
.contact-touch-form-box input[type="text"], .contact-touch-form-box input[type="tel"], .contact-touch-form-box input[type="email"], .contact-touch-form-box input[type="number"], .contact-touch-form-box input[type="date"], .contact-touch-form-box input[type="phone"], .contact-touch-form-box input[type="password"], .contact-touch-form-box textarea, .contact-touch-form-box select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 0px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 0px 3px 0px #999999;
}
.contact-touch-form-box .wpcf7 form.failed .wpcf7-response-output{
  color: #000;
}

/* single blog review form */
#comments textarea {
  height: 150px;
  background-color: #000;
  border-color: #f1f1f1;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
}
#comments input[type="text"],#comments input[type="tel"],#comments input[type="email"],#comments input[type="number"],#comments input[type="date"],#comments input[type="phone"],#comments input[type="password"],#comments textarea {
  border: 1px solid #cfcfcf;
  padding: 12px 10px;
  font-size: 18px;
  background: transparent;
  height: auto;
  border-radius: 5px;
  width: 100%;
  color: #000;
}
div#comments {
  position: relative;
  /* background: #000; */
  padding: 3rem 2rem 2rem 2rem;
}
div#comments:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  border-radius: 15px;
  z-index: 0;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#respond {
  padding: 1.5rem 2rem;
  border-radius: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}
.comment-form-cookies-consent{
  display: flex;
}
.comment-form-cookies-consent label{
  margin-left: 4px !important;
}
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  color: #fff;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="submit"].submit {
  background: var(--black);
  color: white;
  border: unset;
  font-weight: 600;
  padding: 10px 25px;
  font-family: var(--pri-font);
  border-radius: 0px;
}
#respond p.form-submit:hover .submit {
  position: relative;
  z-index: 1;
}
#comments input[type="submit"].submit:hover{
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  border-radius: 50px;
}
.comment-body{
  color: #fff;
}
.comment-list{
  border: 1px solid #363636;
  border-radius: 10px;
  padding: 15px;
  position: relative;
  z-index: 2;
}
#comments a time{
  color:#fff;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
  font-family: var(--pri-font);
  color: var(--black);
}
#comments .comment-author.vcard img {
  padding: 2px;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.nav-links .nav-previous{
  padding: 1.5rem 1rem;
  border: none;
  position: relative;
  margin-right: 17px;
  /* background: #000; */
}
.nav-links .nav-previous:after,.nav-links .nav-next:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  border-radius: 6px;
  z-index: 0;
  padding: 1px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  /* mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); */
  mask-composite: exclude;
}
.nav-links .nav-next{
  width: 50%;
  padding: 1.5rem 1rem;
  border: none;
  position: relative;
  /* background: #000; */
}
.nav-links {
  display: inline-flex;
  width: 100%;
  margin-top: 25px;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
}





/* woocomerce login page */
.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active{
  border: 1px solid var(--violet) !important;
  background: #fff !important;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active a{
  color: var(--violet) !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
  background: var(--violet) !important;
  padding: 8px 10px;
}
.woocommerce-info{
  border-color: var(--violet) !important;
}
button.woocommerce-Button.button,.woocommerce-Button{
  border: none;
  background: var(--violet);
  color: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  font: 600 14px/20px var(--pri-font);
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
  display: flex;
  flex-direction: column;
}
.woocommerce-account .addresses .title .edit {
    float: left !important;
}
.woocommerce form .form-row {
  width: 100%;
  position: relative;
}
.woocommerce-account .woocommerce {
  padding: 5% 0px;
}
.woocommerce-button.button.woocommerce-form-login__submit {
  background: var(--violet);
  color: #fff;
  border: none;
  padding: 10px 20px;
}
.woocommerce form .form-row label {
  font: 500 16px / 30px var(--pri-font);
  color: #000;
}
.woocommerce form .form-row input.input-text {
  padding: 8px 10px;
  font: normal normal normal 15px / 20px var(--pri-font);
}
.woocommerce form .form-row {
  width: 100%;
  position: relative;
}
.woocommerce-info a{
  background-color: var(--violet) !important;
  color: #fff !important;
  padding: 8px 10px;
  font: normal normal normal 15px / 20px var(--pri-font) !important;
}


/* single product review form */
#review_form input[type="text"], #review_form input[type="tel"], #review_form input[type="email"], #review_form input[type="number"], #review_form input[type="date"], #review_form input[type="phone"], #review_form input[type="password"], #review_form textarea {
  border: 1px solid #cfcfcf;
  font-size: 16px;
  padding: 10px 10px;
  height: auto;
  border-radius: 5px;
  width: 100%;
  background: transparent;
}
#review_form form{
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
  width: 100%;
}
#reviews .comment-form-author {
  order: 1;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: fit-content;
  position: relative;
  border-radius: 6px;
}
/* p.form-submit:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
} */
#respond p.form-submit:hover{
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  border-radius: 6px;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px/19px var(--pri-font);
}
#reviews .comment-notes{
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}
.woocommerce #review_form #respond p.stars{
  width: fit-content !important;
}

/* single product page */
.single-product .price ins{
  color: #514F4F;
  font: 600 20px / 25px var(--pri-font);
  text-decoration: none;
  margin-right: 5px;
}
.woocommerce div.product div.summary{
  position: relative;
}
.single-product .yith-add-to-wishlist-button-block{
  bottom: -30px;
}
.single-product .price del {
  color: #A2A2A2;
  font: 400 14px / 14px var(--pri-font);
}
.summary.entry-summary .desc-para{
  padding: 30px 0px;
  font: 400 15px / 26px var(--pri-font);
}
.single-product .summary.entry-summary p.price del{
  font: 600 20px / 25px var(--pri-font);
}
.shop.shop-product .woocommerce-ordering, .yith-wcwl-add-button span {
  display: none;
}
.woocommerce-product-details__short-description{
  font: 400 14px / 25px var(--pri-font);
  color: var(--blackk);
}
.woocommerce .loader::before{
  display: none;
}
.entry-summary .rating {
  /* display: none; */
  color: #ffffff00 !important;
  background: transparent;
}
.woocommerce .star-rating span{
  color: #FFC400;
}
.woocommerce div.product .product_title,.woocommerce-Tabs-panel h2{
  font: 600 35px / 60px var(--pri-font);
  color: var(--black);
}
.woocommerce-product-details__short-description p,.woocommerce div.product div.summary p{
  flex-direction: row-reverse;
  display: flex;
  justify-content: start;
  padding-bottom: 10px;
}
.woocommerce div.product div.images img{
  width: auto !important;
  margin: auto;
  height: 80%;
}
.woocommerce .woocommerce-product-rating .star-rating{
  color: var(--pink);
}
#review_form input[type="submit"]{
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%) !important;
  color: #fff !important;
  padding: 12px 30px !important;
  font: 400 16px / 20px var(--pri-font);
}
#review_form .form-submit:hover input[type="submit"]{
  background: #000 !important;
}
.single-product .woocommerce-product-gallery .flex-viewport{
  background: #f2f2f2;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img{
  position: relative;
  top: 10%;
  object-fit: contain;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{
  height: 400px;
}
.single-product div.product div.images .flex-control-thumbs li{
  background: #f2f2f2;
  position: relative;
  color: #000;
}
.wc-block-cart-item__quantity button,.is-large.wc-block-cart .wc-block-cart__totals-title,.wc-block-components-totals-coupon .wc-block-components-panel__button,.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper,.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,.is-large.wc-block-cart .wc-block-cart-items{
  color: #000 !important;
}
.single-product div.product div.images .flex-control-thumbs{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.single-product div.product div.images .flex-control-thumbs li img{
  width: 80px !important;
  height: 80px !important;
  margin: 20% auto;
  object-fit: contain;
}
.woocommerce div.product form.cart {
  margin-bottom: 2em;
  margin-top: 1%;
}
.single-product .woocommerce-product-gallery__trigger{
  z-index: 1 !important;
}
.summary.entry-summary .desc-para:nth-child(6), .summary.entry-summary .desc-para:nth-child(7), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(9){
  display: none;
}
.yith-wcwl-add-to-wishlist-button__label {
  display: none;
}
.yith-wcwl-add-to-wishlist-button svg,.product-cart-icon svg {
  color: var(--white) !important;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  padding: 5px;
  width: 30px !important;
  height: 30px;
  border-radius: 6px;
  fill: #fff;
}
.yith-wcwl-add-to-wishlist-button--added svg {
  fill: #FF3D3D !important
}
.single-product .woocommerce-notices-wrapper .woocommerce-message a {
  font: 400 14px / 20px var(--pri-font);
  color: #ffffff;
  font-size: 14px;
  width: fit-content;
  position: unset;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  border-radius: 4px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,.woocommerce-shop .add_to_cart_button ,#related-products .add_to_cart_button, .add_to_cart_button, .added_to_cart,.product-cart-icon .button {
  border: none;
  border-radius: 8px;
  font-size: 0px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: transparent;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover{
  background-color: transparent;
}
.product-hover-cart-icons .rating{
  color: var(--white) !important;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  padding: 6px 6px;
  font: 400 13px / 13px var(--pri-font);
  border-radius: 6px;
}
.onsale{
  display: none;
}
h3.wc-block-components-product-name:after{
  display: none;
}
.entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--red);
  font-weight: 500;
  color: var(--red);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
.entry-summary .product_meta {
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.entry-summary .product_meta .posted_in, .entry-summary .product_meta .tagged_as {
  font: 500 16px / 20px var(--pri-font);
}
.custom-content h6 a{
  font: 600 18px / 25px var(--pri-font);
}
#woosq-popup .summary-content{
  padding: 6%;
}
#woosq-popup .summary-content .price{
  font: 600 16px / 40px var(--pri-font);
}
.woocommerce div.product form.cart .button{
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  padding: 13px 30px;
  border-radius: 4px;
  font: 500 16px / 16px var(--pri-font);
  position: absolute;
  bottom: -1%;
  left: 12%;
}
.woocommerce div.product form.cart .button:hover {
  background: var(--black);
}
#woosq-popup h1 {
  font: 600 35px / 50px var(--pri-font);
}
#woosq-popup .thumbnail img{
  width: 50%;
  margin: auto;
  background: #f4f4f4;
  padding: 40px;
}
.woocommerce-cart .wp-block-woocommerce-cart{
  margin-top: 5%;
}
.wc-block-cart-items {
  box-shadow: 0px 0px 3px 0px #000;
  border-radius: 10px;
  padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
  box-shadow: 0px 0px 3px 0px #000;
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items th, .is-large.wc-block-cart .wc-block-cart__totals-title {
  font: 500 18px / 20px var(--pri-font) !important;
  text-transform: capitalize !important;
  color: #000!important;
}
.wc-block-components-product-name {
  font: 600 18px / 25px var(--pri-font) !important;
  color: #000 !important;
  margin: unset;
}
.wc-block-components-product-details__name, .wc-block-components-product-details__value {
  margin-left: 0;
  color: #000 !important;
}
.wc-block-components-product-details.wc-block-components-product-details li {
  margin-left: 0;
  color: #000 !important;
}
.wc-block-components-checkout-return-to-cart-button{
  color: #fff !important;
  font: 500 14px / 20px var(--pri-font);
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  border-radius: 5px;
  padding: 10px 10px 10px 30px;
  width: 23%;
  margin: auto;
  text-align: center;
  margin-right: 10px;
}
.wc-block-components-product-price{
  font: 600 16px / 20px var(--pri-font) !important;
  color: #000;
}
.wc-block-cart__submit-container{
  text-align: center;
}
.wc-block-components-button__text {
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  color: #fff;
  padding: 9px 30px;
  border-radius: 6px;
  font: 500 14px / 20px var(--pri-font);
  margin-top: 30px;
  opacity: 1 !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
  display: block !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
  background: none;
  width: auto;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  color: #000 !important;
  font-weight: 500;
}
.woocommerce-Tabs-panel--description .desc-para{
  font: 400 16px / 25px var(--pri-font);
}
.wc-block-components-totals-coupon__form .wc-block-components-button__text{
  margin: 0;
}
.wc-block-components-totals-coupon__form .wc-block-components-button{
  border: none;
}
.wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text {
  margin: 0;
}
.wc-block-checkout__actions_row .wc-block-components-button {
  border: none;
  background: transparent;
  padding: 0 !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
  padding: 16px 20px !important;
}
.wc-block-components-main form{
  box-shadow: 0px 0px 3px 0px #000;
  border-radius: 10px;
  padding: 30px;
}
.wc-block-cart .wc-block-cart__submit-container--sticky:before {
  box-shadow: 0 1px 6px 0px currentColor !important;
}
.wc-block-checkout__actions_row{
  width: fit-content;
  margin: auto;
}
.is-large .wp-block-woocommerce-checkout-order-summary-block {
  box-shadow: 0px 0px 3px 0px #000 !important;
  border-radius: 10px !important;
  padding: 30px;
  position: relative;
  top: -8px;
}
.wp-block-woocommerce-checkout-order-summary-block{
  box-shadow: 0px 0px 3px 0px #000 !important;
  border-radius: 10px !important;
}
.wc-block-components-checkbox__label,.wc-block-components-form .wc-block-components-checkout-step{
  color: #000;
}
.single-product .custom-quantity-select{
  border: none;
  width: 60px;
  height: 35px;
  border: 1px solid #dcdcdc;
  background: transparent;
  padding: 0;
  margin-left: 5px;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist{
  position: relative;
  top: -70px;
  left: 180px;
  width: fit-content;
}
#single-product-page .yith-wcwl-add-button .yith-wcwl-icon-svg {
  margin: 0 !important;
  border: 2px solid linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  border-radius: 50%;
  padding: 5px;
  width: 38px;
  stroke: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
}
#single-product-page .entry-summary .product_meta{
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#wp-comment-cookies-consent{
  align-self: baseline;
  top: 8px;
  position: relative;
}
#single-product-page .entry-summary .product_meta .posted_in,#single-product-page .entry-summary .product_meta .tagged_as{
  font: 500 16px/20px var(--pri-font);
  color: var(--blackk);
}
#single-product-page .entry-summary .product_meta .posted_in a,#single-product-page .entry-summary .product_meta .tagged_as a{
  font: 400 14px/20px var(--pri-font);
}
#single-product-page .entry-summary .product form.cart{
  width: fit-content;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse:before,#single-product-page .entry-summary  .yith-wcwl-add-button a.add_to_wishlist:before, #single-product-page .entry-summary  .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary  .yith-wcwl-wishlistexistsbrowse:before{
  display: none;
}
#single-product-page .entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--pink);
  font-weight: 500;
  color: var(--pink);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a,#single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse a{
  position: unset;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
  color: pink;
  font-size: 20px;
  border: 2px solid var(--pink);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a {
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
  font-size: 0px;
}
#single-product-page .yith-wcwl-wishlistaddedbrowse svg{
  fill: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  height: auto;
  width: 38px !important;
  padding: 5px;
  border: 2px solid linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  border-radius: 50%;
}
.single-product .yith-wcwl-wishlistaddedbrowse .feedback {
  font-size: 0px;
}
.qib-button-wrapper .quantity input.input-text.qty.text {
  height: 41px;
  width: 40px;
  height: 41px;
  padding: 6px 12px 8px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #efefef;
  font-size: 16px;
  line-height: 27px;
  box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  margin: 0 -3px !important;
}
.single-product .summary.entry-summary .stock.in-stock {
  padding-top: 10px;
  font: 600 15px / 20px var(--pri-font);
  color: var(--blackk);
}


/* wishlist page  */
.woocommerce-wishlist .woocommerce-Price-amount bdi,.woocommerce-wishlist .product-name a{
  color: #000;
}
.our-products-price-box ins{
  text-decoration: none;
  color: #514F4F;
  font: 600 20px / 25px var(--pri-font);
}
.woocommerce-wishlist .product-thumbnail {
  max-width: 100% !important;
  height: 250px !important;
}
.woocommerce-wishlist .product-thumbnail img {
  height: 100% !important;
  max-width: 100%;
  object-fit: contain;
}
.woocommerce-wishlist .product-custom-content{
  padding: 0px 10px
}
.woocommerce-wishlist .shop_table.wishlist_table {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}
.wishlist-page-image-box {
  width: 275px;
}
.product-thumbnail {
  max-width: 100% !important;
  height: auto;
}
.woocommerce img, .woocommerce-page img {
  height: auto;
  max-width: 100%;
}
.woocommerce a.remove {
  background: #f7f7f7;
  color: #F38686 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px 12px 25px 25px;
}
.yith_wcwl_wishlist_footer,.woocommerce-breadcrumb{
  display: none;
}
.wc-block-grid,.wp-block-woocommerce-empty-cart-block{
  margin-top: 4%;
}
.wp-block-woocommerce-cart .wc-block-grid__product-rating,.wp-block-woocommerce-cart .yith-wcwl-add-to-wishlist{
  display: none;
}
.wc-block-grid__product-title{
  font: 500 18px / 20px Rubik !important;
  color: #000;
}
.wc-block-grid__product-add-to-cart.wp-block-button a {
    background: var(--red);
    color: #fff;
    font: 400 14px / 20px var(--pri-font) !important;
    border-radius: 4px;
    padding: 8px 16px;
}
.wc-block-grid__products {
  background-clip: padding-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px;
  justify-content: space-between;
}
.wc-block-grid__product.wc-block-grid__product {
  background: #fff;
  box-shadow: 0px 0px 50px 0px #cacaca;
  box-sizing: border-box;
  width: 100%;
  max-width: 315px !important;
  border-radius: 8px;
}
.products-content-main-box:hover .product-tag,.yith-wcwl-add-button a.add_to_wishlist:hover::before,.products-content-main-box:hover .sale-product-tag .onsale,.yith-wcwl-add-button a.add_to_wishlist:hover::before, .yith-wcwl-wishlistaddedbrowse a:hover::before, .yith-wcwl-wishlistexistsbrowse a:hover::before {
  background: #000;
}
#arrival-products .sale-product-tag .onsale{
  background: #222120;
}
.products-content-main-box{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #00000029;
  padding: 10px;
  margin: 10px 5px;
  position: relative;
}
.product-remove.remove-whishlist {
  background: #f7f7f7;
  color: #F38686 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px 12px 25px 25px;
}
.woocommerce-wishlist .our-products-price-box del{
  display: none;
}
.header_meta .cart-text{
  display: none;
}


/* about */
.our-about-para-box h3{
  margin: inherit;
}

/* order tracking */
.order-tracking-form-box {
  background: #fff;
  box-shadow: 0px 0px 4px 0px #b4b4b4;
  padding: 40px;
}
#order-tracking-form .form-row button{
  color: #fff;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  padding: 12px 35px;
  border-radius: 8px;
  transition: all .3s ease;
  font-weight: bold;
  cursor: pointer;
  align-items: center;
  font: 400 14px / 16px var(--pri-font);
}

/* category */
.category-image-box h6{
  color: #000;
  font: 400 17px / 17px var(--pri-font);
  margin: 20px 0px;
}
.cat-image-main-box img {
  border-radius: 10px;
  height: 100%;
}
.category-image-box:hover .cat-image-main-box {
  width: 230px;
  height: 245px;
  margin: auto;
}
.cat-image-main-box {
  height: 245px;
}
.category-image-box {
  width: 245px;
}
.cat-image-main-box:after {
  content: '';
  width: 101%;
  height: 101%;
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0px;
  border-radius: 10px;
  z-index: -1;
  padding: 3px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: all 0.5s ease 0s;
}


.cat-image-main-box:before {
  content: '';
  height: 0;
  width: 101%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 10px;
  z-index: 0;
  padding: 3px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  transition: all 0.8s ease 0s;
  opacity: 0;
}
.category-image-box:hover .cat-image-main-box:before{
  height: 101%;
  opacity: 0.4;
}




.category-image-box:hover .cat-image-main-box:after {
  padding: 12px !important;
  width: 109%;
  height: 109%;
  position: absolute;
  top: -11px;
  left: -10px;
  border-radius: 20px;
}
#categories_slider .owl-stage-outer{
  padding-left: 10px;
}
/* best seller */
.best-seller-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.best-seller-image:hover:after {
  margin-left: 0;
  opacity: 0.9;
  height: 100%;
}
.best-seller-image:after {
  /* content: "";
  display: block;
  border-top: 300px solid #fff;
  border-left: 500px solid transparent;
  margin-top: -81%;
  margin-left: 100%;
  opacity: 0;
  position: absolute;
  transform: scale(2);
  transition: all 0.3s ease-in-out 0s;
  z-index: -1; */
}
.best-seller-image:after {
  content: "";
  width: 100%;
  height: 75%;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent linear-gradient(180deg, #3FBAD900 0%, #000 100%) 0% 0% no-repeat padding-box;
  transition: 0.2s ease-in-out;
  border-radius: 0px 0px 10px 10px;
  /* opacity: 0; */
}
.best-seller-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  object-position: top;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  overflow: hidden;
}
.best-seller-image:hover img{
  /* opacity: 0.1; */
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.best-seller-grid-box{
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(10, 50px);
  margin: 0;
  grid-gap: 13px;
  padding: 0;
}
.best-seller-grid-box .best-seller-image-box:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 11;
  grid-column-start: 1;
  grid-column-end: 5;
}
.best-seller-grid-box .best-seller-image-box:nth-child(2) {
  grid-row-start: 1;
  grid-row-end: 6;
  grid-column-start: 5;
  grid-column-end: 9;
}
.best-seller-grid-box .best-seller-image-box:nth-child(3) {
  grid-row-start: 1;
  grid-row-end: 6;
  grid-column-start: 9;
  grid-column-end: 12;
}
.best-seller-grid-box .best-seller-image-box:nth-child(4) {
  grid-row-start: 6;
  grid-row-end: 11;
  grid-column-start: 5;
  grid-column-end: 8;
}
.best-seller-grid-box .best-seller-image-box:nth-child(5) {
  grid-row-start: 6;
  grid-row-end: 11;
  grid-column-start: 8;
  grid-column-end: 12;
}

.best-seller-product-content h6,.best-seller-product-text{
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.best-seller-icon i{
  background: #fff;
  color: #000;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 6px;
  font-size: 18px;
}
.best-seller-image-box:hover .best-seller-icon i{
  color: #fff;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
}
.best-seller-product-content{
  bottom: 20px;
  position: absolute;
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 1;
}


/* gallery page  */
.best-seller-page .best-seller-grid-box {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: 20px;
  grid-template-rows: repeat(11, 20px);
  gap: 15px;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box {
  position: relative;
  grid-column: span 2; /* Each item spans 2 columns by default */
  grid-row: span 7; /* Each item spans 7 rows by default */
  width: 100%;
  clip-path: none !important;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 8;
  grid-column-start: 1;
  grid-column-end: 3;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(2){
  grid-row-start: 2;
  grid-row-end: 9;
  grid-column-start: 3;
  grid-column-end: 5;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(3){
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 8;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(4){
  grid-row-start: 3;
  grid-row-end: 10;
  grid-column-start: 7;
  grid-column-end: 9;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(5){
  grid-row-start: 1;
  grid-row-end: 9;
  grid-column-start: 9;
  grid-column-end: 11;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(6){
  grid-row-start: 8;
  grid-row-end: 15;
  grid-column-start: 1;
  grid-column-end: 3;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(7){
  grid-row-start: 9;
  grid-row-end: 16;
  grid-column-start: 3;
  grid-column-end: 5;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(8){
  grid-row-start: 8;
  grid-row-end: 15;
  grid-column-start: 5;
  grid-column-end: 7;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(9){
  grid-row-start: 10;
  grid-row-end: 17;
  grid-column-start: 7;
  grid-column-end: 9;
}
.best-seller-page .best-seller-grid-box .best-seller-image-box:nth-child(10){
  grid-row-start: 9;
  grid-row-end: 16;
  grid-column-start: 9;
  grid-column-end: 11;
}

.best-seller-image-box:hover .best-seller-product-content-overlay {
  opacity: 1;
  width: 95%;
  height: 95%;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.best-seller-image-box:hover .best-seller-product-content-overlay {
  opacity: 1;
}
.best-seller-product-content-overlay {
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  opacity: 0;
}




/* new arrival */
.product-image{
  margin: auto;
  width: 100%;
}
.product-inner-content-box {
  padding: 10px;
  box-shadow: 0px 5px 5px 0px #00000040;
  border-radius: 10px;
  border: 1px solid #00000040;
  position: relative;
}
.product-image{
    overflow: hidden;
    position: relative;
}
.product-inner-content-box:hover .product-image:after {
  margin-left: 0;
  opacity: 0.1;
}
.product-image:after {
  content: "";
  display: block;
  border-top: 300px solid var(--purple);
  border-left: 500px solid transparent;
  margin-top: -81%;
  margin-left: 100%;
  opacity: 0;
  position: absolute;
  transform: scale(2);
  transition: all 0.3s ease-in-out 0s;
  z-index: -1;
}
.product-inner-content-box:hover .product-details:after {
  width: 100%;
}
.product-details:after {
  content: '';
  position: absolute;
  inset: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  transition: all 0.5s ease 0s;
  z-index: -1;
  border-radius: 10px;
}

.product-inner-content-box:hover .product-details{
  /* background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%); */
}

.product-details {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 15px;
  position: relative;
  z-index: 1;
}
.product-image-box {
  width: 240px;
  height: 190px;
  margin: auto;
}
.product-image-box img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
}
.product-top-icons {
  display: flex;
  justify-content: space-between;
}
.product-inner-content-box .product-name{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.product-inner-content-box .product-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.product-inner-content-box .product-name,.product-inner-content-box .product-text{
  color : #514F4F;
}
.product-inner-content-box:hover{
  background: #F4F4F4;
}
.product-inner-content-box:hover .product-details{
  /* background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%); */
}
.product-inner-content-box:hover .product-details .product-name,.product-inner-content-box:hover .product-details .product-text,.product-inner-content-box:hover .woocommerce-Price-amount{
  color : #fff;
}
.cart-btn {
  background: #fff;
  border-radius: 10px;
  padding: 5px 5px;
  align-self: center;
  align-items: center;
}
.cart-btn span{
  font: 400 13px / 1px var(--pri-font);
  position: relative;
  top: 1px;
  padding: 0px 5px;
}
.rating {
  /* display: none; */
  color: var(--white) !important;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  padding: 6px 8px;
  border-radius: 6px;
  font: 500 12px / 12px var(--pri-font);
  width: fit-content;
}


/* offer */
.offer-overlay-bg {
  margin: 0px 3%;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  /* background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%); */
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 30px;
  z-index: -1;
}
.our-feature-outer-box h1{
  font: 700 50px/60px var(--sec-font);
  color: var(--white);
  animation: effect linear 1500ms infinite;
}
.our-feature-outer-box{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.our-feature-outer-box h4 {
  font: 700 35px / 40px var(--pri-font);
  color: var(--white);
}
.our-feature-outer-box h6{
  font: 600 30px / 30px var(--pri-font);
  color: var(--white);
}
.our-feature-outer-box .offer-para{
  color: #fff;
  padding-left: 25%;
}
.offer-head-image-inner-box{
  position: absolute;
  top: -10%;
  left: 0;
  width: 950px;
  height: 550px;
  transform: perspective(800px) rotateY(-0deg);
  transition: transform 1s ease 0s;
}
#offer:hover .offer-head-image-inner-box img{
  transform: perspective(800px) rotateY(15deg);
  -webkit-transition-duration: 1s;
}
.offer-head-image-inner-box img{
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
}
.offer-btn{
  background: #FFFFFFB2;
  position: relative;
  padding: 14px 30px;
  border-radius: 8px;
  font: 300 16px / 16px var(--pri-font);
}
.offer-btn:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0px;
  background-image: repeating-linear-gradient(-28deg, #F81E1EBF, #F81E1EBF 6px, transparent 6px, transparent 12px, #F81E1EBF 12px), repeating-linear-gradient(62deg, #F81E1EBF, #F81E1EBF 6px, transparent 6px, transparent 12px, #F81E1EBF 12px), repeating-linear-gradient(152deg, #F81E1EBF, #F81E1EBF 6px, transparent 6px, transparent 12px, #F81E1EBF 12px), repeating-linear-gradient(242deg, #F81E1EBF, #F81E1EBF 6px, transparent 6px, transparent 12px, #F81E1EBF 12px);
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
  height: 100%;
}
/* influencer */
.influencer-post-content-box{
  background: linear-gradient(232.41deg, #496CF0 6.82%, #6D38AC 55.57%, #7532A2 95.57%);
  border-radius: 10px;
  padding: 15px 10px 10px 30px;
}
.influencer-post-content-inner-box{
  height: 530px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.influencer-post-content-inner-box::-webkit-scrollbar {
  width: 2px;
}
.influencer-post-content-inner-box::-webkit-scrollbar-track {
  background: transparent;
  margin-top: 5px;
  margin-bottom: 5px;
}
.influencer-post-content-inner-box::-webkit-scrollbar-thumb{
  background: var(--white);
  height: 10px;
}
.influencer-box {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 10px;
  margin: 0px 10px 10px 0px;
}
.influencer-img-box{
  width: 90px;
  height: 145px;
  overflow: hidden;
  transition: all 0.8s ease 0s;
}
.influencer-box:hover .influencer-post-content-img .influencer-img-box{
  transform: scale(1.1);
}
.influencer-img-box img{
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.influencer-content-box h4{
  color: #fff;
  font: 600 18px / 18px var(--pri-font);
}
.influencer-post-text,.influencer-author-text{
  font: 400 13px / 16px var(--pri-font);
  color: var(--white);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.influencer-meta-box p,.influencer-author-text{
  font: 400 13px / 16px var(--pri-font);
  color: var(--white);
  align-self: center;
}
.influencer-text i {
  background: #2bb320;
  color: #fff;
  text-align: center;
  width: 18px;
  height: 18px;
  margin: 2px;
  line-height: 18px;
  border-radius: 3px;
  font-size: 12px;
}
.influencer-content-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.influencer-custom-image-box{
  gap: 12px 0px;
}
.influencer-custom-img img{
  border-radius: 10px;
  width: 99.8%;
}
.influencer-custom-img{
  position: relative;
}
.influencer-custom-img:after{
  content: '';
  width: 101%;
  height: 101%;
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0px;
  border-radius: 10px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.influencer-custom-outer-img{
  z-index: 1;
}
.influencer-custom-img:hover .influencer-custom-outer-img:before {
  left: 0;
  opacity: 0.6;
}
.influencer-custom-img:hover .influencer-custom-outer-img:after {
  top: 0;
  opacity: 0.6;
  right: 0;
  left: unset;
}
.influencer-custom-outer-img::after, .influencer-custom-outer-img::before, .influencer-custom-inner-img::after, .influencer-custom-inner-img::before {
  content: "";
  width: 50%;
  height: 50%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
  z-index: 2;
}
.influencer-custom-img:hover .influencer-custom-inner-img:before {
  top: 50%;
  opacity: 0.6;
}
.influencer-custom-img:hover .influencer-custom-inner-img:after {
  left: 0;
  opacity: 0.6;
}
.influencer-custom-inner-img::before {
  top: 0;
  left: 50%;
}
.influencer-custom-inner-img::after {
  top: 50%;
  left: 50%;
}
/* unboxing video */
#unboxing-video{
  margin: 0px 3%;
}
.unboxing-video-head-content-box {
  background: linear-gradient(232.41deg, #496CF0 6.82%, #6D38AC 55.57%, #7532A2 95.57%);
  border-radius: 30px 0px 0px 30px;
  padding: 5% 8% 5% 12%;
}
.unboxing-video-main-heading,.newsletter-outer-box h3{
  background: transparent;
  color: #fff;
  -webkit-text-fill-color: #fff;
  margin: unset;
}
h3.unboxing-video-main-heading:after,.newsletter-outer-box h3:after{
  background: #fff;
}
.boxing-bg-image {
  height: 540px;
}
.boxing-bg-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0px 30px 30px 0px;  
}
.boxing-video-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 550px;
  height: 250px;
}
.boxing-video-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.boxing-video-image-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}
.boxing-video-image-overlay:after {
  background: linear-gradient(232.41deg, #496CF0 6.82%, #6D38AC 55.57%, #7532A2 95.57%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  opacity: 0.5;
}
.boxing-video-image-overlay p{
  font: 600 18px / 24px var(--pri-font);
  color: var(--white);
  position: absolute;
  top: 25%;
  z-index: 1;
  left: 0;
  right: 0;
  text-align: center;
}
.play-svg-box-outer{
  position: relative;
}
.play-svg-box {
  position: absolute;
  top: unset;
  z-index: 1;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 35%;
  margin: auto;
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
  line-height: 42px;
}
.play-svg-box-outer:after {
  content: '';
  position: absolute;
  top: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  border: 2px dashed var(--white);
  border-radius: 50%;
  margin: -5px;
  animation: spin 10s linear infinite;
}
.play-svg-box svg {
  width: 48px;
  height: 18px;
}
.unboxing-points {
  font: 400 16px / 32px var(--pri-font);
  color: var(--white);
  position: relative;
  left: 20px;
}
.unboxing-points:after {
  content: '';
  position: absolute;
  left: -15px;
  background: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 12px;
}
/* blog */
@keyframes shine{
  100% {
    left: 125%;
  }
}

.blog-contents-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blog-image-box:hover{
  background: #F4F4F4;
  box-shadow: 0px 0px 15px 0px var(--purple);
  border-radius: 10px;
}
.blog-image-box{
  padding: 10px;
}
.blog-image-box:after {
  content: '';
  width: 101%;
  height: 101%;
  position: absolute;
  top: -1px;
  left: -3px;
  right: 0px;
  border-radius: 10px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.mail-box input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background: var(--purple);
}
/* .blog-image-box:hover .blog-img-box::before {
  bottom: 0%;
  opacity: 0.4;
}
.blog-img-box::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: 0 0 10px 10px;
  opacity: 0;
  position: absolute;
  bottom: -100%;
  left: 0;
  transition: all 0.9s ease 0s;
} */

.blog-contents-box h4 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%) !important;
  border-radius: 10px;
  transition: all 0.5s;
}
.blog-image-box:hover .post-img:after {
  width: 100%;
  opacity: 0.4;
}
.blog-img-box .post-img{
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.blog-img-box .post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover; 
  border-radius: 10px 10px 0px 0px;   
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-22px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.blog-image-box:hover img {
  /* opacity: 0.5; */
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.blog-contents-box h5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font: 600 16px/25px var(--pri-font);
}
.blog-contents-box{
  gap: 2px;
}
.blog-content-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  font: 400 13px / 20px var(--pri-font);
  color: var(--blackk);
}
.date-icon-box {
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  color: #fff;
  font: 400 13px / 14px var(--pri-font);
  padding: 6px 25px;
  border-radius: 20px 0px 0px 0px;
  z-index: 1;
}
/* deals of the day */
.deals-carousel-box{
  background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  padding: 25px;
  border-radius: 10px;
  margin: 6px;
}
.deals-carousel-box:hover img {
  opacity: 0.6;
}
.our-deals-carousel-content-main-box p {
  color: #D9D9D9;
  font: 400 13px / 20px var(--pri-font);
}
.our-deals-carousel-content-main-box .our-deals-offer-text{
  color: #D9D9D9;
  font: 500 15px / 20px var(--pri-font);
  -webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.our-deals-banner-heading-one{
  color: #fff;
}
#deals-day .product-regular-price ins{
  color: var(--white);
}
.our-deals-products-box .yith-wcwl-add-to-wishlist-button svg{
  background: transparent;
  color: #FF3D3D !important;
  width: 30px !important;
  height: 30px;
  padding: 0px;
  fill: transparent;
  animation: pulse 2s infinite ease-in-out alternate;
}
.our-deals-products-box .yith-wcwl-add-to-wishlist-button--added svg{
  fill: #FF3D3D;
}
.our-deals-banner-content-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.our-deals-banner-content-box .offer-timer-box p {
  background: #fff;
  color: #FF3D3D;
  font: 600 24px/24px var(--sec-font);
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 8px;
  position: relative;
  text-align: center;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.our-deals-banner-content-box .offer-date-text-box .nofont{
  /* position: absolute;
  bottom: -20px; */
  font: 400 13px/20px var(--pri-font);
  /* left: 0;
  right: 0; */
  color: #fff;
}
.our-deals-banner-content-box p{
  position: relative;
}
#deals-day .product-rating {
  padding-top: 10px;
}
.deal-day-offer-image {
  background: #2a292b91;
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
.deal-day-offer-image img{
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.star-rating {
  color: #fff;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  margin-top: 2%;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #fff;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  color: #FFCE09;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
.woocommerce .star-rating span::before,.single-product .woocommerce .rating{
  /* display: none; */
}
.product-rating{
  /* background: #E7A702;
  width: fit-content;
  border-radius: 50px;
  padding: 6px 12px;
  color: #fff;
  font: 400 12px / 18px var(--sec-font); */
}
.products-rating-content-box{
  width: 90%;
  margin: auto;
  position: absolute;
  top: 10px;
  left: 0px;
  right: 0px;
}

/* testimonial */
.testibox:hover {
  background: #F4F4F4;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px var(--purple);
}
.testibox:hover::after {
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  box-shadow: 0px 0px 10px 0px var(--violet);
}
.testibox{
  position: relative;
  padding: 45px 40px;
  margin-bottom: 8px !important;
}
.testi-image img {
  animation: pulse 2s infinite ease-in-out alternate;
}
.testibox .detail{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.testibox:after {
  content: '';
  width: 101%;
  height: 101%;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 0px;
  border-radius: 10px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: all 0.5s;
}
.testi-rating i{
  color: #FFCE09;
}
.testimonial-add-content {
  font: 500 15px / 20px var(--pri-font);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.testimonial-contents p{
  color: #514F4F;
  font: 400 14px/26px var(--pri-font);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
#testimonial .testimonial-date-item {
  color: #000000;
  font: 400 14px / 14px var(--pri-font);
}

/* ticket  */
.single-mep_events .mep-events-wrapper.wrapper {
  margin: 100px auto 20px auto;
}
.single-mep_events .mep-default-feature-item .df-ico{
  align-self: center;
} 
.single-mep_events .mep-default-feature-item .df-ico i,.single-mep_events .button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart,.single-mep_events .mep-default-sidrbar-social ul li a,.single-mep_events #mep_add_calender_button,.single-mep_events .mep-default-sidrbar-events-schedule ul li i{
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
} 
.Ticket_form h2{
  font: normal normal bold 40px / 45px var(--sec-font);
  color: var(--white);
}
.ex-sec-title {
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
}
span.mep_ticket_type_name {
  color: #fff;
  font: 600 20px/20px var(--pri-font) !important;
}
.mep_ticket_details p,.single-mep_events .default_theme .mep-default-sidrbar-price-seat .df-seat{
  color: #fff;
  font: 500 14px/20px var(--pri-font) !important;
}
.single-mep_events .default_theme .mep-default-sidrbar-price-seat .df-seat{
  border: 1px solid #fff;
}
.single-mep_events .mep-events-wrapper strong {
  font-weight: bold;
  font-size: 12px;
  padding: 10px 10px;
  position: relative;
  top: 5px;
}
.mep-events-wrapper div.xtra-item-left{
  display: none;
}
.mep-events-wrapper select.extra-qty-box{
  margin: 0 auto;
}
.mep-events-wrapper table td{
  padding: 20px 10px !important;
}
.mep-events-wrapper{
  border: 1px solid #686868;
  border-radius: 6px;
  background: rgb(200 200 200 / 5%) !important;
  padding: 30px !important;
}
.ex-sec-title tr{
  background-image: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
}
.mep-events-wrapper table tbody tr {
  border-bottom: 1px dashed #EEE;
}
.mep-events-wrapper table td{
  border: none !important;
}
.mep-events-wrapper table tbody tr:nth-child(2), .mep-events-wrapper table tbody tr:nth-child(4) {
  display: none;
}
.mep-events-wrapper select.extra-qty-box{
  font: 400 13px/20px var(--pri-font) !important;
  color: #000;
}
.product-regular-price {
  color: #514F4F;
  font: 600 20px / 25px var(--pri-font);
}
.product-regular-price del {
  color: #A2A2A2;
  font: 400 14px / 14px var(--pri-font);
  align-self: center;
  padding-left: 5px;
}
.product-regular-price ins{
  text-decoration: none;
}
.button.button-default.woocommerce.button.alt.button.alt.btn-mep-event-cart{
  background-image: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  border-radius: 4px !important;    
  border: none !important;
}
tbody td button:hover{
  background-image: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
}
table.table.table-bordered.mep_event_add_cart_table {
  background: transparent !important;
}
#mep_event_ticket_type_table{
  margin-bottom: 0px;
}
.mep-events-wrapper table td.total-col{
  color: #fff;
}




/* gaurantee card */
#gaurantee-card h3:after{
  background: #fff;
}
#gaurantee-card h3{
  background: transparent;
  color: #fff;
  -webkit-text-fill-color: #fff;
  margin: auto;
}
.gaurantee-card-title h4{
  font: 600 25px / 25px var(--sec-font);
  color: #fff;
}
.gaurantee-card-title p{
  color: #fff;
}
.gaurantee-card-box {
  width: 50px;
  height: 50px;
  margin: 0px 2% 0px 6%;
}
.gaurantee-card-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: flipInX 2s infinite;
}
.gaurantee-card-count i{
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #496CF0;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

/* newsletter */
.newsletter-head-form-box{
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.newsletter-offer-box{
  height: 40px;
  position: relative;
  overflow: hidden;
}
.newsletter-head-form-box h4{
  font: 600 30px / 35px var(--sec-font);
  color: #fff;
  animation: marquee 5s linear infinite;
  position: absolute;
}
@keyframes marquee{
  0% {
    left: 0;
  }
  100% {
    left: -55%;
  }
}


@keyframes effect{
  0% {
    text-shadow: 4px -4px 0 #000, 3px -3px 0 #000, 2px -2px 0 #000, 1px -1px 0 #000, -4px 4px 0 #000, -3px 3px 0 #000, -2px 2px 0 #000, -1px 1px 0 #000;
  }
  25% {
      text-shadow: -4px -4px 0 #000, -3px -3px 0 #000, -2px -2px 0 #000, -1px -1px 0 #000, 4px 4px 0 #000, 3px 3px 0 #000, 2px 2px 0 #000, 1px 1px 0 #000;
  }
  50% {
      text-shadow: -4px 4px 0 #000, -3px 3px 0 #000, -2px 2px 0 #000, -1px 1px 0 #000, 4px -4px 0 #000, 3px -3px 0 #000, 2px -2px 0 #000, 1px -1px 0 #000;
  }
  75% {
      text-shadow: 4px 4px 0 #000, 3px 3px 0 #000, 2px 2px 0 #000, 1px 1px 0 #000, -4px -4px 0 #000, -3px -3px 0 #000, -2px -2px 0 #000, -1px -1px 0 #000;
  }
  100% {
      text-shadow: 4px -4px 0 #000, 3px -3px 0 #000, 2px -2px 0 #000, 1px -1px 0 #000, -4px 4px 0 #000, -3px 3px 0 #000, -2px 2px 0 #000, -1px 1px 0 #000;
  }
}
.newsletter-head-form-box h6,#gaurantee-card .heading-box p{
  font: 400 25px / 30px var(--pri-font);
  color: #fff;
}
.newsletter-head-form-box .newsletter-head-title-box p:after {
  content: '';
  left: -20px;
  background: #fff;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 10px;
  border-radius: 50px;
}
.newsletter-head-form-box .newsletter-para-text-box p{
  color: #fff;
  font: 400 14px/20px var(--pri-font);
}
.newsletter-head-form-box .newsletter-head-title-box p {
  color: #fff;
  font: 400 18px / 30px var(--pri-font);
  left: 20px;
  position: relative;
}
.newsletter-button-outer-box{
  display: flex;
  justify-content: end;
}
.newsletter-head-form-box .get-box input[type="text"], .newsletter-head-form-box .get-box input[type="email"] {
  width: 100%;
  padding: 12px 0px;
  background: transparent;
  box-shadow: 0px 1px 0px 0px #fff;
  border: none;
}
.newsletter-head-form-box form ::placeholder {
  color: #fff;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output {
  color: #fff;
  position: absolute;
  left: 8%;
  bottom: -30px;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
#newsletter .wpcf7-not-valid-tip{
  position: absolute;
}
#newsletter .wpcf7 form .wpcf7-response-output{
  position: absolute;
  width: fit-content;
  color: #fff;
}
.newsletter-content-outer-box {
  margin: 0 5% 0 0%;
  padding: 6% 3% 6% 0%;
  border-radius: 250px;
}
.newsletter-outer-box a.submit-btn.btn{
  padding: 7px 30%;
  width: 100%;
}

.newsletter-image-outer-box {
  height: 550px;
}
.newsletter-image-inner-box{
  position: absolute;
  bottom: -20px;
  height: 100%;
  left: 12px;
}
.newsletter-image-outer-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
  }
  100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

/* single service */
#singleService .single-srevice-title a{
  font: 700 24px/24px var(--pri-font);
  color: var(--white);
}
#singleService .service-image{
  height: 430px;
}
#singleService .service-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* border-radius: 350px; */
}
#singleService .nav-pills .nav-link {
  color: #fff;
  padding: 15px 20px;
  font: 600 15px/25px var(--pri-font);
  border-radius: 6px;
  box-shadow: 0px 0px 6px 0px var(--blue);
  width: 90%;
  text-align: center;
}
#singleService .nav-pills .nav-link.active {
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
}
#singleService .nav-pills .nav-item{
  width: 100%;
}
#singleService .top_title {
    font: normal normal 600 26px/30px var(--pri-font);
    color: var(--black);
}
#singleService .about_me p span,#singleService .about_me p{
    color: #000;
}
#singleService .about_me{
  box-shadow: rgb(0 0 0/10%) 0px 0px 12px;
  background-color: #fff;
  border-radius: 25px;
  padding: 40px;
  margin-right: 10%;
}
.sidebar4 .add-title i{
  font-size: 20px;
}
#services-page .heading-box{
  display: none;
}
.single-post-content {
  font: 400 16px/25px var(--pri-font);
}
.services-list-items{
  padding-top: 20px;
  list-style-type: decimal;
  padding-left: 18px;
}
.services-list-items li,.service-para p{
  font: normal normal normal 15px/25px var(--pri-font);
  color: var(--white);
}
.single-post-content li {
  font: 600 15px/30px var(--pri-font);
}
.single-services-img-box , .single-services-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* quotation form */
.quotation-form-box{
  box-shadow: 0px 1px 5px 0px var(--blue);
  padding: 50px;
  border-radius: 0px;
}
.quotation-form-box .head-label {
  font-size: 22px !important;
  line-height: 35px;
  font-weight: 600 !important; 
  color: #fff;
}
.quotation-form-box .waste-box label {
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
  color: #fff;
}
.quotation-form-box input[type="text"], .quotation-form-box input[type="tel"], .quotation-form-box input[type="email"], .quotation-form-box input[type="number"], .quotation-form-box input[type="date"], .quotation-form-box input[type="phone"], .quotation-form-box input[type="password"], .quotation-form-box textarea, .quotation-form-box select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 50px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 1px 5px 0px var(--blue);
  background: transparent;
}
.quotation-form-box form .submit p input[type="submit"] {
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--black);
  border: none;
  border-radius: 0px;
  padding: 10px 25px;
  width: max-content;
}
.quotation-form-box form .submit p input[type="submit"]:hover {
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  color: #fff;
}







/* media css */
@media screen and (max-width: 1600px){  
  .offer-grid-box{
    padding: 0 6%;
  }
  .offer-head-image-inner-box img{
    object-fit: contain;
  }
  #offer{
    padding-bottom: 0px;
  }
  #blog .owl-nav .owl-prev , #testimonial .owl-nav .owl-prev{
    left: -3%;
  }
  #blog .owl-nav .owl-next,  #testimonial .owl-nav .owl-next{
    right: -3%;
  }
  .unboxing-video-head-content-box{
    padding: 5% 6% 5% 7%;
  }
  #categories_slider .owl-nav .owl-prev{
    left: -2%;
  }
  #categories_slider .owl-nav .owl-next{
    right: -2%;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1400px){
  .main-navigation ul{
    padding-left: 12%;
  }
  .main-navigation li {
    padding: 8px 13px;
  }
  .main-navigation #menu-primary-menu a{
    font: 700 13px / 20px var(--pri-font);
  }
}
@media screen and (max-width: 1399px){
  #categories_slider .owl-nav .owl-prev, #blog .owl-nav .owl-prev, #testimonial .owl-nav .owl-prev{
    left: -3%;
  }
  #blog .owl-nav .owl-next, #categories_slider .owl-nav .owl-next, #testimonial .owl-nav .owl-next{
    right: -3%;
  }
  .main-navigation #menu-primary-menu a{
    font: 500 13px / 20px var(--pri-font);
    padding: 15px 0px;
  }
  .header-main-outer-box {
    padding: 0px 10px;
  }
  .footer2 #menu-quick-links li a, #menu-customer-support li a, .custom-social-icons a {
    font: 400 15px / 35px var(--pri-font);
  }
  .newsletter-head-form-box h6, #gaurantee-card .heading-box p{
    font: 400 20px / 30px var(--pri-font);
  }
  .testibox {
    padding: 15px 18px;
  }
  .testibox .detail{
    gap: 10px;
  }
  .offer-grid-box{
    padding: 0 0%;
  }
  .offer-head-image-inner-box img{
    object-fit: contain;
  }
  h1 {
    font: 600 40px / 55px var(--pri-font);
  }
  .newsletter-outer-box h3 {
    font: 600 20px / 30px var(--pri-font);
  }
  a.contact-text, .footer1 .textwidget {
    color: #fff;
    font: 400 14px / 20px var(--pri-font);  
  }
  #header_navigation .menu-item-has-children:after{
    right: 10px;
  }
  .newsletter-head-form-box{
    gap: 15px;
  }
  .gaurantee-card-title h4 {
    font: 600 20px / 22px var(--sec-font);
  }
  .unboxing-video-head-content-box{
    padding: 5% 4% 5% 4%;
  }
  .boxing-bg-image {
    height: 480px;
  }
  .influencer-post-content-inner-box {
    height: 445px;
  }
  .our-feature-outer-box{
    gap: 5px;
  }
  .our-feature-outer-box h2 {
    font: 700 40px / 50px var(--sec-font);
  }
  .our-feature-outer-box h6 {
    font: 600 30px / 30px var(--pri-font);
  }
  .our-feature-outer-box .offer-para {
    padding-left: 10%;
  }
  .our-feature-outer-box h4 {
    font: 700 30px / 40px var(--pri-font);
    padding: 0 !important;
  }
  .offer-head-image-inner-box {
    top: -20%;
    width: 650px;
    height: 450px;
  }
  .logo{
    width: 200px;
  }
}
@media screen and (max-width: 1199px){
  .modal-contents {
    width: 65%;
  }
  .widget_product_search input {
    padding: 9px 10px 9px 30px;
    font: 300 10px / 12px var(--pri-font);
  }
  .is-large .wp-block-woocommerce-checkout-order-summary-block {
    padding: 0px;
  }
  h3, h3 a {
    font: 600 25px / 32px var(--sec-font);
  }
  .heading-box p,.newsletter-head-form-box h6, #gaurantee-card .heading-box p{
    font: 400 16px / 20px var(--pri-font);
  }
  .slider-product-image-box {
    height: 250px;
  }
  .slidemainbox-col1{
    padding: 8em 0px 1em 0px;
  }
  .slider-product-banner-heading-one {
    font: 600 20px / 20px var(--pri-font);
  }
  .slider-product-banner-content-box p {
    font: 400 13px / 20px var(--pri-font);
  }
  .slider-para {
    width: 100%;
    font: 400 14px/22px var(--pri-font);
  }
  .slide-heading-one {
    font: 700 32px / 32px var(--pri-font);
  }
  .slider-circle-img {
    height: 480px;
  }
  #categories_slider .owl-nav .owl-prev, #blog .owl-nav .owl-prev, #testimonial .owl-nav .owl-prev{
    left: 1%;
  }
  #blog .owl-nav .owl-next, #categories_slider .owl-nav .owl-next, #testimonial .owl-nav .owl-next{
    right: 1%;
  }
  .cat-image-main-box {
    height: 220px;
  }
  .category-image-box {
    width: 220px;
  }
  .best-seller-image-box {
    padding: 0;
  }
  .best-seller-grid-box {
    grid-template-rows: repeat(10, 40px);
    grid-gap: 10px;
  }
  .product-image-box {
    width: auto;
    height: 150px;
  }
  .product-details{
    padding: 3px;
  }
  .woocommerce-Price-amount {
    font: 600 15px / 25px var(--pri-font);
  }
  .product-inner-content-box .product-text{
    font: 400 12px/18px var(--pri-font);
  }
  .product-rating-trade-content-box h5 {
    font: 600 15px / 23px var(--pri-font);
  }
  .product-regular-price {
    color: #514F4F;
    font: 600 18px / 25px var(--pri-font);
  }
  .widget_product_search input {
    width: 95%;
  }
  .header_meta svg {
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 6px;
  }
  .main-navigation li{
    padding: 0px 10px;
  }
  .main-navigation #menu-primary-menu a {
    font: 500 12px / 20px var(--pri-font);
  }
  #header_navigation [type="submit"]:before{
    font-size: 14px;
  }
  .offer-head-image-inner-box {
    position: absolute;
    top: -20%;
    left: 0;
    width: 600px;
    height: 400px;
  }
  .our-feature-outer-box .offer-para{
    padding-left: 0;
  }  
  .our-feature-outer-box h2 {
    font: 700 25px / 30px var(--sec-font);
  }
  .our-feature-outer-box h4 {
    font: 700 25px / 30px var(--pri-font);
  }
  .our-feature-outer-box{
    gap: 0;
  }
  .our-feature-outer-box h6 {
    font: 600 18px / 30px var(--pri-font);
  }
  .our-feature-outer-box .offer-para{
    padding-left: 0;
    font: 400 13px/22px var(--pri-font);
  }
  .newsletter-head-form-box .newsletter-head-title-box p {
    font: 400 14px / 20px var(--pri-font);
  }
  .newsletter-head-form-box h6, #gaurantee-card .heading-box p {
    font: 400 18px / 25px var(--pri-font);
  }
  .newsletter-outer-box h3 {
    font: 600 25px / 35px var(--pri-font);
  }
  .newsletter-head-form-box h4 {
    font: 600 21px / 35px var(--sec-font);
  }
  .newsletter-head-form-box{
    gap: 5px;
  }
  .newsletter-content-outer-box {
    padding: 0% 3% 0% 0%;
  }
  .gaurantee-card-title h4 {
    font: 600 18px / 20px var(--sec-font);
  }
  .gaurantee-card-title p{
    font: 400 13px/18px var(--pri-font);
  }
  .gaurantee-card-box{
    margin: 0px 2% 0px 4%;
  }
  .testimonial-contents p {
    font: 400 13px / 20px var(--pri-font);
  }
  .testibox .detail{
    gap: 5px;
  }
  .influencer-post-content-inner-box {
    height: 365px;
  }
  .boxing-bg-image {
    height: 415px;
  }
  .unboxing-video-head-content-box{
    padding: 5% 4% 5% 4%;
  }
  .unboxing-points {
    font: 400 14px / 28px var(--pri-font);
  }
  .testibox {
    position: relative;
    padding: 25px 20px;
  }
  .testimonial-title{
    font: 600 18px / 25px var(--pri-font);
  }
  .testimonial-add-content {
    font: 500 13px / 20px var(--pri-font);
  }
  .footer2 #menu-quick-links li a, #menu-customer-support li a, .custom-social-icons a {
    font: 400 14px / 30px var(--pri-font);
  }
  .footer1 .widget-title, .footer2 h4, .footer3 h4, .footer4 h4{
    font: 500 20px / 30px var(--pri-font);
  }
  .footer-content{
    padding: 3% 0px;
  }
  .get-newsletter-box h4 {
    font: 600 18px / 25px var(--pri-font);
  }
  .title-box h1 {
    color: #fff;
    font-size: 35px;
    line-height: 40px;
  }
  .title-box {
    height: 230px;
  }
  .banner-heading{
    padding-top: 3% !important;
  }
  .count-box:nth-child(4) .gaurantee-card-box{
    width: 70px;
  }
}
@media screen and (max-width: 1023px){  
  .logo img{
    width: 180px;
    height: auto;
  }
  .widget_product_search input {
    width: 95%;
  }
  .header_meta svg {
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 6px;
  }
  .boxing-bg-image {
    height: 465px;
  }
  .title-box {
    height: 200px;
  }
  .banner-heading{
    /* padding: 0 !important; */
  }
}
@media screen and (max-width: 991px){
  .best-seller-page .best-seller-grid-box{
    grid-template-rows: repeat(11, 10px);
    grid-auto-rows: 12px;
  }
  .modal-contents {
    width: 85%;
  }
  .newsletter-form-box form .wpcf7-response-output{
    margin: 25px auto;
  }
  section {
    padding: 8% 0px;
  }
  .is-small table.wc-block-cart-items .wc-block-cart-items__row{
    padding: 16px 5px;
  }
  .title-box h1{
    font-size: 30px;
    line-height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .breadcrums{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .slider-social-icon-box {
    top: unset;
    bottom: 30%;
    right: 5%;
  }
  .slider-outer-mask-box{
    clip-path: none;
  }
  #header_navigation {
    position: unset;
    padding-top: 0px;
  } 
  .toggle-nav i {
    background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  }
  .widget_product_search input {
    width: 100%;
    background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
    color: #fff !important;
  }
  .header_meta svg{
    background: linear-gradient(232.41deg, var(--violet) 6.82%, var(--dark-purple) 55.57%, var(--purple) 95.57%);
  }
  .header_meta svg path{
    fill: #fff;
  }
  .slider-circle-img {
    height: 480px;
  }
  .slidemainbox-col1{
    padding: 4em 0px 3em 0px;
  }
  .unboxing-video-head-content-box,.boxing-bg-image img,.boxing-video-image-overlay:after{
    border-radius: 30px;
  }
  .boxing-bg-image{
    margin-top: 10px;
  }
  .offer-head-image-inner-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .offer-head-image-inner-box{
    position: relative;
    width: 100%;
    height: 200px;
  }
  .best-seller-grid-box {
    grid-template-rows: repeat(10, 30px);
    grid-gap: 8px;
  }
  .best-seller-grid-box .best-seller-image-box{
    padding: 0;
  }
  .best-seller-product-content h6{
    font: 600 17px / 20px var(--pri-font);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .best-seller-product-text{
    font: 400 13px/18px var(--pri-font);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .product-details {
    padding: 3px;
  }
  .get-newsletter-box {
    display: block;
    text-align: center;
  }
  .mail-box p{
    justify-content: center;
    margin-top: 2%;
  }  
  .wp-block-woocommerce-checkout-order-summary-block{
    padding: 0px 10px;
  }
  .count-box:nth-child(4) .gaurantee-card-box {
    width: 70px;
  }
  .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block{
    display: none;
  }
}
@media screen and (max-width:767px){
  .wc-block-components-button__text{
    padding: 9px 20px;
  }
  body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
    margin-left: 5px;
  }
  .woocommerce div.product .product_title, .woocommerce-Tabs-panel h2,#related-products h2 {
    font: 600 28px / 40px var(--pri-font);
  }
  div#comments {
    padding: 1rem 1rem 1rem 1rem; 
  }
  .single-product .woocommerce-product-gallery .flex-viewport{
    height: 260px !important;
  }
  .heading-box p {
    font: 400 14px / 20px var(--pri-font);
  }
  h3, h3 a {
    font: 600 25px / 30px var(--sec-font);
  }
  .category-image-box{
    margin: auto;
  }
  #categories_slider .owl-stage-outer{
    padding-left: 0px;
  }
  .influencer-post-content-box{
    padding: 15px 5px 10px 10px;
  }
  .influencer-content-box h4 {
    font: 600 16px / 18px var(--pri-font);
  }
  .influencer-post-text, .influencer-author-text {
    font: 400 12px / 16px var(--pri-font);
  }
  .influencer-meta-box p, .influencer-author-text {
    font: 400 12px / 16px var(--pri-font);
  } 
  .influencer-content-box{
    gap: 2px;
  }
  .our-deals-banner-content-box p .numbers{
    background: #fff;
    color: #FF3D3D;
    font: 600 20px/20px var(--sec-font);
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .testibox {
    padding: 20px 20px;
  }
  .testibox .detail{
    gap: 10px;
  }
  .deals-carousel-box{
    padding: 12px;
  }
  .slider-social-icon-box {
    position: unset;
    display: flex !important;
    width: fit-content;
    gap: 10px;
    padding-bottom: 10px;
  }
  .header-outer-box{
    justify-content: space-between;
  }
  .header-main-outer-box {
    padding: 0px 0px 10px 0px;
  }
  .slidemainbox-col1{
    padding: 3em 0px 3em 0px;
  }
  .btn-outer-box{
    margin: auto;
  }
  .slider-circle-img {
    height: auto;
  }
  .slider-product-banner-heading-one {
    font: 600 16px / 10px var(--pri-font);
  }
  .slider-product-banner-content-box p {
    font: 400 13px / 23px var(--pri-font);
  }
  /* .offer-head-image-inner-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .offer-head-image-inner-box{
    position: relative;
    width: 100%;
    height: 200px;
  } */
  .boxing-bg-image {
    height: 350px;
  }
  .boxing-video-image {
    position: absolute;
    width: auto;
    height: 250px;
  }
  .unboxing-video-head-content-box{
    padding: 5% 8% 5% 8%;
  }
  .get-newsletter-box{
    display: block;
    text-align: center;
  }
  .mail-box p{
    justify-content: center;
    margin-top: 20px;
  }
  .newsletter-outer-box h3{
    margin: auto;
  }
  .newsletter-content-outer-box {
    margin: 0 0% 0 0%;
    padding: 6% 3% 6% 3%;
  }
  .newsletter-main-box {
    padding: 5% 3% 7% 3%;
  }
  .footer2 #menu-quick-links li a, #menu-customer-support li a, .custom-social-icons a {
    font: 400 15px / 35px var(--pri-font);
    color: #fff;
  }
  .newsletter-head-form-box{
    gap: 10px;
  }
  .newsletter-head-form-box .newsletter-head-title-box p{
    font: 400 14px / 25px var(--pri-font);
    padding-right: 10px;
    text-align: start;
  }
  .product-inner-content-box .product-text{
    font: 400 13px/20px var(--pri-font);
  }
  .product-inner-content-box .product-name{
    font: 600 16px/25px var(--pri-font);
  }
  .product-image-box {
    width: 240px;
    height: 160px;
  }
  .product-regular-price {
    font: 600 16px / 25px var(--pri-font);
  }
  .gaurantee-card-title h4 {
    font: 600 20px / 25px var(--sec-font);
  }
  .best-seller-product-content {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
  }
  .best-seller-grid-box {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(10, 20px);
    margin: 0;
    grid-gap: 5px;
    padding: 0;
  }
  .best-seller-product-content h6{
    font: 600 14px / 20px var(--pri-font);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .best-seller-product-text{
    font: 400 12px/14px var(--pri-font);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .best-seller-icon i {
    background: #fff;
    color: #000;
    width: 30px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
  }
  .newsletter-image-outer-box {
    height: 450px;
  }
  .newsletter-head-form-box h6, #gaurantee-card .heading-box p {
    font: 400 20px / 25px var(--pri-font);
  }
  .best-seller-page .best-seller-grid-box{
    display: flex;
    flex-wrap: wrap;
  }
  .best-seller-image{
    height: 300px;
  }
  .best-seller-image img{
    height: 100%;
  }

  .woocommerce-checkout .wc-block-components-product-metadata__description p{
    font: 400 12px/26px var(--pri-font);
  }
  .woocommerce-checkout .wc-block-components-product-name {
    font: 600 15px / 18px var(--pri-font) !important;
  }
  .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description{
    padding-left: 14px;
  }
  .woocommerce-checkout .wc-block-components-main form{
    padding: 10px;
  }
  .count-box:nth-child(4) .gaurantee-card-box {
    width: 60px;
  }
}
@media screen and (max-width:575px){
  .count-box:nth-child(4) .gaurantee-card-box {
    width: 80px;
  }
  .footer-contact-box .location{
    justify-content: center;
  }
  .footer1 .widget_media_image{
    margin: auto;
  }
  .mail-box p {
    display: block;
  }
  .mail-box .wpcf7-form-control-wrap input{
    width: 100%;
  }
  .mail-box .wpcf7-not-valid-tip {
    position: absolute;
    top: 70px;
    font-size: 12px;
  }
  .mail-box .wpcf7-form-control-wrap:after {
    content: '';
    width: 95%;
    height: 40px;
    position: absolute;
    top: -11px;
    left: 0px;
    right: 0px;
    bottom: 0;
  }
  .title-box {
    height: 150px;
  }
  .footer-content{
    text-align: center;
  }
  .gaurantee-card-title h4 {
    font: 600 16px / 20px var(--sec-font);
  }
  h3, h3 a {
    font: 600 25px / 35px var(--sec-font);
  }
  .newsletter-head-form-box h6, #gaurantee-card .heading-box p {
    font: 400 20px / 30px var(--pri-font);
  }
  .newsletter-image-outer-box {
    height: 300px;
  }
  .topbar-info-text{
    padding: 5px 0px;
  }
  .contact-touch-form-box{
    padding: 0px 15px;
  }
  .title-box h1 {
    font-size: 22px;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .breadcrums {
    font: 300 14px / 20px var(--pri-font);
    padding-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .slide-heading-one {
    font: 700 28px / 40px var(--pri-font);
  }
  .slider-product-banner-content-box{
    text-align: center;
  }
  .deal-day-offer-image {
    height: 200px;
    width: 200px;
  }
  .best-seller-grid-box {
    display: block;
  }
  .best-seller-image-box,.best-seller-image {
    height: 300px; 
    margin: 10px auto;
  }
  .best-seller-product-content h6{
    font: 400 18px / 30px var(--pri-font);
  }
  .play-svg-box{
    bottom: 25%;
  }
  .boxing-video-image-overlay p {
    font: 600 14px / 24px var(--pri-font);
    top: 12%;
  }
  .boxing-bg-image > img{
    display: none;
  }
  .boxing-video-image{
    position: unset;
    width: auto;
    height: auto;
  }
  .boxing-bg-image {
    height: auto;
  }
  .unboxing-points {
    font: 400 14px / 32px var(--pri-font);
  }
}
@media screen and (max-width:424px){  
  
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  
  80% {
    transform: translateX(10px);
  }
  
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  
  80% {
    transform: translateX(-10px);
  }
  
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

/* tada  */
@keyframes tada{
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
      -webkit-transform: scale(0.9) rotate(-3deg);
      -ms-transform: scale(0.9) rotate(-3deg);
      transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      -ms-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
      -webkit-transform: scale(1.1) rotate(-3deg);
      -ms-transform: scale(1.1) rotate(-3deg);
      transform: scale(1.1) rotate(-3deg);
  }
  100% {
      -webkit-transform: scale(1) rotate(0);
      -ms-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
  }
}







@keyframes bouncess{
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-15px);
  }
}





















.modal.modal-login {
  position: fixed;
  z-index: 2147483647;
  padding-top: 100px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: auto;
}
#loginModal .modal-content {
  width: 50%;
  margin: 0 auto;
  border: none;
}
#myNewModal .close-one, #loginModal .close, #bsServiceModal .close-one, #bsserviceAppointment .close-one {
  color: #252525;
  cursor: pointer;
  background: #ECECEC;
  border: none;
  font-weight: 900;
  position: absolute;
  right: -15px;
  height: 60px;
  width: 60px;
  top: -20px;
  border-radius: 50%;
  padding-top: 6px;
  text-align: center;
}
#loginform {
  padding: 30px 25px;
  position: relative;
}
#loginform:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  border-radius: 20px;
  z-index: -1;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
#loginModal .close i {
  padding-top: 7px;
  font-size: 35px;
}
#loginform label {
  font: 600 16px / 32px var(--pri-font);
  color: #fff;
  text-transform: uppercase;
}
#loginform p{
  margin: 0 0 15px 0;
}
#loginform input[type="text"], #loginform input[type="tel"], #loginform input[type="email"], #loginform input[type="phno"], #loginform input[type="password"], #loginform textarea{
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
  color: #fff;
}
.login-submit {
  font: 600 14px / 14px var(--pri-font);
  letter-spacing: 0;
  color: var(--white) !important;
  background: var(--black);
  padding: 2px 2px;
  border-radius: 50px;
  position: relative;
  border: none;
  z-index: 1;
  width: fit-content;
}
#wp-submit{
  font: 600 14px / 14px var(--pri-font);
  letter-spacing: 0;
  color: var(--white) !important;
  background: var(--black);
  border: none;
  padding: 14px 60px;
  border-radius: 50px;
}
.login-submit:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(90deg, var(--purple) 0%, var(--violet) 49%, var(--blue) 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  z-index: -1;
}