/*
Theme Name: Seafood 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: seafood-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.
Seafood 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=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --purple: #7532A2;
  --dark-purple: #6D38AC;
  --violet: #496CF0;
  --blackk: #514F4F;
  --blue: #4A69EC;
}
/* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
} */
:root {
  --pri-font: "Open Sans", sans-serif;
  --sec-font: "Playfair Display", sans-serif;
  overflow: auto;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
}
#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: 30px;
}
#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: 30px;
  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: #f6f8f0;
}
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 32px / 42px var(--sec-font);
  margin: 0;
  color: #F05C04;
  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: #F05C04;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  /* animation: shake 50s 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 36px / 46px var(--pri-font);
    color: #1F2021;
}
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: #F05C04;
    padding: 10px;
}
.error-button-box.btn-outer-box:hover{
  background: #001f4d;
}







.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;
}*/


/* Fish Loader Styles */
.eco-box {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  z-index: 99999;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}






 /* loader end */



@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: #fff;
}
#menu-primary-menu li:hover > .sub-menu li:hover > a {
    color: #000 !important;
}

#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 {
  box-shadow: 0px 0px 2px 0px #ffffff5e;
  border-radius: 6px;
  background: #F05C04;
}
.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: #000;
}
.widget_product_search input::placeholder{
  color: #000 !important;
}
#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;
}
.hed-search-box{
  width: 56%;
}
input#woocommerce-product-search-field-0::placeholder {
color: #000 !important;
font-family: var(--pri-font);
font-weight: 300;
font-size: 14px;
line-height: 100%;
}
.widget_product_search input {
  width: 100%;
  background-color: #fff;
  border: none;
  padding: 5px 5px 5px 40px;
  border-radius: 50px;
  color: #000 !important;
  font: 300 16px / 20px var(--pri-font);
  border: 2px solid #fff;
}
.widget_product_search input::placeholder{
  font-size: 16px !important;
}
.widget_product_search button {
  border: none;
}
.widget_product_search button i {
  color: #717171;
}

.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;
  right: 15px;
  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: #F05C04;
}
.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: #F05C04;
  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;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 1px 1px 2px 2px #00000040 inset;
}
#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: #000;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="submit"].submit {
  background: #012458;
  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: #F05C04;
  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: #F05C04;
  /* 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: #F05C04;
  color: #fff;
  border: none;
  padding: 10px 20px;
}
.woocommerce-button.button.woocommerce-form-login__submit:hover{
   background: #012458;
   color: #fff;
}
.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: #F05C04;
  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: #000;
  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: #F05C04 !important;
  color: #fff !important;
  padding: 12px 30px !important;
  font: 400 16px / 20px var(--pri-font);
}
#review_form .form-submit:hover input[type="submit"]{
  background: #012458 !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.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg{
    width: 30px;
    color: currentColor;
    max-width: 40px;
}
.yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg {
  /* color: var(--white) !important; */
  background: #012458;
  padding: 5px;
  width: 40px !important;
  height: 40px;
  border-radius: 50px;
  fill: #fff;
  opacity: 0;
  margin-right: 20px;
}
/* .yith-wcwl-add-to-wishlist-button svg, .product-cart-icon:hover svg path{
  fill: red !important;
} */
.yith-wcwl-add-to-wishlist-button--added svg {
  fill: red !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: #F05C04;
  border-radius: 4px;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message a:hover{
  background: #012458;
}
.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: #F05C04;
  padding: 13px 30px;
  border-radius: 4px;
  font: 500 16px / 16px var(--pri-font);
  position: absolute;
  bottom: -1%;
  left: 7%;
}
.woocommerce div.product form.cart .button:hover {
  background: #012458;
}
#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:#F05C04;
  border-radius: 5px;
  padding: 10px 10px 10px 30px;
  width: 23%;
  margin: auto;
  text-align: center;
  margin-right: 10px;
}
.wc-block-components-checkout-return-to-cart-button:hover{
  background: #012458;
}
.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: #F05C04;
  color: #fff;
  padding: 9px 30px;
  border-radius: 6px;
  font: 500 14px / 20px var(--pri-font);
  margin-top: 30px;
  opacity: 1 !important;
}
.wc-block-components-button__text:hover{
   background: #012458;
}
.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;
}
.about-all-img{
  display: flex;
}
.about-left {
  width: 37%;
  overflow: hidden;
  border-radius: 168px 20px 20px 168px;
}
.about-center{
  width: 26%;
}
.about-right{
  width: 37%;
  border-radius: 20px 168px 168px 20px;
  overflow: hidden;
}
.about-left img {
  width: 100%;
  height: 100%;
  border-radius: 168px 20px 20px 168px;
  max-height: 336px;
  max-width: 590px;
}
.about-left img:hover {
  transform: scale(1.1);
}
.about-right img {
  width: 100%;
  height: 100%;
  border-radius: 20px 168px 168px 20px;
  max-height: 336px;
  max-width: 590px;
}
.about-right img:hover {
  transform: scale(1.1);
}
.about-center-box img {
  width: 116px;
  height: 116px;
}
.about-center-box img:hover{
  transform: rotateY(360deg);
  transition: linear all 0.7s;
}
.about-center-box h4 {
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 32px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  width: 80%;
  margin: 0 auto;
}
.about-center-box{
  background-color: #012458;
  border-radius: 20px;
  padding: 25px;
}
.about-detail {
  background-color: #FFFFFF;
  border-radius: 180px;
  display: flex;
  padding: 50px;
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 0px 0px 0px 2px #00000040 inset;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.detail-col-one{
  width: 80%;
}
.detail-col-two{
  width: 20%;
}
.about-detail p {
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: #1F2021;
}
/* About button */

.about-button-box {
    display: inline-flex;        
    align-items: center;         
    gap: 10px;                   
}

.about-button-text {
    display: inline-block;
    padding: 12px 25px;
    background-color: #F05C04;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    font-family: var(--pri-font);
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s;
}

.about-button-text:hover {
    background-color: #012458;
    color: #fff;
}

.about-button-box .button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #F05C04;
    border-radius: 50%;
    color: #fff;
    padding: 15px;
    font-size: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s, color 0.3s;
    cursor: pointer;
}

.about-button-box .button-icon:hover {
    background-color: #012458;
    color: #fff;
}
.about-icon-outer{
    border: 1px solid #012458;
    padding: 5px;
    border-radius: 50px;
}
.about-btn-outer{
    border: 1px solid #012458;
    padding: 5px;
    border-radius: 50px;
    overflow: hidden;
}



/* video */
#Video {
  background-color: #FEF1E1;
  width: 96%;
  margin: 0 auto;
  border-radius: 30px;
}
.video-all-img{
  display: flex;
}
.video-left {
  width: 40%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  height: 400px;
  max-height: 400px;
}
.video-left p {
  color: #fff;
  margin-bottom: 50px;
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}

.video-left {
  position: relative;
  overflow: hidden;
}

.video-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #01245880;
  z-index: 1;
}
.video-center-box {
  background-color: #012458;
  border-radius: 20px;
  padding: 15px;
  height: 400px;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.video-center p {
  color: #fff;
  font-family: var(--pri-font);
  font-weight: 600;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
}
.video-left .video-para {
  position: relative;
  z-index: 2;
}

.video-center {
  width: 30%;
}
.video-right {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.video-center-box img{
  width: 116px;
  height: 116px;
}
.video-center-box img:hover {
  transform: rotateY(360deg);
  transition: linear all 0.7s;
}

.video-right-one img {
  width: 100%;
  height: 100%;
  max-height: 190px;
  max-width: 100%;
  border-radius: 20px;
}

.video-right-one {
  position: relative;
  display: inline-block;
}

.video-right-one img {
  display: block;
  width: 100%;
  height: auto;
}

.video-right-one .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #01245880; 
  pointer-events: none; 
  border-radius: 20px;
}



.video-right-two img {
  width: 100%;
  height: 100%;
  max-height: 190px;
  max-width: 100%;
  border-radius: 20px;
}

.video-right-two img {
  display: block;
  width: 100%;
  height: auto;
}

.video-right-two .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #01245880; 
  pointer-events: none; 
  border-radius: 20px;
}

/* left-icon */
.play-svg-box-outer{
  position: relative;
}
.play-svg-box {
  position: absolute;
  top: unset;
  z-index: 1;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 42%;
  margin: auto;
  border-radius: 50%;
  line-height: 42px;
}

.play-svg-box svg {
  width: 50px;
  height: 50px;
}
.video-left .play-svg-box:hover  svg path {
    fill: #F05C04;
}

.video-right .play-svg-box-outer:hover  svg path {
    fill: #F05C04;
}






/* right-one */

.right-one-play-svg-box-outer{
  position: relative;
}
.right-one-play-svg-box {
  position: absolute;
  top: unset;
  z-index: 1;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 35%;
  margin: auto;
  border-radius: 50%;
  line-height: 42px;
}

.right-one-play-svg-box svg {
  width: 30px;
  height: 30px;
}

/* right-two */

.right-two-play-svg-box-outer{
  position: relative;
}
.right-two-play-svg-box {
  position: absolute;
  top: unset;
  z-index: 1;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 40%;
  margin: auto;
  border-radius: 50%;
  line-height: 42px;
}

.right-two-play-svg-box svg {
  width: 30px;
  height: 30px;
}



/* Gallery */
.gallery-first-col .galy-img-one img {
  width: 500px;
  height: 500px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.gallery-first-col .galy-img-one img:hover {
    transform: scale(1.03);
}

.gallery-first-col .galy-img-two img {
  width: 500px;
  height: 298px;
  border-radius: 20px;
}
.gallery-first-col .galy-img-two img:hover {
    transform: scale(1.03);
}
.gallery-second-col .galy-img-three img {
  width: 1060px;
  height: 413px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.gallery-second-col .galy-img-three img:hover {
    transform: scale(1.03);
}
.gallery-second-col .galy-img-four img {
  width: 655px;
  height: 385px;
  border-radius: 20px;
}
.gallery-second-col .galy-img-four img:hover {
    transform: scale(1.03);
}
.gallery-second-col .galy-img-five img {
  width: 385px;
  height: 385px;
  border-radius: 20px;
}
.gallery-second-col .galy-img-five img:hover {
    transform: scale(1.03);
}
.two-flex{
  display: flex;
  gap: 20px;
}
/* faq */
.faq-left{
  overflow: hidden;
}
.faq-left img{
  width: 100%;
  height: 100%;
  max-height: 387px;
  object-fit: cover;
  border-radius: 20px;
}
.faq-left img:hover {
  transform: scale(1.1);
  border-radius: 20px;
}
.contact-box {
  color: white;
  padding: 25px;
  border-radius: 8px;
  font-family: var(--pri-font);
}

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
 
}
.faq-main-left-box{
  background-color: #002d62;
  border-radius: 20px;
  width: 641px;
  height: 595px;
}
.contact-item i {
  margin-right: 10px;
    font-size: 16px;
    background-color: #fff;
    color: #000;
    padding: 5px 20px 5px 5px;
    border-radius: 50px;
}
.faq-contact-box {
  display: flex;
  align-items: end;
}

/* Faq button */

.faq-button-box {
    display: inline-flex;        
    align-items: center;         
    gap: 10px;                   
}

.faq-button-text {
    display: inline-block;
    padding: 12px 25px;
    background-color: #F05C04;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    font-family: var(--pri-font);
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s;
}

.faq-button-text:hover {
    background-color: #012458;
    transform: translateY(-2px);
    color: #fff;
}

.faq-button-box .button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #F05C04;
    border-radius: 50%;
    color: #fff;
    padding: 15px;
    font-size: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s, color 0.3s;
    cursor: pointer;
}

.faq-button-box .button-icon:hover {
    transform: scale(1.1);
    background-color: #012458;
    color: #fff;
}
.faq-icon-outer{
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 50px;
}
.faq-btn-outer{
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 50px;
    overflow: hidden;
}
.contact-btn{
  transform: translate(0px, -40px);
}
#FAQ .accordion-item {
  background-color: unset;
  border: unset;
  margin-bottom: 2.6em;
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 0px 5px 30px;
  font-size: 18px;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
  font-family: 'Open Sans';
}

.accordion-button::after {
    flex-shrink: 0;
    width: 16px;
    height: 6px;
    margin-left: auto;
    content: "";
    background-image: url("assets/images/FAQ/Vector.svg");
    background-repeat: no-repeat;
    background-size: auto;
    transition: transform .2s ease-in-out;
    margin-right: 25px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("assets/images/FAQ/uppar.svg");
    transform: rotate(0deg);
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #012458;
    margin-right: 30px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-radius: 20px;
}
.accordion-body {
  padding: 1rem 1.25rem;
  width: 85%;
  font-family: var(--pri-font);
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
}
/* Steps */

.setp-img-back{
  max-width: 100px;
  max-height: 100px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-color: #FEF1E1;
  padding: 15px;
  border-radius: 50px;
}
.step-img imh{
  width: 70px;
  height: 70px;
}
.step-box{
  display: flex;
}
.step-box {
  display: flex;
  gap: 20px;
  align-items: center;
  background-color: #F5F9FA;
  padding: 10px 10px 10px 10px;
  border-radius: 80px;
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 0px 0px 2px 1px #00000040 inset;
  width: 671px;
  height: 120px;
}

.step-main-box {
  width: 660px;
  height: 660px;
  max-width: 660px;
  max-height: 660px;
  overflow: hidden;
  border-radius: 30px;
}
#step .left-main-img img {
  border-radius: 30px !important;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  transition: linear all 0.3s;
}
#step .left-main-img img:hover {
  transform: scale(1.1);
}
.setpes-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin: 50px 0;
}
.setpes-outer span {
  display: block;
  font-family: var(--pri-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}
.step-nub h6 {
  text-align: center;
  font-family: var(--pri-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  width: 80px;
  height: 80px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.step-nub{
  background-color: #fff;
  border-radius: 50px;
  border: 2px solid #000000;
}
.step-right-col{
  position: relative;
}
.steps-wrapper::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #1F2021;
  top: 0;
  left: 50px;
  z-index: -1;
}

.step-right-col .step-box h6 {
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #012458;
}

.step-right-col .step-box p {
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}
.setpes-outer:hover .step-nub{
  background-color: #FEF1E1;
  border-color: #F05C04;
  cursor: pointer;
}

.setpes-outer:hover .step-box{
  background-color: #FEF1E1;
}
.setpes-outer:hover .setp-img-back{
  background-color: #F05C04;
}
.step-right-col{
  margin-left: -4em;
}









/* best seller */
#best-seller {
  margin: 0 auto;
  width: 96%;
  background: #FEF1E1;
  border-radius: 30px;
}
#best-seller::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 500px;
    background: #f6f8f0;
    top: 33%;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0.820608px 0px, 0.820608px 0px, 0.959662786px 1.2159035px, 1.462511648px 4.66204px, 2.457681342px 10.0360485px, 4.073698624px 17.035568px, 6.43909025px 25.3582375px, 9.682382976px 34.701696px, 13.932103558px 44.7635825px, 19.316778752px 55.241536px, 25.964935314px 65.8331955px, 34.0051px 76.2362px, 34.0051px 76.2362px, 42.9966554px 86.2078648px, 52.2308112px 95.9204544px, 61.4338618px 105.6944816px, 70.3321016px 115.8504592px, 78.651825px 126.7089px, 86.1193264px 138.5903168px, 92.4609002px 151.8152224px, 97.4028408px 166.7041296px, 100.6714426px 183.5775512px, 101.993px 202.756px, 101.993px 202.756px, 101.3713773px 221.822343px, 99.0841264px 238.402064px, 95.2680731px 252.879601px, 90.0600432px 265.639392px, 83.5968625px 277.065875px, 76.0153568px 287.543488px, 67.4523519px 297.456669px, 58.0446736px 307.189856px, 47.9291477px 317.127487px, 37.2426px 327.654px, 37.2426px 327.654px, 28.237874304px 337.994107px, 20.788220772px 349.033856px, 14.750619738px 360.352089px, 9.982051536px 371.527648px, 6.3394965px 382.139375px, 3.679934964px 391.766112px, 1.860347262px 399.986701px, 0.737713728px 406.379984px, 0.169014696px 410.524803px, 0.0112305px 412px, 0.820608px 0px);
}

#best-seller::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 500px;
    background: #f6f8f0;
    top: 33%;
    bottom: 0;
    right: -99px;
  clip-path: polygon(101.202px 0px, 101.202px 0px, 101.0629403px 1.2159035px, 100.5600784px 4.66204px, 99.5648901px 10.0360485px, 97.9488512px 17.035568px, 95.5834375px 25.3582375px, 92.3401248px 34.701696px, 88.0903889px 44.7635825px, 82.7057056px 55.241536px, 76.0575507px 65.8331955px, 68.0174px 76.2362px, 68.0174px 76.2362px, 59.02585261px 86.2078648px, 49.79171772px 95.9204544px, 40.58869625px 105.6944816px, 31.69048912px 115.8504592px, 23.37079725px 126.7089px, 15.90332156px 138.5903168px, 9.56176297px 151.8152224px, 4.6198224px 166.7041296px, 1.35120077px 183.5775512px, 0.029599px 202.756px, 0.029599px 202.756px, 0.651171443px 221.822343px, 2.938386624px 238.402064px, 6.754415821px 252.879601px, 11.962430312px 265.639392px, 18.425601375px 277.065875px, 26.007100288px 287.543488px, 34.570098329px 297.456669px, 43.977766776px 307.189856px, 54.093276907px 317.127487px, 64.7798px 327.654px, 64.7798px 327.654px, 73.7845331px 337.994107px, 81.2341808px 349.033856px, 87.2717657px 360.352089px, 92.0403104px 371.527648px, 95.6828375px 382.139375px, 98.3423696px 391.766112px, 100.1619293px 399.986701px, 101.2845392px 406.379984px, 101.8532219px 410.524803px, 102.011px 412px, 101.202px 0px); 
}
#best-seller del{
  display: none;
}
#best-seller .sale-price{
  font-family: var(--pri-font);
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #012458;
}
#best-seller .cart-btn {
    background: #012458;
    border-radius: 20px;
    padding: 12px 16px;
    color: #fff;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
}
.best-price-box{
  display: flex;
  flex-direction: column;
  align-items: end;
}
.best-seller-product-content{
  display: flex;
  gap: 40px;
}
.best-seller-discount-badge {
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  background: #FEF1E1;
  padding: 5px 10px;
  border-radius: 30px;
  display: flex;
  justify-content: right;
  width: fit-content;
  margin: 0 0 10px auto;
}
.best-seller-item{
 background-color: #fff;
 border-radius: 20px;
 padding: 15px 15px 15px 15px !important;
}
.best-seller-item:hover{
  background-color: #F6F8F0;
}
.best-seller-item:hover .best-seller-discount-badge{
  background: red;
  color: #fff;
}
.best-seller-item:hover .cart-btn{
  background: #F05C04 !important;
  color: #fff !important;
}

#best-seller .owl-nav{
  display: block;
}
#best-seller .owl-nav .owl-prev {
  background: #012458 !important;
  color: #fff !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 60px;
  bottom: 0;
  margin: auto;
  left: -7%;
  z-index: 1;
}


#best-seller .owl-nav .owl-prev::before {
  content: "";
  position: absolute;
  top: -6px;   
  left: -6px;
  width: 70px;   
  height: 70px;
  border-radius: 50%;
  border: 2px solid #012458; 
  z-index: -1;  
}


#best-seller .owl-nav .owl-next {
  background: #012458 !important;
  color: #fff !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 40px;
  bottom: 0;
  margin: auto;
  right: -7%;
  z-index: 1;
}

#best-seller .owl-nav .owl-next::after {
  content: "";
  position: absolute;
  top: -6px;   
  left: -6px;
  width: 70px;   
  height: 70px;
  border-radius: 50%;
  border: 2px solid #012458; 
  z-index: -1; 
}


#best-seller .owl-nav .owl-prev:hover{
  background: #F05C04 !important;
}
#best-seller .owl-nav .owl-next:hover{
  background: #F05C04 !important;
}
.best-seller-content-box .owl-dots {
    text-align: center;
    margin-top: 50px;
}
.best-seller-content-box .owl-carousel button.owl-dot {
  background: #F05C04;
  color: inherit;
  border: none;
  border-radius: 31px;
  width: 15px;
  height: 15px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0 !important;
  font: inherit;
  font-size: 12px;
  margin-right: 5px;
}
.best-seller-content-box .owl-dot.active {
  background: #F05C04 !important;
  opacity: 50%;
}

.best-seller-image img{
  height: 100%;
  width: 100%;
}
.best-seller-image {
  width: 446px;
  height: 250px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 10px;
  margin: 0 auto;
}
.best-seller-image:hover:after {
  margin-left: 0;
  opacity: 0.9;
  height: 100%;
}

.best-seller-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  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 img:hover {
  transform: scale(1.1);
}
.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-product-content h6 {
  color: #012458;
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
}
.best-seller-product-text {
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.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-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;
  background-color: #fff;
  border-radius: 20px;
}
.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 {
  padding: 15px;
  position: relative;
  z-index: 1;
}
.product-image-box {
  width: 380px;
  height: 222px;
  margin: auto;
}
.product-image-box img:hover {
  transform: scale(1.1);
}
.product-image-box img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  transition: linear all 0.3s;
}
.product-top-icons {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 20px;
}
.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: #F6F8F0;
    border-radius: 20px;
}
.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;
}
#new-arrival del {
    display: none;
}
#new-arrival{
  background-color: #FEF1E1;
  width: 96%;
  margin: 0 auto;
  border-radius: 30px;
}
#new-arrival ins {
  font-family: var(--pri-font);
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
  text-align: center;
  color: #012458;
  padding: 12px 23px;
  text-decoration: none;
}
.play-svg-box svg {
    width: 50px;
    height: 50px;
    fill: #f05c04; /* default color */
    transition: fill 0.3s ease;
}

.play-svg-box:hover svg {
    fill: #012458; /* hover color */
}


#new-arrival .cart-btn {
    background: #012458;
    border-radius: 30px;
    padding: 10px 25px;
    align-self: center;
    align-items: center;
    color: #fff;
}
#new-arrival .cart-btn a{
  font-family: var(--pri-font);
  font-weight: 600;
  font-size: 14px;
}
#new-arrival h5 {
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #012458;
}
#new-arrival .product-main-div p {
  font-family: var(--[--pri-font]);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #1F2021;
}
.product-rating{
  margin-top: 5px;
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}
.product-inner-content-box:hover ins{
  background: red;
  color: #FFF;
  border-radius: 0px 20px 0px 20px;
}
.product-inner-content-box:hover{
  padding: 0px;
}
#new-arrival .product-inner-content-box:hover .cart-btn{
  background: #F05C04 !important;
}
.product-inner-content-box:hover .yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg{
  opacity: 1;
}
.product-inner-content-box:hover ins{
 color: #fff !important;
}
/* 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%;
}



/* blog */
@keyframes shine{
  100% {
    left: 125%;
  }
}
#blog{
  background-color: #FEF1E1;
  margin: 0 auto;
  width: 96%;
  border-radius: 30px;
}

.blog-content-box-outer{
 padding: 10px 20px 30px 20px;
}
.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: 0px;
}
.blog-image-box:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  border-radius: 30px;
  z-index: -1;
  padding: 2px;
  background: #FFF;
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 0px 0px 2px 2px #00000040 inset;
}
.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: 270px;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.blog-img-box .post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover; 
  border-radius: 30px;   
  -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: 400 24px/34px var(--sec-font);
  color: #012458;
  width: 85%;
}
.blog-image-box:hover::after {
  background: #F6F8F0;
}
.blog-image-box:hover .btn-outer-box{
  background: unset;
}
.blog-contents-box{
  gap: 2px;
}
.blog-content-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  font: 300 16px / 26px var(--pri-font);
  color: #1F2021;
}
.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;
}
/* blog button */

.blog-button-box {
    display: inline-flex;        
    align-items: center;         
    gap: 10px;                   
}

.blog-button-text {
    display: inline-block;
    padding: 12px 25px;
    background-color: #012458;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    font-family: var(--pri-font);
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s;
}

.blog-image-box:hover .blog-button-text {
    background-color: #F05C04;
    transform: translateY(-2px);
    color: #fff;
}

.blog-btn-icon-outer .button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #012458;
    border-radius: 50%;
    color: #fff;
    padding: 15px;
    font-size: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s, color 0.3s;
    cursor: pointer;
    margin-left: -5px;
}

.blog-image-box:hover .button-icon{
    transform: scale(1.1);
    background-color: #F05C04;
    color: #fff;
}

#blog .owl-nav .owl-prev {
  background: #012458 !important;
  color: #fff !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -6%;
  z-index: 1;
}


#blog .owl-nav .owl-prev::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 70px;  
  height: 70px;
  border-radius: 50%;
  border: 2px solid #012458; 
  z-index: -1;
}


#blog .owl-nav .owl-next {
  background: #012458 !important;
  color: #fff !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -6%;
  z-index: 1;
}


#blog .owl-nav .owl-next::after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 70px;   
  height: 70px;
  border-radius: 50%;
  border: 2px solid #012458;
  z-index: -1;
}

#blog .owl-nav .owl-prev:hover{
  background: #F05C04 !important;
}
#blog .owl-nav .owl-next:hover{
  background: #F05C04 !important;
}
.our-blog-box .owl-dots {
    text-align: center;
    margin-top: 30px;
}
.our-blog-box .owl-carousel button.owl-dot {
  background: #F05C04;
  color: inherit;
  border: none;
  border-radius: 31px;
  width: 15px;
  height: 15px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0 !important;
  font: inherit;
  font-size: 12px;
  margin-right: 5px;
}
.our-blog-box .owl-dot.active {
  background: #F05C04 !important;
  opacity: 50%;
}


/* 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: 24px;
  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: #FFBE0B;
}
.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-contant-box{
  display: flex;
  align-items: center;
  gap: 20px;
}
.testi-image img{
  width: 100%;
  height: 100%;
}


.testimonial-card {
  height: 430px;
}

/* .testimonial-card:hover {
  transform: translateY(-6px);
} */
.testimonial-card:hover .testimonial-info{
  transform: translateY(-215px);
  background-color: #F6F8F0;
}
.testimonial-img{
  height: 100%;
  width: 100%;
}
.testimonial-img img {
  width: 100% !important;
  height: 100%;
  display: block;
  border-radius: 20px;
  object-fit: cover;
  object-position: top;
}
.testimonial-img {
  width: 371px;
  height: 100%;
  max-width: 371px;
  max-height: 100%;
}
.testimonial-info {
  padding: 15px;
  text-align: center;
  transform: translateY(-83px);
  background-color: #ffff;
  border-radius: 20px;
  transition: linear all 0.3s;
}

.testimonial-title {
  margin-bottom: 5px;
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #012458;
  text-align: left;
}

.testimonial-destination {
  color: #1F2021;
  text-align: left;
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.testi-rating {
  margin-bottom: 10px;
  color: #FFBE0B;
}
.testimonial-text p {
  font-family: var(--pri-font);
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.testimonial-text {
  font-size: 14px;
  color: #555;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.testimonial-card:hover .testimonial-text {
  opacity: 1;
  max-height: 200px;
  margin-top: 10px;
}
.testimonial-card:hover .testimonial-img img {
  border-radius: 20px;
}
/* .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);
}


#testimonial {
  position: relative;
  background-color: #FEF1E1;
  margin: 0 auto;
  width: 96% !important;
  border-radius: 30px;
  overflow: hidden; 
}

#testimonial::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 500px;
    background: #f6f8f0;
    top: 33%;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0.820608px 0px, 0.820608px 0px, 0.959662786px 1.2159035px, 1.462511648px 4.66204px, 2.457681342px 10.0360485px, 4.073698624px 17.035568px, 6.43909025px 25.3582375px, 9.682382976px 34.701696px, 13.932103558px 44.7635825px, 19.316778752px 55.241536px, 25.964935314px 65.8331955px, 34.0051px 76.2362px, 34.0051px 76.2362px, 42.9966554px 86.2078648px, 52.2308112px 95.9204544px, 61.4338618px 105.6944816px, 70.3321016px 115.8504592px, 78.651825px 126.7089px, 86.1193264px 138.5903168px, 92.4609002px 151.8152224px, 97.4028408px 166.7041296px, 100.6714426px 183.5775512px, 101.993px 202.756px, 101.993px 202.756px, 101.3713773px 221.822343px, 99.0841264px 238.402064px, 95.2680731px 252.879601px, 90.0600432px 265.639392px, 83.5968625px 277.065875px, 76.0153568px 287.543488px, 67.4523519px 297.456669px, 58.0446736px 307.189856px, 47.9291477px 317.127487px, 37.2426px 327.654px, 37.2426px 327.654px, 28.237874304px 337.994107px, 20.788220772px 349.033856px, 14.750619738px 360.352089px, 9.982051536px 371.527648px, 6.3394965px 382.139375px, 3.679934964px 391.766112px, 1.860347262px 399.986701px, 0.737713728px 406.379984px, 0.169014696px 410.524803px, 0.0112305px 412px, 0.820608px 0px);
}

#testimonial::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 500px;
    background: #f6f8f0;
    top: 33%;
    bottom: 0;
    right: -99px;
  clip-path: polygon(101.202px 0px, 101.202px 0px, 101.0629403px 1.2159035px, 100.5600784px 4.66204px, 99.5648901px 10.0360485px, 97.9488512px 17.035568px, 95.5834375px 25.3582375px, 92.3401248px 34.701696px, 88.0903889px 44.7635825px, 82.7057056px 55.241536px, 76.0575507px 65.8331955px, 68.0174px 76.2362px, 68.0174px 76.2362px, 59.02585261px 86.2078648px, 49.79171772px 95.9204544px, 40.58869625px 105.6944816px, 31.69048912px 115.8504592px, 23.37079725px 126.7089px, 15.90332156px 138.5903168px, 9.56176297px 151.8152224px, 4.6198224px 166.7041296px, 1.35120077px 183.5775512px, 0.029599px 202.756px, 0.029599px 202.756px, 0.651171443px 221.822343px, 2.938386624px 238.402064px, 6.754415821px 252.879601px, 11.962430312px 265.639392px, 18.425601375px 277.065875px, 26.007100288px 287.543488px, 34.570098329px 297.456669px, 43.977766776px 307.189856px, 54.093276907px 317.127487px, 64.7798px 327.654px, 64.7798px 327.654px, 73.7845331px 337.994107px, 81.2341808px 349.033856px, 87.2717657px 360.352089px, 92.0403104px 371.527648px, 95.6828375px 382.139375px, 98.3423696px 391.766112px, 100.1619293px 399.986701px, 101.2845392px 406.379984px, 101.8532219px 410.524803px, 102.011px 412px, 101.202px 0px); 
}

#testimonial .owl-nav .owl-prev {
  background: #012458 !important;
  color: #fff !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -6%;
  z-index: 1;
}

#testimonial .owl-nav .owl-prev::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 70px;   
  height: 70px;
  border-radius: 50%;
  border: 2px solid #012458; 
  z-index: -1;
}


#testimonial .owl-nav .owl-next {
  background: #012458 !important;
  color: #fff !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  box-shadow: none;
  line-height: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -6%;
  z-index: 1;
}

#testimonial .owl-nav .owl-next::after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 70px;  
  height: 70px;
  border-radius: 50%;
  border: 2px solid #012458; 
  z-index: -1;
}

#testimonial .owl-nav .owl-prev:hover{
  background: #F05C04 !important;
}
#testimonial .owl-nav .owl-next:hover{
  background: #F05C04 !important;
}
.testimonial-main-content-box .owl-dots {
    text-align: center;
    margin-top: 30px;
}
.testimonial-main-content-box .owl-carousel button.owl-dot {
  background: #F05C04;
  color: inherit;
  border: none;
  border-radius: 31px;
  width: 15px;
  height: 15px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0 !important;
  font: inherit;
  font-size: 12px;
  margin-right: 5px;
}
.testimonial-main-content-box .owl-dot.active {
  background: #F05C04 !important;
  opacity: 50%;
}

/* sustainability */
.feature-img {
  max-width: 70px;
  max-height: 70px;
  background-color: #012458;
  padding: 10px;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  transform: translateY(-35px);
}
.feature-img img {
    height: 50px;
    width: 50px;
    object-fit: contain;
}
.feature-img img:hover {
  transform: rotate(360deg);
  transition: linear all 0.7s;
}
.feature-box h6 {
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #012458;
  margin-bottom: 10px;
  margin-top: -15px;
}
.feature-box p {
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #1F2021;
  width: 85%;
}
.feature-box {
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 0px 0px 2px 2px #00000040 inset;
  padding: 10px 0px 10px 20px;
  border-radius: 20px;
  margin: 40px 20px 40px 15px;
}
.sustainability-main-box {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 0px 0px 2px 2px #00000040 inset;
}
.right-col-box{
  padding: 0;
}
.right-feature-img {
  height: 672px;
  overflow: hidden;
}
.right-feature-img img:hover {
  transform: scale(1.1);
}
.right-feature-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 30px !important;
}
.feature-box:hover{
  background: #FEF1E1;
}
.feature-box:hover .feature-img{
  background: #F05C04;
}



/* week */
#Week .countdown-timer .countdown2 .numbers {
  height: 100px;
  width: 100px;
  background: #EE0C32;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 10px 15px;
  border-radius: 15px;
  padding: 10px;
}

#Week .countdown-timer .numbers .timer_days {
  font-family: var(--pri-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  color: #fff;
}

#Week .countdown-timer .nofont {
  color: #fff;
  font-family: var(--pri-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.countdown2{
  justify-content: center;
}

#Week .product-image img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
#Week .product-image img:hover {
  transform: scale(1.1);
}
/* .product-image{
 height: 250px;
} */
#Week .product-card {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 0px 0px 2px 2px #00000040 inset;
  border-radius: 30px;
  gap: 20px;
}
#Week .product-card h6 {
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: #1F2021;
  text-align: left;
}
#Week .product-card p {
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  width: 75%;
}
#Week .product-info .price{
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
}
#Week .product-card .btn-buy {
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 25px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
  position: relative !important;  /* 🔹 force inside product-card */
  z-index: 1;
}
#Week .product-card .btn-buy.orange {
  background:  #001f4d;
}
#Week .rating-box{
  display: flex;
  flex-direction: column;
  width: max-content;
  gap: 20px;
  align-items: end;
}
#Week .product-info {
  display: flex;
  align-items: end;
  padding: 15px 10px 15px 0px;
}
#Week .product-image{
  margin: 0 ;
}

#Week .product-card .yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg {
    opacity: 1;
}
#Week .product-image{
  height: 200px;
  width: 280px;
  max-height: 200px;
  max-width: 280px;
}
#Week .yith-add-to-wishlist-button-block {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: max-content;
  margin: 7px auto;
  transform: translate(35px, -40px);
}
#Week  .yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg {
  color: var(--white) !important;
  background: #012458;
  padding: 5px;
  width: 30px !important;
  height: 30px;
  border-radius: 50px;
  fill: #fff;
  opacity: 0;
  margin-right: 20px;
  margin-top: 20px;
}
#Week .product-card:hover{
  background: #FEF1E1;
}
#Week .product-card:hover .yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg{
  background: #F05C04;
}
#Week .product-card:hover .btn-buy.orange {
    background: #F05C04;
}
/* Recipe */


.recipe-card {
  display: flex;
  gap: 50px;
  background-color: #fff;
  padding: 30px 0px 30px 30px;
  border-radius: 30px;
  box-shadow: 1px 1px 4px 0px #00000040;
  box-shadow: 0px 0px 2px 2px #00000040 inset;
}
.quick-recipe-overview{
  display: flex;
  gap: 50px;
}
.recipe-img {
  height: 420px;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}
.recipe-img img{
  height: 100%;
  width: 100%;
  border-radius: 30px;
  transition: linear all 0.3s;
}
.recipe-img img:hover{
   transform: scale(1.1);
  
}
.recipe-card h6 {
  font-family: var(--sec-font);
  font-weight: 600;
  font-size: 36px;
  line-height: 60px;
  color: #012458;
}
.recipe-card .recipe-text p{
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #1F2021;
  width: 85%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recipe-card h4 {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #1F2021;
}
.overview-lines li {
    list-style: none;
    font-family: var(--pri-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.recipe-card ul {
    padding-left: 0;
}
.overview-details p {
    font-family: var(--pri-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.overview-title b, strong{
  font-weight: 400;
}

#Recipe .owl-nav{
  display: block;
}
#Recipe .owl-nav .owl-prev {
    background: #012458 !important;
    color: #fff !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    box-shadow: none;
    line-height: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -6%;
    z-index: 1;
}


#Recipe .owl-nav .owl-prev::before {
    content: "";
    position: absolute;
    top: -6px;   
    left: -6px;
    width: 70px;  
    height: 70px;
    border-radius: 50%;
    border: 2px solid #012458;  
    z-index: -1; 
}


#Recipe .owl-nav .owl-next {
    background: #012458 !important;
    color: #fff !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    box-shadow: none;
    line-height: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -6%;
    z-index: 1;
}

#Recipe .owl-nav .owl-next::after {
    content: "";
    position: absolute;
    top: -6px;   
    left: -6px;
    width: 70px;  
    height: 70px;
    border-radius: 50%;
    border: 2px solid #012458; 
    z-index: -1; 
}


#Recipe .owl-nav .owl-prev:hover{
  background: #F05C04 !important;
}
#Recipe .owl-nav .owl-next:hover{
  background: #F05C04 !important;
}

.recipe-content-box .owl-dots {
    text-align: center;
    margin-top: 30px;
}
.recipe-content-box .owl-carousel button.owl-dot {
  background: #F05C04;
  color: inherit;
  border: none;
  border-radius: 31px;
  width: 15px;
  height: 15px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0 !important;
  font: inherit;
  font-size: 12px;
  margin-right: 5px;
}
.recipe-content-box .owl-dot.active {
  background: #F05C04 !important;
  opacity: 50%;
}


/* recipi button */

.recipe-button-box {
    display: inline-flex;        
    align-items: center;         
    gap: 10px;                   
}

.recipe-button-text {
    display: inline-block;
    padding: 12px 25px;
    background-color: #F05C04;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    font-family: var(--pri-font);
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s;
}

.recipe-button-text:hover {
    background-color: #012458;
    color: #fff;
}

.recipe-button-box .button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #F05C04;
    border-radius: 50%;
    color: #fff;
    padding: 15px;
    font-size: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s, color 0.3s;
    cursor: pointer;
}

.recipe-button-box .button-icon:hover {
    background-color: #012458;
    color: #fff;
}
.recipe-icon-outer{
    border: 1px solid #012458;
    padding: 5px;
    border-radius: 50px;
}
.recipe-btn-outer{
    border: 1px solid #012458;
    padding: 5px;
    border-radius: 50px;
    overflow: hidden;
}
.recipe-btn {
    /* transform: translate(0px, 270px); */
    position: absolute;
    bottom: 15%;
    /* left: 0; */
    right: 10%;
}
.title-box-first{
  display: flex;
  align-items: center;
  gap: 20px;
}
.title-box-second{
  display: flex;
  align-items: center;
  gap: 15px;
}

/* single recipe */
.single-recipe-container .overview-box-left {
    border: none !important;
}
.single-recipe-container .overview-box-right {
    border: none !important;
}
.single-recipe-image img{
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 50px !important;
  overflow: hidden;
}
.single-recipe-bottom-img img{
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 30px;
}
.recipe-single-box{
  display: flex;
  align-items: center;
}
.single-recipe-bottom-img .right-one-play-svg-box {
    position: absolute;
    top: unset;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 40%;
    margin: auto;
    border-radius: 50%;
    line-height: 42px;
}
.single-recipe-bottom-img .right-one-play-svg-box svg {
    width: 50px;
    height: 50px;
}

/* 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;
}

#newsletter h4{
  font: 500 24px / 25px var(--sec-font);
  color: #012458;
  margin: 0px;
  transform: translate(-50px, -40px);
}
.news-main-box h6 {
  font-family: var(--pri-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  transform: translate(120px, 30px);
}
@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: 50px;
  bottom: -74px;
  margin: 0;
  padding: 2px;
  font-size: 14px;
}
#newsletter .wpcf7-not-valid-tip{
  position: absolute;
}
#newsletter .wpcf7 form .wpcf7-response-output {
  position: absolute;
  width: fit-content;
  color: #fff;
  left: 50px;
  bottom: -96px;
}
.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;
} */

#newsletter {
    width: 96%;
    margin: 0 auto;
    border-radius: 30px;
    padding: 0;
}

#newsletter {
  position: relative;
  overflow: hidden;
}

#newsletter .offer-overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #01245899;
  z-index: 0;
}

#newsletter .container {
  position: relative;
  z-index: 2; 
}
.newsletter-box {
  background-color: #FEF1E1;
  z-index: 1;
  position: relative;
  padding: 70px;
  border-radius: 30px;
  background: rgba(254, 241, 225, 0.70);
}

.news-main-box{
  justify-content: right;
}
@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: 3%;
  }
  .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: 0px;
  }
  .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 / 15px 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 / 55px var(--sec-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: 5px;
  }
  .woocommerce-Price-amount {
    font: 600 20px / 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);
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .testimonial-add-content {
    font: 500 13px / 20px var(--pri-font);
  }
  .footer2 #menu-quick-links li a, .footer3 #menu-seafood-collction-menu li a, .footer4 #menu-customer-care 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 18px / 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: 230px;
  }
  .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: #F05C04;
  }
  .widget_product_search input {
    width: 100%;
    background: #F05C04;
    color: #fff !important;
  }
  .header_meta svg{
    background: #F05C04;
  }
  .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(--sec-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: 0;
  }
  .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: unset;
  } */
  .slidemainbox-col1{
    padding: 5em 0px 1em 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;
    display: block;
  } */
  .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 20px / 30px var(--sec-font);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding-bottom: 0 !IMPORTANT;
  }
  .best-seller-product-text{
    font: 400 16px/26px 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: 250px;
  }
  /* .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(--sec-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 20px / 30px var(--sec-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;
}


@media screen and (min-width: 1024px) and (max-width: 1199px){
.widget_product_search input {
    width: 100%;
}
#header_navigation [type="submit"] {
  right: 25px;
  padding: 0px 0px;
}
 #blog::before{
  display: none;
}
#blog::after{
  display: none;
} 
#testimonial::before{
  display: none;
}
#testimonial::after{
  display: none;
}
#best-seller::before{
  display: none;
}
#best-seller::after{
  display: none;
}

  /* top bar */
.topbar-info-text img {
  width: 15px !important;
  height: 15px !important;
}
.topbar-info-text a {  
  font-size: 13px;
}
.top-flx{
 gap: 1rem !important;
}
.logo {
    width: 165px;
}
  /* banner */
.slider-outer-box {
  height: auto;
}
.slider-right-fish {
  width: 600px !important;
  height: 400px !important;
  bottom: -3em;
}
.slidemainbox-col1 {
  padding: 11em 0px 11em 0px;
}
.header-button-outer-box{
 margin-left: -10px;
}

/* about */
.about-center-box h4 {
  font-size: 20px;
  line-height: 40px;
}
.about-all-img{
  padding-left: 1em;
  padding-right: 1em;
}
.about-center-box {
  padding: 10px;
}
.detail-col-one {
    width: 70%;
}
.detail-col-two {
    width: 30%;
}
.about-detail {
  padding: 25px;
  margin-left: 1em;
  margin-right: 1em;
}
.about-detail p {
  font-size: 14px;
  line-height: 35px;
}


/* Best Seller */
.best-seller-product-content {
    display: flex;
    gap: 0px;
    justify-content: space-between;
}
#best-seller .owl-nav {
    display: none;
}


/* recipe */
.recipe-card {
    display: block;
}
#Recipe .owl-nav {
    display: none;
}
.recipe-card {
  display: flex;
  gap: 30px;
  padding: 15px 15px 15px 15px;
}
.recipe-img {
  width: 50%;
}
.recipe-info{
  width: 50%;
}
.recipe-card h6 {
  font-size: 20px;
}
.title-box-first {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0px !important;
}
.title-box-second {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
    padding-bottom: 0px !important;
}
.recipe-btn {
  transform: unset;
  position: absolute;
  bottom: 15%;
  right: 1%;
}
/* our seadfood collection */
#new-arrival h5 {
  font-size: 18px;    
}

/* sustainability */

.sustainability-main-box{
  margin-left: 1em;
  margin-right: 1em;
}
.feature-box h6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.feature-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.right-feature-img {
    height: 595px;
}


/* Video */

.video-left {
  height: unset !important;
  max-height: unset !important;
}
.video-center-box {
  height: 100% !important;
  max-height: 100% !important;
}
.video-center p {
  font-size: 18px;
  line-height: 35px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.video-left p {
  margin-bottom: 15px;
}
.video-fix-box{
  width: 96%;
  margin: 0 auto;
}
/* week */

#Week .product-card p {
  width: unset;
    overflow: hidden;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#Week .product-card h6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#Week .product-image {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}

/* testimonial */

.testimonial-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.testimonial-destination {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#testimonial .owl-nav {
  display: none;
}
.testimonial-text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* Step */
.step-main-box {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.step-right-col {
  margin-left: unset;
}
.setpes-outer {
  gap: 10px;
  margin: 10px 0;
}
.step-box {
  width: unset;
  height: unset;
}
.step-right-col .step-box h6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 20px;
}
.step-router-box{
 margin-left: 1em;
 margin-right: 1em;
}

/* BLOG */
.blog-img-box .post-img {
  width: 100%;
  height: 100%;
}
.blog-content-box-outer {
  padding: 10px;
}
#blog .owl-nav{
    display: none;
}
.blog-img-box .post-img img {
  transform: translate3d( 0px, 0, 0) scale(1.12);
}
 /* gallery */
 .gally-box{
  margin-left: 1em;
  margin-right: 1em;
 }

 /* newsletter */
 .mail-box p {
    display: block;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output {
  left: 15px;
  bottom: -98px;
}
#newsletter .wpcf7 form .wpcf7-response-output {
  left: 4px;
  bottom: -107px;
}
.news-main-box h6 {
  transform: translate(55px, 16px);
}
.newsletter-box .wpcf7-submit {
    margin-top: 25px;
}

/* FAQ */
.faq-main-left-box {
  width: unset;
  height: unset;
}
.faq-contact-box {
  display: block;
}
#FAQ .accordion-item {
  margin-bottom: 2.0em;
}
.Faq-outer-main-box{
  margin-left: 1em;
  margin-right: 1em;
}
#FAQ .contact-btn {
    transform: translate(22px, -30px);
}

/* footer */
.footer1 {
    width: 100% !important;
}
.footer2 {
    width: 20% !important;
}
.footer3 {
    width: 20% !important;
}
.footer4 {
    width: 20% !important;
}
.footer5 {
    width: 30% !important;
}
.footer1 p {
  width: 88%;
  margin: 0 auto;
}
.footer1 .widget_media_image {
  margin: 0 auto;
}
.social_widget .widget_wpb_social_widget {
  justify-content: center;
}
.footer5 .contact-box {
  padding: 0 0px;
}
.contact-item {
  font-size: 14px;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  width: 55% !important;
}
.wc-block-components-sidebar {
  width: 45% !important;
}

.wishlist_table .product-box {
  padding: 10px 10px 10px 10px;
}
.wishlist_table{
  justify-content: center !important;
}
}

@media screen and (min-width: 1200px) and (max-width: 1399px){
 #blog::before{
  display: none;
}
#blog::after{
  display: none;
} 
#testimonial::before{
  display: none;
}
#testimonial::after{
  display: none;
}
#best-seller::before{
  display: none;
}
#best-seller::after{
  display: none;
}
.video-fix-box{
  width: 96%;
  margin: 0 auto;
}
  /* top bar */
.top-flx{
  gap: 2rem !important;
}
.topbar-info-text img {
  width: 15px !important;
  height: 15px !important;
}
.top-flx{
  margin-left: 14px;
}
.top-midel{
  margin-left: -10px;
}
.top-end{
  margin-left: -20px;
}
  /* banner */
.slider-outer-box {
  height: auto;
}
.slidemainbox-col1 {
  padding: 7em 0px 7em 0px;
}
.header-button-outer-box{
  margin-left: -12px;
}
.slide-heading-one {
  font-size: 52px;
  line-height: 80px;
}
.slider-para {
  font-size: 25px;
  line-height: 35px;
}

/* about */
.about-center-box h4 {
  font-size: 27px;
  line-height: 45px;
}
.about-all-img{
  padding-left: 1em;
  padding-right: 1em;
}
.about-center-box {
  padding: 10px;
}
.detail-col-one {
    width: 70%;
}
.detail-col-two {
    width: 30%;
}
.about-detail {
  padding: 30px;
  margin-left: 1em;
  margin-right: 1em;
}
.about-detail p {
  font-size: 16px;
  line-height: 40px;
}


/* Best Seller */
#best-seller .owl-nav {
    display: none;
}
.best-seller-image {
    width: 100%;
    height: 100%;
}
.best-seller-product-content h6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.best-seller-product-content {
  display: flex;
  gap: 0px;
  justify-content: space-between;
}
#best-seller .sale-price {
  font-size: 30px;
  line-height: 50px;
}
#best-seller .cart-btn {
  padding: 12px 10px; 
}
.best-price-con{
  width: 60%;
}
.best-price-box{
  width: 40%;
}
/* recipe */
.recipe-card {
  display: flex;
  gap: 30px;
  padding: 15px 15px 15px 15px;
}
.recipe-img {
  width: 50%;
}
.recipe-info{
  width: 50%;
}
.recipe-card h6 {
  font-size: 20px;
}
.title-box-first {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0px !important;
}
.title-box-second {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
    padding-bottom: 0px !important;
}
.recipe-btn {
  transform: unset;
  position: absolute;
  bottom: 15%;
  right: 1%;
}
#Recipe .owl-nav {
    display: none;
}

/* sustainability */

.sustainability-main-box{
  margin-left: 1em;
  margin-right: 1em;
}
.feature-box h6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.feature-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.right-feature-img {
    height: 595px;
}


/* Video */

.video-left {
  height: unset !important;
  max-height: unset !important;
}
.video-center-box {
  height: 100% !important;
  max-height: 100% !important;
}
.video-center p {
  font-size: 18px;
  line-height: 35px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* week */

#Week .product-card p {
  width: unset;
    overflow: hidden;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#Week .product-card h6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#Week .product-image {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}
.fresh-week-box{
  margin-left: 1em;
  margin-right: 1em;
}
/* testimonial */

.testimonial-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.testimonial-destination {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#testimonial .owl-nav {
  display: none;
}
.testimonial-text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.testimonial-title{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


/* Step */
.step-main-box {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.step-right-col {
  margin-left: unset;
}
.setpes-outer {
  gap: 10px;
  margin: 10px 0;
}
.step-box {
  width: unset;
  height: unset;
}
.step-right-col .step-box h6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 20px;
}
.step-router-box{
 margin-left: 1em;
 margin-right: 1em;
}
.step-right-col .step-box p {
  width: 85%;
}


/* BLOG */
.blog-img-box .post-img {
  width: 100%;
  height: 100%;
}
.blog-content-box-outer {
  padding: 10px;
}
#blog .owl-nav{
    display: none;
}

/* gallery */
.gally-box{
  margin-left: 1em;
  margin-right: 1em;
}
 /* newsletter */
#newsletter .wpcf7 form .wpcf7-response-output {
  left: -45px;
  bottom: -110px;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output { 
  left: -35px;
  bottom: -95px;
}


/* FAQ */
.faq-main-left-box {
  width: unset;
  height: unset;
}
.faq-contact-box {
  display: block;
}
#FAQ .accordion-item {
  margin-bottom: 2.0em;
}
.Faq-outer-main-box{
  margin-left: 1em;
  margin-right: 1em;
}
#FAQ .contact-btn {
    transform: translate(22px, -30px);
}

/* Footer */
.footer1 p {
  font-size: 14px;
}
.footer2 h4, .footer3 h4, .footer4 h4 {
  font: 600 18px / 30px var(--sec-font);
}
.footer3 #menu-seafood-collction-menu li a {
  font: 400 14px / 50px var(--pri-font);
}
.footer4 #menu-customer-care li a {
  font: 400 14px / 50px var(--pri-font);
}
.contact-item {
  font-size: 14px;
  line-height: 24px;
}
.footer1 h4 {
  font: 400 14px / 30px var(--pri-font);
}

.wishlist_table .product-box {
  padding: 10px 10px 10px 10px;
}
.wishlist_table{
  justify-content: center !important;
}
.news-main-box h6 {
  transform: translate(0px, 30px);
}
}

@media screen and (min-width: 1400px) and (max-width: 1600px){

 /* top bar */
.top-flx{
  gap: 2rem !important;
}
.topbar-info-text img {
  width: 15px !important;
  height: 15px !important;
}
.top-flx{
  margin-left: 14px;
}
.top-midel{
  margin-left: -10px;
}
.top-end{
  margin-left: -20px;
}

 /* banner */
 .slider-outer-box {
  height: auto;
}
.slidemainbox-col1 {
  padding: 7em 0px 7em 0px;
}
.header-button-outer-box{
  margin-left: -30px;
}

/* about */
.about-center-box h4 {
  font-size: 27px;
  line-height: 45px;
}
.about-all-img{
  padding-left: 1em;
  padding-right: 1em;
}
.about-center-box {
  padding: 10px;
}
.detail-col-one {
    width: 70%;
}
.detail-col-two {
    width: 30%;
}
.about-detail {
  padding: 30px;
  margin-left: 1em;
  margin-right: 1em;
}
.about-detail p {
  font-size: 16px;
  line-height: 40px;
}

.video-left {
  height: 100%;
  max-height: 100%;
}
.video-center-box {
  height: 100%;
  max-height: 100%;
}
/* testimonial */

.testimonial-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.testimonial-destination {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#testimonial .owl-nav {
  display: none;
}
.testimonial-text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.testimonial-title{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* Step */
.step-main-box {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.step-right-col {
  margin-left: unset;
}
.setpes-outer {
  gap: 10px;
  margin: 10px 0;
}
.step-box {
  width: unset;
  height: unset;
}
.step-right-col .step-box h6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 20px;
}
.step-router-box{
 margin-left: 1em;
 margin-right: 1em;
}
.step-right-col .step-box p {
  width: 85%;
}
#blog .owl-nav{
    display: none;
}

 /* gallery */
 .gally-box{
  margin-left: 1em;
  margin-right: 1em;
 }

  /* newsletter */
  #newsletter .wpcf7 form.invalid .wpcf7-response-output {
    left: 10px;
    bottom: -92px;
}

/* FAQ */

#FAQ .accordion-item {
  margin-left: 20px;
  margin-right: 20px;
}
.faq-main-left-box {
  width: 581px;
  height: 595px;
}
.Faq-outer-main-box{
  margin-left: 1em;
  margin-right: 1em;
}


/* Footer */
.footer1 p {
  font-size: 14px;
}
.footer2 h4, .footer3 h4, .footer4 h4 {
  font: 600 18px / 30px var(--sec-font);
}
.footer3 #menu-seafood-collction-menu li a {
  font: 400 14px / 50px var(--pri-font);
}
.footer4 #menu-customer-care li a {
  font: 400 14px / 50px var(--pri-font);
}
.contact-item {
  font-size: 14px;
  line-height: 24px;
}
.footer1 h4 {
  font: 400 14px / 30px var(--pri-font);
}

.best-seller-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  border-radius: 10px;
  margin: 0 auto;
}
#best-seller .owl-nav {
    display: none;
}
#blog::before{
  display: none;
}
#blog::after{
  display: none;
} 
#testimonial::before{
  display: none;
}
#testimonial::after{
  display: none;
}
#best-seller::before{
  display: none;
}
#best-seller::after{
  display: none;
}

.wishlist_table .product-box {
  padding: 10px 10px 10px 10px;
}
.wishlist_table{
  justify-content: center !important;
}

.video-fix-box{
  width: 96%;
  margin: 0 auto;
}
.sustainability-main-box {
    margin-left: 1em;
    margin-right: 1em;
}
.fresh-week-box{
  margin-left: 1em;
  margin-right: 1em;
}
.news-main-box h6 {
  transform: translate(0px, 30px);
}
}


@media screen and (min-width: 768px) and (max-width: 991px){
#blog::before{
  display: none;
}
#blog::after{
  display: none;
} 
#testimonial::before{
  display: none;
}
#testimonial::after{
  display: none;
}
#best-seller::before{
  display: none;
}
#best-seller::after{
  display: none;
}
  /* banner */
.slider-right-fish {
  position: absolute;
  right: 0;
  width: 500px !important;
  height: 500px !important;
  bottom: -137px;
}
.slider-outer-box {
    height: 450px;
}
.slidemainbox-col1 {
  padding: 7em 0px 13em 0px;
}
.logo img {
  margin: 0 auto;
  display: block;
}
#header_navigation {
  position: absolute;
  padding-top: 10px;
}
.topbar-info-text{
  display: flex;
  flex-direction: column;
  text-align: center;
}
.topbar-info-text a {
  display: flex;
  flex-direction: column;
}
.topbar-info-text a {
  font-size: 13px;
}
.top-flx{
  gap: 1rem !important;
}
.header-button-outer-box {
  gap: 3px;
}
.cart-btn-box{
  margin-left: 12px;
}
.widget_product_search input {
    width: 100%;
}
#header_navigation [type="submit"] {
  right: 25px;
  padding: 0px 0px;
}
input[type="search"]::placeholder {
    font-size: 10px !important;
}
.slider-button-text {
  padding: 5px 10px;
}
.slider-box .button-icon {
  width: 40px;
  height: 40px;
}
.header-main-outer-box {
  padding: 0px 20px;
}
.slide-heading-one {
  font: 700 30px / 40px var(--sec-font);
  width: 40%;
}
  /* about */

.about-left {
  width: 50%;
  order: 2;
}
.about-center {
  width: 100%;
  order: 1;
  margin-bottom: 20px;
}
.about-right {
  width: 50%;
  order: 3;
}
.about-center-box h4 {
  font-size: 20px;
  line-height: 40px;
}
.about-all-img{
  margin-left: 1em;
  margin-right: 1em;
}
.about-detail {
  display: block;
  padding: 45px;
  margin-left: 1em;
  margin-right: 1em;
}
.detail-col-one {
    width: 100%;
}
.detail-col-two {
    width: 100%;
}
.about-detail p {
  font-size: 14px;
  line-height: 30px;
}
.about-page .galy-img-two {
  margin-bottom: 20px;
}
/* Best seller */
#best-seller .owl-nav {
    display: none;
}
.best-seller-image {
  width: auto;
  height: 200px;
}
.best-seller-product-content {
  display: block;
}
.best-price-box {
  align-items: flex-start;
}
.best-seller-image img {
  object-fit: contain;
}

/* recipe */
#Recipe .owl-nav {
    display: none;
}
.recipe-card {
  display: flex;
  gap: 10px;
  padding: 15px 15px 15px 15px;
}
.recipe-img {
  width: 50%;
}
.recipe-info{
  width: 50%;
}
.recipe-card h6 {
  font-size: 20px;
}
.title-box-first {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0px !important;
}
.title-box-second {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
    padding-bottom: 0px !important;
}
.recipe-btn {
  transform: unset;
  position: absolute;
  bottom: 10%;
  left: 10%;
}
/* Seafood Collection */

#new-arrival h5 {
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0 !important;
}
.product-top-icons {
  gap: 10px;
}
.product-inner-content-box .product-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0 !important;
}
#new-arrival .products-meta {
  justify-content: flex-start !important;
  margin-top: 20px;
}
.product-details {
  padding: 10px;
}

/* sustainability */
.feature-box {
  margin: 40px 0px 40px 0px;
}

.feature-box h6 {
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.feature-box p {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.right-feature-img {
  height: 300px;
  width: 300px;
  margin: 20px auto;
}
.main-sub-box{
  width: 100%;
  order: 2;
}
.right-col-box{
  width: 96%;
  margin: 0 auto;
  order: 1;
}
.feature-box p {
  width: 67%;
}
.sustainability-main-box{
  margin-left: 1em;
  margin-right: 1em;
}
/* video */

.video-left {
  width: 50%;
  height: unset;
  max-height: unset;
}
.video-center {
  width: 50%;
}
.video-center-box {
  height: unset;
  max-height: unset;
  padding: 5px;
}
.video-right-one {
  display: block;
  width: 50%;
}
.video-right-two{
  width: 50%;
}
.video-right {
  width: 100%;
  flex-direction: unset;
  margin-top: 20px;
}
.video-center p {
  font-size: 18px;
  line-height: 28px;   
}
.video-left p {
  margin-bottom: 10px;
}
.video-fix-box{
  width: 96%;
  margin: 0 auto;
}
/* Testimonial */
#testimonial .owl-nav {
  display: none;
}
.testimonial-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.testimonial-text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.testimonial-info {
  transform: translateY(-88px);
}
.testimonial-card:hover .testimonial-info {
  transform: translateY(-189px);
}

/* Step */
.step-main-box {
  width: 400px;
  height: 400px;
  max-width: 400px;
  max-height: 400px;
  margin: 0 auto;
}
.step-right-col {
  margin-left: 0em;
}
.setpes-outer {
  gap: 10px;
}
.steps-wrapper::after{
  display: none;
}
.step-router-box{
  margin-left: 1em;
  margin-right: 1em;
}
/* blog */
#blog .owl-nav {
  display: none;
}
.blog-img-box .post-img {
  width: 100%;
  height: 100%;
}
.blog-contents-box h5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font: 400 18px/28px var(--sec-font);
  color: #012458;
  width: 85%;
}
.blog-content-box-outer p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img img {
  transform: translate3d( 0px, 0, 0) scale(1.12);
}

/* gallery */
.gally-box{
  margin-left: 1em;
  margin-right: 1em;
}
.gallery-first-col .galy-img-one img {
    width: 100%;
    height: 100%;
}
.gallery-first-col .galy-img-two img {
    width: 100%;
    height: 100%;
}
.gallery-second-col .galy-img-three img {
    width: 100%;
    height: 100%;
}
.gallery-second-col .galy-img-four img {
    width: 100%;
    height: 100%;
}
.gallery-second-col .galy-img-five img {
    width: 100%;
    height: 100%;
}

/* newsletter */
#newsletter .wpcf7 form .wpcf7-response-output {
  bottom: -105px;
}

/* faq */
.faq-main-left-box {
  width: 100%;
  height: 100%;
}
.faq-first-box{
 margin-bottom: 2em;
}
.Faq-outer-main-box{
 margin-left: 1em;
 margin-right: 1em;
}
#FAQ{
  padding-bottom: 0%;
}
/* footer */
.footer1 {
    width: 100% !important;
}
.footer2 {
    width: 25% !important;
}
.footer3 {
    width: 25% !important;
}
.footer4 {
    width: 25% !important;
}
.footer5 {
    width: 30% !important;
}
.footer1 p {
  width: 88%;
  margin: 0 auto;
}
.footer1 .widget_media_image {
  margin: 0 auto;
}
.social_widget .widget_wpb_social_widget {
  justify-content: center;
}
.footer5 .contact-box {
  padding: 0 0px;
}
#footer .contact-item {
  font-size: 12px;
  line-height: 24px;
}


.yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg {
  opacity: 1;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  width: 55% !important;
}
.wc-block-components-sidebar {
  width: 45% !important;
}

.wishlist_table .product-box {
  padding: 10px 10px 10px 10px;
}
.wishlist_table{
  justify-content: center !important;
}
}


@media screen and (min-width: 992px) and (max-width: 1023px){
#blog::before{
  display: none;
}
#blog::after{
  display: none;
} 
#testimonial::before{
  display: none;
}
#testimonial::after{
  display: none;
}
#best-seller::before{
  display: none;
}
#best-seller::after{
  display: none;
}

    /* banner */
.slider-right-fish {
  position: absolute;
  right: 0;
  width: 600px !important;
  height: 400px !important;
  bottom: -60px;
}
.slider-outer-box {
    height: 440px;
}
.slidemainbox-col1 {
  padding: 5em 0px 5em 0px;
}
.logo img {
  margin: 0 auto;
  display: block;
}
#header_navigation {
  position: absolute;
  padding-top: 10px;
}
.topbar-info-text{
  display: flex;
  flex-direction: column;
  text-align: center;
}
.topbar-info-text a {
  display: flex;
  flex-direction: column;
}
.topbar-info-text a {
  font-size: 13px;
}
.top-flx{
  gap: 1rem !important;
}
.header-button-outer-box {
  gap: 0px;
}
.cart-btn-box{
  margin-left: 12px;
}
.widget_product_search input {
    width: 100%;
}
#header_navigation [type="submit"] {
  right: 25px;
  padding: 0px 0px;
}
.slider-button-text {
  padding: 5px 10px;
}
.slider-box .button-icon {
  width: 40px;
  height: 40px;
}
.header-main-outer-box {
  padding: 0px 20px;
}
.slide-heading-one {
  font: 700 45px / 55px var(--sec-font);
}
  /* about */

.about-left {
  width: 50%;
  order: 2;
}
.about-center {
  width: 100%;
  order: 1;
  margin-bottom: 20px;
}
.about-right {
  width: 50%;
  order: 3;
}
.about-center-box h4 {
  font-size: 20px;
  line-height: 40px;
}
.about-all-img{
  margin-left: 1em;
  margin-right: 1em;
}
.about-detail {
  display: block;
  padding: 45px;
  margin-left: 1em;
  margin-right: 1em;
}
.detail-col-one {
    width: 100%;
}
.detail-col-two {
    width: 100%;
}
.about-detail p {
  font-size: 14px;
  line-height: 30px;
}

/* Best seller */
#best-seller .owl-nav {
    display: none;
}
.best-seller-image {
  width: auto;
  height: 200px;
}
.best-seller-product-content {
  display: block;
}
.best-price-box {
  align-items: flex-start;
}
.best-seller-image img {
  object-fit: contain;
}

/* recipe */
#Recipe .owl-nav {
    display: none;
}
.recipe-card {
  display: flex;
  gap: 10px;
  padding: 15px 15px 15px 15px;
}
.recipe-img {
  width: 50%;
}
.recipe-info{
  width: 50%;
}
.recipe-card h6 {
  font-size: 20px;
}
.title-box-first {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0px !important;
}
.title-box-second {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
    padding-bottom: 0px !important;
}
.recipe-btn {
  transform: unset;
  position: absolute;
  bottom: 7%;
  left: 10%;
}

/* Seafood Collection */

#new-arrival h5 {
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0 !important;
}
.product-top-icons {
  gap: 10px;
}
.product-inner-content-box .product-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0 !important;
}
#new-arrival .products-meta {
  justify-content: flex-start !important;
  margin-top: 20px;
}
.product-details {
  padding: 10px;
}

/* sustainability */
.feature-box {
  margin: 40px 0px 40px 0px;
}

.feature-box h6 {
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.feature-box p {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sustainability-main-box{
  margin-left: 1em;
  margin-right: 1em;
}

/* video */

.video-left {
  width: 50%;
  height: unset;
  max-height: unset;
}
.video-center {
  width: 50%;
}
.video-center-box {
  height: unset;
  max-height: unset;
  padding: 5px;
}
.video-right-one {
  display: block;
  width: 50%;
}
.video-right-two{
  width: 50%;
}
.video-right {
  width: 100%;
  flex-direction: unset;
  margin-top: 20px;
}
.video-center p {
  font-size: 18px;
  line-height: 28px;   
}
.video-left p {
  margin-bottom: 10px;
}
.video-fix-box{
  width: 96%;
  margin: 0 auto;
}
/* week */
#Week .product-image {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}
#Week .product-card h6 {
  font-size: 18px;
  line-height: 28px; 
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#Week .product-card p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 90%;
}
#Week .product-info .price {
  font-size: 18px;
  line-height: 28px;
}
#Week .yith-add-to-wishlist-button-block {
  transform: translate(35px, -25px);
}


/* Testimonial */
#testimonial .owl-nav {
  display: none;
}
.testimonial-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.testimonial-text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.testimonial-info {
  transform: translateY(-88px);
}
.testimonial-card:hover .testimonial-info {
  transform: translateY(-189px);
}

/* Step */
.step-main-box {
  width: 400px;
  height: 400px;
  max-width: 400px;
  max-height: 400px;
  margin: 0 auto;
}
.step-right-col {
  margin-left: 0em;
  width: 100%;
}
.left-main-img{
  width: 100%;
}
.setpes-outer {
  gap: 10px;
}
.steps-wrapper::after{
  display: none;
}
.step-router-box{
  display: block;
}

/* blog */
#blog .owl-nav {
  display: none;
}
.blog-img-box .post-img {
  width: 100%;
  height: 100%;
}
.blog-contents-box h5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font: 400 18px/28px var(--sec-font);
  color: #012458;
  width: 85%;
}
.blog-content-box-outer p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img img {
  transform: translate3d( 0px, 0, 0) scale(1.12);
}


/* gallery */
.gally-box{
  margin-left: 1em;
  margin-right: 1em;
}
.gallery-first-col .galy-img-one img {
    width: 100%;
    height: 100%;
}
.gallery-first-col .galy-img-two img {
    width: 100%;
    height: 100%;
}
.gallery-second-col .galy-img-three img {
    width: 100%;
    height: 100%;
}
.gallery-second-col .galy-img-four img {
    width: 100%;
    height: 100%;
}
.gallery-second-col .galy-img-five img {
    width: 100%;
    height: 100%;
}


/* newsletter */
.mail-box p {
  display: block;
}
.news-main-box h6 {
    font-family: var(--pri-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    transform: translate(0px, 23px);
}
.newsletter-box .wpcf7-submit {
  margin-top: 31px;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output {
  left: 0px;
  bottom: -95px; 
}

/* faq */
.faq-main-left-box {
  width: 100%;
  height: 100%;
}
.faq-first-box{
 margin-bottom: 2em;
 width: 100%;
}
.faq-second-box {
  width: 100%;
}
.Faq-outer-main-box{
 margin-left: 1em;
 margin-right: 1em;
 display: block;
}


/* footer */
.footer1 {
    width: 100% !important;
}
.footer2 {
    width: 25% !important;
}
.footer3 {
    width: 25% !important;
}
.footer4 {
    width: 25% !important;
}
.footer5 {
    width: 30% !important;
}
.footer1 p {
  width: 88%;
  margin: 0 auto;
}
.footer1 .widget_media_image {
  margin: 0 auto;
}
.social_widget .widget_wpb_social_widget {
  justify-content: center;
}
.footer5 .contact-box {
  padding: 0 0px;
}
.contact-item {
  font-size: 14px;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
  width: 55% !important;
}
.wc-block-components-sidebar {
  width: 45% !important;
}

.wishlist_table .product-box {
  padding: 10px 10px 10px 10px;
}
.wishlist_table{
  justify-content: center !important;
}

}


@media screen and (max-width: 767px){
.desk-hed{
  display: none;
}
.mobile-hed{
  display: block;
}
.hed-search-box {
  width: 75%;
  margin: 0 auto;
}
input[type="search"]::placeholder {
  font-size: 10px !important;
}
#header_navigation [type="submit"] {
  right: 25px;
  padding: 0px 0px;
}
#blog::before{
  display: none;
}
#blog::after{
  display: none;
} 
#testimonial::before{
  display: none;
}
#testimonial::after{
  display: none;
}
#best-seller::before{
  display: none;
}
#best-seller::after{
  display: none;
}
  /* footer */
.footer1 .widget_media_image {
    margin: auto;
}
.footer1 p {
  width: 100%;
}
.social_widget .widget_wpb_social_widget {
  justify-content: center;
}
.footer-content {
  text-align: center;
}
.contact-item {
    display: block;
}
.footer1 {
  width: 100% !important;
}
.footer2 {
  width: 100% !important;
}
.footer3 {
  width: 100% !important;
  margin: 0 auto;
}
.footer4 {
  width: 100% !important;
}
.footer5 {
  width: 100% !important;
  display: flex;
  justify-content: center;
}
.footer-brand img {
  max-width: unset;
  max-height: 159px;
}

/* faq */
.faq-main-left-box {
  width: 100%;
  height: 100%;
}
.faq-first-box{
 margin-bottom: 2em;
 width: 100%;
}
.faq-second-box {
  width: 100%;
}
.Faq-outer-main-box{
 margin-left: 1em;
 margin-right: 1em;
 display: block;
}
.faq-contact-box {
  display: block;
}
.accordion-body {
  width: 100%;
}
#FAQ .contact-btn {
    transform: translate(15px, -40px);
}
.accordion-button{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.faq-button-box .button-icon {
  width: 40px;
  height: 40px;
}
.faq-button-text {
  padding: 5px 10px;
}
#FAQ .contact-item {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* Newsletter */
#newsletter h4 {
    transform: translate(0px, 0px);
    text-align: center;
}
.newsletter-box {
    padding: 41px;
}
.news-main-box h6 {
  transform: translate(0px, 0px);
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.newsletter-box .wpcf7-submit {
  margin-top: 22px;
  margin-left: 0;
  margin-bottom: 8px;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output {
  left: 0px;
  bottom: -52px;
}
.mail-box .wpcf7-not-valid-tip {
  top: 30px;
}
#newsletter .wpcf7 form .wpcf7-response-output {
  left: -3px;
  bottom: -96px;
}
.mail-box p {
    justify-content: center;
    margin-top: 20px;
    display: block;
}

/* gallery */
.gally-box{
  margin-left: 1em;
  margin-right: 1em;
}
.gallery-first-col .galy-img-one img {
    width: 300px;
    height: 300px;
    display: block;
    margin: 10px auto;
    object-fit: cover;
}
.gallery-first-col .galy-img-two img {
    width: 300px;
    height: 300px;
    display: block;
    margin: 10px auto;
    object-fit: cover;
}
.gallery-second-col .galy-img-three img {
    width: 300px;
    height: 300px;
    display: block;
    margin: 10px auto;
    object-fit: cover;
}
.gallery-second-col .galy-img-four img {
    width: 300px;
    height: 300px;
    display: block;
    margin: 10px auto;
    object-fit: cover;
}
.gallery-second-col .galy-img-five img {
    width: 300px;
    height: 300px;
    display: block;
    margin: 10px auto;
    object-fit: cover;
}
.two-flex {
    display: block;
    gap: 20px;
}


/* blog */
#blog .owl-nav {
  display: none;
}
.blog-img-box .post-img {
  width: 100%;
  height: 100%;
}
.blog-contents-box h5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font: 400 18px/28px var(--sec-font);
  color: #012458;
  width: 85%;
}
.blog-content-box-outer p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img img {
 transform: translate3d( 0px, 0, 0) scale(1.12);
}
.blog-button-text {
  padding: 12px 15px;
}


/* Step */
.step-router-box{
  display: block;
}
.step-main-box {
  width: 300px;
  height: 300px;
  max-width: 300px;
  max-height: 300px;
  margin: 0 auto;
}
.step-right-col {
  margin-left: 0em;
}
.setpes-outer {
display: block;
}
.steps-wrapper::after{
  display: none;
}
.step-nub {
  width: max-content;
  margin: 10px auto;
}
.step-box {
  display: block;
  width: auto;
  height: auto;
  border-radius: 10px;
}
.step-right-col .step-box h6 {
  text-align: center;
}
.step-right-col .step-box p {
  text-align: center;
}
.setp-img-back {
  margin: 0 auto;
}
.steps-wrapper{
  margin-left: 20px;
  margin-right: 20px;
}


/* Testimonial */
#testimonial .owl-nav {
  display: none;
}
.testimonial-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.testimonial-text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.testimonial-info {
  transform: translateY(-88px);
}
.testimonial-card:hover .testimonial-info {
  transform: translateY(-189px);
}
.testimonial-destination {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


/* week */
#Week .product-card{
 display: block;
}
#Week .product-card h6 {
  text-align: center;
}   
#Week .product-card p {
  text-align: center;
  width: 100%;
}
#Week .product-info {
  display: block;
}
#Week .rating-box {
  margin: 0 auto;
}
#Week .yith-add-to-wishlist-button-block {
  margin: 5px auto;
  transform: translate(0px, 0px);
}
#Week  .yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg {
  margin-right: 0px;
}


#Week .countdown-timer .countdown2 .numbers {
  height: 70px;
  width: 70px;
  background: #EE0C32;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 10px 15px;
  border-radius: 15px;
  padding: 10px;
}

#Week .countdown-timer .numbers .timer_days {
  font-family: var(--pri-font);
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}

#Week .countdown-timer .nofont {
  color: #fff;
  font-family: var(--pri-font);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.countdown2{
  justify-content: center;
}
#Week .product-image {
  height: 200px;
  width: 200px;
  max-height: 200px;
  max-width: 200px;
  margin: 0 auto;
  padding-top: 20px;
}

/* video */

.video-left {
  width: 100%;
  height: 400px;
  max-height: 400px;
  margin-bottom: 20px;
}
.video-center {
  width: 100%;
}
.video-center-box {
  height: unset;
  max-height: unset;
  padding: 5px;
}
.video-right-one {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.video-right-two{
  width: 100%;
}
.video-right {
  width: 100%;
  flex-direction: unset;
  margin-top: 20px;
  display: block;
}
.video-center p {
  font-size: 18px;
  line-height: 28px;   
}
.video-left p {
  margin-bottom: 10px;
}
.video-all-img{
 margin-left: 1em;
 margin-right: 1em;
}

/* sustainability */
.sustainability-main-box {
  display: block;
  margin-left: 5px;
  margin-right: 5px;
}
.right-col-box{
  width: 100%;
}
.right-feature-img {
  height: 300px;
  width: 96%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.feature-wrapper{
 display: block;
 text-align: center;
}
.firs-sus-box{
  width: 100%;
  padding-top: 20px;
}
.sec-sus-box{
  width: 100%;
}
.main-sub-box{
  width: 100%;
}
.feature-img {
  margin: 0 auto;
}

/* seafood collaction */
#new-arrival h5 {
  padding-bottom: 5px !important;
}
#new-arrival .products-meta {
  justify-content: center !important;
  margin-top: 20px;
}
.product-details {
  padding: 10px;
  text-align: center;
}

/* recipe */
.recipe-card {
    display: block;
}
.quick-recipe-overview {
  display: block;
}
.recipe-btn {
    /* transform: translate(0px, 270px); */
    position: unset;
    bottom: 15%;
    /* left: 0; */
    right: 10%;
}
.title-box-first {
  display: block;
}
.title-box-second {
  display: block;
}
.recipe-img {
  height: 300px;
  width: 96%;
  margin: 0 auto;
}
.recipe-info{
  text-align: center;
}
.recipe-default-icon img{
  margin: 0 auto;
}
.recipe-section-icon img{
  margin: 0 auto;
}
.recipe-card .recipe-text p {
  width: 100%;
}
#Recipe .owl-nav {
  display: none;
}
.recipe-card {
  padding: 10px 10px 10px 10px;
}
.recipe-button-text {
  padding: 5px 10px;
}
.recipe-button-box .button-icon {
  width: 40px;
  height: 40px;
}
.recipe-card h6 {
  font-size: 20px;
  line-height: 40px;
}

/* best seller */
#best-seller .owl-nav {
    display: none;
}
.best-seller-image {
  width: 100%;
  height: 100%;
}
.best-seller-product-content {
  display: block;
}
.best-price-box {
  align-items: center;
}
.best-seller-product-content{
  text-align: center;
}

/* about  */
.about-left {
  width: 100%;
  order: 2;
  margin-bottom: 10px;
}
.about-center {
    width: 100%;
    order: 1;
}
.about-right {
    width: 100%;
    order: 3;
}
/* .about-left img {
  border-radius: 20px 20px 20px 20px;
}
.about-right img {
  border-radius: 20px 20px 20px 20px;
} */
.about-left img {
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.about-right img {
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.about-center-box h4 {
  font-size: 20px;
  line-height: 40px;
}
.about-center-box img {
    width: 50px;
    height: 50px;
}
.about-all-img {
  margin-left: 10px;
  margin-right: 10px;
}
.about-center-box {
  padding: 10px;
  margin-bottom: 10px;
}
.about-detail {
  display: block;
  padding: 20px;
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.detail-col-one {
  width: 100%;
}
.detail-col-two {
  width: 100%;
}
.about-detail p {
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.about-button-text {
  padding: 5px 12px; 
}
.about-button-box .button-icon {
  width: 40px;
  height: 40px;
}

/* slider */
.slider-outer-box {
  height: auto;
}
.slider-box {
    display: block;
}
.slider-right-fish {
  position: unset;
  right: 0;
  width: 270px !important;
  height: 200px !important;
  bottom: -40px;
  margin: 0 auto;
}
.slide-heading-one {
  width: 100%;
  font-size: 20px !important;
  padding-top: 30px;
}
.slider-button-text {
  padding: 5px 10px;
}
.slider-box .button-icon {
  width: 40px;
  height: 40px;
}
.slider-para {
  margin-bottom: 10px;
}

/* top bar and heder */
.topbar-cls abbr {
  display: none;
}

.stickynavbar .hed-search-box {
    display: none !important;
}
.yith-wcwl-add-to-wishlist-button svg, .product-cart-icon svg {
  opacity: 1;
}
.woocommerce div.product div.images img {
    width: 245px !important;
    margin: auto;
    height: 80%;
}

.wishlist_table .product-box {
  padding: 10px 10px 10px 10px;
}
.wishlist_table{
  justify-content: center !important;
}
.wishlist-title-container{
  text-align: center;
}
}

@media screen and (min-width: 576px) and (max-width: 767px){
.logo {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 20px;
}
.header-main-outer-box {
    padding: 20px 10px;
}
.logo img {
  width: 130px !important;
  height: auto;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 0;
  right: 40px;
  top: 8px;
  bottom: 0;
}
.top-end{
  justify-content: end !important;
}
}
@media screen and (max-width: 575px){
.slider-outer-box.position-relative {
  mask-image: none !important;
} 
.title-box{
  mask-image: none !important;
} 
/* top bar */
.logo img {
  width: 180px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.logo {
  width: 100%;
  height: 100%;
}
/* .top-flx{
  order: 1;
  text-align: center;
  justify-content: space-between;
} */
.top-end {
  order: 2;
  position: absolute !important;
}
.top-midel{
  order: 3;
}
.slider-outer-box.position-relative {
  mask-image: none !important;
}
#header_navigation {
  position: absolute;
  padding-top: 0px;
}
.topbar-info-text a {
  font-size: 13px;
  line-height: 20px;
}
.top-right-con a {
  justify-content: center;
}
.cart-btn-box{
  margin-left: 12px;
}
.admin-block-clas {
  margin-left: 12px;
  margin-right: 10px;
}
.woocommerce div.product form.cart .button {
  left: 12%;
}
}

@media screen and (max-width: 767px){

#header_navigation {
  position: absolute;
  padding-top: 0px;
}
.topbar-info-text a {
  font-size: 13px;
  line-height: 20px;
}
.top-right-con a {
  justify-content: center;
}
.cart-btn-box{
  margin-left: 12px;
}
.admin-block-clas {
  margin-left: 12px;
  margin-right: 10px;
}

.topbar-info-text{
  display: flex;
  flex-direction: column;
  text-align: center;
}
.topbar-info-text a {
  display: flex;
  flex-direction: column;
}
.logo {
  width: 100%;
  height: 100%;
  z-index: 0;
}
.logo img {
  width: 180px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.top-flx {
  justify-content: space-between;
}
.video-fix-box{
  width: 96%;
  margin: 0 auto;
}
.video-left p {
  font-size: 14px;
}
}

#blog::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 500px;
    background: #f6f8f0;
    top: 33%;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0.820608px 0px, 0.820608px 0px, 0.959662786px 1.2159035px, 1.462511648px 4.66204px, 2.457681342px 10.0360485px, 4.073698624px 17.035568px, 6.43909025px 25.3582375px, 9.682382976px 34.701696px, 13.932103558px 44.7635825px, 19.316778752px 55.241536px, 25.964935314px 65.8331955px, 34.0051px 76.2362px, 34.0051px 76.2362px, 42.9966554px 86.2078648px, 52.2308112px 95.9204544px, 61.4338618px 105.6944816px, 70.3321016px 115.8504592px, 78.651825px 126.7089px, 86.1193264px 138.5903168px, 92.4609002px 151.8152224px, 97.4028408px 166.7041296px, 100.6714426px 183.5775512px, 101.993px 202.756px, 101.993px 202.756px, 101.3713773px 221.822343px, 99.0841264px 238.402064px, 95.2680731px 252.879601px, 90.0600432px 265.639392px, 83.5968625px 277.065875px, 76.0153568px 287.543488px, 67.4523519px 297.456669px, 58.0446736px 307.189856px, 47.9291477px 317.127487px, 37.2426px 327.654px, 37.2426px 327.654px, 28.237874304px 337.994107px, 20.788220772px 349.033856px, 14.750619738px 360.352089px, 9.982051536px 371.527648px, 6.3394965px 382.139375px, 3.679934964px 391.766112px, 1.860347262px 399.986701px, 0.737713728px 406.379984px, 0.169014696px 410.524803px, 0.0112305px 412px, 0.820608px 0px);
}

#blog::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 500px;
    background: #f6f8f0;
    top: 33%;
    bottom: 0;
    right: -99px;
  clip-path: polygon(101.202px 0px, 101.202px 0px, 101.0629403px 1.2159035px, 100.5600784px 4.66204px, 99.5648901px 10.0360485px, 97.9488512px 17.035568px, 95.5834375px 25.3582375px, 92.3401248px 34.701696px, 88.0903889px 44.7635825px, 82.7057056px 55.241536px, 76.0575507px 65.8331955px, 68.0174px 76.2362px, 68.0174px 76.2362px, 59.02585261px 86.2078648px, 49.79171772px 95.9204544px, 40.58869625px 105.6944816px, 31.69048912px 115.8504592px, 23.37079725px 126.7089px, 15.90332156px 138.5903168px, 9.56176297px 151.8152224px, 4.6198224px 166.7041296px, 1.35120077px 183.5775512px, 0.029599px 202.756px, 0.029599px 202.756px, 0.651171443px 221.822343px, 2.938386624px 238.402064px, 6.754415821px 252.879601px, 11.962430312px 265.639392px, 18.425601375px 277.065875px, 26.007100288px 287.543488px, 34.570098329px 297.456669px, 43.977766776px 307.189856px, 54.093276907px 317.127487px, 64.7798px 327.654px, 64.7798px 327.654px, 73.7845331px 337.994107px, 81.2341808px 349.033856px, 87.2717657px 360.352089px, 92.0403104px 371.527648px, 95.6828375px 382.139375px, 98.3423696px 391.766112px, 100.1619293px 399.986701px, 101.2845392px 406.379984px, 101.8532219px 410.524803px, 102.011px 412px, 101.202px 0px); 
}


.setpes-outer:hover .step-img img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.step-img img:hover{
  transform: rotateY(360deg);
  transition: linear all 0.7s;
}
.title-box{
  width: 100%;
  -webkit-mask-image: url(assets/images/banner-mask.png);
  mask-image: url(assets/images/banner-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  position: relative;
  mask-position: center center;
}


 .woocommerce-wishlist .add_to_cart_button{
    border: none;
    border-radius: 30px;
    font-size: 15px;
    position: unset;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #F05C04;
    color: #fff;
    padding: 5px 12px;
}
.woocommerce-wishlist .add_to_cart_button:hover{
   background: #012458;
}
.woocommerce-wishlist .wishlist_table h5{
   overflow: hidden;
   display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}