/*** 

====================================================================
CSS FILE IMPORT
====================================================================

 ***/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
@import url("../css/owl-carousel.css");
@import url("../css/glightbox.min.css");
@import url("../css/home-page.css");
@import url("../css/header.css");
@import url("../css/bootstrap.min.css");
@import url("../css/footer.css");
@import url("../css/animate.css");
@import url("../css/coutriz.css");
@import url("../css/new.css");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap");

/* import font  */
@font-face {
  font-family: "Buttershine";
  src: url(../font/Buttershine-serif.ttf) format("ttf");
  src: url(../font/Buttershine-serif.eot) format("eot");
  src: url(../font/Buttershine-serif.otf) format("otf");
  src: url(../font/Buttershine-serif.woff) format("woff");
  src: url(../font/Buttershine-serif.woff2) format("woff2");
}

:root {
  --primary-color: #262626;
  --secondary-color: #333333;
  --text-color: #333;
  --white-color: #fff;
  --line: #bf8a1a;
  --border-color: #c7c7c7;
  --white: #fff;
  --black: #0000;
}
/*** 
 
 ====================================================================
 Reset
 ====================================================================
 
  ***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
  line-height: inherit;
}

/*** 
 
====================================================================
Global Settings
====================================================================
 
***/

body {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

html {
  scroll-behavior: smooth;
}

a {
  font-family: "Outfit", sans-serif;
  color: var(--color-ancher);
  text-decoration: none;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-transform: uppercase;
}

a:hover {
  color: var(--color-white);
}

a:hover,
a:focus,
a:visited,
a:active,
button:active,
button:focus {
  text-decoration: none;
  outline: none;
}

input,
select,
button {
  font-family: "Outfit", sans-serif;
}

textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

p {
  position: relative;
  margin: 0px;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.auto-container {
  position: static;
  max-width: 1321px;
  padding: 0px 20px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", sans-serif;
  position: relative;
  background: none;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}

h1 {
  font-family: "Buttershine", sans-serif;
  /* 72  */
  font-size: clamp(4.0625rem, 3.9225rem + 0.7vw, 4.5rem);
}

h2 {
  /* 40  */
  font-size: clamp(1.875rem, 1.6752rem + 0.999vw, 2.5rem);
}

h3 {
  /* font-size: 40px; */
  font-size: clamp(2.1875rem, 2.0875rem + 0.5vw, 2.5rem);
}

h4 {
  font-size: 20px;
  /* font-size: clamp(1rem, 0.9015rem + 0.4926vw, 1.25rem); */
}

h5 {
  font-size: 18px;
  /* font-size: clamp(0.9375rem, 0.8636rem + 0.3695vw, 1.125rem); */
}

h6 {
  font-size: 16px;
  line-height: 20px;
}

.theme-btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.theme-btn a {
  color: var(--white-color-color);
  font-family: "Outfit";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1em;
  padding: 13px 32px;
  text-transform: uppercase;
  border: 1px solid var(--secondary-color);
  position: relative;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.theme-btn a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--line);
  transition: all 0.3s linear;
  z-index: -1;
}

.theme-btn a:hover::before {
  width: 100%;
}

.theme-btn a:hover {
  color: var(--white);
  border: 1px solid var(--line);
}

::selection {
  color: #fff;
  background-color: #bf8a1a;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.clear-fix {
  clear: both;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/*** 
  
 ====================================================================
 flex-css
 ====================================================================
  
 ***/
.dy-flex {
  display: flex;
  flex-wrap: wrap;
}

/****** 
 ====================================================================
 Wordpress Core 
 ====================================================================
 ******/

.alignnone {
  margin: 15px 20px 15px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 15px auto 15px auto;
}

.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 10px 0;
}

.aligncenter {
  display: block;
  margin: 15px auto 15px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}

a img.alignnone {
  margin: 15px 20px 15px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 10px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
  /* Image does not overflow the content area */
  padding: 7px 7px 3px 7px;
  text-align: center;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption.alignnone {
  margin: 15px 20px 15px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 10px 0;
}

.wp-caption.alignright {
  margin: 5px 0 10px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
  padding: 6px 4px 4px 4px;
  text-align: center;
}

/* .sticky {
     position: relative;
 } */

/* .sticky:before {
     content: "\f08d";
     font-family: 'Font Awesome 5 Free';
     position: absolute;
     color: var(--color-secondary);
     font-size: 24px;
     top: 10px;
     font-weight: 900;
 } */

.sticky .post-title {
  padding-left: 30px;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  clip: auto !important;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

/****** Comments ******/

#respond ul {
  list-style-type: none;
}

#respond .logged-in {
  margin: 0 0 12px 0;
}

#commentform input[type="text"],
#commentform .input-comments {
  width: 198px;
  float: left;
  margin-right: 13px;
}

#commentform label {
  display: block;
}

#commentform .url-comments {
  margin-right: 0px !important;
}

#commentform li.middle {
  margin-right: 0px !important;
}

.comments-closed {
  margin: 40px 0 40px 0;
}

ol.commentlist {
  list-style: none;
}

ol.commentlist li div.vcard cite.fn {
  font-style: normal;
}

ol.commentlist li div.vcard img.avatar {
  float: left;
  margin: 0 10px 0px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

ol.commentlist li div.commentmetadata {
  padding: 8px 0 14px 0;
}

ol.commentlist li div.comment-meta {
  font-size: 14px;
  color: var(--color-text);
}

ol.commentlist li div.comment-meta a,
ol.commentlist li div.comment-meta a:visited {
  color: var(--color-text);
}

ol.commentlist li div.comment-meta a:hover {
  color: var(--color-secondary);
}

ol.commentlist li div.reply {
  font-size: 14px;
  padding: 0px 0 40px 0;
  font-weight: 700;
}

ol.commentlist li ul.children {
  list-style: none;
  margin: 10px 0 0;
}

ol.commentlist li ul.children li.depth-2 {
  margin: 0 0 0 35px;
}

ol.commentlist li ul.children li.depth-3 {
  margin: 0 0 0 35px;
}

ol.commentlist li ul.children li.depth-4 {
  margin: 0 0 0 35px;
}

ol.commentlist li ul.children li.depth-5 {
  margin: 0 0 0 35px;
}

ol.commentlist li.pingback {
  margin: 0 0 40px 0;
}

/*** 
 
 ====================================================================
         Default Styling
 ====================================================================
 
 ***/

table {
  position: relative;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

table td,
table th {
  border: 1px solid var(--color-primary);
  padding: 12px 20px;
}

table tr:hover {
  background-color: var(--color-secondary);
}

table tr:hover td {
  color: var(--color-white);
}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--color-secondary);
  color: var(--color-white);
}

ul {
  margin: 0px 0px 20px 30px;
}

ul li {
  list-style-type: disc;
}

ol {
  margin: 0px 0px 20px 30px;
}

ol li {
  list-style-type: decimal;
}

/*** 
 
 ====================================================================
   Default Form Style
 ====================================================================
 
 ***/

form {
  position: relative;
}

form .form-group {
  position: relative;
  margin-bottom: 30px;
}

form .form-group .field-label {
  position: relative;
  display: block;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
}

::placeholder {
  color: var(--color-text);
}

form input[type="text"],
form input[type="password"],
form input[type="tel"],
form input[type="email"],
form input[type="url"],
form input[type="search"],
form textarea,
form select {
  font-family: "Outfit", sans-serif;
  position: relative;
  display: block;
  width: 100%;
  color: var(--secondary-color);
  line-height: 22px;
  padding: 19px 26px;
  font-size: 14px;
  font-weight: 400;
  /* margin: 15px 0px 0px; */
  border-radius: 0px;
  border: 1px solid var(--border-color);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="search"]:focus,
form select:focus,
form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: none;
}

form select {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #ffffff url("../images/icon-select.png") right center no-repeat;
  cursor: pointer;
}

form select option {
  padding-left: 10px;
  cursor: pointer;
}

form textarea {
  height: 108px;
  resize: none;
}

form button,
form input[type="submit"],
form .theme-btn {
  position: relative;
  display: inline-block;
  margin: 0;
  font-family: "Outfit";
}

form .radio-block {
  position: relative;
  display: inline-block;
  margin-right: 50px;
}

form .radio-block input {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

form .radio-block label {
  position: relative;
  display: block;
  padding-left: 40px;
  line-height: 30px;
  font-size: 18px;
  font-family: "HelveticaBold", sans-serif;
  text-transform: capitalize;
  cursor: pointer;
}

form .radio-block label:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--color-border);
}

form .radio-block input:checked + label:before {
  content: "\f00c";
}



button.theme-btn.single_add_to_cart_button.button.alt{
  color: white !important;
    font-family: "Outfit";
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    padding: 13px 32px;
    text-transform: uppercase;
    border: 1px solid 101010 !important;
    position: relative;
    transition: all 0.3sease-in-out;
    z-index: 1;
  background: #101010 !important;
    color: #fff !important;
    border: 0px !important;
    width: 200px;
    text-align: center;
}
button.theme-btn.single_add_to_cart_button.button.alt:hover{
  background: #BF8A1A !important;
}
.product_meta {
  display: grid;
}
button.single_add_to_cart_button.button.alt{
  color: white !important;
    font-family: "Outfit";
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1em;
    padding: 13px 32px;
    text-transform: uppercase;
    border: 1px solid 101010 !important;
    position: relative;
    transition: all 0.3sease-in-out;
    z-index: 1;
    background: #101010 !important;
    color: #fff !important;
    border: 0px !important;
    width: 200px;
    text-align: center;
}
button.single_add_to_cart_button.button.alt:hover{
  background: #BF8A1A !important;
}
.product_meta {
  display: grid;
}
tr.vi-wpvs-variation-style.vi-wpvs-variation-style-vertical {
  /* background: none; */
  background: #ffffff00 !important;
}
tr.vi-wpvs-variation-style.vi-wpvs-variation-style- {
  background: #ffffff00 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  left: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-width: 0px ;
  box-shadow: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: 0px !important;
  position: inherit !important;
  bottom: 0px !important;
  width: 0px !important;
  height: 0px !important;
  content: inherit !important;
  box-sizing: inherit !important;
}
/* .woocommerce div.product .woocommerce-tabs ul.tabs::before { */
    /* position: absolute; */
    /* content: " "; */
    /* width: 100%; */
    /* bottom: 0; */
    /* left: 0; */
    /* border-bottom: 1px solid #CFC8D8; */
    /* z-index: 1; */
/* } */
.i-seller-tab.dy-flex .dumy-products {
  width: 18.62%;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    color: #BF8A1A !important;
}

:root {
--primary-color:#262626;
--secondary-color:#333;
--text-color:#333;
--white-color:#fff;
--line:#bf8a1a;
--border-color:#c7c7c7;
--white:#fff;
--black:#0000
}

.card--img img {
width:100%;
height:313px;
object-fit:cover
}

.card--description a {
margin-bottom:0;
font-weight:400;
font-size:18px;
line-height:25.2px;
color:var(--primary-color);
text-transform:capitalize;
display:inline-block
}

.card--description a:hover {
color:var(--line)
}

.card--description {
display:flex;
justify-content:space-between;
padding:12px 0 4px
}

.heart--fav img {
width:17px
}

.heart--fav img:hover {
filter:brightness(0) saturate(100%) invert(59%) sepia(13%) saturate(6799%) hue-rotate(12deg) brightness(94%) contrast(80%)
}

.price--card {
display:flex;
align-items:center;
gap:7px
}

.price--card p:nth-child(1) {
font-weight:400;
font-size:14px;
line-height:21px;
color:var(--line)
}

.price--card p:nth-child(2) {
font-weight:400;
font-size:10px;
line-height:15px;
text-decoration:line-through;
color:#9ca3af
}

.card--img {
position:relative;
overflow:hidden
}

.card--img p {
position:absolute;
position:absolute;
background:#fff;
width:40px;
height:18px;
font-family:"Outfit",sans-serif;
font-weight:400;
font-size:10px;
line-height:15px;
display:flex;
justify-content:center;
align-items:center;
color:#BF8A1A;
right:16px;
top:16px
}

.card--btn a {
padding:8px 15px;
background-color:var(--line);
font-size:12px;
color:var(--white)!important;
width:100%;
text-align:center;
font-weight:400;
position:relative
}

.card--btn a::after {
content:'';
background-color:var(--primary-color);
position:absolute;
top:0;
left:0;
width:0;
height:100%;
transition:.5s
}

.card--btn a:hover::after {
width:100%
}

.card--btn a span {
position:relative;
z-index:1
}

.card--img .card--btn {
position:absolute;
width:100%;
bottom:-52px;
padding:0 13px 13px;
transition:.5s;
opacity:0;
visibility:hidden
}

.box--card:hover .card--btn {
visibility:visible;
opacity:1;
bottom:0
}

.card--img::before {
background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);
content:"";
display:block;
height:100%;
left:-75%;
position:absolute;
top:0;
transform:skewX(-25deg);
width:50%;
z-index:0
}

.box--card:hover .card--img::before,.box--card:focus .card--img::before {
animation:shine 2s
}

@keyframes shine {
100% {
left:125%
}
}

.col--arrival-left {
width:33%
}

.col--arrival-right {
width:64.58%
}

.row--arrival.dy-flex {
gap:2.422%;
align-items:center;
row-gap:50px
}

.row--arrival .owl-stage-outer {
margin-right:-600px
}

.bg-clr-gry {
background:#FBFBFB;
}

.pd--a {
padding:100px 0
}

.arrival--slider .owl-nav {
margin-top:40px!important
}

.row--arive {
display:flex;
align-items:center;
justify-content:space-between;
padding-bottom:33px
}

.row--arive h2 {
margin-bottom:0
}

.row--arive a {
text-transform:capitalize;
text-decoration:underline;
font-weight:500;
font-size:14px;
line-height:21px;
color:var(--secondary-color)
}

.row--arive a:hover {
color:var(--line);
text-decoration:underline
}

.col--arrival-left img {
width:100%
}

.shop-categories-title {
padding-bottom:60px
}

.head--a h2 {
text-align:center
}

.head--a p {
text-align:center;
padding:12px 0 60px;
color:#758599
}

.box-testimonial {
padding:25px;
border:.67px solid #05588E38
}

.box-testimonial h3 {
font-weight:500;
font-size:20px;
line-height:28px;
color:var(--secondary-color)
}

.box-testimonial p {
color:#758599
}

.star img {
width:auto!important;
padding:12px 0
}

.ellips-row {
display:flex;
gap:12px;
align-items:center
}

.ellips-row p {
font-weight:500;
font-size:16px;
line-height:14.4px;
color:#333
}

.ellips-row span {
color:var(--line);
font-weight:400;
font-size:12px;
line-height:18px
}

.ellips-row.round-shape span {
font-weight:400;
font-size:10px;
line-height:14px;
color:#758599
}

.ellips-row img {
width:60px;
height:80px;
object-fit:cover
}

.ellips-row.round-shape img {
width:48px;
height:48px;
border-radius:100px
}

.ellips-row {
padding-top:24px
}

.ellips-row.round-shape {
border-bottom:.67px solid #05588E38;
padding:20px 0 24px
}

.testimonial-slider button.owl-next {
position:absolute;
right:-56px;
top:38%
}

.testimonial-slider button.owl-prev {
position:absolute;
left:-59px;
top:38%
}

.testimonial-slider button.owl-dot {
border:1px solid transparent!important;
width:27px;
height:27px;
border-radius:100px;
margin:2px
}

.testimonial-slider button.owl-dot.active {
border:1px solid #BF8A1A!important
}

.testimonial-slider button.owl-dot span {
background-color:#333!important
}

.testimonial-slider button.owl-dot.active span {
background-color:#BF8A1A!important
}

.testimonial-slider .owl-dots {
margin-top:40px
}

.col--policy img {
width:40px
}

.col--policy {
text-align:center;
width:20.84%
}

.col--policy h2 {
font-weight:600;
font-size:20px;
line-height:28px;
text-align:center;
color:var(--secondary-color);
padding:24px 0 12px
}

.col--policy p {
font-weight:400;
font-size:14px;
line-height:21px;
text-align:center;
color:#758599
}

.row--policy.dy-flex {
gap:5.54%;
row-gap:30px;
align-items:start
}

.box-testimonial p {
white-space:normal!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
display:-webkit-box!important;
-webkit-line-clamp:5!important;
-webkit-box-orient:vertical!important
}

.news-letter-sec {
padding:80px 0;
background-color:#000
}

.news-letter-sec span {
font-family:"Outfit";
font-weight:400;
font-size:18px;
line-height:27px;
text-align:center;
color:#fff;
display:block
}

.news-letter-sec h2 {
padding-top:5px;
font-weight:400;
font-size:clamp(1.875rem,1.5154rem + 1.7982vw,3rem);
text-align:center;
color:#fff
}

.news-letter-sec p {
color:#fff;
text-align:center;
padding:16px 0 60px
}

section.news-letter-sec form {
max-width:695px!important;
width:100%!important;
margin:auto!important;
border:1px solid #fff!important;
display:flex
}

section.news-letter-sec form input {
background:transparent!important;
border:0!important;
box-shadow:none!important;
color:#FBFBFB;
font-family:"Outfit";
font-weight:400;
font-size:14px;
line-height:17.64px
}

section.news-letter-sec form input::placeholder {
color:#FBFBFB;
font-family:"Outfit";
font-weight:400;
font-size:14px;
line-height:17.64px
}

section.news-letter-sec form input[type="submit"] {
width:150px;
background:#fff!important;
color:#262626;
font-family:"Outfit";
font-weight:500;
font-size:16px;
line-height:20.16px;
border-left:1px solid #fff!important;
transition:.3s
}

section.news-letter-sec form input[type="submit"]:hover {
background:var(--line)!important;
color:#fff
}

.insta img {
width:100%
}

.row--insta {
display:flex;
align-items:center;
gap:40px;
justify-content:space-between;
display:flex;
align-items:center;
gap:40px;
justify-content:space-between;
padding-bottom:60px;
flex-wrap:wrap
}

.btn--insta a {
display:flex;
align-items:center;
gap:10px;
font-family:Outfit;
font-weight:400;
font-size:clamp(1.25rem,0.8504rem + 1.998vw,2.5rem);
line-height:52px;
text-align:center;
color:#333;
text-transform:capitalize
}

.btn--insta a:hover {
color:#BF8A1A
}

.btn--insta img {
width:auto
}

.follow--insta a {
font-weight:500;
font-size:14px;
line-height:18.2px;
text-align:center;
text-transform:capitalize;
color:#262626;
padding:8px 18px;
border:1.5px solid #262626;
border-radius:5px
}

.follow--insta a:hover {
color:#bf8a1a;
border-color:#BF8A1A
}

.inner-banner {
background-color:#FBFBFB
}

.content-banner-inner {
height:285px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:16px;
}

.content-banner-inner h1 {
font-size:clamp(2.1875rem,1.9278rem + 1.2987vw,3rem);
font-family:"Outfit",sans-serif;
font-weight:400;
text-transform: capitalize;
}

.bread-crumbs ul,.bread-crumbs ul li {
list-style:none;
margin:0;
display:flex;
gap:22px;
}

.bread-crumbs ul li a {
color:#333;
font-weight:400;
font-size:16px;
line-height:19.2px;
text-transform:capitalize;
position:relative;
}

.bread-crumbs ul li a:hover {
color:#BF8A1A;
}

.bread-crumbs ul li a::after {
content:'';
position:absolute;
width:1px;
height:13px;
background:#333;
left:-12px;
top:4px;
rotate:13deg;
}

.bread-crumbs ul li:last-child a {
color:#BF8A1A;
pointer-events:none;
}

.bread-crumbs ul li:first-child a::after {
display:none
}

.bread-crumbs ul li:last-child a::after {
background:#bf8a1a
}

.filter--row h2 {
font-weight:500;
font-size:24px;
line-height:33.6px;
text-transform:capitalize;
display:flex;
align-items:center;
gap:8px
}

.col--s--left {
width:23.4%;
border:.67px solid #05588E38
}

.col--s--left .inner {
padding:24px
}

.row--shop-s.dy-flex {
gap:2.3%;
row-gap:30px
}

.col--s--right {
width:74.3%
}

.head-filter h3 {
color:#333;
font-weight:400;
font-size:18px;
line-height:27px;
position:relative;
padding-bottom:10px;
border-bottom:1px solid #7585991F;
margin-bottom:24px;
padding-top:34px
}

.head-filter h3::after {
position:absolute;
content:'';
width:54px;
height:3px;
left:0;
bottom:0;
background-color:#bf8a1a
}

.filter--row {
padding-bottom:8px;
border-bottom:1px solid #7585991F
}

.box--p.bg-img {
padding:27px 15px 119px
}

span.pro--p {
font-family:'Outfit';
font-weight:400;
font-size:15.7px;
line-height:23.54px;
color:#262626;
text-transform:uppercase;
padding-bottom:7px;
display:block
}

.box--p.bg-img h4 {
font-family:'Outfit';
font-weight:600;
font-size:34.88px;
line-height:38.37px;
text-transform:uppercase;
color:#262626;
padding-bottom:21px
}

.box--p.bg-img h4 span {
color:#BF8A1A
}

.box--p.bg-img p {
color:#333;
padding-bottom:34px
}

.box--p.bg-img a {
font-family:'Outfit';
font-weight:500;
font-size:12.21px;
line-height:18.31px;
display:flex;
align-items:center;
color:#333
}

.box--p.bg-img a:hover {
color:#BF8A1A
}

.box--p.bg-img a img {
margin-left:7px;
transition:.5s
}

.box--p.bg-img a:hover img {
margin-left:10px
}

.sale--p>p {
padding-bottom:20px;
color:#758599;
text-transform:capitalize
}

.row--result-filter {
display:flex;
justify-content:space-between;
gap:30px;
align-items:center;
flex-wrap:wrap;
row-gap:20px
}

.row--result-filter p {
font-family:'Outfit';
font-weight:400;
font-size:18px;
line-height:27px;
color:#262626
}

.box--search {
display:flex;
align-items:center;
gap:26px
}

.box--search select {
border:.67px solid #05588E38;
width:166px;
height:46px;
padding:0 12px;
font-family:'Outfit';
font-weight:400;
font-size:16px;
line-height:26px;
color:#667085;
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
background:#fff url(../images/chevron-down.svg) no-repeat;
cursor:pointer;
background-position:94%
}

.col--f--s {
width:23.42%
}

.box--filter-shop.dy-flex {
gap:2.1%;
row-gap:24px;
padding-top:40px
}

#sync1 .item {
margin:5px;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center
}

#sync2 .item {
background:#c9c9c9;
margin:5px;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
cursor:pointer
}

#sync1.owl-theme {
position:relative
}

#sync1.owl-theme .owl-next,#sync1.owl-theme .owl-prev {
margin-top:-20px;
position:absolute;
top:50%
}

#sync1.owl-theme .owl-prev {
left:10px
}

#sync1.owl-theme .owl-next {
right:10px
}

.owl-carousel .animated {
animation-duration:1.5s!important
}

.row--mens.dy-flex {
gap:4%
}

.col-content--slider,.col--mens-slider {
width:48%
}

.col-content--slider .price--card p:nth-child(1) {
font-size:25px;
line-height:31px
}

.col-content--slider .sku {
padding:15px 0
}

.col-content--slider .price--card {
padding:20px 0
}

.deswcription--about-cart p {
font-family:"Outfit";
font-weight:400;
font-size:16px;
line-height:23px;
color:#555;
padding-bottom:9px
}

.deswcription--about-cart {
padding-top:25px;
border-top:1px solid #ADADAD;
margin-top:25px
}

.btn-cart--ad a {
background:#101010;
color:#fff!important;
border:0!important;
width:200px;
text-align:center
}

section.tab--sec .tab.list--row ul {
display:flex;
gap:0
}

section.tab--sec li.tablinks {
padding:17px;
background-color:#FBFBFB;
border:1px solid #D0D0D0;
width:144px;
text-align:center;
color:#898989;
font-family:'Outfit';
font-weight:600;
font-size:16px;
cursor:pointer;
line-height:20.16px;
text-transform:capitalize;
border-bottom:0;
border-left:0
}

section.tab--sec li.tablinks:first-child {
border-left:1px solid #D0D0D0
}

section.tab--sec li.tablinks.active {
background-color:transparent;
color:#101010
}

section.tab--sec .tab.list--row {
background-color:transparent;
border:0;
border-bottom:1px solid #ccc
}

div#sync2 .owl-item.active.current .item {
border:1px solid #bf8a1a;
border-radius:0!important
}

.inner--tabs {
padding:30px 20px
}

table {
text-align:center;
margin-bottom:0!important
}

thead tr th {
text-align:center
}

tbody tr:nth-child(odd) {
background:#80808026!important
}

.rates--star p {
display:flex;
align-items:center
}

.rates--star p img {
margin-right:15px
}

.row--mission{
    gap: 4%;
    row-gap: 40px;
}
.col--vision{
    width: 48%;
}

.col--vision p {
    color: #758599;
}

.col--vision h2 {
    color: #333;
    font-size: 32px;
    padding-bottom: 20px;
}
.about-img-front {
    position: relative;
    z-index: 2;
    border: 2rem solid #FBFBFB;
}
.col--vision .img-inner {
    position: relative;
    text-align: left;
    padding-top: 4rem;
}
.about-img-back {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.col--vision h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 1.2rem;
    line-height: 26px;
    color: var(--line);
}
.col--vision .theme-btn {
    margin-top: 40px;
}
.col--vision .inner {
    max-width: 500px;
}
.about--banner img {
    width: 100%;
    padding-bottom: 50px;
}

.col--time .col-lod-cs-t.ftr-typo {
    width: 100% !important;
}
.col--time {
    width: 49%;
}
.row--timing.dy-flex {
    gap: 2%;
    row-gap: 30px;
    padding-top: 40px;
    
}

.col--time h3 {
    text-transform: capitalize;
}
.col--time .ftr-typo ul li {
    list-style: none;
    padding-bottom: 23px;
}
.col-lod-cs-t.ftr-typo.pointer li {
    pointer-events: none;
}

.box--search select.orderby{
    width: 200px !important;
}
.price.sale {
    font-size: 20px;
    color: red;
    text-decoration: line-through;
}

.price.regular {
    font-size: 18px;
    color: green;
}

.no-variations {
    color: gray;
}


.product-col .product {
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 2rem;
    box-shadow: none
}

.product-col .product-media {
    display: inline-block;
    margin: 0;
    margin-right: 2.8rem;
    flex-shrink: 0;
    max-width: 60px
}

.product-col .product-title {
    display: inline-block;
    color: #333;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 0
}

.product-col .product-title a {
    color: inherit
}

.product-col .product-title a:hover,
.product-col .product-title a:focus {
    color: #c96
}





@media (max-width:487px) {
  .filter--inner--box {
    position: fixed;
    top: 0;
    left: -330px;
    width: 330px;
    height: 100vh;
    background: #fff;
    box-shadow: 2px 0 10px rgba(0,0,0,0.2);
    transition: left 0.3s ease-in-out;
    z-index: 999;
    padding: 0px 20px;
}

/* When active (open) */
.filter--inner--box.active {
  left: 0;
}

/* Optional overlay (if needed) */
.filter-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 998;
}

.filter--inner--box {
    display: block !important;
    overflow: scroll;
}
  .filter--inner--box {
    display: block !important;
  }
  .filter-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  z-index: 1001;
}
}