/*------------------------------------------------------------------
Table of content
-------------------
1. Start Header Area
2. slider area start
3. features area css start
4. hot deals area css start
5. product
6. categories area
7. testimonial
8. blog
9. shop grid view
10. shop list view
11. product details
12. checkout
13. cart
14. wishlist
15. my account
16. compare
17. login register
18. about us
19. contact us
20. banner
21. modal
22. sidebar
23. footer
-------------------------------------------------------------------*/

:root {
  --print-color: green;
  --print-color-light: #fff;
  --print-color-dark: #789f50;
}

/*------- Typography Style Start -------*/
/*------- google fonts -------*/
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Montserrat:300,400,500,600,700,800,900&display=swap");

body {
  font-size: 15px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #606060;
  line-height: 24px;
  /* background-image: url('/assets/img/bamboosa/background22.jpg');
  background-repeat: no-repeat;  */
  /* background-attachment: fixed;  */
  /* background-size: 100% 60%;  */
  /* Make the background image cover the full height of the page */
  overflow-x: hidden;
}

a,
a:hover,
a:focus,
input,
button,
textarea,
button:hover,
button:focus {
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.form-control:focus {
  border-color: #fedc19;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

img {
  max-width: 100%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.img-full img {
  width: 100%;
}

p {
  color: #606060;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: "Josefin Sans", sans-serif;
}

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

.fix {
  overflow: hidden;
}

figure {
  margin: 0;
}

.bdr-top {
  border-top: 1px solid #d9d9d9;
}

.bdr-top-2 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.bdr-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ratings span {
  color: #ffba00;
  font-size: 12px;
}

.bg-black {
  background-color: #111;
}

.bg-gray {
  background-color: #f5f5f5;
}

.bg-gray-light {
  background-color: #f8f6f6;
}

.bg-navy-blue {
  background: #333c4a;
}

.c-red {
  background: red;
}

.c-gray {
  background: gray;
}

.c-blue {
  background: blue;
}

.c-brown {
  background: brown;
}

.c-black {
  background: black;
}

body.modal-open {
  padding-right: 0 !important;
  overflow-y: scroll !important;
}

@media only screen and (min-width: 1400px) {
  .custom-container {
    max-width: 1740px;
  }

  /* .cart-subtotal {
    width: 50% !important;
  }
   */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    max-width: 700px;
  }
}

.modal {
  display: block !important;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  pointer-events: none;
  z-index: -99;
}
.modal.show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
  pointer-events: visible;
  z-index: 99999999;
  -webkit-animation: slideInDown 0.4s forwards;
  animation: slideInDown 0.4s forwards;
}
.modal .modal-header {
  padding: 0 10px;
  border-bottom: none;
}
.modal .modal-header .close {
  color: #333c4a;
  font-size: 28px;
  opacity: 1;
  display: block;
  position: absolute;
  padding: 0;
  margin: 0;
  right: 10px;
  top: 10px;
  z-index: 999;
}
.modal .modal-header .close:hover {
  color: #ee122b;
}
.modal .modal-body {
  padding: 10px;
}
@media only screen and (max-width: 479px) {
  .modal .modal-body {
    padding: 10px;
  }
}

/*------- Typography Style end -------*/
/* ---- slick slider focus ----*/
.slick-slide:focus {
  outline: none;
}

/* ---- sick slider arrow style start ----*/
.slider-arrow-style.slick-slider .slick-arrow {
  top: 50%;
  width: 56px;
  height: 56px;
  color: #333c4a;
  font-size: 28px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
  display: block;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #ffffff;
  line-height: 24px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.slider-arrow-style.slick-slider .slick-arrow.slick-prev {
  left: 50px;
}
.slider-arrow-style.slick-slider .slick-arrow.slick-prev i {
  padding-right: 2px;
  display: block;
}
.slider-arrow-style.slick-slider .slick-arrow.slick-next {
  right: 50px;
}
.slider-arrow-style.slick-slider .slick-arrow.slick-next i {
  padding-left: 2px;
  display: block;
}
.slider-arrow-style.slick-slider .slick-arrow:hover {
  color: #ffffff;
  background-color: #ee122b;
}
.slider-arrow-style.slick-slider:hover .slick-arrow {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
}
.slider-arrow-style.slick-slider:hover .slick-arrow.slick-prev {
  left: 20px;
}
.slider-arrow-style.slick-slider:hover .slick-arrow.slick-next {
  right: 20px;
}

/* ---- sick arrow style start ----*/
.slick-arrow-style.slick-slider .slick-arrow {
  top: -68px;
  right: 15px;
  width: 46px;
  height: 46px;
  color: #333c4a;
  font-size: 24px;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  display: block;
  position: absolute;
  border-radius: 4px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #f5f5f5;
  line-height: 46px;
}
.slick-arrow-style.slick-slider .slick-arrow.slick-prev {
  right: 68px;
}
.slick-arrow-style.slick-slider .slick-arrow.slick-prev i {
  padding-right: 2px;
  display: block;
}
.slick-arrow-style.slick-slider .slick-arrow.slick-next i {
  padding-left: 2px;
  display: block;
}
.slick-arrow-style.slick-slider .slick-arrow:hover {
  color: #ffffff;
  background-color: #ee122b;
}
.slick-arrow-style.slick-slider.arrow-top .slick-arrow {
  top: -55px;
}

.slick-append {
  margin-top: 60px;
}
@media only screen and (max-width: 850px) {
  .cart-calculator-wrapper {
    width: 100% !important;
  }

  .col-md-3 {
    width: 100%;
  }
  .col-md-9 {
    width: 100%;
  }

  .p-5 {
    padding: 50px 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slick-append {
    margin-top: 0;
  }

  .cart-subtotal {
    width: 100% !important;
  }

  .shipment {
    font-size: 14px;
    margin: 10px !important;
  }
}
.slick-append .slick-arrow {
  width: 46px;
  height: 40px;
  background-color: #333c4a;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  margin: 0 2px;
}
.slick-append .slick-arrow:hover {
  color: #ffffff;
  background-color: #ee122b;
}

.slick-row-3 .slick-list {
  margin: 0 -3px;
}
.slick-row-3 .slick-list .slick-slide {
  margin: 0 3px;
}

.slick-row-4 .slick-list {
  margin: 0 -4px;
}
.slick-row-4 .slick-list .slick-slide {
  margin: 0 4px;
}

.slick-row-5 .slick-list {
  margin: 0 -5px;
}
.slick-row-5 .slick-list .slick-slide {
  margin: 0 5px;
}

.slick-row-6 .slick-list {
  margin: 0 -6px;
}
.slick-row-6 .slick-list .slick-slide {
  margin: 0 6px;
}

.slick-row-7 .slick-list {
  margin: 0 -7px;
}
.slick-row-7 .slick-list .slick-slide {
  margin: 0 7px;
}

.slick-row-8 .slick-list {
  margin: 0 -8px;
}
.slick-row-8 .slick-list .slick-slide {
  margin: 0 8px;
}

.slick-row-9 .slick-list {
  margin: 0 -9px;
}
.slick-row-9 .slick-list .slick-slide {
  margin: 0 9px;
}

.slick-row-10 .slick-list {
  /* margin: 0 -10px; */
  scrollbar-width: none;
}
.slick-row-10 .slick-list .slick-slide {
  margin-right: 7px;
}

.slick-row-11 .slick-list {
  margin: 0 -11px;
}
.slick-row-11 .slick-list .slick-slide {
  margin: 0 11px;
}

.slick-row-12 .slick-list {
  margin: 0 -12px;
}
.slick-row-12 .slick-list .slick-slide {
  margin: 0 12px;
}

.slick-row-13 .slick-list {
  margin: 0 -13px;
}
.slick-row-13 .slick-list .slick-slide {
  margin: 0 13px;
}

.slick-row-14 .slick-list {
  margin: 0 -14px;
}
.slick-row-14 .slick-list .slick-slide {
  margin: 0 14px;
}

.slick-row-15 .slick-list {
  margin: 0 -15px;
}
.slick-row-15 .slick-list .slick-slide {
  margin: 0 15px;
}

/*--------- slick slider dot style start -------*/
.slick-dot-style ul.slick-dots {
  bottom: 20px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.slick-dot-style ul.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.slick-dot-style ul.slick-dots li button {
  width: 30px;
  height: 6px;
  line-height: 12px;
  padding: 0;
  background-color: #eaeaea;
  border: none;
  border-radius: 10px;
  display: block;
  text-indent: -5000px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.slick-dot-style ul.slick-dots li.slick-active button {
  background-color: #ee122b;
  border-radius: 10px;
}

/*--------- slick slider dot style end -------*/
/* ---- section title css ----*/
.section-title {
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .section-title {
    margin-bottom: 29px;
  }
}
.section-title p {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-top: -2px;
  padding-bottom: 17px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .section-title p {
    padding-bottom: 12px;
  }
}
.section-title h2 {
  color: #333c4a;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .section-title h2 {
    font-size: 24px;
  }
  .modal .modal-body {
    margin-left: -10px;
    margin-top: 0px !important;
}
}

/* ----tab problem fix css ----*/
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.tab-content .tab-pane.active {
  height: auto;
  opacity: 1;
  overflow: visible;
  visibility: visible;
}

/* ----scroll to top css ----*/
.scroll-top {
  background-color: #ee122b;
  bottom: 50px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  height: 40px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 40px;
  z-index: 9999;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius: 4px;
}
.scroll-top i {
  line-height: 40px;
  color: #fff;
  font-size: 25px;
}
.scroll-top.not-visible {
  bottom: -50px;
  visibility: hidden;
  -webkit-opacity: 0;
  opacity: 0;
}

/*------ custom tooltip start -------*/
.tooltip.show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.tooltip > .tooltip-inner {
  font-size: 13px;
  background-color: #ee122b;
  border-radius: 0;
}
.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #ee122b;
}
.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #ee122b;
}

/*------ custom tooltip end -------*/
.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: inherit;
}

/*------- header top start -------*/
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .header-main {
    padding: 0px 0;
  }
}

.header-top-area {
  padding: 10px 0;
}
.header-top-area .header-call-action p {
  color: #ffffff;
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
  padding-top: 4px;
}
.header-top-area .header-top-right {
  padding-top: 4px;
}
@media only screen and (max-width: 767px) {
  .header-top-area .header-top-right {
    padding-top: 5px;
    margin-top: 5px;
    display: inline-block;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.header-top-area .header-top-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header-top-area .header-top-right ul {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
}
.header-top-area .header-top-right ul li {
  margin-left: 30px;
}
@media only screen and (max-width: 479px) {
  .header-top-area .header-top-right ul li {
    margin-left: 15px;
  }
}
.header-top-area .header-top-right ul li .header-top-dropdown > a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  text-transform: capitalize;
}
.header-top-area
  .header-top-right
  ul
  li
  .header-top-dropdown
  > a.dropdown-toggle {
  cursor: pointer;
}
.header-top-area
  .header-top-right
  ul
  li
  .header-top-dropdown
  > a.dropdown-toggle:after {
  display: none;
}
.header-top-area .header-top-right ul li .header-top-dropdown > a i {
  padding-left: 3px;
}
.header-top-area .header-top-right ul li .dropdown-menu {
  color: #878787;
  font-size: 14px;
  padding: 8px 0 5px;
  left: auto !important;
  right: 0 !important;
  min-width: 120px;
  text-transform: capitalize;
  -webkit-transform: translate3d(0, 32px, 0px) !important;
  transform: translate3d(0, 32px, 0px) !important;
}
.header-top-area .header-top-right ul li .dropdown-menu a:hover,
.header-top-area .header-top-right ul li .dropdown-menu a.active {
  color: #ee122b;
  background-color: transparent;
}

/*------- header top end -------*/
/*------- main menu start -------*/
.main-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.main-menu ul li {
  position: relative;
}
.main-menu ul li.static {
  position: static;
}

.main-menu ul li a {
  font-size: 21px;
  /* color: #333c4a; */
  color: var(--print-color);
  padding: 20px 10px;
  font-weight: 600;
  display: block;
  text-transform: capitalize;
  align-items: flex-end;
}
.main-menu ul li a i {
  font-size: 14px;
  padding: 0 3px;
}
.main-menu ul li:hover > a,
.main-menu ul li.active > a {
  color: #ee122b;
}
.main-menu ul li ul.dropdown {
  top: 100%;
  left: -60px;
  width: 205px;
  position: absolute;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  padding: 20px 0;
  pointer-events: none;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.main-menu ul li ul.dropdown li {
  margin-right: 0;
  border-right: none;
  -ms-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.main-menu ul li ul.dropdown li a {
  color: #606060;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px;
  text-transform: capitalize;
}
.main-menu ul li ul.dropdown li a i {
  float: right;
  padding-top: 5px;
}
.main-menu ul li ul.dropdown li:hover > a {
  color: #ee122b;
}
.main-menu ul li ul.dropdown li ul.dropdown {
  top: 100%;
  left: 100%;
  position: absolute;
  width: 250px;
  opacity: 0;
  visibility: hidden;
}
.main-menu ul li ul.dropdown li:hover ul.dropdown {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.main-menu ul li ul.megamenu {
  width: calc(100% - 30px);
  padding: 30px;
  right: 0;
  margin: auto;
}
.main-menu ul li ul.megamenu li {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}
.main-menu ul li ul.megamenu li.mega-title > a {
  color: #333c4a;
  font-size: 18px;
  font-weight: 500;
}
.main-menu ul li ul.megamenu li ul li {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.main-menu ul li ul.megamenu li:hover > a {
  color: #ee122b;
}
.main-menu ul li:hover ul.dropdown,
.main-menu ul li:hover ul.megamenu {
  pointer-events: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*------- main menu end -------*/
/*------ header setting option start ------*/
.header-setting-option {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .header-setting-option {
    /* margin-right: 80px; */
    margin-right: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .header-setting-option {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .header-setting-option {
    /* margin-right: 30px; */
  }
}
.header-setting-option .search-wrap button {
  width: 60px;
  height: 50px;
  color: #333c4a;
  font-size: 48px;
  line-height: 40px;
  text-align: center;
}
.header-setting-option .user-icon {
  width: 50px;
  height: 50px;
  cursor: pointer;
  color: #333c4a;
  font-size: 45px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
}
.header-setting-option .user-icon a {
  color: #333c4a;
}
.header-setting-option .header-mini-cart {
  position: relative;
  /* margin-left: 10px; */
}
@media only screen and (max-width: 479px) {
  .header-setting-option .header-mini-cart {
    margin-left: -7px !important;
  }
}
.header-setting-option .header-mini-cart .mini-cart-btn {
  cursor: pointer;
  position: relative;
  width: 50px;
  height: 50px;
  color: #333c4a;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
}
.header-setting-option .header-mini-cart .mini-cart-btn span.cart-notification {
  top: 5px;
  right: 4px;
  width: 18px;
  height: 18px;
  font-size: 15px;
  text-align: center;
  line-height: 16px;
  color: #ffffff;
  position: absolute;
  border-radius: 50%;
  display: block;
  background-color: #ee122b;
}
.header-setting-option .header-mini-cart ul.cart-list {
  /* width: 320px; */
  width: 360px;
  top: 100%;
  right: 0;
  background-color: #ffffff;
  position: absolute;
  padding: 15px 15px 0 15px;
  display: none;
  z-index: 1111111;
  -webkit-transform: translate(0, 36px);
  transform: translate(0, 36px);
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .header-setting-option .header-mini-cart ul.cart-list {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
}
@media only screen and (max-width: 410px) {
  .header-setting-option .header-mini-cart ul.cart-list {
    width: 330px !important;
    -webkit-transform: translate(30px, 10px);
    transform: translate(30px, 10px);
  }
}

@media only screen and (max-width: 479px) {
  .header-setting-option .header-mini-cart ul.cart-list {
    width: 370px;
    -webkit-transform: translate(30px, 10px);
    transform: translate(30px, 10px);
  }
}

@media only screen and (max-width: 999px) {
  .otp-responsive .col-lg-2 {
    width: 16% !important;
  }
}

.header-setting-option .header-mini-cart ul.cart-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.header-setting-option .header-mini-cart ul.cart-list li .cart-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  position: relative;
  border: 1px solid #e5e5e5;
}
.header-setting-option .header-mini-cart ul.cart-list li .cart-info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 100px);
  flex: 0 0 calc(100% - 100px);
  padding-left: 15px;
}
.header-setting-option .header-mini-cart ul.cart-list li .cart-info h4 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
}
.header-setting-option .header-mini-cart ul.cart-list li .cart-info h4 a {
  color: #222222;
}
.header-setting-option .header-mini-cart ul.cart-list li .cart-info h4 a:hover {
  color: #ee122b;
}
.header-setting-option .header-mini-cart ul.cart-list li .cart-info span {
  color: #ee122b;
  font-size: 16px;
  margin-top: 10px;
  display: block;
}
.header-setting-option .header-mini-cart ul.cart-list li .cart-info p {
  font-size: 12px;
  color: #606060;
  text-transform: capitalize;
}
.header-setting-option .header-mini-cart ul.cart-list li .del-icon {
  max-width: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  font-size: 18px;
  color: #333c4a;
  text-align: center;
  cursor: pointer;
}
.header-setting-option .header-mini-cart ul.cart-list li .del-icon:hover {
  color: #ee122b;
}
.header-setting-option .header-mini-cart ul.cart-list li.checkout-btn {
  display: block;
  margin-top: 20px;
}
.header-setting-option .header-mini-cart ul.cart-list li.checkout-btn a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  display: block;
  padding: 8px 0 6px;
  background-color: #333c4a;
  text-align: center;
}
.header-setting-option .header-mini-cart ul.cart-list li.checkout-btn a:hover {
  background-color: #ee122b;
}
.header-setting-option .header-mini-cart ul.cart-list li.mini-cart-price span {
  font-size: 16px;
  font-weight: 500;
}
.header-setting-option .settings-top {
  position: relative;
  margin-left: 10px;
}
@media only screen and (max-width: 479px) {
  .header-setting-option .settings-top {
    margin-left: 0;
  }
}
.header-setting-option .settings-top .settings-btn {
  width: 40px;
  height: 40px;
  color: #333c4a;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.header-setting-option .settings-top ul.settings-list {
  top: 100%;
  right: 0;
  width: 280px;
  padding: 25px;
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 9;
  -webkit-transform: translate(0, 36px);
  transform: translate(0, 36px);
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .header-setting-option .settings-top ul.settings-list {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
}
@media only screen and (max-width: 479px) {
  .header-setting-option .settings-top ul.settings-list {
    -webkit-transform: translate(24px, 10px);
    transform: translate(24px, 10px);
  }
}
.header-setting-option .settings-top ul.settings-list li {
  color: #333c4a;
  font-size: 15px;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.header-setting-option .settings-top ul.settings-list li:last-child {
  margin-bottom: 0;
}
.header-setting-option .settings-top ul.settings-list li ul {
  padding-left: 25px;
}
.header-setting-option .settings-top ul.settings-list li ul li {
  margin-bottom: 0;
  padding: 3px 0;
}
.header-setting-option .settings-top ul.settings-list li ul li a {
  color: #606060;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.header-setting-option .settings-top ul.settings-list li ul li a:hover {
  color: #ee122b;
}
.header-setting-option .settings-top ul.settings-list li ul li.active a {
  color: #ee122b;
}

/*------ header setting option start ------*/
/*------ search wrapper start ------*/
.block-bg {
  background: rgba(22, 22, 27, 0.98);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  text-align: center;
  top: 0;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  visibility: hidden;
  width: 100%;
  z-index: 9999999;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.block-bg .minisearch .field__search {
  left: 0;
  margin: 0 auto auto;
  max-width: 1000px;
  position: fixed;
  right: 0;
  top: 50%;
}
.block-bg .minisearch .field__search input {
  color: #ffffff;
  background: transparent;
  border-color: #ffffff;
  border-width: 0 0 1px;
  outline: medium none;
  height: 60px;
  width: 100%;
  z-index: 1;
  position: relative;
  background: transparent;
  padding: 0 40px 0 0;
}
.block-bg .minisearch .field__search .action {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.block-bg .minisearch .field__search .action i {
  color: #ffffff;
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499.98px) {
  .block-bg .minisearch .field__search {
    max-width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-bg .minisearch .field__search {
    max-width: 650px;
  }
}
@media only screen and (max-width: 767px) {
  .block-bg .minisearch .field__search {
    max-width: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .block-bg .minisearch .field__search {
    max-width: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .block-bg .minisearch .field__search {
    max-width: 280px;
  }
}
.block-bg .close__wrap {
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  top: 50px;
  right: 60px;
  padding-top: 5px;
  position: absolute;
  padding-right: 25px;
}
.block-bg .close__wrap:before {
  top: 0;
  right: 0;
  font-size: 20px;
  line-height: 1;
  margin-top: 7px;
  vertical-align: middle;
  content: "\f00d";
  position: absolute;
  font-family: "FontAwesome";
}

.block-bg.is-visible {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}

/*------ search wrapper end ------*/
/*------- menu responsive start --------*/
.mean-container .mean-bar {
  min-height: auto;
  padding: 0;
  margin-top: 0;
  z-index: auto;
}
.mean-container .mean-bar a {
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
  top: -45px;
}
.mean-container .mean-bar a span {
  background: #222222;
}
.mean-container .mean-bar a.meanmenu-reveal {
  color: #222222;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  /* .mean-container .mean-bar a.meanmenu-reveal {
    padding: 13px 0;
  } */
}
.mean-container .mean-bar a:hover {
  color: #ee122b !important;
}
.mean-container .mean-bar .mean-nav {
  margin-top: 0;
  background-color: #333c4a;
}
.mean-container .mean-bar .mean-nav ul {
  max-height: 350px;
  /* overflow-x: hidden; */
  /* position: absolute; */
  z-index: 100;
  background: #333c4a;
}
.mean-container .mean-bar .mean-nav ul li:last-child {
  border-bottom: none;
}
.mean-container .mean-bar .mean-nav ul li a {
  color: #ffffff;
  opacity: 1;
  padding: 10px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}
.mean-container .mean-bar .mean-nav ul li a.mean-expand {
  height: 34px;
  width: 26px;
  margin-top: 0;
  line-height: 34px;
  padding: 5px 12px !important;
}
.mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {
  background-color: transparent;
}
.mean-container .mean-bar .mean-nav ul li a i {
  display: none;
}
.mean-container .mean-bar .mean-nav ul li a:hover {
  background-color: transparent;
}
.mean-container .mean-bar .mean-nav ul li ul.dropdown li a {
  text-transform: capitalize;
  padding: 10px 30px;
  width: 100%;
}
.mean-container .mean-bar .mean-nav ul li ul.dropdown li a.mean-expand {
  width: 26px;
}
.mean-container .mean-bar .mean-nav ul li ul.dropdown li ul li a {
  padding: 10px 45px;
  width: 100%;
}

/*------- menu responsive end --------*/
/*------ transparent  menu style style ------*/
.transparent-menu {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  z-index: 1;
}
.transparent-menu:hover {
  background-color: rgba(255, 255, 255, 0.95);
}

/*------ transparent  menu style end ------*/
/*------ sticky menu style start ------*/
.sticky.is-sticky {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1
    running fadeInDown;
  animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running
    fadeInDown;
}
.sticky.is-sticky .main-menu ul li a {
  padding: 20px 5px;
}
.sticky.is-sticky .main-menu ul li ul.dropdown li a {
  padding: 5px 15px;
}
.sticky.is-sticky .cart-list {
  top: 54% !important;
}

/*------ sticky menu style end ------*/
/*------------ button style start ------------*/
/* ---- common button style css ----*/
.slider-btn {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 20px 15px;
  border-radius: 5px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #333c4a;
}
@media only screen and (max-width: 767px) {
  .slider-btn {
    font-size: 16px;
    padding: 14px 20px 12px;
  }
}
.slider-btn:hover {
  color: #ffffff;
  background-color: #ee122b;
}
.slider-btn__white {
  color: #333c4a;
  background-color: #ffffff;
}

.sqr-btn {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  background-color: green;
  padding: 0 20px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 100px;
}
.sqr-btn a {
  color: #ffffff;
}
.sqr-btn a:hover {
  color: #ffffff;
}
.sqr-btn:hover {
  color: #ffffff;
  background-color: #ee122b;
}
.sqr-btn i {
  padding-right: 5px;
}

.product-btn a {
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 16px 20px 14px;
  border-radius: 4px;
  background-color: #333c4a;
  text-transform: uppercase;
  font-family: "Josefin Sans", sans-serif;
}
.product-btn a:hover {
  color: #ffffff;
  background-color: #ee122b;
}

.shop-btn {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  background-color: #222222;
  padding: 15px 40px;
}
.shop-btn:hover {
  color: #ffffff;
  background-color: #ee122b;
}

/*------------ button style end ------------*/
/*------- short classes start -------*/
.section-padding {
  padding: 40px 0;
}

/* .section-padding-2 {
  padding: 70px 0;
} */

@media only screen and (max-width: 767px) {
  .section-padding {
    padding: 63px 0;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mtn-20 {
  margin-top: -20px;
}

.mbn-30 {
  margin-bottom: -30px;
}

.mtn-30 {
  margin-top: -30px;
}

.mtn-40 {
  margin-top: -40px;
}

.mtn-45 {
  margin-top: -45px;
}

.ptb-30 {
  padding: 30px 0;
}

.mtn-100 {
  margin-top: -100px;
}

/*------- short classes end -------*/
/*-------- slider area start --------*/
.hero-slider-item {
  height: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-item {
    height: 630px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-item {
    height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-item {
    height: 350px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hero-slider-item .slider-content {
  padding: 0 100px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .hero-slider-item .slider-content {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-item .slider-content {
    text-align: center;
  }
}
.hero-slider-item .slider-content h1 {
  color: #333c4a;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 24px;
  text-transform: uppercase;
  opacity: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-item .slider-content h1 {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-item .slider-content h1 {
    font-size: 36px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-item .slider-content h1 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-item .slider-content h1 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 479px) {
  .mobile-search {
    width: 75% !important;
  }
}

@media only screen and (max-width: 550px) {
  .size-img {
    /* width: 8% !important; */
  }
}

@media only screen and (min-width: 475px) and (max-width: 850px) {
  .sizewidth1 {
    width: 73% !important;
  }

  .sizewidth2 {
    width: 27% !important;
  }

}

@media only screen and (min-width: 990px) and (max-width: 1099px) {
  .sizewidth1 {
    width: 100% !important;
  }

  .sizewidth2 {
    width: 100% !important;
  }

}


@media only screen and (min-width: 560px) {
  .mobile-search {
    width: 77% !important;
  }
}

@media only screen and (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 100% !important;
  }
}

@media only screen and (min-width: 620px) {
  .mobile-search {
    width: 80% !important;
  }
}

@media only screen and (min-width: 680px) {
  .mobile-search {
    width: 83% !important;
  }
}

@media only screen and (max-width: 800px) {
  /* 990 */
  .react-search-box {
    border: 1.5px solid #cfcece;
    border-radius: 100px;
    padding: 0px !important;
    width: 300px;
    height: 40px !important;
    display: flex !important;
    margin-top: 6px !important;
  }
  /* .width60 {
  width: 90% !important;
} */

  .justify-content {
    justify-content: left !important;
  }
  .mobile-search {
    height: 50px;
  }

  .header-setting-option .search-wrap button {
    width: 60px;
    height: 41px;
    color: #333c4a;
    font-size: 32px;
    line-height: 20px;
    text-align: center;
  }
}

/* @media only screen and (min-width: 479px) {

} */

.hero-slider-item .slider-content h3 {
  color: #333c4a;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-item .slider-content h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-item .slider-content h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-item .slider-content h3 {
    font-size: 16px;
    padding-bottom: 20px;
  }
}
.hero-slider-item__style-2 {
  height: 750px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
  .hero-slider-item__style-2 {
    height: 630px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .main-menu ul li a {
    font-size: 20px !important;
    /* color: #333c4a; */
    color: var(--print-color);
    padding: 20px 10px;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    align-items: flex-end;
  }

  /* .px-5 {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  } */
}

@media only screen and (max-width: 1200px) {
  .main-menu ul li a {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 800px) and (max-width: 990px) {
  .col-lg-2 {
    flex: 0 0 16.666667% !important;
  }
  .col-lg-10 {
    flex: 0 0 83.333333% !important;
  }
  .main-menu ul li a {
    font-size: 12px !important;
  }
  .logo-dimention {
    width: 70% !important;
    height: 70% !important;
    padding: 5px !important;
  }

  .main-menu ul li a {
    font-size: 15px;
    /* color: #333c4a; */
    color: var(--print-color);
    padding: 17px 9px !important;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    align-items: flex-end;
  }
  .margin-top {
    margin-top: 2px !important;
  }
  .header-main {
    padding: 0 0;
  }
}

@media only screen and (max-width: 1110px) {
  .main-menu ul li a {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu ul li a {
      font-size: 15px !important;
  }
  .about-us-wrap {
    margin: 5% 7% !important;
  }
  
}

@media only screen and (max-width: 1010px) {
  .main-menu ul li a {
    font-size: 15px !important;
  }
}

@media only screen and (max-width: 938px) {
  .main-menu ul li a {
    font-size: 12px !important;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 81.333333%;
  }
  .sticky.is-sticky {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-item__style-2 {
    height: 450px;
  }

  .main-menu ul li a {
    font-size: 15px;
    /* color: #333c4a; */
    color: var(--print-color);
    /* padding: 17px 10px; */
    padding: 14px 7px !important;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    align-items: flex-end;
  }

  /* .px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  } */
}
@media only screen and (max-width: 767px) {
  .hero-slider-item__style-2 {
    height: 350px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hero-slider-item__style-2 .slider-content h1,
.hero-slider-item__style-2 .slider-content h3 {
  color: #ffffff;
}

.hero-overlay {
  position: relative;
}
.hero-overlay:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
  display: none;
}
@media only screen and (max-width: 767px) {
  .hero-overlay:before {
    display: block;
  }
}
.hero-overlay-black:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.slick-current .slider-content h1 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.slick-current .slider-content h3 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.slick-current .slider-content h4 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.slick-current .slider-content a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

/*-------- slider area end --------*/
/*----------- banner style start -----------*/
@media only screen and (max-width: 767px) {
  .banner-statistic-area.mt-90 {
    margin-top: 63px;
  }
}

.img-container {
  position: relative;
}
.img-container img {
  -webkit-transform: scale(1);
  transform: scale(1);
  position: relative;
}
.img-container:hover img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}

.banner-content {
  padding: 105px 0 110px;
}
@mediaonly screen and (max-width: 767px) {
  .banner-content {
    padding: 60px 0 62px;
  }
}
.banner-title {
  font-size: 48px;
  font-weight: 600;
  color: #222222;
  line-height: 1.2;
  padding-bottom: 22px;
  font-family: "Josefin Sans", sans-serif;
}
@media only screen and (max-width: 767px) {
  .banner-title {
    font-size: 32px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .banner-title {
    font-size: 24px;
  }
}
.banner-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: #333c4a;
  text-transform: uppercase;
  margin-bottom: 44px;
}
.banner-subtitle span {
  color: #ee122b;
}
@media only screen and (max-width: 767px) {
  .banner-subtitle {
    margin-bottom: 24px;
  }
}

/*------------- banner style end -------------*/
/*------ product item style start ------*/
.product-thumb {
  position: relative;
  text-align: center;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  /* border-radius: 20px; */
}
.product-thumb img {
  margin: auto;
}
.product-thumb .product-action-link {
  bottom: 5px;
  left: 0;
  right: 0;
  position: absolute;
}
.product-thumb .product-action-link a {
  color: #333c4a;
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 42px;
  text-align: center;
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.product-thumb .product-action-link a:hover {
  color: #ffffff;
  background-color: #ee122b;
  border-color: #ee122b;
}
.product-thumb .product-action-link a span {
  display: block;
}

.product-item {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.product-item .product-description {
  position: relative;
  padding-top: 18px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .product-item .product-description {
    padding-top: 13px;
  }
}
.product-item .product-description .product-name h3 {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 5px;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .product-item .product-description .product-name h3 {
    padding-bottom: 8px;
  }
}
.product-item .product-description .product-name h3 a {
  color: #333c4a;
}
.product-item .product-description .product-name h3 a:hover {
  color: #ee122b;
}
.product-item:hover .product-action-link a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.price-box {
  padding-bottom: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .price-box {
    padding-bottom: 18px;
  }
}
.price-box .regular-price {
  color: #333c4a;
  font-size: 16px;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .price-box .regular-price {
    font-size: 14px;
  }
}
.price-box .old-price {
  color: #333c4a;
  font-size: 12px;
  padding-left: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .price-box .old-price {
    font-size: 10px;
  }
}

.price-box .regular-price-2 {
  color: #333c4a;
  font-size: 18px;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .price-box .regular-price-2 {
    font-size: 16px;
  }
}
.price-box .old-price-2 {
  color: #333c4a;
  font-size: 16px;
  padding-left: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .price-box .old-price-2 {
    font-size: 14px;
  }
}

/*------ product item style end ------*/
/*------ product list item start ------*/
.product-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  border: 1px solid #ededed;
  border-radius: 8px;
}
@media only screen and (max-width: 575px) {
  .product-list-item {
    display: block !important;
  }
}
.product-list-item .product-thumb {
  width: 240px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-height: 285px;
  border: 1px solid #e5e5e5;
}
@media only screen and (max-width: 767px) {
  .product-list-item .product-thumb {
    width: 170px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-height: 200px;
  }
}
@media only screen and (max-width: 575px) {
  .product-list-item .product-thumb {
    display: block;
    width: 100%;
    max-height: 100%;
  }
}
.product-list-item:hover .product-action-link a {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
}

.product-list-content {
  padding-left: 30px;
}
@media only screen and (max-width: 575px) {
  .product-list-content {
    padding-left: 0;
    margin-top: 25px;
  }
}
.product-list-content h3 {
  font-size: 20px;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 767px) {
  .product-list-content h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.product-list-content h3 a {
  color: #333c4a;
}
.product-list-content h3 a:hover {
  color: #ee122b;
}
.product-list-content .price-box {
  padding-top: 15px;
}
.product-list-content p {
  color: #606060;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #e5e5e5;
}
@media only screen and (max-width: 479px) {
  .product-list-content p {
    padding-top: 8px;
  }
}

/*------ product list item end ------*/
/*------- banner feature area start -------*/
.banner-feature-inner {
  padding: 100px 0 97px;
}
@media only screen and (max-width: 767px) {
  .banner-feature-inner {
    padding: 62px 0 60px;
  }
}

.banner-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-feature-item {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .banner-feature-item {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .banner-feature-icon {
    margin-bottom: 24px;
  }
}
.banner-feature-content {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .banner-feature-content {
    padding-left: 0;
  }
}
.banner-feature-content h4 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  display: block;
  padding-bottom: 5px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-feature-content h4 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .banner-feature-content h4 {
    font-size: 18px;
  }
}
.banner-feature-content p {
  color: #ffffff;
  font-size: 16px;
  font-family: "Josefin Sans", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-feature-content p {
    font-size: 14px;
  }
}

/*------- banner feature area end -------*/
/*------- feature category tab tow start -------*/
@media only screen and (max-width: 575px) {
  .tab-menu-vertical {
    margin-bottom: 15px;
  }
}
.tab-menu-vertical ul {
  height: 67%;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .tab-menu-vertical ul {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .tab-menu-vertical ul li {
    display: inline-block;
  }
}
@media only screen and (max-width: 575px) {
  .tab-menu-vertical ul li {
    display: block;
    margin-bottom: 10px;
  }
  .tab-menu-vertical ul li:last-child {
    margin-bottom: 0;
  }
}
.tab-menu-vertical ul li button {
  color: #333c4a;
  font-size: 16px;
  display: block;
  line-height: 1;
  padding: 25px 0px 22px 25px;
  text-align: left;
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  border: 1px solid #e5e5e5;

  width: 100%;
}

.tab-menu-vertical ul {
  padding: auto;
  margin: auto;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-menu-vertical ul li button {
    padding: 20px 25px 17px;
  }
}
@media only screen and (max-width: 767px) {
  .tab-menu-vertical ul li button {
    font-size: 14px;
    padding: 20px 10px 17px;
  }
}
.tab-menu-vertical ul li button:hover,
.tab-menu-vertical ul li button.active {
  color: #ffffff;
  background-color: #333c4a;
  border-color: #333c4a;
}

.vertical-bdr {
  position: relative;
  height: 100%;
}
.vertical-bdr:after {
  top: 0;
  right: 0;
  height: 67%;
  border-right: 1px solid #e5e5e5;
  content: "";
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .vertical-bdr:after {
    display: none;
  }
}

/*------- feature category tab tow end -------*/
/*----- breadcrumb style css start -----*/
.breadcrumb-wrap {
  padding: 50px 0;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 575px) {
  .breadcrumb-wrap {
    padding: 25px 0;
  }
}
.breadcrumb-wrap nav .breadcrumb {
  background: transparent;
  margin-bottom: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item a {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item a:hover {
  color: #ee122b;
}
@media only screen and (max-width: 479px) {
  .breadcrumb-wrap nav .breadcrumb .breadcrumb-item a {
    font-size: 12px;
  }
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item::before {
  color: #606060;
  content: "\f0da";
  padding: 0 6px;
  margin-right: 6px;
  font-family: fontawesome;
}
@media only screen and (max-width: 479px) {
  .breadcrumb-wrap nav .breadcrumb .breadcrumb-item::before {
    padding: 0 3px;
    margin-right: 3px;
  }
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}
.breadcrumb-wrap nav .breadcrumb .breadcrumb-item.active {
  color: #ee122b;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .breadcrumb-wrap nav .breadcrumb .breadcrumb-item.active {
    font-size: 12px;
  }
}

/*----- breadcrumb style css end -----*/
/*----- shop Sidebar start -----*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-wrapper {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper {
    /* padding-top: 62px; */
  }
}
.sidebar-wrapper .sidebar-single:last-child {
  margin-bottom: 0;
}

.sidebar-single {
  margin-bottom: 30px;
}
.sidebar-single .sidebar-title {
  margin-bottom: 5px;
}
.sidebar-single .sidebar-title h3 {
  color: #333c4a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.sidebar-single .advertising-thumb {
  margin-top: 45px;
}

/*----- Sidebar Category -----*/
.sidebar-category li > a {
  font-size: 15px;
  color: #333c4a;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: block;
  padding: 18px 0 15px;
  border-bottom: 1px solid #ededed;
}
.sidebar-category li > a:hover {
  color: #ee122b;
}
.sidebar-category li.has-children > a::before {
  top: 50%;
  right: 0;
  content: "\f067";
  font-size: 12px;
  position: absolute;
  font-family: Fontawesome;
  text-align: right;
  -webkit-transform: translate(0, -44%);
  transform: translate(0, -44%);
}
.sidebar-category li ul li {
  border: none;
  padding: 5px 25px;
}
.sidebar-category li ul li a {
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 0 12px;
}
.sidebar-category li:last-child a {
  border-bottom: none;
  padding-bottom: 0;
}

/*----- shop Sidebar end -----*/
/*----- price Sidebar start -----*/
.price-container li {
  padding: 5px 0 2px;
  /* border-bottom: 1px solid #ededed; */
}
.price-container li label {
  margin-bottom: 0;
}
.price-container li label.radio-container,
.price-container li label.checkbox-container {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 15px;
  color: #333c4a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-transform: capitalize;
}
.price-container li label.radio-container input,
.price-container li label.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.price-container li label.radio-container input:checked ~ .checkmark:after,
.price-container li label.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.price-container li label.radio-container:hover,
.price-container li label.checkbox-container:hover {
  color: #ee122b;
}
.price-container li label.radio-container .checkmark,
.price-container li label.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  margin-top: 2px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.price-container li label.radio-container .checkmark:after,
.price-container li label.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  height: 8px;
  width: 8px;
  background-color: #ee122b;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.price-container li label.radio-container.radio-container .checkmark,
.price-container li label.checkbox-container.radio-container .checkmark {
  border-radius: 50%;
}
.price-container li label.radio-container.radio-container .checkmark:after,
.price-container li label.checkbox-container.radio-container .checkmark:after {
  border-radius: 50%;
}
.price-container li.active label.radio-container,
.price-container li.active label.checkbox-container {
  color: #ee122b;
}
.price-container li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/*----- price Sidebar end -----*/
/*----- popular item end -----*/
.popular-item-inner {
  margin-top: 25px;
}
.popular-item-inner .popular-item:last-child {
  margin-bottom: 10px;
}

.popular-item {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popular-item .pop-item-thumb {
  width: 65px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /* max-height: 80px; */
  border: 1px solid #e5e5e5;
}
.popular-item .pop-item-des {
  padding-left: 10px;
  width: calc(100% - 65px);
}
.popular-item .pop-item-des h4 {
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .popular-item .pop-item-des h4 {
    padding: 2px 0;
  }
}
.popular-item .pop-item-des h4 a {
  color: #606060;
}
.popular-item .pop-item-des h4 a:hover {
  color: #ee122b;
}
.popular-item .pop-item-des .price-box .regular-price,
.popular-item .pop-item-des .price-box .old-price {
  font-size: 14px;
  font-weight: 500;
  color: #606060;
}

/*----- popular item end -----*/
/*----- blog sidebar start -------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-sidebar-wrapper {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-sidebar-wrapper {
    margin-top: 62px;
  }
}
.blog-sidebar-wrapper .blog-sidebar:last-child {
  margin-bottom: 0;
}

.blog-sidebar {
  margin-bottom: 30px;
}
.blog-sidebar .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15px;
  position: relative;
  text-transform: uppercase;
}
.blog-sidebar .sidebar-serch-form {
  margin-bottom: 34px;
}
.blog-sidebar .search-field {
  width: calc(100% - 50px);
  border: 1px solid #ccc;
  padding: 0 10px;
  color: #606060;
  font-size: 14px;
  height: 50px;
  float: left;
  text-transform: capitalize;
}
.blog-sidebar .search-btn {
  width: 50px;
  height: 50px;
  margin-left: -4px;
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.blog-sidebar .search-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #333c4a;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.blog-sidebar .search-btn:hover {
  background-color: #ee122b;
  border-color: #ee122b;
}
.blog-sidebar .search-btn:hover i {
  color: #ffffff;
}
.blog-sidebar .blog-archive li a {
  color: #333c4a;
  font-size: 15px;
  text-transform: capitalize;
  padding: 10px 0;
  line-height: 1;
  display: inline-block;
}
.blog-sidebar .blog-archive li a:hover {
  color: #ee122b;
}
.blog-sidebar .blog-archive li:first-child a {
  padding-top: 0;
}
.blog-sidebar .blog-archive li:last-child a {
  padding-bottom: 0;
}
.blog-sidebar .blog-tags {
  margin-top: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .blog-sidebar .blog-tags {
    margin-bottom: -5px;
  }
}
.blog-sidebar .blog-tags li {
  display: inline-block;
  margin-bottom: 5px;
}
.blog-sidebar .blog-tags li a {
  color: #333c4a;
  font-size: 13px;
  border: 1px solid #ccc;
  padding: 6px 12px 4px;
  display: inline-block;
  text-transform: uppercase;
}
.blog-sidebar .blog-tags li a:hover {
  color: #ffffff;
  background-color: #ee122b;
  border-color: #ee122b;
}

.recent-post {
  margin-top: 26px;
  margin-bottom: 34px;
}
.recent-post .recent-post-item:last-child {
  margin-bottom: 0;
}

.recent-post-item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.recent-post-item .product-thumb {
  max-width: 70px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70px;
  flex: 1 0 70px;
  border: none;
}
.recent-post-item .recent-post-description {
  padding-left: 10px;
}
.recent-post-item .recent-post-description h6 {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 5px;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}
.recent-post-item .recent-post-description h6 a {
  color: #606060;
}
.recent-post-item .recent-post-description h6 a:hover {
  color: #ee122b;
}
.recent-post-item .recent-post-description p {
  font-size: 14px;
  font-weight: 30;
}

/*----- blog sidebar end -------*/
/*------- blog item start -------*/
.blog-post-item:hover .blog-thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.blog-thumb {
  overflow: hidden;
}
.blog-thumb img {
  width: 100%;
}
.blog-content {
  padding: 27px;
  background-color: #f6f6f6;
}
@media only screen and (max-width: 767px) {
  .blog-content {
    padding: 20px 15px;
  }
}
.blog-content .read-more {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-top: 22px;
  padding: 13px 18px 12px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #333c4a;
  font-family: "Josefin Sans", sans-serif;
}
.blog-content .read-more:hover {
  color: #ee122b;
}
.blog-title {
  font-size: 20px;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .blog-title {
    font-size: 18px;
  }
}
.blog-title a {
  color: #333c4a;
  display: block;
}
.blog-title a:hover {
  color: #ee122b;
}
.blog-desc {
  color: #707070;
  padding: 7px 0 12px;
  margin-bottom: 0;
}
.blog-meta {
  padding-bottom: 16px;
}
.blog-meta p {
  color: #606060;
  line-height: 1;
}

/*------- blog item end -------*/
/*----- shop main wrapper start -----*/
.shop-top-bar {
  margin-bottom: 30px;
}

.top-bar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .top-bar-left {
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 479px) {
  .top-bar-left {
    display: block;
    text-align: center;
  }
}
.top-bar-left .product-view-mode {
  margin-right: 55px;
}
@media only screen and (max-width: 479px) {
  .top-bar-left .product-view-mode {
    margin-bottom: 15px;
    margin-right: 0;
  }
}
.top-bar-left .product-view-mode a {
  color: #ffffff;
  background-color: #333c4a;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.top-bar-left .product-view-mode a i {
  line-height: 44px;
  font-size: 20px;
}
.top-bar-left .product-view-mode a:hover {
  background-color: #ee122b;
}
.top-bar-left .product-view-mode a.active {
  background-color: #ee122b;
}
.top-bar-left .product-amount p {
  color: #606060;
  text-transform: capitalize;
}

.top-bar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .top-bar-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.top-bar-right .product-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-bar-right .product-short p {
  margin-right: 10px;
}

.nice-select {
  width: 200px;
  padding: 0 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nice-select {
    width: 170px;
  }
}
.nice-select.open {
  border-color: #ee122b;
}
.nice-select .list {
  right: 0;
  left: auto;
  width: 100%;
}
.nice-select .option {
  font-size: 13px;
  line-height: 34px;
  min-height: 34px;
}

/*----- shop main wrapper end -----*/
.shop-product-wrap.list .product-item {
  display: none;
}

.shop-product-wrap.grid .product-item {
  display: block;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.shop-product-wrap.grid .product-list-item {
  display: none !important;
}

.shop-product-wrap.list .product-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.shop-product-wrap.row.list .col-xl-4,
.shop-product-wrap.row.list .col-xl-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.paginatoin-area {
  padding: 20px 0 18px;
  border: 1px solid #ededed;
}
.paginatoin-area .pagination-box li {
  display: inline-block;
}
.paginatoin-area .pagination-box li a {
  color: #606060;
  padding: 10px;
}
.paginatoin-area .pagination-box li a:hover {
  color: #ee122b;
}
.paginatoin-area .pagination-box li.active a {
  color: #ee122b;
}

/*----- product details slider start ----*/
.pro-large-img {
  position: relative;
  padding: 1px;
  cursor: pointer;
}
.pro-large-img img {
  width: 100%;
  border: 1px solid #ededed;
}

.pro-nav-thumb {
  cursor: pointer;
}
.pro-nav-thumb img {
  border: 1px solid #ededed;
}

/*----- product details slider end ----*/
/*----- product details content start ----*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-des {
    /* padding-top: 58px; */
  }
}
@media only screen and (max-width: 767px) {
  .product-details-des {
    /* padding-top: 55px; */
  }
}
.product-details-des h3 {
  color: #333c4a;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  padding-bottom: 10px;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 575px) {
  .product-details-des h3 {
    font-size: 20px;
  }
}
.product-details-des .price-box {
  padding-top: 10px;
  padding-bottom: 0;
}
.product-details-des p {
  /* padding-top: 15px;
  padding-bottom: 20px; */
}
.product-details-des .pro-review a {
  color: #ee122b;
  font-size: 13px;
  text-transform: capitalize;
}
.product-details-des .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px;
}
.product-details-des .quantity h5 {
  color: #333c4a;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  margin-right: 10px;
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .product-details-des .quantity h5 {
    margin-right: 10px;
  }
}
.product-details-des .quantity .pro-qty {
  width: 90px;
  /* height: 46px; */
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left;
}
.product-details-des .quantity .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 46px;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  color: #606060;
}
.product-details-des .quantity .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 46px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.product-details-des .availability {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-details-des .availability h5 {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: "Montserrat", sans-serif;
}
.product-details-des .availability span {
  color: #22dd77;
  font-size: 14px;
  padding-left: 3px;
}
.product-details-des .share-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-details-des .share-icon h5 {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: "Montserrat", sans-serif;
}
.product-details-des .share-icon a {
  width: 36px;
  height: 36px;
  color: #606060;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  padding: 0 8px;
  margin-right: 6px;
  border: 1px solid #e5e5e5;
}
.product-details-des .share-icon a:hover {
  color: #ffffff;
  border-color: #ee122b;
  background-color: #ee122b;
}
.product-details-des .color-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-details-des .color-option h5 {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 5px;
  margin-right: 10px;
  font-family: "Montserrat", sans-serif;
}
.product-details-des .color-option li {
  display: inline-block;
  margin-right: 5px;
  padding: 2px;
  border: 1px solid #ccc;
}
.product-details-des .color-option li a {
  height: 30px;
  width: 30px;
  display: block;
}
.product-details-des .pro-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-details-des .pro-size h5 {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: "Montserrat", sans-serif;
}
.product-details-des .pro-size .nice-select {
  width: 100px;
  height: 46px;
  border-radius: 0;
  line-height: 48px;
}
.product-details-des .group-product-table {
  display: block;
}
.product-details-des .group-product-table.table-bordered {
  border: none;
}
.product-details-des .group-product-table td {
  width: 33.33%;
  padding: 8px;
  vertical-align: middle;
}
.product-details-des .group-product-table td a {
  color: #606060;
  text-transform: capitalize;
}
.product-details-des .group-product-table td a:hover {
  color: #ee122b;
}
.product-details-des .group-product-table td .pro-qty {
  width: 90px;
  height: 36px;
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left;
}
.product-details-des .group-product-table td .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 36px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #606060;
}
.product-details-des .group-product-table td .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}

/*----- product details content end ----*/
/*----- reviews area start -----*/
.product-review-info .nav.review-tab li button {
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  padding: 8px 10px;
  border: 1px solid #ededed;
  border-bottom: none;
  background-color: #979898;
}
.product-review-info .nav.review-tab li button:hover,
.product-review-info .nav.review-tab li button.active {
  color: #606060;
  background-color: #ffffff;
}
@media only screen and (max-width: 479px) {
  .product-review-info .nav.review-tab li button {
    font-size: 12px;
    padding: 8px 9px;
  }
}
.product-review-info .tab-content.reviews-tab {
  border: 1px solid #ededed;
  padding: 15px 20px 20px;
}
.product-review-info .tab-content.reviews-tab .table {
  margin-bottom: 0;
}
.product-review-info .tab-content.reviews-tab .table tr {
  text-transform: capitalize;
}
.product-review-info .tab-content.reviews-tab p {
  color: #606060;
  font-size: 14px;
  line-height: 26px;
}
.product-review-info .tab-content .review-description {
  padding-top: 25px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-info .tab-content .review-description {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-review-info .tab-content .review-description {
    padding: 12px 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-review-info .tab-content .review-description {
    display: block;
  }
}
.product-review-info .tab-content .review-description .tab-thumb {
  -ms-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
}
@media only screen and (max-width: 767px) {
  .product-review-info .tab-content .review-description .tab-thumb {
    -ms-flex-basis: 220px;
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;
  }
}
.product-review-info .tab-content .review-description .tab-des {
  padding-left: 40px;
  -ms-flex-basis: calc(100% - 300px);
  -ms-flex-preferred-size: calc(100% - 300px);
  flex-basis: calc(100% - 300px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-info .tab-content .review-description .tab-des {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-review-info .tab-content .review-description .tab-des {
    padding-left: 20px;
    padding-top: 30px;
    -ms-flex-basis: calc(100% - 220px);
    -ms-flex-preferred-size: calc(100% - 220px);
    flex-basis: calc(100% - 220px);
  }
}
.product-review-info .tab-content .review-description .tab-des h3 {
  color: #ee122b;
  font-size: 20px;
  font-weight: 22px;
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 10px;
}
.product-review-info .tab-content .review-description .tab-des ul li {
  font-size: 14px;
  padding: 3px 0;
  list-style: inherit;
}

.review-form h5 {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 20px;
  text-transform: capitalize;
}
.review-form h5 span {
  color: #ee122b;
}
@media only screen and (max-width: 575px) {
  .review-form h5 {
    font-size: 16px;
  }
}

.total-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px;
}
.total-reviews .rev-avatar {
  -ms-flex-basis: 60px;
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
  max-height: 60px;
}
.total-reviews .review-box {
  margin-left: 10px;
  border: 1px solid #e5e5e5;
  padding: 10px;
  -ms-flex-basis: calc(100% - 70px);
  -ms-flex-preferred-size: calc(100% - 70px);
  flex-basis: calc(100% - 70px);
}
.total-reviews .review-box .post-author {
  padding-bottom: 10px;
}
.total-reviews .review-box .post-author p {
  font-size: 12px;
  font-style: italic;
  text-transform: capitalize;
}
.total-reviews .review-box .post-author p span {
  font-size: 13px;
}
.total-reviews .review-box p {
  font-size: 13px;
  font-style: italic;
}

/*----- reviews area end -----*/
/* Checkout Login Coupon Accordion Start */
.checkoutaccordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid #333c4a;
  color: #333c4a;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 30px;
  padding: 15px 20px;
  position: relative;
  text-transform: uppercase;
}
.checkoutaccordion h3 span {
  color: #ee122b;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  margin-left: 10px;
}
.checkoutaccordion h3 span:hover {
  color: #333c4a;
}
@media only screen and (max-width: 479px) {
  .checkoutaccordion h3 {
    font-size: 14px;
  }
}
.checkoutaccordion .card {
  border: none;
  padding: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.checkoutaccordion .card .card-body {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 20px;
  margin-bottom: 30px;
}
.checkoutaccordion .card .card-body .cart-update-option {
  border: none;
  padding: 0;
}
.checkoutaccordion
  .card
  .card-body
  .cart-update-option
  .apply-coupon-wrapper
  input {
  padding: 12px 10px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  margin-right: 15px;
}
@media only screen and (max-width: 479px) {
  .checkoutaccordion
    .card
    .card-body
    .cart-update-option
    .apply-coupon-wrapper
    input {
    margin-bottom: 15px;
  }
}

.checkout-box-wrap .custom-control {
  padding-left: 0;
  margin-left: 1.5rem;
}

.checkout-billing-details-wrap h2 {
  color: #333c4a;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .checkout-billing-details-wrap h2 {
    margin-bottom: 26px;
  }
}
.checkout-billing-details-wrap .billing-form-wrap {
  margin-top: -20px;
}

.forget-pwd {
  color: #ee122b;
  font-size: 12px;
  margin-top: -6px;
}

.single-form-row {
  margin-top: 15px;
  display: none;
}
.single-form-row p {
  margin: 0;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .order-summary-details {
    margin-top: 56px;
  }
}
.order-summary-details h2 {
  color: #333c4a;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  /* margin-bottom: 30px; */
  text-transform: uppercase;
}

.order-summary-table {
  background-color: #f7f7f7;
  margin-top: 20px;
}
.order-summary-table .table,
.order-summary-table table {
  color: #333c4a;
  margin-bottom: 0;
  font-size: 15px;
  white-space: nowrap;
}
.order-summary-table .table tr td,
.order-summary-table .table tr th,
.order-summary-table table tr td,
.order-summary-table table tr th {
  font-weight: 500;
  vertical-align: middle;
  padding: 15px 10px;
  border-width: 1px;
}
.order-summary-table .table tr td a,
.order-summary-table .table tr th a,
.order-summary-table table tr td a,
.order-summary-table table tr th a {
  color: #333c4a;
  font-weight: 400;
}
.order-summary-table .table tr td strong,
.order-summary-table .table tr th strong,
.order-summary-table table tr td strong,
.order-summary-table table tr th strong {
  font-weight: 500;
}
.order-summary-table .shipping-type {
  text-align: left;
}
.order-summary-table .shipping-type li {
  margin-bottom: 5px;
}
.order-summary-table .shipping-type li:last-child {
  margin-bottom: 0;
}

.order-payment-method {
  background-color: #f7f7f7;
  padding: 40px 20px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .order-payment-method {
    padding: 32px 20px 36px;
  }
}

.single-payment-method {
  margin-bottom: 20px;
}
.single-payment-method:last-child {
  margin-bottom: 0;
}
.single-payment-method:first-child .payment-method-details {
  display: block;
}
.single-payment-method label,
.single-payment-method .custom-control-label {
  font-weight: 500;
}
.single-payment-method .paypal-card {
  max-width: 150px;
  height: 50px;
  margin-top: 10px;
  display: block;
}
.single-payment-method .payment-method-details {
  background-color: #f1f1f1;
  color: #333c4a;
  font-weight: 400;
  font-size: 13px;
  padding: 10px;
  position: relative;
  margin-top: 20px;
  display: none;
}
.single-payment-method .payment-method-details:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  bottom: 100%;
}
.single-payment-method .payment-method-details * {
  margin: 0;
}

.summary-footer-area .btn-brand {
  margin-top: 40px;
}

/*------- input box style css start -------*/
.single-input-item {
  margin-top: 20px;
}
.single-input-item label {
  color: #333c4a;
  text-transform: capitalize;
  font-size: 14px;
}
.single-input-item label.required:after {
  content: "*";
  color: red;
  font-size: 14px;
  margin-left: 3px;
  margin-top: 5px;
}
.single-input-item input:not([type="checkbox"]),
.single-input-item textarea {
  color: #606060;
  border: 1px solid #ccc;
  padding: 12px 10px;
  width: 100%;
  font-size: 14px;
  background: #f7f7f7;
}
.single-input-item input:not([type="checkbox"]):active,
.single-input-item input:not([type="checkbox"]):focus,
.single-input-item textarea:active,
.single-input-item textarea:focus {
  border-color: #ee122b;
  background-color: #ffffff;
}
.single-input-item .nice-select {
  width: 100%;
  border-radius: 0;
  height: 48px;
  border-color: #ccc;
  background-color: #f7f7f7;
}
.single-input-item .nice-select .current {
  color: #606060;
}
.single-input-item .nice-select .list {
  max-height: 200px;
  overflow: auto;
  width: 100%;
}

/*------- input box style css end -------*/
/*-------- Custom Checkbox Style start --------*/
.form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-check-label {
  color: #333c4a;
  font-size: 14px;
  line-height: 1;
  padding-left: 10px;
  display: block;
  cursor: pointer;
}
.form-check-label a {
  color: #333c4a;
  font-weight: 500;
}
.form-check-label a:hover {
  color: #ee122b;
}
.form-check-input {
  background-color: #ddd;
  border: 1px solid #ddd;
  width: 15px;
  height: 15px;
}
.form-check-input[type="checkbox"] {
  border-radius: 0;
}
.form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: #ee122b;
  border-color: #ee122b;
}

/*-------- Custom Checkbox Style end --------*/
/*------- Custom Radio Button Style start -------*/
.custom-radio label:before,
.custom-radio .custom-control-label:before {
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
.custom-radio label::after,
.custom-radio .custom-control-label::after {
  background-position: 1px 1px;
  background-size: 9px 8px;
  left: -22px;
  top: 2px;
  height: 10px;
  width: 10px;
}

/*------- Custom Radio Button Style end -------*/
/*--------- Cart Page Wrapper Start ---------*/
.cart-table .table {
  margin: 0;
  white-space: nowrap;
}
.cart-table .table thead {
  background-color: #333c4a;
}
.cart-table .table thead tr th {
  border-color: #333c4a;
  border-bottom: 0 solid transparent;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 20px;
  text-align: center;
  text-transform: uppercase;
}
.cart-table .table tbody tr td {
  border-color: #ccc;
  text-align: center;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: 600;
  color: #333c4a;
}
.cart-table .table tbody tr td a {
  color: #333c4a;
  font-weight: 500;
  text-transform: capitalize;
}
.cart-table .table tbody tr td a:hover {
  color: #ee122b;
}
.cart-table .table tbody tr td a.btn {
  color: #ffffff;
}
.cart-table .table tbody tr td a.btn:hover {
  color: #ffffff;
}
.cart-table .table tbody tr td a.check-btn {
  color: #ffffff;
}
.cart-table .table tr .pro-thumbnail,
.cart-table .table tr .pro-price,
.cart-table .table tr .pro-quantity,
.cart-table .table tr .pro-subtotal,
.cart-table .table tr .pro-remove {
  width: 140px;
}
.cart-table .table tr .pro-qty {
  width: 90px;
  /* height: 35px; */
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left;
}
.cart-table .table tr .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 38px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #606060;
}
.cart-table .table tr .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 38px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}

.cart-update-option {
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px 20px;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 1200px) and (max-width: 1499.98px) {
  .cart-update-option {
    margin-top: 0;
    border-top: 0 solid transparent;
  }
}
.cart-update-option .apply-coupon-wrapper {
  width: 55%;
}
@media only screen and (max-width: 767px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-update-option .apply-coupon-wrapper {
    width: auto;
  }
}
.cart-update-option .apply-coupon-wrapper form {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-pack: center;
  white-space: nowrap;
}
.cart-update-option .apply-coupon-wrapper form input {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 12px 10px;
  outline: none;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  margin-right: 15px;
  width: 100%;
}
.cart-update-option .apply-coupon-wrapper form input:focus,
.cart-update-option .apply-coupon-wrapper form input:active {
  border-color: #ee122b;
}
@media only screen and (max-width: 767px) {
  .cart-update-option .apply-coupon-wrapper button {
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-update-option .cart-update .sqr-btn {
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
    text-align: center;
  }
}

.cart-calculator-wrapper {
  margin-top: 30px;
  background-color: #f8f8f8;
}
.cart-calculator-wrapper h3 {
  color: #222222;
  font-size: 18px;
  font-weight: 500;
  padding: 27px 15px 25px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
}
.cart-calculator-wrapper .cart-calculate-items {
  font-weight: 500;
}
.cart-calculator-wrapper .cart-calculate-items .table {
  margin-bottom: 0;
}
.cart-calculator-wrapper .cart-calculate-items .table tr td {
  color: #333c4a;
  padding: 15px 20px;
}
.cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
  color: #333c4a;
  text-align: right;
}
.cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount {
  color: #ee122b;
  font-weight: 700;
}
.cart-calculator-wrapper a {
  border-radius: 0;
  text-align: center;
}

/*--------- Cart Page Wrapper end ---------*/
/*------ Start Compare Page Wrapper -----*/
.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #ccc;
}
.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 14px;
  font-weight: 500;
  color: #333c4a;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 115px;
  }
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 220px;
  }
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}
.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #ee122b;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  color: #333c4a;
  font-weight: 500;
  text-transform: capitalize;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #ee122b;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.compare-table .table tbody tr td.pro-price,
.compare-table .table tbody tr td.pro-color,
.compare-table .table tbody tr td.pro-stock {
  font-size: 14px;
  font-weight: 400;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.compare-table .table tbody tr td.pro-remove button:hover {
  color: #f00000;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-ratting i {
  color: #ee122b;
}

/*------ end Compare Page Wrapper -----*/
/*-------- Start My Account Page Wrapper --------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.myaccount-tab-menu a,
.myaccount-tab-menu button {
  border: 1px solid #ccc;
  border-bottom: none;
  color: #333c4a;
  font-weight: 600;
  font-size: 14px;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
}
.myaccount-tab-menu a:last-child,
.myaccount-tab-menu button:last-child {
  border-bottom: 1px solid #ccc;
}
.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active,
.myaccount-tab-menu button:hover,
.myaccount-tab-menu button.active {
  background-color: #ee122b;
  border-color: #ee122b;
  color: #ffffff;
}
.myaccount-tab-menu a i.fa,
.myaccount-tab-menu button i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
  background-color: #ffffff;
}
@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content form {
  margin-top: -20px;
}
.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 600;
  color: #333c4a;
  text-transform: uppercase;
}
.myaccount-content .welcome a {
  color: #333c4a;
}
.myaccount-content .welcome a:hover {
  color: #ee122b;
}
.myaccount-content .welcome strong {
  font-weight: 600;
  color: #ee122b;
}
.myaccount-content fieldset {
  margin-top: 20px;
}
.myaccount-content fieldset legend {
  color: #333c4a;
  font-size: 16px;
  margin-top: 20px;
  font-weight: 500;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
  /* float: left; */
  width: 100%;
}
.myaccount-table table th,
.myaccount-table .table th {
  color: #333c4a;
  padding: 10px;
  font-weight: 500;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
}
.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.saved-message {
  background-color: #f4f5f7;
  border-top: 3px solid #ee122b;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 14px;
  color: #606060;
  padding: 20px;
}

/*-------- Start My Account Page Wrapper --------*/
/*------ Start Login & Register Page ------*/
.login-reg-form-wrap {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 23px 30px 30px;
}
@media only screen and (max-width: 575px) {
  .login-reg-form-wrap {
    padding: 23px 30px 30px;
  }
}
@media only screen and (max-width: 450px) {
  .otp-responsive .col-lg-2 {
    width: 21% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-reg-form-wrap.signup-form {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .login-reg-form-wrap.signup-form {
    margin-top: 62px;
  }
}
.login-reg-form-wrap h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  color: green;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 32px;
  text-transform: uppercase;
}
.login-reg-form-wrap form .create-account {
  margin-top: 25px;
}
.login-reg-form-wrap .login-reg-form-meta a {
  color: #ee122b;
}

/*------ end Login & Register Page ------*/
/*------- blog main content wrapper start --------*/
.blog-post-item.blog-details .tag-line {
  padding: 10px 0;
  margin-top: 35px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.blog-post-item.blog-details .tag-line h4 {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding-right: 10px;
  font-family: "Montserrat", sans-serif;
}
.blog-post-item.blog-details .tag-line a {
  color: #333c4a;
  font-style: italic;
  text-transform: capitalize;
}
.blog-post-item.blog-details .tag-line a:hover {
  color: #ee122b;
}
.blog-post-item.blog-details .blog-sharing {
  margin-top: 30px;
  margin-bottom: 10px;
}
.blog-post-item.blog-details .blog-sharing h4 {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding-right: 10px;
  font-family: "Montserrat", sans-serif;
}
.blog-post-item.blog-details .blog-sharing a {
  color: #606060;
  font-size: 16px;
  display: inline-block;
  margin-right: 15px;
}
.blog-post-item.blog-details .blog-sharing a:hover {
  color: #ee122b;
}
.blog-post-item.blog-details .blog-content .blog-title {
  font-size: 26px;
  color: #333c4a;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .blog-post-item.blog-details .blog-content .blog-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post-item.blog-details .blog-content .blog-title {
    font-size: 20px;
  }
}
.blog-post-item.blog-details .blog-content p {
  font-size: 15px;
  line-height: 1.7;
}
.blog-post-item.blog-details:hover .blog-thumb img {
  -webkit-transform: none;
  transform: none;
}

blockquote {
  border-left: 5px solid #ee122b;
  margin: 25px 32px 25px 30px;
  background-color: #ffffff;
  padding: 15px;
}
@media only screen and (max-width: 575px) {
  blockquote {
    margin: 25px 15px 25px 15px;
  }
}

/*--- blog main content wrapper end ---*/
/*--- blog comment section start ---*/
.comment-section {
  padding-top: 82px;
}
@media only screen and (max-width: 767px) {
  .comment-section {
    padding-top: 44px;
  }
}
.comment-section h3 {
  color: #333c4a;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.comment-section ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
}
.comment-section ul li:last-child {
  margin-bottom: 5px;
}
@media only screen and (max-width: 479px) {
  .comment-section ul li {
    display: block;
  }
}
.comment-section ul li .author-avatar {
  -ms-flex-preferred-size: 66px;
  flex-basis: 66px;
  max-height: 62px;
  margin-right: 10px;
}
@media only screen and (max-width: 479px) {
  .comment-section ul li .author-avatar {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 66px;
    height: 62px;
  }
}
.comment-section ul li.comment-children {
  margin-left: 40px;
}
.comment-section ul li .comment-body {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.comment-section ul li .comment-body .comment-author {
  color: #333c4a;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
  font-family: "Montserrat", sans-serif;
}
.comment-section ul li .comment-body .comment-post-date {
  font-size: 13px;
  color: #606060;
  padding-bottom: 10px;
}
.comment-section ul li .comment-body .reply-btn {
  float: right;
}
.comment-section ul li .comment-body .reply-btn a {
  color: #333c4a;
  font-size: 12px;
  display: inline-block;
  padding: 8px 15px;
  line-height: 1;
  border-radius: 20px;
  text-transform: capitalize;
  border: 1px solid #e5e5e5;
}
.comment-section ul li .comment-body .reply-btn a:hover {
  color: #ffffff !important;
  border-color: #ee122b;
  background-color: #ee122b;
}

/*--- blog comment section end ---*/
/*------ blog comment box start -----*/
.blog-comment-wrapper {
  padding-top: 92px;
}
@media only screen and (max-width: 767px) {
  .blog-comment-wrapper {
    padding-top: 54px;
  }
}
.blog-comment-wrapper h3 {
  color: #333c4a;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding-bottom: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f0f0;
}
.blog-comment-wrapper p {
  margin-bottom: 10px;
  padding-top: 10px;
}
.blog-comment-wrapper .comment-post-box label {
  color: #333c4a;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 15px;
  display: block;
  text-transform: capitalize;
}
.blog-comment-wrapper .comment-post-box .coment-field {
  background: #f8f8f8;
  border: none;
  color: #606060;
  padding: 8px 10px;
  width: 100%;
}
.blog-comment-wrapper .comment-post-box textarea {
  height: 130px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  background: #f8f8f8;
  border: none;
}

/*------- blog comment box end --------*/
/*------ contact form area start -------*/
.contact-area {
  margin-top: -2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .contact-area {
    margin-bottom: -4px;
  }
}

.contact-message h2 {
  color: #333c4a;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 28px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575px) {
  .contact-message h2 {
    padding-bottom: 15px;
  }
}
.contact-message form input,
.contact-message form textarea {
  width: 100%;
  border: none;
  padding: 10px 10px;
  border-bottom: 3px solid transparent;
  background-color: #f7f7f7;
  margin-bottom: 30px;
}
.contact-message form textarea {
  height: 150px;
}

/*------ contact form area start -------*/
/*------ contact info area start -------*/
.contact-info {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-2 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info-2 {
    margin-top: 60px;
    margin-bottom: -4px;
  }
}
.contact-info h2 {
  color: #333c4a;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 22px;
  text-transform: uppercase;
}
@media only screen and (max-width: 575px) {
  .contact-info h2 {
    padding-bottom: 8px;
  }
}
.contact-info p {
  color: #606060;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info p {
    padding-bottom: 10px;
  }
}
.contact-info ul li {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 479px) {
  .contact-info ul li {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}
.contact-info ul li:last-child {
  border-bottom: none;
}
.contact-info ul li i {
  font-size: 18px;
  padding-right: 10px;
}
.contact-info .working-time h3 {
  color: #333c4a;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 5px;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 575px) {
  .contact-info .working-time h3 {
    font-size: 16px;
  }
}
.contact-info .working-time p {
  padding-bottom: 0;
}
.contact-info .working-time p span {
  color: #333c4a;
  padding-right: 10px;
}

/*------ contact info area end -------*/
/*---------- faq style start ----------*/
.faq-title h2 {
  color: #333c4a;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-top: -4px;
  padding-bottom: 30px;
  text-transform: uppercase;
}

.faq-inner .accordion-item {
  border: none;
  margin-bottom: 30px;
}
.faq-inner .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-inner .accordion-button {
  color: #333c4a;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  line-height: 1.2;
  padding: 16px 30px;
  text-align: left;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
.faq-inner .accordion-button[aria-expanded="true"] {
  color: #ffffff;
  background-color: #333c4a;
}
@media only screen and (max-width: 479px) {
  .faq-inner .accordion-button {
    padding: 12px 10px;
  }
}
.faq-inner .accordion-button i {
  color: #ee122b;
  font-size: 20px;
  padding-right: 10px;
}
.faq-inner .accordion-button:after {
  background-image: none;
  top: 50%;
  right: 20px;
  content: "\f107";
  position: absolute;
  font-family: "FontAwesome";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 479px) {
  .faq-inner .accordion-button:after {
    right: 10px;
  }
}
.faq-inner .accordion-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.faq-inner .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.faq-inner .accordion-body {
  line-height: 1.8;
  border: 1px solid #e5e5e5;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .faq-inner.faq-inner-2 {
    margin-top: 62px;
  }
}

/*---------- faq style end ----------*/
/*------ footer widget area start ------*/
/*----- footer section start -----*/
.widget-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin: -2px 0 35px;
  color: #333c4a;
  /* color: var(--print-color); */
  font-family: "Montserrat", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .widget-title {
    margin: -2px 0 20px;
  }
}

.widget-body .desc {
  font-size: 14px;
  color: #333c4a;
}

.contact-info {
  /* padding-top: 12px; */
}
.contact-info li {
  font-size: 14px;
  color: #333c4a;
  line-height: 1;
  margin-bottom: 7px;
}
.contact-info li a {
  font-size: 13px;
  color: #555;
}
.contact-info li a:hover {
  color: #ee122b;
  padding-left: 10px;
}
.contact-info li:last-child {
  margin-bottom: 0;
}

.useful-links li {
  line-height: 1;
  margin-bottom: 15px;
}
.useful-links li a {
  color: #333c4a;
  font-size: 14px;
}
.useful-links li a:hover {
  color: #ee122b;
  padding-left: 10px;
}
.useful-links li:last-child {
  margin-bottom: 0;
}

.newsletter-inner {
  margin-top: 20px;
}
.newsletter-inner form {
  position: relative;
}
.newsletter-inner .news-field {
  font-size: 14px;
  width: 100%;
  height: 50px;
  display: block;
  border: none;
  line-height: 1;
  color: #333c4a;
  position: relative;
  border: 1px solid #333c4a;
  padding: 5px 55px 5px 10px;
}
.newsletter-inner .news-btn {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  height: 50px;
  color: #ffffff;
  line-height: 1;
  font-weight: 400;
  padding: 0 15px;
  display: inline-block;
  background-color: #333c4a;
}
.newsletter-inner .news-btn:hover {
  background-color: #ee122b;
}

@media only screen and (max-width: 767px) {
  .footer-social-link {
    text-align: center;
  }
}
.footer-social-link a {
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}
.footer-social-link a:hover {
  color: #ee122b;
}
.footer-social-link a:last-child {
  margin-right: 0;
}

/*------ footer widget area end ------*/
/*------- footer bottom area start -------*/
.footer-bottom-area {
  /* background-color: #333c4a; */
  background-color: var(--print-color-dark);
  padding: 15px 0;
  /* bottom: 0;
  position: absolute;
  width: 100%; */
}

.copyright-text p {
  color: #ffffff;
  font-size: 15px;
  line-height: 20px;
}
.copyright-text p a {
  color: #df061f;
}

.footer-payment {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .footer-payment {
    text-align: center;
    padding: 15px 0;
  }
}

/*------- footer bottom area end -------*/

/* ----------------- Custom ---------------- */

/* .header-main {
  background-image: url('/assets/img/bamboosa/background19.jpg');
  background-repeat: no-repeat; 
  background-attachment: fixed; 
} */

.bdr-bottom {
  border-bottom: 1px solid #d9d9d9;
}

.modal-dialog {
  pointer-events: all !important;
}

.iti {
  width: 100%;
}

/* .iti__flag {
  background-image: ;
} */

/* .iti__flag {
  background-image: var(--iti-path-flags-4x);
} */

.mtn-2 {
  margin-top: -40px !important;
}

.mtn-1 {
  margin-top: -15px !important;
}

.mtn-11 {
  margin-top: -4px !important;
}

.mtn-15 {
  margin-top: -20px !important;
}

.mtn-25 {
  margin-top: -30px !important;
}

.intl-tel-input {
  width: 100%;
}

.single-input-item input:not([type="checkbox"]) {
  border-radius: 100px;
}

.login-reg-form-wrap h2 {
  width: 100%;
}

.login-reg-form-wrap .btn-close {
  line-height: 1;
  color: #333c4a;
  margin-right: -16px;
  margin-top: -6px;
}

.error {
  color: red;
  position: absolute;
  font-size: small;
}

.otp {
  font-weight: bold !important;
  font-size: 20px !important;
  text-align: center;
}

.react-search-box {
  border: 1.5px solid #cfcece;
  border-radius: 100px;
  padding: 3px;
  width: 300px;
}

.search-wrap button {
  width: 30px;
  height: 30px;
  color: #333c4a;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
}

.transparent-background {
  background-color: transparent;
  border: none; /* Optionally remove the border */
  /* Add any other styles you need */
}

.transparent-background:focus {
  background-color: transparent;
}

.dropdown img {
  height: 50px;
  width: 75px;
  /* border-radius: 10%;
  box-shadow: 4px 4px 4px rgba(101, 99, 98, 0.2) !important; */
}

.logo-dimention {
  width: 70%;
  height: 70%;
  padding: 15px;
}

.custom-contact {
  justify-content: end;
  display: flex;
}

.coupon-bar {
  height: 70px;
  background-color: rgb(219, 197, 148);
  padding: 0px;
  margin: 0px;
}

.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.single-input-item select {
  color: #606060;
  border: 1px solid #ccc;
  padding: 12px 10px;
  /* width: 100%; */
  font-size: 14px;
  background: #f7f7f7;
  border-radius: 100px;
  text-align-last: center; /* For Firefox */
  text-align: left; /* For other browsers */
  /* font-weight: bold; */
}

.single-input-item select option {
  text-align: left;
}

/** Custom Style */
.btn-size {
  border: 1px solid #000;
  border-radius: 30px;
  padding: 0.375rem 1.2rem;
}

.btn-check:focus + .btn,
.btn:focus {
  background-color: #000;
  color: #fff;
  box-shadow: none;
}

input[type="radio"]:checked + .btn-size {
  background-color: #008000;
  color: #fff;
  box-shadow: none;
}

.width-xl-3 {
  width: 19.5% !important;
}

.product-item .product-description .product-name h6 a {
  color: #333c4a;
}

.btn-stroke {
  text-decoration: line-through;
  border-color: #808080 !important;
  color: #808080;
}

.error1 {
  color: #ff0000 !important;
  font-size: 14px !important;
  padding-left: 3px !important;
}

.header-setting-option .header-mini-cart ul.cart-list {
  top: 55%;
}

.sqr-btn1 {
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
  background-color: #333c4a;
  padding: 0 20px;
  text-transform: uppercase;
  display: inline-block;
}

.sqr-btn1:hover {
  color: #ffffff;
  background-color: #ee122b;
}

.section-padding {
  padding: 60px 0px !important;
}

.color-red {
  color: #ee122b !important;
}

.scroll-bar {
  max-height: 550px;
  overflow-y: auto;
}

.sticky-btn {
  position: sticky;
  bottom: 0;
  padding: 10px 0px;
  background-color: #ffffff;
  margin: 0px !important;
}

.delivery-input {
  /* width: 500px; */
  border: 1px solid grey;
  background-color: #ffffff;
  display: flex;
  /* width: 100%; */
  min-width: 300px;

  input {
    flex: 1;
    padding: 10px 10px;
    font-size: 1.1em;
    box-shadow: none;
    border: none;
    width: 100px;
  }

  button {
    padding-right: 10px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    cursor: hand;

    span {
      text-transform: uppercase;
      width: 100px;
      color: #ffffff !important;
      font-size: 12px;
      font-weight: 500;
      line-height: 36px;
      height: 35px;
      cursor: pointer;
      background-color: #333c4a;
      padding-left: 0px !important;
      text-transform: uppercase;
      display: inline-block;

      &:hover {
        background-color: #d6121f;
      }
    }

    i {
      font-size: 30px;
      margin-right: 10px;
    }
  }
}

.availability.mb-20.delivery-input {
  display: flex;
  align-items: center;
}

.availability.mb-20.delivery-input button {
  display: flex;
  align-items: center;
  padding: 8px 12px;
}

.availability.mb-20.delivery-input button i {
  margin-right: 15px;
  margin-bottom: 2px;
}

.success {
  color: #008000;
}

/* For Chrome, Safari, and Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.scroll-x {
  width: 100%;
  overflow-x: auto;
}

.popular-item .pop-item-thumb {
  width: 100px;
  /* max-height: 100px; */
}

@media only screen and (min-width: 1500px) {
  .slick-row-10 .slick-list {
    /* margin: 0 -15px; */
    scrollbar-width: none;
  }

  .img-min-height {
    /* height: 350px !important; */
  }

  .slick-slider {
    /* margin-left: 3.3%; */
  }
}

.size {
  color: grey !important;
  font-size: 12px !important;
}

.img-min-height {
  /* height: 320px !important; */
  /* max-height: 260px !important; */
}

.checkoutaccordion h4 {
  background-color: #f7f7f7;
  border-top: 3px solid #333c4a;
  color: #333c4a;
  font-size: 13px;
  font-weight: 600;
  /* margin: 0 0 30px; */
  padding: 10px 20px;
  position: relative;
  text-transform: uppercase;
}

.scroll-bar2 {
  max-height: 335px;
  overflow-y: auto;
}

.p-error {
  color: red;
  font-size: small;
}

.dropdown-menu {
  width: 100%;
  margin-top: 45px;
}

.dropdown-menu li:hover {
  cursor: pointer;
  background-color: #e9f5e9;
}

.prd-img {
  width: 50px !important;
  padding: 4px;
}

#dLabel {
  width: 120px;
  height: 40px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #cccccc;
  text-align: left;
  padding: 7.5px 15px;
  color: #000;
  letter-spacing: 0.7px;
}

.caret {
  float: right;
  display: block;
}

.dropdown.open button#dLabel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;

  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  border: solid 1px #666;
  border-bottom: none;
}

.price-selector {
  width: 100%;
  display: flex;
  margin: 10px 0 15px;
}
.price-selector .separator {
  width: 90px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.price-list {
  margin-top: 0px;
  min-width: 0px;
}

.price-list li {
  padding-left: 15px;
}

.MuiSlider-markLabel {
  display: none !important;
}

.size-chart-modal {
  text-align: center;
  padding: 20px;
  font-family: "Source Sans Pro", sans-serif;
  background-color: white;
}

.sizeChart thead tr {
  background: #008000;
  color: #fff;
}

.sizeChart tr td {
  border-bottom: 1px solid #eee;
}

.cart-subtotal {
  width: 48%;
}

/* Order Track */

.order-track {
  /* margin-top: 1rem; */
  /* padding: 0 1rem; */
  /* border-top: 1px dashed #2c3e50; */
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
}
.order-track-step {
  display: flex;
  height: 6rem;
}
.order-track-step:last-child {
  overflow: hidden;
  height: 7rem;
}
.order-track-step:last-child .order-track-status span:last-of-type {
  display: none;
}
.order-track-status {
  margin-right: 1.5rem;
  position: relative;
}
.order-track-status-dot {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  /* background: green; */
  border: 10px solid green;
}
.order-track-status-line {
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 4rem;
  background: green;
}
.order-track-text-stat {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 3px;
}
.order-track-text-sub {
  font-size: 0.85rem;
  font-weight: 300;
}

.order-track {
  transition: all 0.3s height 0.3s;
  transform-origin: top center;
}

.order-track-text {
  min-width: 98.3px !important;
}

.track-line {
  width: 100%; /* Set the width to 100% to make it a horizontal line */
  border-top: 3.5px solid green; /* Color and thickness of the line */
  margin: 10px 0;
}

.orderID {
  color: green;
  cursor: pointer;
  font-size: 150%;
}

.orderIDStatus {
  color: gray;
  cursor: pointer;
  font-size: 120%;
  margin-top: 10px;
}

/*  */

/** Navigation style */
.d-none {
  display: none;
}

.f-18 {
  font-size: 18px;
}
.meanmenu {
  /* background:;
    color:; */
  right: 0;
  left: auto;
}
.alignCenter {
  text-align: center !important;
}
/* .justify-left {
    justify-content: left;
  } */
.m-r30 {
  margin-right: 30px;
}
.float-right {
  float: right;
}
.w-60 {
  width: 60%;
  margin-top: 1em;
  margin-left: 20em;
}
.margin-top4 {
  margin-top: 4em;
}
@media (max-width: 992px) {
  .w-60 {
    margin-left: 10em !important;
  }
  .mean-container {
    display: none;
  }
}
@media (max-width: 800px) {
  /* 990 */

  /* .w-60 {
      margin-left: 5em !important;
    } */

  .col-md-2 {
    flex: 0 0 auto;
    width: 100%;
  }

  .d-lg-block {
    display: none !important;
  }
  .mean-container {
    display: block !important;
  }
  .header-setting-option {
    /* padding-left: 30px !important; */
    /* padding-right: 20px; */
    /* margin-right: 30px !important; */
  }
  .web-search {
    display: none !important;
  }
  .mobile-search {
    display: block !important;
  }
  .logo-web {
    display: none !important;
  }
  .logo-mobile {
    display: block !important;
  }
  .logo-mob-dimention {
    width: 30%;
    height: 30%;
  }
}
@media only screen and (max-width: 1200px) {
  .mean-container {
    display: none;
  }
  /* .header-setting-option {
      margin-right: 30px;
    } */
}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {
  .header-setting-option {
    /* margin-right: 80px; */
    margin-left: -30px !important;
  }
}
@media only screen and (min-width: 1201px) {
  .mean-container {
    display: none;
  }
  .mobile-search {
    display: none;
  }
  .web-search {
    display: block;
  }
  .logo-web {
    display: block;
  }
  .logo-mobile {
    display: none;
  }
}

@media only screen and (min-width: 800px) {
  /* 990 */

  .logo-web {
    display: block;
    /* float: left; */
  }
  .logo-mobile {
    display: none;
  }
  .logo-dimention {
    width: 20%;
    height: 20%;
    padding: 15px;
  }
  .mean-container {
    display: none;
  }
  .main-menu-web {
    display: block !important;
  }
  .mobile-search {
    display: none;
  }
  .web-search {
    display: block;
  }
  .margin-top {
    margin-top: 20px !important;
  }
  .margin-end {
    margin-right: 10px !important;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100% !important;
  }
}

@media only screen and (min-width: 1350px) {
  .logo1 {
    margin-left: 60px !important;
  }
  .logo-dimention {
    width: 40% !important;
    height: 40% !important;
    padding: 2px !important;
  }
  .header-setting-option {
    margin-right: 60px;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1350px) {
  .logo1 {
    margin-left: 40px !important;
  }
  .logo-dimention {
    width: 45% !important;
    height: 45% !important;
    padding: 2px !important;
  }
  .header-setting-option {
    margin-right: 60px;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1100px) {
  .logo1 {
    margin-left: 40px !important;
  }
  .logo-dimention {
    width: 51% !important;
    height: 51% !important;
    padding: 2px !important;
  }
  .header-setting-option {
    margin-right: 30px;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 81.333333%;
  }

  /* .px-5 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    } */
}

@media only screen and (min-width: 991px) and (max-width: 1500px) {
  .logo-web {
    display: block;
  }
  .logo-mobile {
    display: none;
  }
  .mobile-search {
    display: none;
  }
  .web-search {
    display: block;
  }
  .logo-dimention {
    width: 70%;
    height: 70%;
    padding: 2px;
  }
}

@media only screen and (max-width: 1027) {
  /* .main-menu ul li a {
      font-size: 16px !important;
  } */

  /* a {
    font-size: 16px !important;
  } */
  .header-setting-option .header-mini-cart ul.cart-list {
    top: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .similar1 {
display: none !important;
  }
  .similar2 {
    display: block !important;
  }
}

.width60 {
  width: 90% !important;
}

.closebtn {
  right: 0px;
  left: auto;
  text-align: center;
  text-indent: 0px;
  font-size: 18px;
  text-indent: 0 !important;
  color: #000 !important;
  width: 5%;
}

/* .product-details-overflow {
    overflow: auto;
    scrollbar-width: none;
    max-height: 600px;
  } */

.hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.15;
}

/* .px-5 {
  padding-right: 1rem !important;
  padding-left: 0rem !important;
} */

.accordion-button:not(.collapsed) {
  color: #008000;
  background-color: #f4f5e8;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  font-weight: 600;
}

.magnify {
  border-radius: 0%;
  border: 0.1px solid rgb(210, 223, 206);
  /* opacity: 5; */
  position: absolute;
  z-index: 20;
  background-repeat: no-repeat;
  background-color: white;
  /* box-shadow: inset 0 0 20px rgba(0,0,0,.5); */
  display: none;
  cursor: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.about-us-wrap {
  /* border-radius: 50px;
  border: 2px solid #333c4a; */
  margin: 3% 15%;
  min-height: 400px;
  line-height: 30px !important;
}

.about-us-wrap p {
  text-align: justify;
  font-size: 16.5px;
}

/* .about-us-wrap li {
  text-align: justify;
  font-size: 16.5px;
} */

.about-us-wrap h5 {
  text-align: justify;
  font-weight: 700;
}

.justify-content {
  justify-content: center;
}

.zoom:hover {
  transform: scale(
    1.06
  ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  transition: all 0.3s ease-out;
}

.row {
  --bs-gutter-x: 0rem !important;
}

.percent-off {
  font-size: 14px !important;
  color: white !important;
  background: #333c4a;
  font-weight: 600 !important;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}

.width-img {
  width: 20px !important;
  margin-left: 1% !important;
  height: 20px !important;
  cursor: pointer;
  max-width: 20px !important;
}

.width-img-footer {
  width: 23px !important;
  /* margin-left: 10% !important; */
  height: 23px !important;
}

#copyMessage {
  display: inline-block;
  margin-left: 10px;
  color: green;
  font-size: 14px;
  transition: opacity 0.5s ease-in-out;
}

.hidden {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out;
  margin-left: 10px !important;
  color: #008000;
  position: absolute;
  margin-top: -17px !important;
  margin-left: -55px !important;
  font-weight: 600 !important;
  font-size: smaller !important;
}

@media only screen and (max-width: 850px) {
  .web-filters {
    display: none !important;
  }
 
  .filter {
    display: block !important;
    /* position: relative; */
    display: flex !important;
    justify-content: end !important;
    padding: 0 15px 10px 10px !important;
    /* z-index: 100; */
  }
}

@media only screen and (min-width: 1200px) {
  .padding-x {
    padding: 0 100px !important ;
  }
}

.mtn-5 {
  margin-top: -5px !important;
}

.sqr-btn.view {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 35px;
  height: 35px;
  border: none;
  cursor: pointer;
  background-color: green;
  padding: 0px 20px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 100px;
}

.table .fa.fa-trash.popup {
  font-size: 27px;
  font-weight: 500;
  color: rgb(223, 26, 26);
  filter: drop-shadow(3px 3px 2px rgb(223, 26, 26, 0.7));
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.fa.fa-trash.disabled-trash {
  font-size: 25px;
  font-weight: 500;
  color: rgb(104, 102, 102);
  /* filter: drop-shadow(4px 4px 3px rgb(53, 53, 77, 0.7));  */
  transition: background-color 0.3s ease-in-out;
  cursor: auto;
}

.table .fa.fa-trash.popup:hover {
  transform: scale(1.3);
}

/* ------------------------------------------- */

/* video home page */

.bg-video__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* Ensure the video stays behind the content  */
}

.hero-slider-item {
  position: relative;
  overflow: hidden; /* Ensures the video does not overflow the div */
}

/* loader */

.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 50px;  */
  /* Adjust height as needed */
  margin-bottom: -6px !important;
}

.loader {
  border: 3.5px solid rgb(255, 255, 255);
  border-left-color: #333;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  margin-left: 0px !important;
  margin-top: -60px !important;
  margin-bottom: 0px !important;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.product-btn1 a {
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #333c4a;
  text-transform: uppercase;
  font-family: "Josefin Sans", sans-serif;
  margin-right: 9px;
}

.filter-order {
  position: relative !important;
  /* top: 0 !important;
  right: 0; */
  /* margin-right: 3% !important;
  margin-top: 13%; */
  padding: 10 20px !important;
}

/* ovel shape box */

.filters-container {
  font-family: Arial, sans-serif;
  border: 1px solid black;
  padding: 10px;
  border-radius: 10px;
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
  float: right;
  margin-top: 20px;
  background: white !important;
}

.filter-group {
  /* margin-bottom: 20px; */
  display: flex;
  flex-wrap: wrap;
}

.checkbox-row {
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}

.checkbox-row input[type="checkbox"] {
  margin-right: 10px;
}

.oval-label {
  display: inline-block;
  padding: 8px 16px;
  /* background-color: #e0e0e0; */
  border-radius: 30px;
  cursor: pointer;
  border: 1px solid #008000;
  color: #008000;
}

.oval-label:hover {
  background-color: #008000;
  color: white;
}

.selected-filter {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}

.selected-filter span {
  padding: 8px 16px;
  background-color: #e0e0e0;
  border-radius: 30px;
  margin-right: 10px;
}

.selected-filter button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.selected {
  background-color: #008000;
  color: #ffffff;
  font-weight: 500;
  /* border: 1px thin #e82222; */
  outline-style: groove;
  outline-color: #008000;
}

.btn-success {
  background-color: white;
  /* color: #333c4a; */
  color: red;
  outline-color: white;
  border: none;
  padding: 5px 8px !important;
  font-weight: 500;
}

.btn-success:hover {
  background-color: white;
  color: red;
  outline-color: #008000;
  font-weight: 500;
  transform: scale(1.1);
}

.btn-success:active {
  background-color: white !important;
  color: red;
  outline-color: #008000;
  font-weight: 500;
  /* transform: scale(1.1); */
}

.btn-success:focus {
  background-color: white !important;
  color: red;
  outline-color: #008000;
  font-weight: 500;
  /* transform: scale(1.1); */
}

.btn-success1 {
  background-color: white;
  color: grey;
  outline-color: white;
  border: none;
  padding: 5px 8px !important;
  font-weight: 500;
  cursor: auto;
}

.btn-success1:hover {
  background-color: white;
  color: grey;
  outline-color: white;
  border: none;
  padding: 5px 8px !important;
  font-weight: 500;
}

/* incoice download */
.body2 {
  font-family: Arial, sans-serif !important;
  padding: 20px !important;
  background-color: #fff !important;
  color: #111 !important;
  font-size: 14px !important;
   /* Light green background color */
  /* min-height: 112.5vh !important; */
  line-height: 21px !important;
}
.body2 p {
  color: #111 !important;
  margin-bottom: 0 !important;
}
.container2 {
  background-color: #fff !important;
  padding: 20px !important;
  border-radius: 5px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  max-width: 800px !important; /* Limit container width for better mobile view */
  margin: 0 auto !important; /* Center the container */
}
.address-box .strong {
  margin-bottom: 8px !important;
}
.header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}
.logo2 {
  max-width: 100px !important;
}
.order-info {
  text-align: right !important;
}
.order-info h2 {
  margin: 0 !important;
  font-size: 1.2em !important;
}
.order-details {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin-top: 10px !important;
  text-align: left !important;
}
.order-details div {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
.order-details div span {
  min-width: 100px !important;
  display: inline-block !important;
}
.address-container {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
}
.address-box {
  background-color: #f0f0f0 !important;
  padding: 10px !important;
  border-radius: 5px !important;
  width: 49% !important; /* Reduce width of address boxes */
}
.details-table, .items-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 20px !important;
  overflow-x: auto !important; /* Enable horizontal scrolling if needed */
}
.details-table th, .details-table td, .items-table th, .items-table td {
  border: 1px solid #ccc !important;
  padding: 6px !important;
  text-align: left !important;
}
.items-table th {
  background-color: #f0f0f0 !important;
}
.total-info {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 20px !important; /* Add some space at the top */
  font-size: larger !important;
}
.total-info1 {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 0px !important; /* Add some space at the top */
  font-size: 40px !important;
}
.total-info-table {
  width: auto;
  border-collapse: collapse !important;
}
.total-info-table th, .total-info-table td {
  border: none !important;
  padding: 7px;
  text-align: right !important;
  font-size: 13px !important;
  /* padding: 7px 15px; */
}
.total-info-table1 th, .total-info-table1 td {
  border: none !important;
  padding: 10px;
  text-align: right !important;
  font-size: 14px !important;
  padding: 12px 15px;
}
.total-info-table th {
  text-align: left !important;
  padding-right: 20px !important;
}
.footer {
  text-align: center !important;
  margin-top: 20px !important;
  font-size: 12px !important;
  color: #777 !important;
}
.footer p {
  margin: 5px 0 !important;
}
.additional-info1 {
  /* background-color: #fff !important; */
 padding: 2px !important;
  margin-top: 20px !important;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important; */
  background: rgb(245, 244, 244) !important;
  /* background: linear-gradient(135deg, #f5f4f4, #dcdcdc, #b3b3b3); */
}

.additional-info1 p {
  background-color: white !important;
  padding: 10px !important;
}
/* A4 Page Size for PDF */
@page {
  size: A4;
  margin: 20mm;
}
/* Print styles */
@media print {
  .body2 {
      background-color: #fff;
      padding: 0;
  }
  .container2 {
      box-shadow: none;
      margin: 0;
      padding: 0;
      width: auto;
      max-width: none;
  }
  .header {
      flex-direction: row;
      align-items: flex-start;
  }
  .order-info {
      text-align: right;
      margin-top: 0;
  }
  .details-table th, .details-table td, .items-table th, .items-table td {
      padding: 6px;
      font-size: 11px;
  }
  /* Make table headers and cells stack on top of each other */
  .details-table th, .details-table td, .items-table th, .items-table td {
      display: table-cell;
      width: auto;
  }
  /* Add labels before the data in each cell for clarity */
  .details-table td::before, .items-table td::before {
      content: none;
  }
  .items-table td {
      text-align: left;
  }
  .items-table td:nth-child(5)::before,
  .items-table td:nth-child(6)::before {
      text-align: left;
  }
  .items-table {
      width: 100%;
      margin: 0;
  }
  .total-amount {
      font-size: 1.2em;
  }
  .footer {
      margin-top: 20px;
      font-size: 12px;
  }
}

/* end */

.product-modal img {
  width: 80px;
  /* height: 70px; */
  /* border-radius: 30%; */
  overflow: hidden;
  /* margin-left: -5px; */
  /* margin-top: 5px; */
  cursor: pointer;
}

#displayedImagesAdd > * {
  /* margin-bottom: 10px; Adjust as needed */
  /* border-radius: 4px !important; */
  margin: 8px;
  border: 1px solid gray;
}

#displayedImagesAdd1 > * {
  /* margin-bottom: 10px; Adjust as needed */
  /* border-radius: 4px !important; */
  border: 1px solid gray;
  margin: 8px;
}

.product-modal2 img {
  width: 60px;
  /* height: 100px; */
  /* border-radius: 30%; */
  overflow: hidden;
  margin-left: 0px !important;
  margin-top: 5px;
  cursor: pointer;
}

#displayedImagesAdd2 > * {
  margin-bottom: 10px; 
  /* border-radius: 4px !important; */
  /* border: 1px solid gray; */
  margin: 8px;
}

/* rating */

.rating-box {
  background: #def3d8;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;

}
.rating-box .rating-value {
  font-size: 3rem;
  color: #008000;
  align-items: center;
  font-weight: 700;
}
.rating-box .rating-value .star {
  font-size: 2rem;
  margin-left: 5px;
}
.rating-box .ratings-count,
.rating-box .reviews-count {
  font-size: 1rem;
  color: #333c4a;
}
.review-card {
  background: #ffffff;
  padding: 10px 15px;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #e0e0e0;
}
.review-card .reviewer-name {
  font-weight: bold;
}
.review-card .review-date {
  color: #6c757d;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
.review-card .review-rating {
  color: white;
  font-size: 1rem;
  display: flex;
  background: #008000;
  border-radius: 100px;
  align-items: center;
  /* padding: 10px; */
  width: 45px !important;
  justify-content: center;
}
.review-card .review-text {
  font-size: 1rem;
  margin-top: 10px;
}

/* -------------------- */

.trending-style {
  /* background-color: #008000;
  opacity: 0.2; */
  /* padding: 20px 0;
  background-color: rgba(0, 0, 0, 0.2); */
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 80px !important;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  background-color: transparent !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 6px !important;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  display: table-cell !important;
  vertical-align: middle !important;
  padding-left: 0px !important;
}

/* image */

.img-container1 {
  position: relative;
  display: inline-block;
  margin: 1px;
}

.uploaded-image {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

/* .remove-button {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #ee122b;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  /* font-size: 5px; 
} */

.remove-button {
  position: absolute;
  top: -8px;
  right: -8px;
  background-color: #ee122b;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  /* font-size: 5px; */
  padding: 0px 7px;
  /* font-size: 10px; */
}

.accordion-body {
  padding: 0.7rem 1rem;
}

.product-list-disc li{
list-style: disc;
text-align: justify !important;
}

.ptp-35 {
  padding-top: 35px !important;
}

.mtn-3 {
  margin-top: -28px !important;
}

.ToastContainer {
 z-index: 99999999999999999 !important;
}

.padding-0 {
  padding: 0px !important;
}


@media only screen and (max-width: 768px) {
  .web-bamboosa {
    display: none !important;
  }
  .mobile-bamboosa {
    display: block !important;
  }
}

.img-text-women {
  position: absolute;
  bottom: 50%;
  left: 25%;
  transform: translate(-50%, -20%);
  color: #fff;
  font-size: 250%;
  font-weight: bold;
  text-align: center;
  color: #333c4a;
}

.img-button-women {
  position: absolute;
  bottom: 30%;
  left: 15%;
  transform: translate(-50%, -10%);
  padding: 12px 22px;
  background-color: #ff6f61;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
}



/* ribbon effect */

.ribbonButton::before,
.ribbonButton::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 200%;
  top: 0;
  background-color: gold; /* Ribbon color */
  transform: skewX(-45deg);
  transition: transform 0.5s;
  z-index: -1;
}

.ribbonButton::before {
  left: -100%;
}

.ribbonButton::after {
  right: -100%;
}

.ribbonButton:hover::before,
.ribbonButton:hover::after {
  transform: translateX(50%);
}

.ribbonButton:hover::after {
  transform: translateX(-50%);
}


/* top banner */

.top-banner {
  background-color: #E5E4E2; /* Light grey background */
  color: #333; /* Darker text */
  padding: 12px 20px;
  text-align: center;
  font-size: 18px;
}
.top-banner span {
  font-weight: bold;
  color: #ff4d4d; /* Highlighted coupon code color */
}
.top-banner a {
  color: #007bff;
  text-decoration: none;
  margin-left: 10px;
}
.top-banner a:hover {
  text-decoration: underline;
}

/*  */

.btn-link:focus {
  background-color: white !important;
  color: #007bff !important;
}
 

/* ServerErrorOverlay.css */
.server-error-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* transparent dark overlay */
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;

  backdrop-filter: blur(3px);      /* ✅ adds blur */
  -webkit-backdrop-filter: blur(3px); /* ✅ Safari support */
}

.server-error-message {
  background-color: #fff;
  padding: 60px 85px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.keep-shopping-btn {
  background-color: #4CAF50; /* Bamboo Green */
  border: none;
  padding: 12px 28px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.keep-shopping-btn:hover {
  background-color: #388E3C; /* Darker Green */
  color: #fff;
}