@charset "UTF-8";
/*-----------------------------------------------------------------------------------


-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. Theme default css start
  	02. Animation css start
	03. Background color css start
	04. Breadcrumb css start
	05. Button css start
	06. Carousel css start
	07. Offcanvas css start
	08. Preloder css start
	09. Section title css start
	10. About css start
	11. Accordiong css start
	12. Banner css start
	13.	Brand css start
	14.	Category css start
	15.	Choose css start
	16.	Contact css start
	17.	Counter css start
	18.	Error css start
	19.	Features css start
	20.	Footer css start
	21.	Gallery css start
	22.	Header css start
	23.	Login css start
	24.	Google map css start
	25.	Mean menu css start
	26.	News css start
	27.	Pgage banner css start
	28.	Product details css start
	29.	Product css start
	30.	Shop css start
	31. Step css start
	32. Subcribe css start
	33. Team css start
	34. Testimonial css start
	35. Trending css start
**********************************************/
/*----------------------------------------*/
/*  01. Theme default css start
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;900&display=swap");
:root {
  /**
  @font family declaration
  */
  --bd-ff-body: 'Jost', sans-serif;
  --bd-ff-heading: 'Jost', sans-serif;
  --bd-ff-p: font-family: 'Jost', sans-serif;;
  --bd-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --clr-common-white: #ffffff;
  --clr-common-black: #000;
  --clr-common-placeholder: #a0a0a0;
  --clr-common-placeholder-2: #B2B2B2;
  --clr-common-heading: #286f1c;
  --clr-common-body-text: #777777;
  --clr-theme-1: #337f20;
  --clr-theme-2: #F8A231;
  --clr-theme-3: #EEAA36;
  --clr-theme-4: #E66D6D;
  --clr-theme-5: #AF6C1F;
  --clr-text-1: #EBEBEB;
  --clr-text-2: #6AAA2B;
  --clr-text-3: #707070;
  --clr-text-4: #80B500;
  --clr-text-5: #699C47;
  --clr-text-6: #9B9B9B;
  --clr-text-7: #9F9F9F;
  --clr-text-8: #777777;
  --clr-bg-grey: #cce4d0;
  --clr-bg-grey-2: #F7F5F2;
  --clr-bg-grey-3: #F6F4F0;
  --clr-bg-grey-4: #cfc3c3;
  --clr-border-1: #E5DDD9;
  --clr-border-2: #E2E2E2;
  --clr-border-3: #E5DDD9;
  --clr-border-4: #F2F2F2;
  --clr-border-5: #78A55A;
  --clr-border-6: #9B9B9B;
  --clr-border-7: #D4D4D4;
  --clr-border-8: #efefef;
  --clr-border-9: #9b9b9b;
  --clr-border-10: #AEAEAE;
  --clr-border-11: #8AB46E;
  --clr-border-12: #EAEBEE;
  --clr-border-13: #DBDBDB;
  --clr-border-14: #CCCCCC;
  --clr-border-15: #DCDCDC;
  --clr-border-16: #E3E3E3;
  --clr-border-17: #edeef2;
  --clr-border-18: #efefef;
  --clr-border-19: #ECECEC;
  --clr-footer-1: #E5DDD9;
  --clr-footer-2: #E5DDD9;
  --clr-footer-3: #E5DDD9;
  /**
  @font weight declaration
  */
  --bd-fw-normal: normal;
  --bd-fw-elight: 200;
  --bd-fw-light: 300;
  --bd-fw-regular: 400;
  --bd-fw-medium: 500;
  --bd-fw-sbold: 600;
  --bd-fw-bold: 700;
  --bd-fw-ebold: 800;
  --bd-fw-black: 900;
  /**
  @font size declaration
  */
  --bd-fs-body: 16px;
  --bd-fs-p: 17px;
  --bd-fs-h1: 60px;
  --bd-fs-h2: 50px;
  --bd-fs-h3: 24px;
  --bd-fs-h4: 20px;
  --bd-fs-h5: 16px;
  --bd-fs-h6: 14px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* Custom scrollbar styles for the whole website */
html, body {
    scrollbar-width: thin; /* Firefox: Make the scrollbar thinner */
    scrollbar-color: #80B500 #ffffff; /* Firefox: thumb color, track color */
}

/* For Webkit browsers (Chrome, Safari, Edge) */
html::-webkit-scrollbar, body::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the track */
    border-radius: 40px; /* Rounded corners for the track */
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 40px; /* Rounded corners for the thumb */
    border: 5px solid #f1f1f1; /* Adds some padding around the thumb */
}

html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the scrollbar thumb when hovered */
}

/* For Internet Explorer and Edge */
html {
    -ms-overflow-style: -ms-autohiding-scrollbar; /* Auto-hiding scrollbar */
}

html {
    -ms-overflow-style: none; /* Hides the default scrollbar */
}

html::-ms-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

html::-ms-scrollbar-track {
    background: #f1f1f1; /* Color of the track */
    border-radius: 40px; /* Rounded corners for the track */
}

html::-ms-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 40px; /* Rounded corners for the thumb */
    border: 3px solid #f1f1f1; /* Adds some padding around the thumb */
}

html::-ms-scrollbar-thumb:hover {
    background: #d2c72f; /* Color of the scrollbar thumb when hovered */
}
/*---------------------------------
    typography css start
---------------------------------*/
body {
  font-family: var(--bd-ff-body);
  font-size: var(--bd-fs-body);
  font-weight: normal;
  color: var(--clr-common-body-text);
  line-height: 26px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--bd-ff-heading);
  color: var(--clr-common-heading);
  margin-top: 0px;
  font-weight: var(--bd-fw-bold);
  line-height: 1.3;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: var(--bd-fs-h1);
}

h2 {
  font-size: var(--bd-fs-h2);
}

h3 {
  font-size: var(--bd-fs-h3);
}

h4 {
  font-size: var(--bd-fs-h4);
  font-weight: var(--bd-fw-sbold);
}

h5 {
  font-size: var(--bd-fs-h5);
}

h6 {
  font-size: var(--bd-fs-h6);
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

p {
  font-family: var(--bd-ff-p);
  font-size: var(--bd-fs-p);
  font-weight: var(--bd-fw-normal);
  color: var(--clr-common-body-text);
  margin-bottom: 15px;
  line-height: 26px;
}

a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
  color: var(--clr-theme-1);
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  text-shadow: none;
}

::selection {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--clr-common-body-text);
  opacity: 1;
  font-size: 16px;
}

*::placeholder {
  color: var(--clr-common-body-text);
  opacity: 1;
  font-size: 16px;
}

/*---------------------------------
    common classes css start
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*----------------------------------------
    Body Overlay
-----------------------------------------*/
.body-overlay {
  background-color: rgba(var(--clr-common-heading), 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

@media (min-width: 1200px) {
  .small-container {
    max-width: 1201px;
  }
}
.bd-basic__pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-basic__pagination ul li {
  list-style: none;
}
.bd-basic__pagination ul li a {
  height: 45px;
  display: inline-flex;
  align-items: center;
  width: 45px;
  justify-content: center;
  border-radius: 50%;
  color: var(--clr-text-8);
  font-weight: var(--bd-fw-medium);
  border: 1px solid var(--clr-border-16);
}
.bd-basic__pagination ul li a:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: transparent;
}
.bd-basic__pagination ul li.active a {
  background: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}

@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1320px;
  }
}
@media (min-width: 1500px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1440px;
  }
}
/*----------------------------------------*/
/*  03. Background color css start
/*----------------------------------------*/
.white-bg {
  background: var(--clr-common-white);
}

.black-bg {
  background: var(--clr-common-heading);
}

.grey-bg {
  background: var(--clr-bg-grey);
}

.grey-bg-2 {
  background: var(--clr-bg-grey-2);
}

.grey-bg-3 {
  background: var(--clr-bg-grey-3);
}

.theme-bg {
  background: var(--clr-theme-1);
}

.yellow-bg {
  background: var(--clr-theme-2);
}

.danger-bg {
  background: var(--clr-theme-4);
}

/*----------------------------------------*/
/*  05. Button css start
/*----------------------------------------*/
.bd-bn__btn-1 {
  height: 50px;
    background-color: var(--clr-theme-1);
    padding: 0 30px;
    display: inline-block;
    line-height: 49px;
    font-size: 16px;
    color: var(--clr-common-white);
    font-weight: 600;
    border-radius: 10px;
  border: 1px solid var(--clr-theme-1);
}
.bd-bn__btn-1:hover {
  border: 1px solid var(--clr-theme-1);
  background-color: transparent;
  color: var(--clr-theme-1);
}

.banner-video__btn i {
  height: 60px;
  width: 60px;
  background: var(--clr-common-white);
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: var(--clr-theme-1);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bd-banner__link:hover .banner-video__btn i {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.bd-bn__btn-2 {
  display: inline-block;
  height: 40px;
  padding: 0 30px;
  line-height: 38px;
  border: 1px solid var(--clr-border-8);
  border-radius: 50px;
  font-weight: var(--bd-fw-medium);
  font-size: 14px;
}
.bd-bn__btn-2:hover {
  background: var(--clr-theme-1);
  border-color: transparent;
  color: var(--clr-common-white);
}

.bd-bn__btn-3 {
  display: inline-block;
  height: 44px;
  background: transparent;
  padding: 0 30px;
  line-height: 43px;
  border-radius: 50px;
  font-size: 14px;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-medium);
}
.bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-heading);
}

.banner-meat .bd-bn__btn-3 {
  background: #095c41;
    color: #fff;
}
.banner-meat .bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.banner-vegetable .bd-bn__btn-3 {
  background: #e1dfd1;
}
.banner-vegetable .bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.banner-fruits .bd-bn__btn-3 {
  background: #d2dcd5;
}
.banner-fruits .bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.banner-food .bd-bn__btn-3 {
  background: #cecece;
}
.banner-food .bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.banner-dairy .bd-bn__btn-3 {
  background: #e1dacf;
}
.banner-dairy .bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.banner-oil .bd-bn__btn-3 {
  background: #d5cdb3;
}
.banner-oil .bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.banner-coffee .bd-bn__btn-3 {
  background: #cbcbcb;
}
.banner-coffee .bd-bn__btn-3:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.bd-bn__btn-4 {
  display: inline-block;
  height: 50px;
  padding: 0 38px;
  line-height: 48px;
  border-radius: 50px;
  font-size: 16px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-medium);
  background: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
}
.bd-bn__btn-4:hover {
  color: var(--clr-theme-1);
  background: transparent;
  border: 1px solid var(--clr-theme-1);
}

.bd-bn__btn-5 {
  display: inline-block;
  height: 30px;
  padding: 0 17px;
  line-height: 30px;
  border-radius: 50px;
  font-size: 12px;
  background: #DFE1E6;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-medium);
}
.bd-bn__btn-5:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}

.bd-error__btn {
  display: inline-flex;
  height: 60px;
  background: var(--clr-theme-1);
  padding: 0 55px;
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  border-radius: 50px;
  border: 1px solid var(--clr-theme-1);
  align-items: center;
}
.bd-error__btn:hover {
  border: 1px solid var(--clr-theme-1);
  background-color: transparent;
  color: var(--clr-theme-1);
}

.bd-fill__btn {
  display: inline-flex;
    height: 46px;
    background-color: var(--clr-theme-1);
    align-items: center;
    padding: 0 20px;
    color: var(--clr-common-white);
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid var(--clr-theme-1);
    justify-content: space-evenly;
    font-weight: var(--bd-fw-medium);
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    justify-content: center;
}
.bd-fill__btn i {
  padding-right: 7px;
}
.bd-fill__btn:hover {
  background: none;
  border: 1px solid var(--clr-theme-1);
  color: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
}

.bd-unfill__btn {
  display: inline-flex;
  height: 60px;
  background-color: transparent;
  align-items: center;
  padding: 0 45px;
  color: var(--clr-theme-1);
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid var(--clr-theme-1);
  justify-content: space-evenly;
  font-weight: var(--bd-fw-medium);
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  justify-content: center;
}
.bd-unfill__btn:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.bd-cart__btn {
  display: inline-flex;
  height: 40px;
  align-items: center;
  background: var(--clr-theme-1);
  width: 45px;
  justify-content: center;
  border-radius: 5px;
  color: var(--clr-common-white);
}
.bd-cart__btn:hover {
  background: var(--clr-theme-4);
  color: var(--clr-common-white);
}

.bd-add__cart-btn {
  display: inline-flex;
  height: 40px;
  background: var(--clr-theme-1);
  align-items: center;
  padding: 0 25px;
  color: var(--clr-common-white);
  font-size: 14px;
  border-radius: 5px;
}
.bd-add__cart-btn:hover {
  background: var(--clr-theme-4);
  color: var(--clr-common-white);
}

.bd-border__btn {
  font-size: 16px;
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
  padding: 0 40px;
  height: 50px;
  border-radius: 5px;
  display: inline-block;
  line-height: 48px;
  font-weight: 600;
  text-align: center;
}
.bd-border__btn:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}

.bd-bd-coupon__btn {
  font-size: 16px;
  padding: 0 40px;
  height: 50px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  font-weight: 500;
  text-align: center;
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
}
.bd-bd-coupon__btn:hover {
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
  background: transparent;
}

.blog-btn {
  background: transparent;
  display: inline-block;
  border-radius: 5px;
  height: 40px;
  line-height: 38px;
  padding: 0 30px;
  color: var(--clr-theme-1);
  font-size: 16px;
  font-weight: 600;
  border: 1px solid var(--clr-theme-1);
  text-align: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.blog-btn:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}

/*----------------------------------------*/
/*  06. carousel css start
/*----------------------------------------*/
.bd-banner-pagination.banner-pagination-1 {
  position: absolute;
  bottom: -24px;
  z-index: 55;
  display: flex;
  align-items: center;
  gap: 15px;
  right: 25px;
  opacity: 1;
}
.bd-banner-pagination.banner-pagination-1 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #83a88a;
  opacity: 1;
}
.bd-banner-pagination.banner-pagination-1 .swiper-pagination-bullet-active {
  background: var(--clr-common-white);
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner-pagination.banner-pagination-1 .swiper-pagination-bullet-active {
    background: var(--clr-theme-1);
  }
}
.bd-banner-pagination.banner-pagination-1 .swiper-pagination-bullet-active::before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  border: 1px solid var(--clr-common-white);
  top: 46%;
  left: 49%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner-pagination.banner-pagination-1 .swiper-pagination-bullet-active::before {
    border: 1px solid var(--clr-theme-1);
  }
}

.banner-pagination-2 {
  position: absolute;
  z-index: 55;
  bottom: 60px;
  left: 50%;
  transform: translatex(-50%);
  display: flex;
  gap: 15px;
}
.banner-pagination-2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--clr-common-heading);
  opacity: 1;
}
.banner-pagination-2 .swiper-pagination-bullet-active {
  background: var(--clr-theme-1);
}

.bd-trending__navigation {
  position: absolute;
  top: 0;
  right: 0;
  gap: 20px;
  display: flex;
}
.bd-trending__navigation button {
  height: 40px;
  width: 40px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
  border: 1px solid var(--clr-border-2);
}
.bd-trending__navigation button i {
  color: var(--clr-border-6);
}
@media (max-width: 575px) {
  .bd-trending__navigation button {
    display: none;
  }
}
.bd-trending__navigation button:hover {
  background: var(--clr-theme-1);
  border-color: transparent;
}
.bd-trending__navigation button:hover i {
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__navigation.style-2 {
    display: none;
  }
}

@media (max-width: 575px) {
  .bd-product__nav {
    display: none;
  }
}
.bd-product__nav button {
  height: 50px;
  width: 50px;
  color: var(--clr-text-6);
  background: var(--clr-common-white);
  border: 1px solid var(--clr-border-2);
  border-radius: 50%;
  position: absolute;
  top: 36%;
  z-index: 55;
  transform: translateY(-50%);
}
.bd-product__nav button i {
  color: var(--clr-border-9);
}
.bd-product__nav button:hover {
  background: var(--clr-theme-1);
  border-color: transparent;
}
.bd-product__nav button:hover i {
  color: var(--clr-common-white);
}
.bd-product__nav button.product-button-prev {
  left: -25px;
}
.bd-product__nav button.product-button-next {
  right: -20px;
  left: auto;
}

.bd-flash__nav {
  display: flex;
  gap: 20px;
  position: absolute;
  top: -80px;
  right: 0;
}
@media (max-width: 575px) {
  .bd-flash__nav {
    gap: 10px;
  }
}
.bd-flash__nav button {
  height: 40px;
  width: 40px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
  border: 1px solid var(--clr-border-2);
}
.bd-flash__nav button:hover {
  background: var(--clr-theme-1);
  border-color: transparent;
}
.bd-flash__nav button:hover i {
  color: var(--clr-common-white);
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-testimonial__navigation {
    display: none;
  }
}
.bd-testimonial__navigation button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  border-radius: 50%;
}
.bd-testimonial__navigation button i {
  color: var(--clr-border-10);
}
.bd-testimonial__navigation button:hover {
  background: var(--clr-common-heading);
}
.bd-testimonial__navigation button:hover i {
  color: var(--clr-common-white);
}
.bd-testimonial__navigation button.testimonial-button-prev {
  left: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-testimonial__navigation button.testimonial-button-prev {
    left: -100px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial__navigation button.testimonial-button-prev {
    display: none;
  }
}
.bd-testimonial__navigation button.testimonial-button-next {
  left: auto;
  right: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-testimonial__navigation button.testimonial-button-next {
    right: -100px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial__navigation button.testimonial-button-next {
    display: none;
  }
}

.bd-product__details-nav {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product__details-nav {
    display: none;
  }
}
.bd-product__details-nav button {
  display: inline-block;
  height: 35px;
  width: 35px;
  background: transparent;
  border: 1px solid var(--clr-theme-1);
  border-radius: 50%;
  color: var(--clr-theme-1);
}
.bd-product__details-nav button:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}
.bd-product__details-nav .swiper-container {
  padding-bottom: 1px;
}

.bd-product__details-small-img .swiper-container {
  padding-bottom: 1px;
}

.bd-blog__navigation button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--clr-common-white);
  z-index: 54;
  font-size: 25px;
}
.bd-blog__navigation button.blog-button-next {
  left: auto;
  right: 50px;
}
.bd-blog__navigation button.blog-button-prev {
  left: 50px;
}

/*----------------------------------------*/
/*  09. Section title css start
/*----------------------------------------*/
.bd-sub__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-theme-1);
  display: block;
  margin-bottom: 10px;
}

.bd-section__title {
  font-size: 35px;
  color: var(--clr-common-heading);
  font-weight: 700;
  line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-section__title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-section__title {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .bd-section__title {
    font-size: 34px;
  }
}
@media (max-width: 450px) {
  .bd-section__title br {
    display: none;
  }
}

.bd-sm__section-title h3 {
  font-size: 32px;
  margin-bottom: 0;
}

.bd-section__title-icon svg {
  margin-right: 10px;
}

.bd-section__arrow {
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-medium);
}
.bd-section__arrow a:hover {
  color: var(--clr-theme-1);
}
.bd-section__arrow i {
  margin-left: 7px;
}

/*----------------------------------------*/
/* 07. Offcanvas css start
/*----------------------------------------*/
@media (max-width: 575px) {
  .offcanvas__area {
    width: 290px;
  }
}
.offcanvas__area .modal.show .modal-dialog {
  transform: none !important;
}
.offcanvas__area .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(100px, 0px);
}
.offcanvas__area .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 450px;
  width: 100%;
  height: 100%;
  margin: 0;
  background: var(--clr-common-white);
}
.offcanvas__area .modal-content {
  border: 0;
  border-radius: 0;
}
.offcanvas__wrapper {
  position: relative;
  padding: 45px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.offcanvas__close-btn i {
  color: var(--clr-common-white);
}
.offcanvas__close-btn:hover {
  background: var(--clr-common-heading);
}
.offcanvas__top {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--clr-border-18);
}
.offcanvas__color {
  margin-bottom: 40px;
}
.offcanvas__color h5 {
  font-size: 22px;
  margin-bottom: 15px;
}
.offcanvas__color input {
  display: none;
}
.offcanvas__color label {
  width: 100%;
  height: 60px;
  background-color: var(--clr-theme-1);
}
.offcanvas__color label:hover {
  cursor: pointer;
}
.offcanvas__color-2 label {
  background-color: var(--bd-theme-2);
}
.offcanvas__search {
  position: relative;
}
.offcanvas__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--clr-border-18);
  font-size: 14px;
}
.offcanvas__search input::placeholder {
  color: var(--bd-text-1);
}
.offcanvas__search input:focus {
  border-color: var(--clr-common-heading);
}
.offcanvas__search button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--bd-text-1);
}
.offcanvas__text p {
  margin-bottom: 25px;
}
.offcanvas__contact h4 {
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.offcanvas__contact ul li:hover i {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: var(--clr-theme-1);
}
.offcanvas__contact ul li:hover a {
  color: var(--clr-theme-1);
}
.offcanvas__contact-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid var(--clr-border-18);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.offcanvas__contact-text a {
  font-size: 16px;
  font-weight: 500;
}
.offcanvas__wallet-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-common-white);
  padding: 0;
  background-color: var(--clr-theme-1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 5px 22px;
  padding-right: 24px;
}
.offcanvas__wallet-btn svg {
  width: 16px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  margin-right: 2px;
}
.offcanvas__wallet-btn svg path {
  fill: none;
}
.offcanvas__wallet-btn:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-common-heading);
}
.offcanvas__wallet-btn:hover svg path {
  stroke: var(--clr-common-white);
}
.offcanvas__map iframe {
  width: 100%;
  height: 200px;
  border: none;
}
.offcanvas__social ul li {
  display: inline-block;
}
.offcanvas__social ul li:not(:last-child) {
  margin-right: 5px;
}
.offcanvas__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: var(--clr-border-4);
  color: var(--clr-theme-1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.offcanvas__social ul li a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.offcanvas__notification-icon a {
  font-size: 14px;
  color: var(--clr-common-heading);
  position: relative;
}
.offcanvas__notification-icon a .notification-count {
  position: absolute;
  top: -4px;
  right: -13px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--clr-theme-1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--clr-common-white);
  text-align: center;
}
.offcanvas__notification-text p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--clr-common-heading);
  font-size: 14px;
}
.offcanvas__notification-text p .notification-number {
  color: var(--clr-theme-1);
}
.offcanvas__notification-text p a {
  color: var(--clr-theme-1);
}

.hamburger-icon {
  width: 20px;
  height: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.hamburger-icon span {
  width: 100%;
  height: 2px;
  background: var(--clr-common-heading);
  display: inline-block;
}

.hamburger-icon span:nth-child(2) {
  margin-left: 9px;
  transition: 0.3s;
}

.hamburger-icon:hover span:nth-child(2) {
  margin-left: 0;
}

.cartmini__title {
  padding: 20px 20px;
  border-bottom: 1px solid var(--clr-border-14);
  box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2);
}
.cartmini__title h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__close {
  position: absolute;
  top: 17px;
  right: 20px;
}
.cartmini__close-btn {
  background: transparent;
  color: var(--clr-common-heading);
  font-size: 22px;
}
.cartmini__close-btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cartmini__widget {
  /* overflow-y: scroll; */
  height: 100%;
}
.cartmini__inner ul li {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  padding-right: 35px;
  border-bottom: 1px solid rgba(129, 129, 129, 0.2);
  transition: background-color 0.3s;
}
.cartmini__inner{

  overflow-y: scroll;
  height: 40%;
}
.cartmini__inner ul li:hover {
  background: var(--tp-gray);
}
.cartmini__thumb {
  background: var(--clr-border-18);
  margin-right: 15px;
}
.cartmini__thumb img {
  width: 70px;
  height: 90px;
}
.cartmini__content h5 {
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 500;
}
.cartmini__content h5 a:hover {
  color: var(--clr-theme-1);
}
.cartmini__del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--clr-common-heading);
  font-size: 12px;
  background: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.cartmini__del:hover {
  background: var(--clr-border-4);
}
.cartmini__checkout {
  padding: 20px;
  padding-bottom: 85px;
  width: 100%;
  background: var(--clr-common-white);
}
.cartmini__checkout-title h4 {
  font-size: 18px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__checkout-title span {
  float: right;
  font-size: 20px;
  color: var(--clr-common-heading);
  font-weight: 600;
  color: var(--clr-theme-1);
}

.cart-plus,
.cart-minus {
  width: 25px;
  height: 30px;
  border: 1px solid var(--clr-border-14);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.cart-plus:hover,
.cart-minus:hover {
  cursor: pointer;
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
}

.cart-input {
  height: 30px;
  width: 32px;
  text-align: center;
  font-size: 16px;
  border: none;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 0px;
}
.cart-input:focus {
  outline: none;
}

.product-quantity > input {
  width: 80px;
  border-radius: 3px;
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #dcdcdc;
}

.cartmini__checkout-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.added-to-cart {
  position: fixed;
  right: 0;
  display: none;
  background-color: var(--clr-common-white);
  z-index: 99;
  top: 20%;
  padding-right: 40px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  border-right: 2px solid var(--clr-theme-1);
}
.added-to-cart i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border-radius: 0;
  margin-right: 15px;
}
.added-to-cart p {
  margin-bottom: 0;
}

.added-to-wishlist {
  position: fixed;
  right: 0;
  display: none;
  background-color: var(--clr-common-white);
  z-index: 99;
  top: 20%;
  padding-right: 40px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  border-right: 2px solid var(--clr-theme-1);
}
.added-to-wishlist i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border-radius: 0;
  margin-right: 15px;
}
.added-to-wishlist p {
  margin-bottom: 0;
}

.bd-utilize__buttons {
  display: flex;
  gap: 20px;
}

/*----------------------------------------*/
/*  04. Breadcrumb css start
/*----------------------------------------*/
.breadcrumb__list span {
  margin-right: 5px;
  font-size: 15px;
}
.breadcrumb__list span a:hover {
  color: var(--clr-common-heading);
}
.breadcrumb__list span:last-child {
  margin-right: 0;
}

/*----------------------------------------*/
/*  02. Animation css start
/*----------------------------------------*/
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* ========= circle  effect  ========== */
@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    color: var(--clr-common-white);
  }
}
/* ========= sideleft effect ========== */
@keyframes sideleft {
  0% {
    transform: translatex(5px);
  }
  100% {
    transform: translatex(-5px);
  }
}
.blink {
  animation: blinker 2s linear infinite;
  -webkit-animation: blinker 2s linear infinite;
  -moz-animation: blinker 2s linear infinite;
}

/* ========= video-ripple ========== */
@keyframes video-ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@-webkit-keyframes video-ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
/*----------------------------------------*/
/* 08. Preloder css start
/*----------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #699C47;
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*----------------------------------------*/
/*  22. Header css start
/*----------------------------------------*/
.transparent__header {
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  right: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #header-sticky {
    padding: 23px 0;
  }
}
#header-sticky.header-sticky {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 555;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -ms-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -o-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: var(--clr-common-white);
}

.header-sticky .logo-white {
  display: none;
}
.header-sticky .logo-black {
  display: block;
}
.header-sticky .bd-header__logo-bg {
  display: none;
}
.header-sticky .bd-action__filter input {
  background: var(--clr-bg-grey);
}
.header-sticky .list-3 .bd-action__cart-icon a {
  background: var(--clr-bg-grey);
}
.header-sticky .list-3 .bd-action__wistlist-icon a {
  background: var(--clr-bg-grey);
}

.bd-top__bar-area {
  padding: 7px 0;
}

.topbar-padding {
  padding: 7px 0;
}

.bd-top__bar-main {
  padding: 7px 0;
  max-width: 1720px;
  margin: 0 auto;
}

.bd-topbar__regtangle {
  position: relative;
  padding-left: 24px;
  margin-left: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bd-topbar__regtangle {
    margin-left: 82px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-topbar__regtangle {
    margin-left: 260px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-topbar__regtangle {
    justify-content: end;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.bd-topbar__regtangle::before {
  position: absolute;
  content: "";
  width: 300px;
  height: 40px;
  background: var(--clr-common-white);
  top: -7px;
  right: calc(100% - 5px);
  clip-path: polygon(0% 0%, 95% 0, 100% 100%, 0 100%);
}
.bd-topbar__contact ul li {
  display: inline-block;
  margin-right: 11px;
    padding-right: 17px;
  position: relative;
}
.bd-topbar__contact ul li a i {
  padding-right: 10px;
}
.bd-topbar__contact ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-topbar__contact ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.bd-topbar__contact ul li:last-child::before {
  display: none;
}
.bd-topbar__contact ul li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: var(--clr-border-1);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bd-topbar__text p {
  margin-bottom: 0;
  color: var(--clr-common-white);
}
.bd-topbar__contact p {
  margin-bottom: 0;
  color: var(--clr-common-white);
}

.bd-top__bar-social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: end;
}
.bd-top__bar-social ul li {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  padding-right: 15px;
}
.bd-top__bar-social ul li:first-child {
  margin-left: 0;
}
.bd-top__bar-social ul li:first-child:before {
  display: none;
}
.bd-top__bar-social ul li:last-child {
  padding-right: 0;
}
.bd-top__bar-social ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-top__bar-social ul li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: var(--clr-border-1);
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
}

.bd-top__bar-area-3.container {
  max-width: 1620px;
}

.bd-topbar-area__middle {
  height: 40px;
}

.bd-header__top-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 40px;
}
.bd-header__top-link a {
  color: var(--clr-common-white);
}
.bd-header__top-link a:hover {
  color: var(--clr-common-heading);
}
.bd-header__top-link a:not(:last-child) {
  position: relative;
}
.bd-header__top-link a:not(:last-child)::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  background: var(--clr-border-5);
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.bd-treak__right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-treak__right {
    gap: 30px;
  }
}
.bd-treak__right a:hover {
  color: var(--clr-theme-1);
}
.bd-treak__right .nice-select {
  border: 0;
  background: transparent;
  font-size: 16px;
  padding-left: 0;
  padding-right: 18px;
}
.bd-treak__right .nice-select::after {
  border-bottom: 1px solid var(--clr-common-body-text);
  border-right: 1px solid var(--clr-common-body-text);
  height: 7px;
  width: 7px;
  right: 4px;
}
.bd-treak__right .nice-select .list {
  background: var(--clr-common-white);
  left: -18px;
}
.bd-treak__right .nice-select .option {
  color: var(--clr-common-heading);
}
.bd-treak__right .nice-select .option.selected {
  font-weight: var(--bd-fw-medium);
}
.bd-treak__right .border-left {
  position: relative;
}
.bd-treak__right .border-left:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: var(--clr-border-2);
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-treak__right .border-left:before {
    left: -15px;
  }
}

.style-2 .bd-treak__right a {
  color: var(--clr-common-white);
}
.style-2 .bd-treak__right a:hover {
  color: var(--clr-common-heading);
}
.style-2 .bd-treak__right .nice-select {
  z-index: 110;
}
.style-2 .bd-treak__right .nice-select span {
  color: var(--clr-common-white);
}
.style-2 .bd-treak__right .nice-select::after {
  border-bottom: 1px solid var(--clr-common-white);
  border-right: 1px solid var(--clr-common-white);
}
.style-2 .bd-treak__right .nice-select .option.selected {
  font-weight: var(--bd-fw-sbold);
}
.style-2 .bd-treak__right .border-left::before {
  background: var(--clr-border-5);
}

.bd-action__cart-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-action__cart-list {
    display: none;
  }
}
.bd-action__cart-list.list-3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-action__cart-list.list-3 {
    gap: 20px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-action__cart-list.list-3 {
    display: none;
  }
}

.bd-hotline__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-hotline__text span {
  display: block;
  font-size: 14px;
  color: #666666;
}
.bd-hotline__text a {
  font-size: 20px;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-medium);
}
.bd-hotline__text a:hover {
  color: var(--clr-theme-1);
}

.bd-action__wistlist-icon {
  position: relative;
}
.bd-action__wistlist-icon a {
  height: 45px;
  width: 45px;
  background: var(--clr-bg-grey);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
}
.bd-action__wistlist-icon a:hover svg * {
  fill: var(--clr-theme-1);
}
.bd-action__cart-icon {
  position: relative;
}
.bd-action__cart-icon a {
  height: 45px;
  width: 45px;
  background: var(--clr-bg-grey);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
  position: relative;
}
.bd-action__cart-icon a:hover svg * {
  fill: var(--clr-theme-1);
}
.bd-action__search-icon a {
  height: 45px;
  width: 45px;
  background: var(--clr-bg-grey);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
}
.bd-action__search-icon a:hover svg * {
  fill: var(--clr-theme-1);
}
.bd-action__item-number {
  width: 17px;
  height: 17px;
  background: var(--clr-theme-1);
  display: inline-block;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: -4px;
  font-size: 14px;
  color: var(--clr-common-white);
}
.bd-action__hotline {
  position: relative;
}
.bd-action__hotline::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 1px;
  background: var(--clr-border-4);
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-action__hotline::after {
    left: -20px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-action__hotline::after {
    display: none;
  }
}
.bd-action__user span {
  display: block;
  margin-left: 15px;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 3px;
}
.bd-action__user span span {
  margin-left: 0;
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-heading);
  margin-bottom: 0;
}
.bd-action__user:hover span span {
  color: var(--clr-theme-1);
}
.bd-action__filter input {
  width: 100%;
  height: 55px;
  border: 0;
  background: var(--clr-common-white);
  border-radius: 30px;
  padding-left: 20px;
  padding-right: 50px;
}
.bd-action__filter input::placeholder {
  color: var(--clr-common-placeholder-2);
  font-size: 14px;
}
.bd-action__filter button {
  position: absolute;
  right: 0px;
  top: 55%;
  transform: translateY(-50%);
  padding-right: 25px;
}
.bd-action__filter-wrapper {
  flex-grow: 1;
  max-width: 420px;
}
.bd-action__cart-wrapper {
  gap: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.list-3 .bd-action__cart-icon a {
  background: var(--clr-common-white);
}
.list-3 .bd-action__wistlist-icon a {
  background: var(--clr-common-white);
}

.bd-cart__text span {
  font-size: 14px;
  line-height: 1;
}
.bd-cart__text h5 {
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  margin-bottom: 0;
  line-height: 1;
}

.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 45px;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
.main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  color: var(--clr-common-heading);
  padding: 42px 0;
  font-weight: var(--bd-fw-medium);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  line-height: 1;
}
.main-menu ul li a:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 0%;
  background: var(--clr-theme-1);
  bottom: 0px;
  opacity: 0;
}
.main-menu ul li a:hover:before {
  width: 100%;
  opacity: 1;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--clr-common-black);
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 220px;
  padding: 15px 0;
  padding-bottom: 15px;
  background: var(--clr-common-white);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -moz-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -ms-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -o-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  visibility: hidden;
  opacity: 0;
  z-index: 11;
}
.main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .submenu li > a {
  width: 100%;
  display: block;
  padding: 9px 30px;
  text-transform: capitalize;
  color: var(--clr-common-heading);
  font-weight: 500;
  position: relative;
}
.main-menu ul li .submenu li > a::after {
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .submenu li > a::before {
  display: none;
}
.main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: var(--clr-theme-1);
  padding-left: 36px;
}
.main-menu ul li .submenu li:hover > a::after {
  color: var(--clr-theme-1);
}
.main-menu ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li:hover > a {
  color: var(--clr-theme-1);
}
.main-menu ul li:hover > a::after {
  color: var(--clr-theme-1);
}
.main-menu ul li:hover > a:before {
  width: 100%;
  opacity: 1;
}
.main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.bd-header__border {
  border-top: 1px solid var(--clr-border-4);
  border-bottom: 1px solid var(--clr-border-4);
}
.bd-header__buttom {
  padding-bottom: 15px;
}
.bd-header__butttom-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-header__filterbar {
  flex-grow: 1;
}
.bd-header__category-nav .category__items {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  background: var(--clr-common-white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  z-index: 10;
  -webkit-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -moz-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -ms-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -o-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
}
.bd-header__category-nav:not(items-open) .category__items {
  display: none;
}

.bd-category__click {
  height: 60px;
  background: var(--clr-theme-1);
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  color: var(--clr-common-white);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: var(--bd-fw-medium);
  position: relative;
  gap: 15px;
  width: 250px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-category__click {
    width: 220px;
  }
}
.bd-category__click:before {
  position: absolute;
  content: "";
  font-family: var(--bd-ff-fontawesome);
  right: 20px;
}
.bd-category__click.items-open::before {
  transform: rotate(180deg);
}

.bd-bar__icon {
  width: 20px;
  height: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.bd-bar__icon span {
  width: 100%;
  height: 2px;
  background: var(--clr-common-white);
  display: inline-block;
  border-radius: 30px;
}
.bd-bar__icon span:nth-child(2) {
  margin-left: 0;
}

.bd-filter__input {
  position: relative;
}
.bd-filter__input input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 0;
  background: var(--clr-bg-grey);
  border-radius: 30px;
  padding-left: 20px;
  padding-right: 45px;
}
.bd-filter__input button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.bd-filter__input button i {
  color: #9f9f9f;
}

.bd-support__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-support__text span {
  display: block;
  font-size: 15px;
}
.bd-support__text a {
  font-size: 20px;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-sbold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-support__text a {
    font-size: 18px;
  }
}
.bd-support__text a:hover {
  color: var(--clr-theme-1);
}

.category-item ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: var(--clr-common-heading);
  align-items: center;
  gap: 10px;
  padding: 6px 20px;
  line-height: 1;
}
.category-item ul li a:hover {
  padding-left: 27px;
  color: var(--clr-theme-1);
}
.category-item ul li .category-submenu li a:hover {
  padding-right: 7px;
  color: var(--clr-theme-1);
}
.category-item .has-dropdown {
  position: relative;
}
.category-item .has-dropdown::after {
  position: absolute;
  content: "";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--clr-common-black);
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  top: 0;
  right: 20px;
  color: var(--clr-common-white);
}

.category__items .category-item {
  padding: 25px 0;
}
.category__items ul li {
  margin-bottom: 12px;
}
.category__items ul li:last-child {
  margin-bottom: 0;
}
.category__items ul li:hover .category-submenu {
  opacity: 1;
  visibility: visible;
}
.category__items ul li:hover > a {
  color: var(--clr-theme-1);
}
.category__items ul li:hover > a {
  padding-left: 27px;
}

.category-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 240px;
  border-radius: 3px;
  background: var(--clr-common-white);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding: 25px 0;
  -webkit-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -moz-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -ms-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -o-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
}

.logo-black {
  display: none;
}

.bd-header__area-2 .container {
  max-width: 1750px;
}
.bd-header__logo-bg {
  position: absolute;
  left: -92px;
  top: -67px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-header__logo-bg {
    left: -125px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-header__logo-bg {
    left: -133px;
    top: -100px;
  }
}

.write
{
    font-size: 15px;
  margin-left: 247px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .write {
        font-size: 14px;
        margin-left: 296px;
    }
  }
  @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .write {
        font-size: 14px;
        margin-left: 299px
    }
  }

.bd-header__main-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bd-header__left-2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.bd-header__right.header__right-2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-header__right.header__right-2 {
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-header__right.header__right-2 {
    gap: 25px;
  }
}
.bd-header__logo-2 {
  position: relative;
  z-index: 55;
  margin-right: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-header__logo-2 {
    margin-right: 125px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-header__logo-2 {
    margin-right: 175px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-header__logo-2 {
    margin-right: 0;
  }
}

.bd-top__bar-area-3 .container {
  max-width: 1650px;
}

.bd-header__bottom-area-3 .container {
  max-width: 1650px;
}
.bd-header__middle-area-3 .container {
  max-width: 1650px;
}
.bd-header__left-3 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-header__left-3 {
    margin-left: 0;
  }
}
.bd-header__right.header__right-3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-header__right.header__right-3 {
    gap: 20px;
  }
}

.bd-search__toggle {
  position: absolute;
  top: 50px;
  right: 50%;
  padding: 16px 40px 40px 40px;
  background-color: var(--clr-theme-1);
  z-index: 555;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.bd-search__toggle.header_search-open {
  opacity: 1;
  visibility: visible;
}
.bd-search__toggle input {
  height: 60px;
  width: 270px;
  background: var(--clr-theme-1);
  padding-right: 25px;
  border: none;
  border-bottom: 1px solid var(--clr-border-4);
  color: var(--clr-common-white);
}
.bd-search__toggle input::placeholder {
  color: var(--clr-common-white);
  opacity: 1;
  font-size: 16px;
}
.bd-search__toggle input::selection {
  color: var(--clr-common-black);
  opacity: 1;
  font-size: 16px;
}
.bd-search__toggle button {
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  right: 40px;
}
.bd-search__toggle button i {
  color: var(--clr-common-white);
}

.search-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  color: var(--clr-common-heading);
}
.search-modal-close:hover {
  color: var(--clr-theme-1);
}

.search-toggle.bd-h-search i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform: scale(0);
  transform-origin: center;
}
.search-toggle.bd-h-search i:hover {
  color: var(--clr-theme-1);
}
.search-toggle.bd-h-search.opened i {
  transform: scale(1);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.search-toggle.bd-h-search.opened svg {
  transform: scale(0);
}
.search-toggle.bd-h-search svg {
  transform: scale(1);
  transition: 0.3s;
}

/*----------------------------------------*/
/*  12. Banner css start
/*----------------------------------------*/
.banner__height-1 {
  min-height: 445px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__height-1 {
    min-height: 445px;
  }
}
.banner__overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 39.7%;
  background: var(--clr-theme-1);
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner__overlay::before {
    width: 43%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__overlay::before {
    display: none;
  }
}
.banner-video__btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 15px;
}
.banner-video__btn span {
  font-weight: var(--bd-fw-medium);
}
.banner-video__btn span:hover {
  color: var(--clr-theme-1);
}
.banner-height-2 {
  min-height: 900px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-height-2 {
    min-height: 750px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-height-2 {
    min-height: 550px;
  }
}

.bd-banner__line {
  position: absolute;
  right: 1%;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-banner__line img {
    width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-banner__line img {
    width: 350px;
  }
}
@media (max-width: 575px) {
  .bd-banner__line img {
    display: none;
  }
}
.bd-banner__image-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
@media (max-width: 1750px) {
  .bd-banner__image-1 img {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-banner__image-1 img {
    max-width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-banner__image-1 img {
    max-width: 300px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__image-1 {
    display: none;
  }
}
.bd-banner__image-2 {
  text-align: end;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__image-2 {
    text-align: start;
  }
}
.bd-banner__image-2 img {
  width: 100%;
}
.bd-banner__content {
  max-width: 360px;
}
.bd-banner__content p {
  margin-bottom: 40px;
}
.bd-banner__content-box {
  margin-top: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-banner__content-box {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__content-box {
    margin-top: 100px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__content-box {
    margin-top: 100px;
  }
}
.bd-banner__text h2 {
  font-size: 100px;
  color: var(--clr-common-heading);
  font-weight: 700;
  margin-bottom: 85px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-banner__text h2 {
    font-size: 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-banner__text h2 {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-banner__text h2 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__text h2 {
    font-size: 80px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-banner__text h2 {
    font-size: 55px;
    margin-bottom: 25px;
  }
}
@media (max-width: 450px) {
  .bd-banner__text h2 {
    font-size: 46px;
  }
}
@media (max-width: 450px) {
  .bd-banner__text h2 br {
    display: none;
  }
}
.bd-banner__button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.bd-banner__shape {
  display: inline-block;
  background: var(--clr-common-white);
  padding: 40px 40px;
  position: absolute;
  bottom: -45px;
  z-index: 5;
  left: 50px;
}
@media (max-width: 575px) {
  .bd-banner__shape {
    left: 0;
  }
}
.bd-banner__shape span {
  font-size: 50px;
  color: var(--clr-common-heading);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
  display: inline-block;
  text-align: center;
}
.bd-banner__shape-line {
  height: 2px;
  width: 18.5px;
  background: var(--clr-theme-1);
  position: absolute;
  top: 10px;
  left: 10px;
}
.bd-banner__shape-line:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 18.5px;
  background: var(--clr-theme-1);
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__thumb img {
    width: 100%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-banner__thumb img {
    display: none;
  }
}
.bd-banner__shape-1 {
  position: absolute;
  left: 0;
  bottom: 19px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-banner__shape-1 {
    display: none;
  }
}
.bd-banner__text-shape {
  position: absolute;
  top: -92px;
  left: 27%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-banner__text-shape {
    top: -125px;
    left: 24%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__text-shape {
    display: none;
  }
}
.bd-banner__content-2 h2 {
  font-size: 130px;
  line-height: 1.2;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-banner__content-2 h2 {
    font-size: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-banner__content-2 h2 {
    font-size: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__content-2 h2 {
    font-size: 65px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-banner__content-2 h2 {
    font-size: 55px;
  }
}
@media (max-width: 450px) {
  .bd-banner__content-2 h2 {
    font-size: 46px;
  }
}
.bd-banner__content-2 p {
  margin-bottom: 45px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-banner__content-2 br {
    display: none;
  }
}
.bd-banner__btn-shape {
  position: absolute;
  bottom: 25px;
  left: 200px;
}
.bd-banner__btn-shape img {
  animation: sideleft 1s infinite alternate;
}
.bd-banner__discount-shape {
  position: absolute;
  right: 65px;
  top: 145px;
  z-index: 100;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner__discount-shape {
    display: none;
  }
}
.bd-banner__discount-shape .discount-text {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  color: var(--clr-common-heading);
  text-transform: uppercase;
  font-size: 24px;
}
.bd-banner__discount-shape .discount-text span {
  font-size: 40px;
  display: block;
  color: var(--clr-theme-1);
  line-height: 1;
  margin-bottom: 4px;
  font-weight: var(--bd-fw-bold);
}

@media (max-width: 575px) {
  .bd-singel__banner {
    margin-top: 50px;
  }
}
.bd-singel__product-banner {
  position: relative;
  -webkit-transition: all 3s ease-out 0s;
  -moz-transition: all 3s ease-out 0s;
  -ms-transition: all 3s ease-out 0s;
  -o-transition: all 3s ease-out 0s;
  transition: all 3s ease-out 0s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.product-thumb-bg {
  min-height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-thumb-bg {
    background-position: 0% center;
  }
}
@media (max-width: 575px) {
  .product-thumb-bg {
    background-position: unset;
  }
}
.product-thumb-bg-2 {
  min-height: 590px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 575px) {
  .product-thumb-bg-2 {
    background-position: left;
  }
}
.product-thumb-bg-3 {
  min-height: 190px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bd-product__banner-thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.bd-product__banner-inner {
  padding: 30px 30px 30px;
  position: absolute;
  top: 0px;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-product__banner-inner {
    padding: 30px 20px 30px;
  }
}
@media (max-width: 450px) {
  .bd-product__banner-inner {
    padding: 30px 20px 30px;
  }
}
.bd-product__banner-content span {
  font-size: 18px;
  color: var(--clr-common-heading);
}
.bd-product__banner-content h3 {
  margin-bottom: 10px;
}
.bd-product__banner-content h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-product__banner-content p {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-product__banner-content p {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .bd-product__banner-content p {
    margin-bottom: 15px;
    color: var(--clr-common-heading);
  }
}
.bd-product__banner-content-2 span {
  font-size: 18px;
  font-weight: var(--bd-fw-medium);
  margin-bottom: 3px;
  display: block;
  color: var(--clr-theme-1);
}
.bd-product__banner-content-2 h3 {
  margin-bottom: 3px;
  font-size: 28px;
}
.bd-product__banner-content-3 span {
  font-size: 15px;
}
.bd-product__banner-content-3 h3 {
  font-size: 28px;
}
.bd-product__banner-content-4 h2 {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .bd-product__banner-content-4 h2 {
    font-size: 35px;
  }
}
.bd-product__banner-content-4 p {
  margin-bottom: 30px;
}
.bd-product__banner-content-4 .price-text {
  margin-bottom: 5px;
  display: block;
}
.bd-product__banner-content-5 h3 {
  font-size: 22px;
}
.bd-product__banner-content-5 h3 .product__banner-price h4 {
  font-size: 16px;
}
.bd-product__spacial-banner h3 {
  margin-bottom: 15px;
}

.product__banner-price {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.product__banner-price span {
  font-size: 15px;
}
.product__banner-price-2 h3 {
  font-size: 28px;
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 40px;
}
.product__banner-price h4 {
  font-size: 20px;
  color: var(--clr-theme-1);
  margin-bottom: 0;
  font-weight: var(--bd-fw-sbold);
}
.product__banner-price-2 h3 {
  font-size: 28px;
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 40px;
}
.product-h2 {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .product-h2 {
    font-size: 35px;
  }
}
.product .price-text {
  margin-bottom: 5px;
  display: block;
}
.product__content-4.bd-product__banner-inner {
  padding: 50px 50px 40px;
  position: absolute;
  top: 15px;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product__content-4.bd-product__banner-inner {
    padding: 30px 30px;
  }
}
.product__content-4.bd-product__banner-inner h2 {
  font-size: 35px;
}

.discount__button-wrapper {
  position: relative;
  margin-bottom: 45px;
}
.discount__end-btn {
  position: absolute;
  display: inline-table;
  height: 30px;
  background: #f8f2ed;
  line-height: 30px;
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-heading);
  padding: 0 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
}
.discount-btn {
  display: inline-block;
  height: 70px;
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  line-height: 70px;
  padding: 0 58px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  font-size: 30px;
  border: 1px solid var(--clr-theme-1);
}
.discount-btn span {
  font-weight: var(--bd-fw-bold);
}

/*----------------------------------------*/
/*  31. Step css start
/*----------------------------------------*/
.bd-step__title {
  font-size: 45px;
  position: absolute;
  top: 53%;
  left: 40%;
  transform: translate(0%);
  z-index: 11;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-light);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-step__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-step__title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-step__title {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .bd-step__title {
    font-size: 22px;
  }
}
.bd-step__icon {
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.bd-step__icon img {
  margin-bottom: 25px;
}
.bd-step__content p {
  color: var(--clr-common-heading);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-step__content p {
    padding: 0 20px;
  }
}
.bd-step__content h3 {
  margin-bottom: 25px;
}
.bd-step__content h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-step__item {
  padding: 0 27px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-step__item {
    padding: 0 0px;
  }
}
.bd-step__item:hover .bd-step__icon {
  transform: translateY(-10px) translate3d(0, -5px, 0);
}
.bd-step__arrow {
  position: absolute;
  top: 40px;
  right: -75px;
  position: absolute;
  top: 40px;
  left: 94%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-step__arrow {
    right: -35%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-step__arrow {
    display: none;
  }
}

/*----------------------------------------*/
/*  10. About css start
/*----------------------------------------*/
.bd-about__content-wrapper {
  padding-right: 25px;
  max-width: 570px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__content-wrapper {
    padding-right: 0;
  }
}
.bd-about__content-box {
  margin-top: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-about__content-box {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__content-box {
    padding-left: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__content-box {
    margin-top: 0;
  }
}
.bd-about__bg-shape {
  position: absolute;
  right: 20%;
  top: 85px;
  z-index: -1;
  -webkit-animation: hero-thumb-animation 2s linear infinite alternate;
  -moz-animation: hero-thumb-animation 2s linear infinite alternate;
  -o-animation: hero-thumb-animation 2s linear infinite alternate;
  animation: hero-thumb-animation 2s linear infinite alternate;
}
.bd-about__features {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 45px;
}
@media (max-width: 575px) {
  .bd-about__features {
    flex-direction: column;
    gap: 25px;
  }
}
.bd-about__text p {
  margin-bottom: 0;
}
.bd-about__text h4 {
  margin-bottom: 10px;
}
.bd-about__thumb-wrapper {
  min-height: 625px;
}
.bd-about__thumb-1 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.bd-about__thumb-2 {
  position: absolute;
  right: 0;
  top: 75px;
}
.bd-about__quite-box {
  background: var(--clr-theme-1);
  position: absolute;
  max-width: 330px;
  border-radius: 20px 0px;
  top: 0;
  left: 0;
  z-index: 5;
  padding-top: 30px;
  padding-bottom: 60px;
  padding-left: 55px;
  padding-right: 20px;
}
.bd-about__quite-box .quite-icon i {
  position: absolute;
  top: 10px;
  width: 50px;
  height: 50px;
  font-size: 78px;
  color: #5b8d3a;
  left: 55px;
  z-index: -1;
  transform: rotateY(180deg);
}
.bd-about__quite-name {
  position: absolute;
  right: 30px;
  bottom: 40px;
}
.bd-about__quite-name span {
  font-size: 15px;
  color: var(--clr-common-white);
}
.bd-about__quite-name::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 60px;
  background: var(--clr-common-white);
  top: 50%;
  left: -70px;
}
.bd-about__shape-1 {
  position: absolute;
  z-index: 5;
  top: 53%;
  left: 50%;
  transform: translate(-50%);
}
.bd-about__shape-2 {
  position: absolute;
  bottom: 60px;
  height: 20px;
  width: 20px;
  background: var(--clr-text-1);
  right: 35%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__shape-2 {
    right: 0;
  }
}
@media (max-width: 575px) {
  .bd-about__shape-2 {
    display: none;
  }
}
.bd-about__shape-3 {
  position: absolute;
  bottom: 0;
  height: 42px;
  width: 42px;
  background: var(--clr-text-1);
  right: 25%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__shape-3 {
    right: 0;
  }
}
@media (max-width: 575px) {
  .bd-about__shape-3 {
    display: none;
  }
}
.bd-about__shape-4 {
  position: absolute;
  bottom: 70px;
  height: 80px;
  width: 80px;
  background: var(--clr-text-2);
  right: 11%;
}
@media (max-width: 575px) {
  .bd-about__shape-4 {
    display: none;
  }
}
.bd-about__wrapper-2 {
  min-height: 550px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: end;
  }
}
.bd-about__image-2 {
  text-align: end;
  margin-right: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about__image-2 {
    text-align: start;
    margin-right: 0;
  }
}
.bd-about__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 90px;
  padding-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .bd-about__inner {
    padding-left: 0;
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__inner {
    padding-left: 0;
    gap: 30px;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about__inner {
    padding-left: 0;
    gap: 30px;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about__inner {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .bd-about__inner {
    flex-wrap: wrap;
  }
}
.bd-about__info p {
  margin-bottom: 55px;
  text-align: justify;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about__info p {
    margin-bottom: 20px;
  }
}
.bd-about__author {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 30px;
}

.quite-content p {
  color: var(--clr-common-white);
  font-size: 24px;
  font-style: italic;
  border-radius: 20px 0px;
  line-height: 32px;
  margin-bottom: 18px;
}

/*----------------------------------------*/
/*  29. Product css start
/*----------------------------------------*/
.bd-product__thumb {
  background: var(--clr-bg-grey);
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.bd-product__thumb img {
  padding: 35px 35px 35px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-product__thumb img {
    padding: 35px 20px 35px 20px;
  }
}
.bd-product__item {
  overflow: hidden;
}
.bd-product__item:hover .bd-product__thumb img {
  transform: scale3d(1.07, 1.07, 1.07) translateZ(0);
  -webkit-transform: scale3d(1.07, 1.07, 1.07) translateZ(0);
}
.bd-product__tag {
  position: absolute;
  top: 0;
  left: 0;
}
.bd-product__tag .tag-text {
  display: inline-block;
  color: var(--clr-common-white);
  padding: 7px 12px;
  line-height: 1;
  font-size: 15px;
}
.bd-product__tag .tag-text.color-black {
  color: var(--clr-common-heading);
}
.bd-product__title {
  color: var(--clr-common-heading);
  margin-bottom: 5px;
}
.bd-product__title a:hover {
  color: var(--clr-theme-1);
}
.bd-product__old-price {
  color: var(--clr-text-3);
}
.bd-product__new-price {
  color: var(--clr-text-5);
  font-weight: var(--bd-fw-sbold);
  font-size: 18px;
  margin-left: 10px;
}
.bd-product__icon i {
  font-size: 13px;
  color: var(--clr-theme-2);
}
.bd-product__action {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-product__action a {
  height: 45px;
  width: 45px;
  display: inline-flex;
  text-align: center;
  background: var(--clr-common-white);
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
  color: var(--clr-common-heading);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  margin-left: 7px;
  transform: scaleX(0);
}
.bd-product__action a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.bd-product__action a:first-child {
  margin-left: 0;
}
.bd-product__item:hover .bd-product__action {
  opacity: 1;
  visibility: visible;
}
.bd-product__item:hover .bd-product__action a {
  transform: scaleX(1);
}

.bd-trending__item:hover .bd-product__action {
  opacity: 1;
  visibility: visible;
}
.bd-trending__item.text-center:hover .bd-product__action a {
  transform: scale(1);
}

.bd-bananna-nav .nav {
  gap: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-bananna-nav .nav {
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-bananna-nav .nav {
    gap: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-bananna-nav .nav {
    gap: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-bananna-nav .nav {
    gap: 20px 13px;
  }
}
@media (max-width: 575px) {
  .bd-bananna-nav .nav {
    gap: 20px 20px;
  }
}
.bd-bananna-nav .nav.nav-tabs button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
}
.bd-bananna-nav .nav-tabs {
  border-bottom: 0;
  justify-content: end;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-bananna-nav .nav-tabs {
    justify-content: start;
  }
}
.bd-bananna-nav .nav-tabs .nav-link {
  border-top-right-radius: 0;
  position: relative;
  font-weight: var(--bd-fw-medium);
  border-color: 1px solid transparent;
}
.bd-bananna-nav .nav-tabs .nav-link.active {
  border-color: transparent;
  color: var(--clr-theme-1);
}
.bd-bananna-nav .nav-tabs .nav-link:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: var(--clr-border-19);
  right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-bananna-nav .nav-tabs .nav-link:before {
    display: none;
  }
}
.bd-bananna-nav .nav-tabs .nav-link:last-child:before {
  display: none;
}
.bd-bananna-nav .nav-tabs .nav-link:first-child {
  margin-left: 0;
}
.bd-bananna-nav .nav-link {
  display: block;
  padding: 0;
  color: #777777;
}

.bd-bananna-nav .nav-tabs .nav-link.active svg * {
  fill: var(--clr-theme-1);
}

.bd-bananna-nav .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.bd-bananna-nav .nav-link:focus,
.nav-link:hover {
  color: inherit;
}

/*----------------------------------------*/
/*  15. Choose css start
/*----------------------------------------*/
.bd-choose__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 50px;
}
.bd-choose__item:last-child {
  margin-bottom: 0px;
}
.bd-choose__content h4 {
  margin-bottom: 15px;
  line-height: 1;
}
.bd-choose__content p {
  margin-bottom: 0px;
}
.bd-choose__wrapper.choose-wrapper__left {
  padding-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-choose__wrapper.choose-wrapper__left {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-choose__wrapper.choose-wrapper__left {
    padding-right: 10px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-choose__wrapper.choose-wrapper__left {
    padding-right: 0px;
  }
}
.bd-choose__wrapper.choose-wrapper__right {
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-choose__wrapper.choose-wrapper__right {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-choose__wrapper.choose-wrapper__right {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-choose__wrapper.choose-wrapper__right {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-choose__thumb {
    padding: 0 20px;
  }
}
.bd-choose__icon.choose-icon__left {
  margin-left: 30px;
}
.bd-choose__icon.choose__icon-right {
  margin-right: 30px;
}

/*----------------------------------------*/
/*  17. Counter css start
/*----------------------------------------*/
.bd-counter__area {
  position: relative;
  margin-top: -115px;
  z-index: 5;
}
.bd-counter__main {
  position: relative;
}
.bd-counter__main:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: -100%;
  background: #70c27c;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-counter__main:before {
    display: none;
  }
}
.bd-counter__content {
  text-align: center;
}
.bd-counter__content span {
  font-size: 60px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
  line-height: 1;
  margin-bottom: 15px;
  display: inline-block;
}
.bd-counter__content h4 {
  margin-bottom: 0;
  color: var(--clr-common-white);
  font-size: 18px;
}
.bd-counter-shape-line {
  width: 25px;
  height: 4px;
  background: var(--clr-common-white);
  position: absolute;
  top: 20px;
  left: 20px;
}
.bd-counter-shape-line:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 4px;
  background: var(--clr-common-white);
  left: 0px;
}

.counter-style-2 .bd-counter__content span {
  color: var(--clr-common-heading);
  display: inline-block;
  margin-bottom: 15px;
}
.counter-style-2 .bd-counter__content h4 {
  color: var(--clr-common-heading);
}

/*----------------------------------------*/
/*  26. News css start
/*----------------------------------------*/
.bd-news__content {
  padding-right: 1px;
}
.bd-news__meta-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}
.bd-news__meta-item span a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-body-text);
}
.bd-news__meta-item span a:hover {
  color: var(--clr-theme-1);
}
.bd-news__meta-item i {
  margin-right: 10px;
}
.bd-news__btn {
  text-transform: uppercase;
  color: var(--clr-common-body-text);
  font-size: 14px;
  font-weight: var(--bd-fw-medium);
}
.bd-news__btn i {
  transform: rotate(130deg);
  margin-left: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-news__btn:hover {
  color: var(--clr-theme-1);
}
.bd-news__thumb {
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.bd-news__item:hover .bd-news__thumb img {
  transform: scale(1.05);
}
.bd-news__title h3 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-news__title h3 {
    font-size: 20px;
  }
}
@media (max-width: 450px) {
  .bd-news__title h3 {
    font-size: 20px;
  }
}
.bd-news__title h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-news__btn span {
  position: relative;
  overflow: hidden;
}
.bd-news__btn span i:first-child {
  position: absolute;
  top: 11px;
  left: -7px;
  opacity: 0;
  visibility: hidden;
}
.bd-news__btn:hover span i:first-child {
  opacity: 1;
  visibility: visible;
  top: 2px;
  left: 0;
}
.bd-news__btn:hover span i:last-child {
  opacity: 0;
  visibility: hidden;
  transform: translateX(7px) translateY(-11px) rotate(130deg);
}

.blog-wrapper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.blog-content p {
  margin-bottom: 30px;
}
.blog-content-wrapper {
  padding: 30px 30px 32px 30px;
  background: var(--clr-common-white);
  box-shadow: 0px 20px 40px rgba(28, 51, 84, 0.1);
  border-radius: 0 0 5px 5px;
}
@media (max-width: 450px) {
  .blog-content-wrapper {
    padding: 25px 20px 27px 20px;
  }
}
.blog-meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 25px;
  flex-wrap: wrap;
}
.blog-meta > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.blog-meta i {
  font-size: 14px;
  margin-right: 5px;
  line-height: 1;
}
.blog-meta span {
  font-size: 14px;
}
.blog-thumb {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.blog-thumb .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.blog-thumb img {
  -webkit-transition: all 3s ease-out 0s;
  -moz-transition: all 3s ease-out 0s;
  -ms-transition: all 3s ease-out 0s;
  -o-transition: all 3s ease-out 0s;
  transition: all 3s ease-out 0s;
  width: 100%;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -ms-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  transition: all 0.9s ease 0s;
}
.blog-thumb:hover img {
  -webkit-transform: rotate(-2deg) scale(1.1);
  -moz-transform: rotate(-2deg) scale(1.1);
  -ms-transform: rotate(-2deg) scale(1.1);
  -o-transform: rotate(-2deg) scale(1.1);
  transform: rotate(-2deg) scale(1.1);
}
.blog-main-wrapper .blog-content {
  text-align: left;
  padding: 0;
}
.blog-main-wrapper .blog-content h3 {
  font-size: 36px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-main-wrapper .blog-content h3 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-main-wrapper .blog-content h3 {
    font-size: 30px;
  }
}
@media (max-width: 450px) {
  .blog-main-wrapper .blog-content h3 {
    font-size: 26px;
  }
}
.blog-main-wrapper .blog-content h3 a:hover {
  color: var(--clr-theme-1);
}

.blog__details__tag span {
  color: var(--clr-common-heading);
  font-weight: 600;
  margin-right: 10px;
}

div.tagcloud a {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  background: var(--clr-bg-grey);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 8px;
}
div.tagcloud a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}

.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--clr-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--clr-common-black);
  animation: pulse 2s infinite;
}
.pulse-btn:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 56px;
  background: var(--clr-common-white);
  border: 1px solid var(--clr-border-17);
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 45px;
  outline: 0;
}
@media (max-width: 450px) {
  .sidebar__search input {
    padding-left: 19px;
  }
}
.sidebar__search button {
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar__widget {
  padding: 30px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid var(--clr-border-17);
  padding: 30px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  background-color: var(--clr-common-white);
}
@media (max-width: 450px) {
  .sidebar__widget {
    padding: 30px 20px;
  }
}
.sidebar__widget .sidebar__tag {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sidebar__category ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__category ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #575757;
  padding-left: 20px;
  position: relative;
}
.sidebar__category ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__category ul li a:hover {
  color: var(--clr-theme-1);
}
.sidebar__category ul li a:hover::after {
  background: var(--clr-theme-1);
}
.sidebar__tag a {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  background: var(--clr-bg-grey);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sidebar__tag a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}

.rc__post:not(:last-child) {
  margin-bottom: 30px;
}
.rc__meta {
  line-height: 1;
}
.rc__meta span {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 10px;
}
.rc__thumb img {
  width: 75px;
  height: 75px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  object-fit: cover;
}
@media (max-width: 450px) {
  .rc__thumb img {
    width: 60px;
    height: 75px;
  }
}
.rc__title {
  font-size: 18px;
  color: #141517;
  margin-bottom: 0px;
  font-weight: 600;
  line-height: 1.1;
}
.rc__title a:hover {
  color: var(--clr-theme-1);
}

blockquote {
  background: var(--clr-bg-grey);
  padding: 35px 50px;
  margin-bottom: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media (max-width: 450px) {
  blockquote {
    padding: 35px 24px;
  }
}
blockquote::before {
  content: "";
  position: static;
  font-family: "Font Awesome 5 Pro";
  font-size: 32px;
  color: var(--clr-theme-1);
  line-height: 1;
  margin-bottom: 18px;
  display: inline-block;
  font-weight: var(--bd-fw-bold);
}
blockquote p {
  line-height: 1.5;
  font-size: 20px;
  color: #57565e;
  margin-bottom: 0;
}
blockquote cite {
  font-size: 18px;
  display: block;
  margin-top: 10px;
  color: var(--clr-common-heading);
  font-style: inherit;
  font-weight: 600;
  position: relative;
}
blockquote cite::before {
  content: "";
  font-size: 28px;
  color: var(--clr-theme-1);
  padding-bottom: 0px;
  display: inline-block;
  background: var(--clr-theme-1);
  padding-bottom: 0px;
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}

.bd-sidebar__author-img {
  margin-bottom: 20px;
}
.bd-sidebar__social a {
  margin-right: 15px;
}
.bd-sidebar__social a:hover {
  color: var(--clr-theme-1);
}

.sidebar-widget-wrapper {
  position: sticky;
  top: 90px;
}

.bd-postbox ul li.children {
  padding-left: 130px;
}
.bd-postbox__comment-box {
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 30px;
  padding-bottom: 5px;
  gap: 25px 30px;
}
@media (max-width: 450px) {
  .bd-postbox__comment-box {
    flex-direction: column;
  }
}
.bd-postbox__comment-info {
  margin-top: 0px;
}
.bd-postbox__comment-name {
  margin-bottom: 18px;
}
.bd-postbox__comment-name h4 {
  font-size: 18px;
}
.bd-postbox__comment-name span {
  font-size: 14px;
}
.bd-postbox__comment-reply a {
  display: inline-block;
  background: transparent;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 14px;
  border: 1px solid var(--clr-border-1);
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.bd-postbox__comment-reply a:hover {
  border-color: transparent;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.bd-postbox__comment-text p {
  font-size: 14px;
}
.bd-postbox__comment-title {
  font-size: 26px;
  margin-bottom: 30px;
}
.bd-postbox__contact h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}
.bd-postbox__singel-input input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid var(--clr-border-16);
  background: transparent;
  font-size: 15px;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0 24px;
}
.bd-postbox__singel-input textarea {
  width: 100%;
  height: 180px;
  line-height: 60px;
  border: 1px solid var(--clr-border-16);
  background: transparent;
  font-size: 15px;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 15px;
  resize: none;
  padding: 0 25px;
}
.bd-postbox__check label {
  padding-left: 8px;
  color: var(--clr-common-text);
  position: relative;
}

input.e-check-input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: var(--clr-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 4px;
}
input.e-check-input:checked {
  position: relative;
  background-color: var(--clr-theme-1);
  border-color: transparent;
}
input.e-check-input:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: var(--bd-ff-fontawesome);
  font-size: 10px;
  color: var(--clr-common-white);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*----------------------------------------*/
/*  19. Features css start
/*----------------------------------------*/
.bd-features__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-features__item {
    flex-direction: column;
  }
}
.bd-features__item:hover .bd-features__icon {
  background: var(--clr-theme-1);
}
.bd-features__item:hover .bd-features__icon svg * {
  fill: var(--clr-common-white);
}
.bd-features__item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: var(--clr-border-2);
  right: -15px;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-features__item::before {
    display: none;
  }
}
.bd-features__icon {
  height: 55px;
  width: 55px;
  background: var(--clr-bg-grey);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
}
.bd-features__icon i {
  color: var(--clr-common-heading);
  font-size: 20px;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-features__content {
    text-align: center;
  }
}
.bd-features__content h4 {
  margin-bottom: 0;
}
.bd-features__content a:hover {
  color: var(--clr-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-features__area .row > div:nth-child(3) > div::before {
    display: none;
  }
}

.row > div:last-child .bd-features__item::before {
  display: none;
}

.bd-sm__features-wrapper {
  border: 1px solid var(--clr-border-4);
  padding: 30px 0px;
  border-radius: 10px;
}
.bd-sm__features-wrapper .bd-features__item {
  padding: 11px 15px 11px 15px;
    justify-content: inherit;
    border-bottom: 1px solid var(--clr-border-5);
    background: #e4e0d7;
    border-radius: 5px;
}
.bd-sm__features-wrapper .bd-features__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/*----------------------------------------*/
/*  35. Trending css start
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__btn.style-2 {
    display: none;
  }
}
.bd-trending__banner-thumb {
  object-fit: cover;
  background: var(--clr-bg-grey);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__banner-thumb {
    height: 100%;
  }
}
.bd-trending__banner-thumb img {
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.bd-trending__product-thumb {
  background: #c0ddc3;
  padding: 30px 17px;
  position: relative;
}

.bd-teanding__content {
	background: #ecf3ec;
	padding: 10px 0;
}


@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__product-thumb {
    padding: 30px 20px;
  }
}

.bd-trending__content {
  margin-bottom: 30px;
  background: #ecf3ec;
  padding: 10px 0;
}

.bd-trending__item:hover .bd-trending__product-thumb img {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: scale3d(1.07, 1.07, 1.07) translateZ(0);
  transform: scale3d(1.07, 1.07, 1.07) translateZ(0);
}

.bd-td__banner-text {
  position: absolute;
  top: 15px;
  left: 0;
  padding: 30px 30px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-td__banner-text {
    padding: 30px 20px 30px;
  }
}
.bd-td__banner-text span {
  font-size: 20px;
  color: var(--clr-common-white);
  margin-bottom: 10px;
  display: block;
}
.bd-td__banner-text h3 {
  margin-bottom: 0;
  font-size: 36px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-trending__btn.style-2 {
    text-align: left !important;
    margin-top: -10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__btn.style-3 {
    display: none;
  }
}
.bd-trending__tab-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: end;
  padding-right: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__tab-wrapper {
    padding-right: 135px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-trending__tab-wrapper {
    justify-content: start;
    padding-left: 0px;
    padding-right: 120px;
  }
}
@media (max-width: 575px) {
  .bd-trending__tab-wrapper {
    justify-content: start;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.bd-trending__tab-wrapper.style-2 {
  padding-top: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__tab-wrapper.style-2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-trending__tab-wrapper.style-2 {
    padding-top: 6;
    margin-top: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-trending__tab-wrapper.style-2 {
    margin-top: 0;
  }
}
.bd-trending__tab-wrapper.style-3 {
  padding-top: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__tab-wrapper.style-3 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-trending__tab-wrapper.style-3 {
    padding-top: 6;
    margin-top: -20px;
  }
}
.bd-trending__tab-wrapper.style-3 {
  padding-top: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending__tab-wrapper.style-3 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-trending__tab-wrapper.style-3 {
    padding-top: 6;
    margin-top: -20px;
  }
}

.bd-trending-tab-2 .bd-trending__tab-wrapper {
  padding-right: 0px;
  gap: 40px;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-trending-tab-2 .bd-trending__tab-wrapper {
    margin-top: -20px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending-tab-2 .bd-trending__tab-wrapper {
    gap: 15px;
    margin-top: -20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-trending-tab-2 .bd-trending__tab-wrapper {
    margin-top: 0;
  }
}

.bd-tending-nav .bd-trending-tab-2 .bd-trending__tab-wrapper {
  padding-right: 0px;
  gap: 50px;
}
.bd-tending-nav .nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: end;
  gap: 40px;
  border-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-tending-nav .nav-tabs {
    gap: 5px 18px;
    justify-content: start;
  }
}
.bd-tending-nav .nav-tabs .nav-link {
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-body-text);
}
.bd-tending-nav .nav-tabs .nav-link.active {
  border-color: transparent;
  position: relative;
  color: var(--clr-common-heading);
}
.bd-tending-nav .nav-tabs .nav-link.active:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: var(--clr-theme-3);
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-tending-nav .nav-tabs .nav-link.active:after {
    left: auto;
    right: 0;
  }
}
.bd-tending-nav .nav-link {
  padding: 0;
  padding-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-tending-nav .nav-link {
    padding-left: 0;
    padding-right: 15px;
  }
}

.bd-tending-nav .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: 0;
}

.bd-flash__item {
  border: 2px solid var(--clr-theme-1);
  padding: 58px 48px 30px 48px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-flash__item {
    padding: 50px 20px 25px 20px;
  }
}
.bd-flash__discount {
  position: absolute;
  top: 30px;
  right: 35px;
  background: var(--clr-theme-1);
  width: 82px;
  height: 82px;
  text-align: center;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.bd-flash__discount .price {
  line-height: 1;
  color: var(--clr-common-white);
  text-transform: uppercase;
}
.bd-flash__discount .price span {
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
  display: block;
  font-size: 22px;
  margin-bottom: 3px;
}
.bd-flash__thumb {
  margin-bottom: 20px;
}
.bd-flash__content {
  margin-bottom: 25px;
}

.count-down__style .bd-product__countdown {
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  margin-bottom: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 7px;
  align-items: center;
}
.count-down__style .bd-product__countdown span {
  display: none;
}
@media (max-width: 575px) {
  .count-down__style .bd-product__countdown span {
    color: var(--clr-common-heading);
  }
}
.count-down__style .bd-product__countdown .count_down {
  margin-right: 0px;
  height: 44px;
  background: var(--clr-bg-grey);
  line-height: 44px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 12px;
}

.bd-product__countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 7px;
  font-size: 19px;
  font-weight: var(--bd-fw-bold);
  color: var(--clr-common-heading);
}
.bd-product__countdown .count_down {
  margin-right: 5px;
}
.bd-product__countdown span {
  display: block;
  font-size: 12px;
  font-weight: var(--bd-fw-medium);
  text-transform: uppercase;
  color: var(--clr-common-body-text);
  line-height: 1;
  margin-top: 5px;
}
.bd-product .count_down.count-downt-dot {
  position: relative;
}
.bd-product .count_down.count-downt-dot::before {
  position: absolute;
  content: ":";
  font-size: 16px;
  right: -15px;
  top: 14px;
  transform: translateY(-50%);
  color: var(--clr-common-heading);
  font-family: var(--bd-ff-fontawesome);
  font-weight: var(--bd-fw-bold);
  font-size: 12px;
}

.bd-flash__stock .available-text {
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-heading);
}
.bd-flash__stock .available-count {
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-theme-1);
}
.bd-flash__banner-thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}
.bd-flash__banner-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 35px 30px;
}
.bd-flash__banner-content h4 {
  font-weight: normal;
  margin-bottom: 5px;
}
.bd-flash__banner-content h3 {
  font-size: 28px;
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 5px;
}
.bd-flash__banner-content h6 {
  font-weight: var(--bd-fw-normal);
}
.bd-flash__banner-content .price {
  font-size: 26px;
  font-weight: var(--bd-fw-bold);
  color: var(--clr-theme-5);
  padding-left: 7px;
}
.bd-flash__banner-shape {
  position: absolute;
  top: 44%;
  height: 90px;
  width: 90px;
  background: #a85434;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
  right: 55px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-flash__banner-shape {
    top: 30%;
  }
}
.bd-flash__banner-shape .text {
  color: var(--clr-common-white);
  text-align: center;
  line-height: 1;
}
.bd-flash__banner-shape span {
  display: block;
  font-size: 24px;
  font-weight: var(--bd-fw-medium);
}

.bd-trending__quite {
  padding: 50px 35px 40px 35px;
  background: #e1d5d5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .bd-trending__quite {
    padding: 50px 20px 40px 20px;
  }
}
.bd-trending__quite-thumb img {
  margin-bottom: 10px;
  max-width: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.bd-trending__quite-meta {
  margin-bottom: 20px;
}
.bd-trending__quite-meta h4 {
  font-size: 22px;
  margin-bottom: 0;
}
.bd-trending__quite-text {
  margin-bottom: 20px;
}
.bd-trending__quite-text p {
  font-size: 18px;
}
.bd-trending__quite-icon i {
  font-size: 14px;
  color: var(--clr-theme-2);
}
.bd-trending__app-wrapper {
  padding: 30px 0px;
  border: 1px solid var(--clr-border-4);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.bd-trending__app-title {
  margin-bottom: 20px;
}
.bd-trending__app-title h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.bd-trending__app-image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.bd-populer__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--clr-border-4);
  padding: 14.5px;
  gap: 30px;
}
.bd-populer__item-wrapper {
  border: 1px solid var(--clr-border-4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), (max-width: 450px) {
  .bd-populer__item {
    gap: 20px;
  }
}
.bd-populer__item:last-child {
  border-bottom: 0;
}
.bd-populer__thumb {
  width: 90px;
  min-width: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), (max-width: 450px) {
  .bd-populer__thumb {
    width: 80px;
    min-width: 80px;
  }
}
.bd-populer__thumb img {
  background: var(--clr-bg-grey);
  padding: 10px 10px;
  border-radius: 6px;
  width: 100%;
}

.bd-sidebar__top-rated-area {
  padding: 30px 30px 30px 30px;
  border: 1px solid var(--clr-border-4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media (max-width: 575px) {
  .bd-sidebar__top-rated-area {
    padding: 20px 20px;
  }
}
.bd-sidebar__top-rated-area .bd-populer__item {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 15px;
}
.bd-sidebar__top-rated-area .bd-populer__item:last-child {
  margin-bottom: 0;
}
.bd-sidebar__top-rated-area .bd-populer__item-wrapper {
  border: 0;
}
.bd-sidebar__top-rated-area .bd-sm__section-title h3 {
  font-size: 20px;
  font-weight: var(--bd-fw-sbold);
}
.bd-sidebar__top-rated-area .bd-product__title {
  font-size: 18px;
}

/*----------------------------------------*/
/*  14. Category css start
/*----------------------------------------*/
.bd-category__item {
  position: relative;
}
.bd-category__thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.bd-category__content {
  position: absolute;
  top: 35px;
  left: 30px;
  right: 30px;
}
.bd-category__content ul li {
  list-style: none;
  margin-bottom: 5px;
  position: relative;
  padding-left: 10px;
}
.bd-category__content ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-category__content ul li:hover:after {
  background: var(--clr-theme-1);
}
.bd-category__content ul li:last-child {
  margin-bottom: 0;
}
.bd-category__content ul li:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: var(--clr-common-body-text);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.bd-category__content-title h4 {
  font-size: 22px;
  margin-bottom: 25px;
}
.bd-category__content-title ul li {
  list-style: none;
}
.bd-category__title {
  display: block;
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-heading);
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.3;
}
.bd-category__title:hover {
  color: var(--clr-theme-1);
}
.bd-category__img {
  margin-bottom: 15px;
}
.bd-category__number {
  font-size: 14px;
}

.bd-singel__category {
  padding: 25px 25px 20px 25px;
  background: var(--clr-bg-grey);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.bd-singel__category:hover .bd-category__img img {
  -webkit-transform: scale3d(1.07, 1.07, 1.07) translateZ(0);
  transform: scale3d(1.07, 1.07, 1.07) translateZ(0);
}

/*----------------------------------------*/
/*  32. Subcribe css start
/*----------------------------------------*/
.bd-subcribe__text p {
  color: var(--clr-common-heading);
}
@media (max-width: 575px) {
  .bd-subcribe__filter {
    text-align: center;
  }
}
.bd-subcribe__filter input {
  width: 100%;
  height: 60px;
  border: 0;
  background: var(--clr-common-white);
  padding-left: 30px;
  padding-right: 200px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
@media (max-width: 575px) {
  .bd-subcribe__filter input {
    padding-right: 30px;
    text-align: center;
  }
}
.bd-subcribe__filter button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: var(--clr-theme-1);
  height: 60px;
  padding: 0 40px;
  color: var(--clr-common-white);
  -webkit-border-radius: 0px 30px 30px 0px;
  -moz-border-radius: 0px 30px 30px 0px;
  -o-border-radius: 0px 30px 30px 0px;
  -ms-border-radius: 0px 30px 30px 0px;
  border-radius: 0px 30px 30px 0px;
}
@media (max-width: 575px) {
  .bd-subcribe__filter button {
    position: sticky;
    margin-top: 50px;
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -o-border-radius: 30px 30px 30px 30px;
    -ms-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
  }
}

/*----------------------------------------*/
/*  13. Brand css start
/*----------------------------------------*/
.bd-singel__brand {
  text-align: center;
}

/*----------------------------------------*/
/*  27. Pgage banner css start
/*----------------------------------------*/
.bd-page__banner-content {
  padding: 202px 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-page__banner-content {
    padding: 180px 0;
  }
}
.bd-page__banner-content h2 {
  font-size: 50px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .bd-page__banner-content h2 {
    font-size: 44px;
  }
}
.bd-page__banner-content span {
  font-size: 18px;
  color: var(--clr-common-white);
}

.page-overlay {
  position: relative;
  z-index: 1;
}
.page-overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: var(--clr-common-black);
  opacity: 0.65;
  z-index: -1;
}

/*----------------------------------------*/
/*  34. Testimonial css start
/*----------------------------------------*/
.bd-testimonial__thumb {
  margin-bottom: 40px;
}
.bd-testimonial__thumb img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.bd-testimonial__content p {
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 35px;
  font-style: italic;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial__content p {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .bd-testimonial__content p {
    font-size: 20px;
  }
}
.bd-testimonial__author h3 {
  font-weight: var(--bd-fw-medium);
  margin-bottom: 3px;
}
.bd-testimonial__author span {
  font-size: 15px;
}

/*----------------------------------------*/
/*  33. Team css start
/*----------------------------------------*/
.bd-team__wrapper {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-team__wrapper:hover .bd-team__thumb img {
  transform: scale3d(1.1, 1.1, 1.1);
}
.bd-team__thumb {
  margin-bottom: 25px;
  overflow: hidden;
}
.bd-team__content h4 {
  font-size: 22px;
  margin-bottom: 5px;
}
.bd-team__content a:hover {
  color: var(--clr-theme-1);
}
.bd-team__share {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  z-index: 2;
}
.bd-team__share > a {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: var(--clr-theme-1);
  line-height: 40px;
  text-align: center;
}
.bd-team__share a {
  color: var(--clr-common-white);
  padding: 5px 5px;
}
.bd-team__share:hover .bd-team__action {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  right: 50px;
}
.bd-team__action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: var(--clr-theme-1);
  gap: 15px;
  padding: 7px 20px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0px;
  z-index: -1;
}
.bd-team__action a:hover {
  color: var(--clr-common-heading);
}
.bd-team__action::before {
  position: absolute;
  content: "";
  height: 25px;
  width: 1px;
  background: var(--clr-border-11);
  right: 0;
}
.bd-team__member-info {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-team__member-info {
    padding-left: 10px;
  }
}
.bd-team__member-info h3 {
  font-size: 50px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-team__member-info h3 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-team__member-info h3 {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .bd-team__member-info h3 {
    font-size: 34px;
  }
}
.bd-team__member-info > span {
  font-size: 18px;
  display: block;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-team__member-info {
    padding-left: 0px;
  }
}
.bd-team__member-details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.bd-content__inner {
  position: absolute;
  bottom: 0;
  right: 0;
}

.info-meta-single {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
}

.info-meta-icon {
  width: 50px;
  height: 50px;
  border: 1px solid var(--clr-border-2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  line-height: 48px;
}

.info-meta-text .meta-heading {
  display: block;
}
.info-meta-text .meta-link {
  display: block;
  font-size: 20px;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-sbold);
}
.info-meta-text .meta-link:hover {
  color: var(--clr-theme-1);
}

.bd-skill__title-wrapper {
  margin-bottom: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.bd-skill__progress .progress .progress-bar {
  background: var(--clr-theme-1);
  position: relative;
  overflow: visible;
  border-radius: 5px !important;
}
.bd-skill__style-inner .bd-skill__title-wrapper h3 {
  font-size: 18px;
  font-weight: var(--bd-fw-medium);
}
.bd-skill__style-inner .progress-count {
  color: var(--clr-theme-1);
  position: absolute;
  right: 0;
  top: 0;
}
.bd-skill__style-inner .bd-skill__progress .progress {
  height: 10px;
  background-color: transparent;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.bd-skill__style-inner .bd-skill__progress .progress::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: var(--clr-border-8);
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 1px;
}
.bd-skill__img-inner {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-skill__img-inner {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-skill__img-inner {
    padding-left: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-skill__img-inner {
    padding-left: 0px;
  }
}

.archivement__paragraph {
  font-size: 18px;
}

.bd-archivement-box {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-archivement-box {
    padding-left: 10px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-archivement-box {
    padding-left: 0px;
  }
}
.bd-archivement__img-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-archivement__img-item {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.bd-archivement__title h3 {
  font-size: 26px;
  margin-bottom: 20px;
}
.bd-archivement__title p {
  margin-bottom: 33px;
  font-size: 18px;
}

.hr-1 {
  border-bottom: 1px solid #e8e8e8;
}

/*----------------------------------------*/
/*  18. Error css start
/*----------------------------------------*/
.bd-error__number h2 {
  font-size: 160px;
  line-height: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-error__number h2 {
    font-size: 120px;
  }
}
@media (max-width: 450px) {
  .bd-error__number h2 {
    font-size: 100px;
  }
}
.bd-error__text h3 {
  font-size: 32px;
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-error__text h3 {
    font-size: 28px;
  }
}
.bd-error__text p {
  margin-bottom: 45px;
}

/*----------------------------------------*/
/*  16. Contact css start
/*----------------------------------------*/
.bd-contact__main-wrapper {
  padding-right: 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-contact__main-wrapper {
    padding-right: 0;
  }
}
.bd-contact__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.bd-contact__item-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
}
.bd-contact__item .bd-contact__content > span a:hover {
  color: var(--clr-theme-1);
}
.bd-contact__item .bd-contact__content > span a span {
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-medium);
}
.bd-contact__item .bd-contact__content > span a span:hover {
  color: var(--clr-theme-1);
}
.bd-contact__content > span {
  display: block;
}
.bd-contact__content p {
  margin-bottom: 0;
}
.bd-contact__icon i {
  color: var(--clr-theme-1);
}

.bd-single__form-input input {
  width: 100%;
  height: 60px;
  background: var(--clr-bg-grey);
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 20px;
}
.bd-single__form-input textarea {
  min-height: 170px;
  border: 0;
  background: var(--clr-bg-grey);
  padding: 15px 20px;
  resize: none;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  outline: none;
}

.bd-sidebar__support {
  border: 1px solid var(--clr-border-12);
  padding: 30px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 450px) {
  .bd-sidebar__support {
    padding: 30px 20px;
  }
}
.bd-sidebar__title h4 {
  margin-bottom: 30px;
}

/*----------------------------------------*/
/*  24. Google map css
/*----------------------------------------*/
.bd-google__map-area iframe {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  min-height: 450px;
  width: 100%;
}

/*----------------------------------------*/
/*  30. Shop css start
/*----------------------------------------*/
.content-hidden {
  display: none;
}

.child-content-hidden .bd-filter__widget-title::before {
  transform: rotate(90deg);
}

.bd-product__filters {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 55px;
  border-right: 1px solid var(--clr-border-4);
  padding-right: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-product__filters {
    border-right: 0;
    padding-right: 0;
  }
}

.bd-filter__widget {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.bd-filter__widget-title {
  font-size: 20px;
  margin-bottom: 0px;
  position: relative;
  cursor: pointer;
  line-height: 1;
}
.bd-filter__widget-title::before {
  position: absolute;
  content: "";
  font-family: var(--bd-ff-fontawesome);
  right: 0;
  top: 0px;
  font-weight: var(--bd-fw-light);
  color: var(--clr-common-heading);
  transition: 0.3s;
  font-size: 15px;
}
.bd-filter__tab-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--clr-border-4);
  border-radius: 3px;
  padding: 8px 10px;
}
.bd-filter__price {
  padding-top: 3px;
  padding-top: 3px;
}

#slider-range {
  position: relative;
  margin-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: var(--clr-common-white);
  border-radius: 50%;
  outline: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
  background: var(--clr-theme-1);
  border-radius: 50%;
  border: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
}

.ui-slider-horizontal {
  height: 6px;
  height: 3px;
  height: 6px;
  height: 3px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -3px;
}

.ui-widget-content {
  background: none;
}

.ui-widget-header {
  background: var(--clr-theme-1);
}

.ui-slider .ui-slider-handle {
  height: 10px;
  width: 10px;
  -webkit-transition: all 0s linear 0s;
  -moz-transition: all 0s linear 0s;
  -ms-transition: all 0s linear 0s;
  -o-transition: all 0s linear 0s;
  transition: all 0s linear 0s;
  margin-left: 0px;
}
.ui-slider .ui-slider-handle:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 3px;
  background: var(--clr-theme-1);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.slider-range p {
  line-height: 1;
  margin-bottom: 0;
  position: relative;
  margin-top: 15px;
}
.slider-range span {
  position: absolute;
  right: 0;
}
.slider-range input {
  color: var(--clr-common-heading);
  border: none;
  outline: none;
  background: none;
  margin-left: 10px;
  width: 100px;
}

.slider-active-2 .slider-pagination > * {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.slider-active-2 .slider-pagination > *:hover {
  background-color: var(--clr-common-black);
}
.slider-active-2 .slider-pagination > *:hover i {
  color: var(--clr-common-white);
}

.slider-range-bar {
  position: relative;
}
.slider-range-bar:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: var(--clr-border-15);
  top: 1px;
}

.bd-product__check ul li {
  list-style: none;
  margin-bottom: 8px;
  line-height: 1;
}
.bd-product__check ul li:last-child {
  margin-bottom: 0;
}

input.check-input {
  outline: none;
  background: #fbfbfb;
  border: 1px solid var(--clr-border-13);
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  top: 5px;
  font-size: 15px;
  margin-right: 10px;
}

input.check-input[type=checkbox]:checked {
  background: var(--clr-common-white);
  color: var(--clr-text-8);
}
input.check-input[type=checkbox]:checked::before {
  position: absolute;
  content: "+";
  font-family: var(--bd-ff-fontawesome);
  line-height: 16px;
  top: 50%;
  left: 5px;
  font-size: 10px;
  transform: translateY(-50%);
  color: var(--clr-text-8);
  font-weight: var(--bd-fw-bold);
}

input.check-box[type=checkbox]:checked::before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  line-height: 16px;
  top: 0;
  left: 2px;
  font-size: 14px;
}

.bd-singel__rating {
  margin-bottom: 15px;
}
.bd-singel__rating:last-child {
  margin-bottom: 0;
}
.bd-singel__rating .radio-item {
  padding-left: 15px;
}

input.radio-box[type=radio] {
  border: 1px solid var(--clr-border-13);
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  top: 5px;
  font-size: 15px;
  margin-right: 8px;
}
input.radio-box[type=radio]:checked::before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background: var(--clr-common-heading);
  border-radius: 50%;
  position: absolute;
  content: "";
  top: 25%;
  left: 50%;
  height: 8px;
  width: 8px;
  background: var(--clr-common-body-text);
  border-radius: 50%;
  transform: translate(-50%);
  text-align: center;
}

.radio-star .fa-solid {
  color: var(--clr-theme-2);
}
.radio-star .fa-light {
  color: var(--clr-border-14);
}
.radio-star i {
  font-size: 14px;
}

.bd-top__filter-input input {
  height: 60px;
  width: 100%;
  padding-left: 50px;
  border: 1px solid var(--clr-border-4);
  border-radius: 3px;
  padding-right: 20px;
}
.bd-top__filter-input button {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.bd-Product__tab .nav-tabs {
  border-bottom: 0;
}
.bd-Product__tab .nav-tabs .nav-link {
  border: 0;
  background: 0;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bd-Product__tab .nav-tabs .nav-item .nav-link {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-right: 10px;
}
.bd-Product__tab .nav-tabs .nav-item .nav-link.active {
  background: var(--clr-theme-1);
}
.bd-Product__tab .nav-tabs .nav-item .nav-link.active svg {
  height: 13px !important;
  width: 14px;
}
.bd-Product__tab .nav-tabs .nav-item .nav-link.active svg * {
  fill: var(--clr-common-white);
}
.bd-Product__tab .nav-link {
  padding: 0px;
}

.product-quantity a {
  white-space: nowrap;
}

.bd-sort__type-filter .nice-select {
  background-color: var(--clr-bg-grey);
  color: var(--clr-common-heading);
  border: 0;
  border-radius: 3px;
  padding-left: 15px;
  padding-right: 50px;
}
.bd-sort__type-filter .nice-select::after {
  border-bottom: 1.5px solid var(--clr-common-heading);
  border-right: 1.5px solid var(--clr-common-heading);
  height: 7px;
  width: 7px;
  right: 15px;
}
.bd-sort__type-filter .nice-select .list {
  right: 0;
  left: auto;
}
.bd-sort__type-filter .nice-select .option {
  padding-left: 20px;
  padding-right: 20px;
}

.bd-grid__singel-item {
  border-bottom: 1px solid var(--clr-border-4);
  padding-bottom: 3px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-grid__singel-item {
    text-align: center;
  }
}

.bd-product__details-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  bottom: -55px;
}

/*----------------------------------------*/
/*  21. Gallery css start
/*----------------------------------------*/
.bd-singel__gallery-item {
  position: relative;
}
.bd-singel__gallery-item:hover .bd-gallery__action {
  opacity: 1;
  visibility: visible;
}
.bd-singel__gallery-item:hover .bd-gallery-thumb::before {
  opacity: 0.7;
  visibility: visible;
}
.bd-singel__gallery-item:hover .bd-gallery-thumb img {
  -webkit-transform: rotate(-2deg) scale(1.1);
  -moz-transform: rotate(-2deg) scale(1.1);
  -ms-transform: rotate(-2deg) scale(1.1);
  -o-transform: rotate(-2deg) scale(1.1);
  transform: rotate(-2deg) scale(1.1);
}
.bd-singel__gallery-tumb {
  position: relative;
}
.bd-singel__gallery-tumb:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--clr-common-heading);
  opacity: 0;
}

.bd-gallery__action {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.bd-gallery__action a {
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  display: inline-block;
  border-radius: 50%;
}
.bd-gallery__action a:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.bd-gallery-thumb {
  position: relative;
  overflow: hidden;
}
.bd-gallery-thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--clr-common-heading);
  opacity: 0;
  z-index: 2;
}

/*----------------------------------------*/
/*  28. Product details css start
/*----------------------------------------*/
.bd-product__details-large-img img {
  background: var(--clr-bg-grey);
}

.product-ratting {
  margin-bottom: 5px;
}
.product-ratting li {
  display: inline-block;
  margin: 0 -2px;
  color: var(--clr-theme-2);
  font-size: 15px;
  color: var(--clr-theme-2);
}

.modal-product-info {
  padding-left: 50px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-product-info {
    padding-left: 0px;
  }
}
.modal-product-info h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.modal-product-meta li strong {
  margin-right: 5px;
  font-weight: var(--bd-fw-regular);
  min-width: 70px;
  display: inline-block;
}
.modal-product-meta > ul {
  margin: 15px 0;
  padding: 20px 0;
  border-bottom: 1px solid var(--clr-border-4);
  border-top: 1px solid var(--clr-border-4);
}

.product-price del {
  opacity: 1;
  margin-left: 5px;
  font-size: 80%;
  color: var(--clr-text-3);
}

.bd__safe-checkout {
  padding-top: 5px;
}
.bd__safe-checkout h5 {
  margin-bottom: 20px;
}

.bd__product-details-menu-1 ul li a {
  position: relative;
  margin-right: 10px;
  color: var(--clr-common-heading);
}
.bd__product-details-menu-1 ul li a:hover {
  color: var(--clr-theme-1);
}

.bd__social-media {
  margin-bottom: 15px;
}

.modal-product-info .product-price {
  font-size: 1.8em;
  line-height: 1.2;
}
@media (max-width: 450px) {
  .modal-product-info .product-price {
    font-size: 44px;
  }
}
.modal-product-info .product-price span {
  color: var(--clr-theme-1);
}

.product-quantity-cart {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 25px;
}

.product-side-info .product-name {
  font-size: 38px;
}
.product-side-info .product-price {
  font-size: 22px;
  font-weight: 600;
  color: var(--clr-theme-1);
}
.product-side-info p {
  margin-top: 30px;
  margin-bottom: 40px;
}

/* product-details-menu-3 */
.bd__product-details-menu-3 {
  margin-bottom: 20px;
}
.bd__product-details-menu-3 ul {
  padding: 0;
  margin: 0;
}
.bd__product-details-menu-3 ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
}
.bd__product-details-menu-3 ul li:last-child {
  margin-right: 0;
  display: none;
}
.bd__product-details-menu-3 ul li a {
  color: var(--clr-common-heading);
}
.bd__product-details-menu-3 ul li a:hover {
  color: var(--clr-theme-1);
}

.product-ratting li.review-total {
  margin-left: 3px;
  color: var(--clr-theme-1);
}

.bd__social-media ul {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid var(--clr-border-4);
  border-bottom: 1px solid var(--clr-border-4);
}
.bd__social-media ul li {
  list-style: none;
  display: inline-block;
  margin: 0 15px 0 0;
}
.bd__social-media ul li a {
  color: var(--clr-common-heading);
}
.bd__social-media ul li a:hover {
  color: var(--clr-theme-1);
}

.bd__safe-checkout img {
  margin-right: 11px;
}

.product-img img {
  background: var(--clr-bg-grey);
  text-align: center;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details__thumb-inner {
    margin-bottom: 50px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details__thumb-inner.small-device {
    margin-bottom: 110px;
  }
}

.swiper-slide.swiper-slide-thumb-active .product-small__img {
  border: 1px solid var(--clr-theme-1);
}

.product_info-faq-area .nav-tabs {
  border-bottom: 1px solid var(--clr-bg-grey);
}

.product-details-tab .nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
}
.product-details-tab .nav-item {
  position: relative;
  border: 0;
  padding: 10px 0;
  font-size: 16px;
  margin-right: 0px;
  font-weight: 600;
  color: var(--clr-common-text);
}
.product-details-tab .nav-item.active {
  color: var(--clr-common-heading);
  font-weight: 600;
}
.product-details-tab .nav-item.active::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--clr-common-heading);
  bottom: 0;
  left: 0;
  right: 0;
}
.product-details-tab .nav-item::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  background: var(--clr-common-heading);
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
}

.course-review-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: normal;
  gap: 20px 30px;
}
@media (max-width: 450px) {
  .course-review-item {
    flex-direction: column;
  }
}

.course-review-list {
  margin-left: 0px;
}

.course-start-icon {
  margin-bottom: 10px;
}
.course-start-icon i {
  color: var(--clr-theme-2);
  font-size: 14px;
}

.course-reviews-img img {
  max-width: 100px;
  border-radius: 50%;
}

.comment-title h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

.comment-rating ul li {
  display: inline-block;
}
.comment-rating ul li a {
  font-size: 14px;
  color: var(--clr-theme-2);
}

.comment-textarea {
  height: 170px;
  width: 100%;
  background: var(--clr-bg-grey);
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  resize: none;
  outline: 0;
}

.comment-input input {
  height: 60px;
  width: 100%;
  background: var(--clr-bg-grey);
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  outline: 0;
}

.table > :not(:first-child) {
  border-top: 0;
}

.cart-area .table-content table {
  background: var(--clr-common-white);
  border-color: var(--clr-border-17);
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.cart-area .table-content .product-quantity {
  float: none;
}
.cart-area .table-content table td.product-name {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.cart-area .table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--clr-border-17);
}
.cart-area .table-content table td.product-name a:hover {
  color: var(--clr-common-heading);
}
.cart-area .table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}
.cart-area .table-content table th,
.cart-area .table-content table td {
  border-bottom: 1px solid var(--clr-border-17);
  border-right: 1px solid var(--clr-border-17);
  white-space: nowrap;
}
.cart-area .table td,
.cart-area .table th {
  border-top: 1px solid var(--clr-border-17);
}
.cart-area .table-content table td.product-subtotal {
  font-size: 16px;
}
.cart-area .table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}
.cart-area .coupon-all {
  margin-top: 50px;
}
.cart-area .coupon {
  float: left;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .cart-area .coupon {
    float: none;
  }
}
.cart-area #coupon_code {
  height: 50px;
  border: 1px solid var(--clr-border-17);
  padding: 0 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.cart-area #coupon_code:focus {
  border-color: var(--clr-common-heading);
}
.cart-area .coupon2 {
  float: right;
}
@media (max-width: 767px) {
  .cart-area .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-area .cart-page-total {
  padding-top: 50px;
}
.cart-area .cart-page-total > h2 {
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.cart-area .cart-page-total > ul {
  border: 1px solid var(--clr-border-17);
}
.cart-area .cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #575757;
  padding: 14px 30px;
  border-bottom: 1px solid var(--clr-border-17);
  font-weight: 400;
}
.cart-area .cart-page-total ul > li > span {
  float: right;
}
.cart-area .cart-page-total li:last-child {
  border-bottom: 0;
}
.cart-area td.product-thumbnail img {
  width: 125px;
}
.cart-area .product-quantity-form {
  margin: auto;
  width: 122px;
  height: 58px;
  border: 1px solid var(--clr-border-2);
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.cart-area .product-quantity-form:hover {
  border-color: var(--clr-common-heading);
}
.cart-area .cart-plus, .cart-area .cart-minus {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 45px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
}
.cart-area .cart-plus:hover, .cart-area .cart-minus:hover {
  cursor: pointer;
  color: var(--clr-common-heading);
  background: transparent;
}
.cart-area .cart-plus {
  left: auto;
  right: 0;
}
.cart-area .cart-input {
  height: 58px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 4px;
  background: transparent;
}
.cart-area .cart-input:focus {
  outline: none;
}

.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid var(--clr-common-heading);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}
.coupon-accordion h3::before {
  content: "";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #575757;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.coupon-accordion span {
  color: #575757;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-content {
  border: 1px solid var(--clr-border-2);
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p {
  margin-bottom: 0;
  gap: 15px;
}
.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
  color: var(--clr-common-heading);
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
  display: block;
  color: var(--clr-common-heading);
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
  color: var(--clr-common-heading);
  font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
  border: 1px solid var(--clr-border-2);
  height: 60px;
  line-height: 60px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
  border-color: var(--clr-common-heading);
}

.coupon-info p.form-row input[type=submit]:hover,
p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 2px;
}

.form-row > label {
  color: #575757;
  display: flex;
  gap: 10px;
}

.buttons-cart input,
.coupon input[type=submit],
.buttons-cart a,
.coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: var(--clr-common-white);
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}
p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid var(--clr-border-2);
  margin-bottom: 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--clr-border-2);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form .ship-different-title {
  border-bottom: 1px solid var(--clr-border-2);
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}
.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--clr-border-2);
  padding: 0 10px;
  height: 50px;
}
.country-select .nice-select {
  border: 1px solid var(--clr-border-2);
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  width: 100%;
  color: #575757;
  margin-bottom: 20px;
}
.country-select .nice-select::after {
  border-bottom: 1px solid var(--clr-common-heading);
  border-right: 1px solid var(--clr-common-heading);
  height: 7px;
  width: 7px;
}
.country-select .nice-select .list {
  width: 100%;
}

.country-select label,
.checkout-form-list label {
  color: var(--clr-common-heading);
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required,
.checkout-form-list label span.required {
  color: var(--clr-common-heading);
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: var(--clr-common-heading);
}

.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
  background: var(--clr-common-white);
  border: 1px solid var(--clr-border-2);
  border-radius: 0;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 20px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.checkout-form-list input[type=text]:focus,
.checkout-form-list input[type=password]:focus,
.checkout-form-list input[type=email]:focus {
  border-color: var(--clr-border-2);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #575757;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title label {
  display: inline-block;
  margin-right: 10px;
}

.order-notes textarea {
  border: 1px solid var(--clr-border-2);
  height: 90px;
  padding: 15px;
  width: 100%;
  resize: none;
  padding-left: 20px;
  outline: none;
}
.order-notes textarea::-moz-placeholder {
  color: #575757;
  opacity: 1;
}
.order-notes textarea::placeholder {
  color: #575757;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 2px solid var(--clr-border-4);
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid var(--clr-border-2);
  font-size: 24px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid var(--clr-border-2);
  border-right: medium none;
  color: #575757;
  font-size: 16px;
  padding: 15px 0;
  text-align: left;
}
@media (max-width: 575px) {
  .your-order-table table th,
.your-order-table table td {
    padding-right: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: var(--clr-common-heading);
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}
.your-order-table table .shipping ul li label {
  color: #575757;
}
.your-order-table table .shipping th {
  vertical-align: top;
}
.your-order-table table .order-total th {
  border-bottom: 0;
}
.your-order-table table .order-total td {
  border-bottom: medium none;
}
.your-order-table table tr.cart_item:hover {
  background: #f9f9f9;
}
.your-order-table table tr.order-total td span {
  color: var(--clr-common-heading);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: var(--clr-common-white);
  border: 0;
  border-bottom: 1px solid var(--clr-border-2);
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-heading);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--bd-ff-fontawesome);
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--clr-common-heading);
  background-color: var(--clr-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: var(--clr-common-white);
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}
.order-button-payment button {
  width: 100%;
}

.payment-method .btn-link {
  user-select: none;
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}
.payment-method .card {
  background-color: var(--clr-common-white);
  border: 1px solid var(--clr-border-2);
  border-radius: 0;
  margin-bottom: 10px;
}
.payment-method .accordion .card:first-of-type {
  border: 1px solid var(--clr-border-2);
}
.payment-method .card-header {
  background-color: var(--clr-common-white);
  border-bottom: 1px solid var(--clr-border-2);
}

.card-header:first-child {
  border-radius: 0;
}

.product-details-img {
  margin-right: 50px;
}
@media (max-width: 575px) {
  .product-details-img {
    margin-right: 0;
  }
}
.product-details-img img {
  width: 100%;
}

.product-side-info .product-name {
  font-size: 38px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-side-info .product-name {
    font-size: 28px;
  }
}

.product-side-info .product-price {
  font-size: 22px;
  font-weight: 600;
  color: var(--clr-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-side-info .product-price {
    font-size: 18px;
  }
}

.product-side-info p {
  margin-top: 30px;
  margin-bottom: 40px;
}

.product-quantity-cart {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.product-quantity-cart .cart-minus {
  height: 59px;
  width: 55px;
  border: none;
}
.product-quantity-cart .cart-input {
  height: 55px;
  width: 55px;
  border: none;
  text-align: center;
}
.product-quantity-cart .product-quantity-form {
  border: 1px solid var(--clr-border-2);
  border-radius: 4px;
}

.product-quantity-form .cart-plus {
  height: 59px;
  width: 55px;
  border: none;
}

.modal-product__details-content {
  padding-left: 25px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-product__details-content {
    padding-left: 0;
  }
}

.product__modal-close {
  color: var(--clr-common-white);
  display: block;
  line-height: 36px;
  text-align: center;
  background: var(--clr-theme-1);
  width: 38px;
  height: 38px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  position: absolute;
  z-index: 5;
  right: -13px;
  top: -13px;
}

.product__modal.product__modal .modal-dialog {
  max-width: 900px;
}

.modal-dialog.modal-dialog-centered {
  max-width: 980px;
}

.product__modal-wrapper {
  padding: 20px;
}

/*----------------------------------------*/
/*  11. Accordiong css start
/*----------------------------------------*/
.bd-faq__accordion .accordion-button {
  padding: 25px;
  font-size: 18px;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-sbold);
  padding-right: 35px;
  border: 0;
  border-radius: 5px;
}
.bd-faq__accordion .accordion-button:focus {
  z-index: 3;
  border: none;
  outline: 0;
  box-shadow: none;
}
.bd-faq__accordion .accordion-button:not(.collapsed) {
  color: var(--clr-common-heading);
  content: "";
  background-color: var(--clr-common-white);
  box-shadow: none;
  border: 0;
}
.bd-faq__accordion .accordion-button:not(.collapsed)::after {
  background: none;
  transform: rotate(180deg);
  content: "";
  position: absolute;
  right: 25px;
  top: 25px;
  font-family: var(--bd-ff-fontawesome);
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-button:not(.collapsed)::after {
    right: 15px;
  }
}
.bd-faq__accordion .accordion-button::after {
  background: none;
  color: var(--clr-common-heading);
  content: "";
  position: absolute;
  right: 20px;
  top: 25px;
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-button::after {
    right: 15px;
  }
}
.bd-faq__accordion .accordion-item {
  border: 1px solid var(--clr-border-4);
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.bd-faq__accordion .accordion-collapse {
  border: 0;
}
.bd-faq__accordion .accordion-body {
  padding: 0px 25px 20px 25px;
  margin-top: -10px;
}
.bd-faq__accordion .accordion-body p {
  line-height: 26px;
  margin-bottom: 0;
  margin-top: 3px;
}

/*----------------------------------------*/
/*  23. Login css start
/*----------------------------------------*/
.signup-action-check {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.signup-action {
  margin-bottom: 25px;
}

.bd-acount__login-text {
  margin-bottom: 30px;
  margin-bottom: 30px;
}
.bd-acount__login-text span a {
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-sbold);
  text-decoration: underline;
  color: var(--clr-common-heading);
  font-weight: 600;
  text-decoration: underline;
}

.bd-sign__social-text {
  position: relative;
  z-index: 5;
  background: var(--clr-common-white);
  margin-bottom: 25px;
}
.bd-sign__social-text:before {
  position: absolute;
  height: 1px;
  background: var(--clr-border-8);
  content: "";
  width: 100%;
  top: 15px;
  left: 0;
  z-index: -1;
}
.bd-sign__social-text span {
  background: var(--clr-common-white);
  display: inline-block;
  padding: 0 15px;
}
.bd-sign__social-icon a {
  border: 1px solid var(--clr-border-8);
  padding: 10px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-right: 20px;
  display: inline-block;
  color: var(--clr-common-heading);
}
.bd-sign__social-icon a:hover {
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
}
.bd-sign__social-icon a:last-child {
  margin-right: 0;
}

.sign-check span a {
  text-decoration: underline;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-heading);
}

.bd-registered__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 0 20px;
}

.not-register span a {
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-sbold);
  text-decoration: underline;
}

.forget-password a:hover {
  color: var(--clr-theme-1);
}

/*----------------------------------------*/
/*  20.Footer css start
/*----------------------------------------*/
.bd-footer__contact span {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}
.bd-footer__contact span:last-child {
  margin-bottom: 0;
}
.bd-footer__contact span i {
  margin-top: 4px;
}
.bd-footer__contact span a:hover {
  color: var(--clr-theme-1);
}
.bd-footer__logo {
  margin-bottom: 25px;
}
.bd-footer__info p {
  margin-bottom: 40px;
}
.bd-footer__link ul {
  list-style: none;
}
.bd-footer__link ul li {
  margin-bottom: 9px;
}
.bd-footer__link ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-footer__link ul::last-child {
  margin-bottom: 0;
}
.bd-footer__subcribe input {
  height: 60px;
  width: 100%;
  border-radius: 30px;
  border: 0;
  background: var(--clr-common-white);
  padding-left: 20px;
  padding-right: 75px;
}
.bd-footer__widget-title {
  margin-bottom: 30px;
}
.bd-footer__s-btn {
  position: absolute;
  right: 10px;
  color: var(--clr-theme-1);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: var(--clr-common-white);
  top: 50%;
  transform: translateY(-50%);
}
.bd-footer__s-btn:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.bd-footer__support-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 25px;
}
.bd-footer__support-icon span {
  font-size: 15px;
}
.bd-footer__support-inner span {
  margin-bottom: 2px;
  display: block;
}
.bd-footer__support-inner h4 {
  margin-bottom: 0;
}
.bd-footer__support-inner h4 a:hover {
  color: var(--clr-theme-1);
}
.bd-footer__social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
.bd-footer__social a {
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: var(--clr-common-white);
  border-radius: 50%;
  border: 1px solid var(--clr-border-4);
  position: relative;
  font-size: 15px;
}
.bd-footer__social a:hover {
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
}
.bd-footer__social a::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  background: var(--clr-bg-grey-2);
  right: 215px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__social a::after {
    display: none;
  }
}
.bd-footer__social a::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  background: var(--clr-bg-grey-2);
  left: 215px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__social a::before {
    display: none;
  }
}
.bd-footer__style-2 .bd-footer__link ul {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px 50px;
  flex-wrap: wrap;
}
.bd-footer__style-2 .bd-footer__link ul li {
  margin-bottom: 0;
}
.bd-footer__style-2 .bd-footer__link ul li a {
  font-size: 14px;
  font-weight: var(--bd-fw-medium);
  text-transform: uppercase;
  color: var(--clr-common-heading);
}
.bd-footer__style-2 .bd-footer__link ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-footer__payment ul {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: end;
  flex-wrap: wrap;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer__payment ul {
    justify-content: center;
    margin-top: 10px;
  }
}
.bd-footer__payment ul li span {
  padding-right: 10px;
  font-weight: var(--bd-fw-medium);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-footer__copyright.style-1 {
    text-align: center;
  }
}
.bd-footer__copyright ul {
  list-style: none;
}
.bd-footer__copyright ul li {
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
.bd-footer__copyright ul li:last-child {
  margin-right: 0;
}
.bd-footer__copyright ul li:last-child::before {
  display: none;
}
.bd-footer__copyright ul li::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 1px;
  background: var(--clr-common-body-text);
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
}
.bd-footer__copyright ul span a {
  font-weight: var(--bd-fw-medium);
}
.bd-footer__copyright ul span a:hover {
  color: var(--clr-theme-1);
}

.bd-sub__fotter {
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer-col-1 {
  margin-right: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-col-1 {
    margin-right: 0px;
  }
}

.footer-col-2 {
  padding-left: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-2 {
    padding-left: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-col-2 {
    padding-left: 0px;
  }
}

.footer-col-3 {
  padding-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-3 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-col-3 {
    padding-left: 0px;
  }
}

/*----------------------------------------*/
/*  25. Mean menu css start
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--clr-common-black);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--clr-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--clr-common-black);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: var(--clr-theme-1);
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--clr-common-black);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: var(--clr-common-black);
}

/*# sourceMappingURL=main.css.map */



.theme-cl {
  color: #5dbf13;
}

.form-group {
  margin-bottom: 1rem;
}