:root {
  --bg_white: #fff;
  --bg_primary: #194a33;
  --bg_secondary: #9ac351;
  --bg_lightgrey: #f7f7f7;

  --text_white: #fff;
  --text_darkgrey: #86938d;
  --text_black: #000000;
  --text_primary: #194a33;
  --text_secondary: #9ac351;
  --text_grey: #adb5bd;

  --border_black: #151618;
  --border_white: #fff;
  --border_darkgrey: #86938d;

  --bg_lavendar: #edc6ff;
  --bg_red: #e53e3e;
  --bg_yellow: #ffc21f;
  --bg_pink: #fb6ba0;

  --text_blue: #228be6;
  --text_darkblue: #1d2150;
  --text_yellow: #f5ac05;
  --text_pink: #fb6ba0;
  --text_red: #c11a1a;

  --border_yellow: #ffc21f;
  --border_pink: #fb6ba0;
  --border_secondary: #ecff9f;
  --border_grey: #f7f7f7;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  color: var(--text_black);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

html,
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  --font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif;
  color: var(--text_black);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  --font-smoothing: antialiased;
}

h1 {
  font-size: 56px;
  font-weight: 600;
}

h2 {
  font-size: 28px;
  font-weight: 600;
}

h3 {
  font-size: 25px;
  font-weight: 600;
  color: var(--text_primary);
}

h4 {
  font-size: 16px;
  font-weight: 500;
}

h5 {
  font-size: 15px;
  font-weight: 600;
}

h6 {
  font-size: 14px;
  font-weight: 500;
}

a {
  color: var(--text_black);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

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

a:active {
  text-decoration: none;
}

p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

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

/* ================================= */
/*===== General =====*/
/* ================================= */
.overlay-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.parallax {
  width: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.btn-primary {
  background-color: var(--bg_primary);
  border: 1px solid var(--bg_primary);
  font-size: 13px;
  font-weight: 600;
  border-radius: 30px;
  padding: 10px 15px;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-primary:hover {
  background-color: var(--bg_secondary);
  border: 1px solid var(--border_secondary);
  color: #fff;
}

.btn-primary i {
  margin-left: 6px;
  vertical-align: middle;
  line-height: 0;
}

.btn-info {
  background-color: inherit;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  border: inherit;
  color: var(--text_black);
}

.btn-info i {
  line-height: 0;
  margin-left: 6px;
  vertical-align: middle;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid var(--bg_primary);
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
  padding: 10px 15px;
  color: var(--bg_primary);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-outline:hover {
  background-color: var(--bg_primary);
  border: 1px solid var(--bg_primary);
  color: #fff;
}

.slick-dots li button:before {
  font-size: 40px;
}

.slick-dots li button::before {
  opacity: 0.2;
  color: #413932;
}

.slick-dots li button:hover::before {
  color: var(--text_yellow);
  opacity: 1;
}

.slick-dots li.slick-active button::before {
  color: var(--text_yellow);
  opacity: 1;
}

.form-control:focus {
  box-shadow: inherit;
  border-color: inherit;
  background-color: var(--bg_white);
  border: 1px solid var(--border_grey);
}

.dropdown-toggle::after {
  content: inherit;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: var(--bg_primary);
  border-color: var(--border_grey);
  color: var(--text_black);
}

/* =============  Top bar   ==================== */

header {
  background-color: var(--bg_primary);
  background-image: url(../images/header-decor-1.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: auto;
}

header::before {
  display: block;
  position: absolute;
  content: "";
  background-image: url(../images/header-decor-2.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100px;
  right: 0;
  top: 0;
  height: 100%;
}

.top-bar-main-block {
  padding: 12px 0;
  color: #fff;
}

.top-bar-info-block {
  float: left;
}

.top-bar-info-block li {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-right: 17px;
  color: #fff;
}

.top-bar-info-block li.top-bar-contact a {
  font-weight: 400;
  color: #fff;
}

.top-bar-info-block li.top-bar-contact span {
  text-decoration: underline;
  color: var(--text_secondary);
}

@media (max-width: 767px) {
  .top-bar-main-block {
    text-align: center;
  }

  .top-bar-contact {
    margin-bottom: 10px;
  }
}

/* =============  Header   ==================== */

.header-main-block {
}

.header-main-block .row {
  border-top: 0.5px solid #9ac35166;
  border-bottom: 0.5px solid #9ac35166;
  padding: 10px 0;
}

.header-logo {
  max-width: 140px;
}

.header-search-block {
  position: relative;
  height: 46px;
  border-radius: 6px;
  background: #fff;
}

.header-search-block .form-control {
  border: inherit;
  padding: 14px 15px;
  font-size: 14px;
  font-weight: 400;
  height: 46px;
  background-color: inherit;
  color: var(--text_darkgrey);
}

.header-search-block .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 46px;
  padding: 0 40px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  background-color: var(--bg_secondary);
  border-radius: 5px;
  border: none;
  box-shadow: none;
}

.header-right-block {
  float: right;
}

.header-right-block ul li {
  display: inline-block;
  margin-right: 20px;
}

.header-right-block ul li:last-child {
  margin-right: 0;
}

.header-right-block .user-icon-block {
  display: flex;
  align-items: center;
  color: #fff;
}

.header-right-block .user-icon-block a {
  color: #fff;
}

.user-icon-block .user-icon {
  margin-right: 18px;
}

.user-icon-block .user-icon i {
  font-size: 22px;
  color: #fff;
}

.user-icon-block .user-dtl span {
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}

.header-right-block .cart-icon-block {
  display: flex;
  align-items: center;
  color: #fff;
}

.cart-icon-block .cart-icon {
  margin-right: 18px;
  position: relative;
  color: #fff;
}

.cart-icon-block .cart-icon .icon-badge {
  position: absolute;
  top: -3px;
  right: -10px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background-color: var(--bg_secondary);
}

.cart-icon-block .cart-icon i {
  font-size: 22px;
  color: #fff;
}

.cart-icon-block .cart-dtl span {
  font-size: 11px;
  font-weight: 500;
  color: rgba(var(--text_black), 0.4);
}

.wishlist-icon-block {
  position: relative;
}

.wishlist-icon-block i {
  font-size: 22px;
  color: #fff;
}

.wishlist-icon-block .icon-badge {
  position: absolute;
  top: -3px;
  right: -10px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background-color: var(--bg_secondary);
}

@media (max-width: 767px) {
  .header-logo {
    text-align: center;
    margin-bottom: 15px;
  }

  .header-right-block {
    display: none;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .user-dtl {
    display: none;
  }

  .user-icon-block .user-icon {
    margin-right: 0;
  }

  .cart-icon-block .cart-icon {
    margin-right: 0;
  }

  .cart-dtl {
    display: none;
  }
}

/*===== Navigation =====*/
.navigation-main-block {
}

.navigation-main-block .bg-body-tertiary {
  background-color: inherit !important;
  padding: 6px 0;
}

.navigation-main-block .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin-right: 24px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navigation-main-block .navbar-nav .nav-link:hover {
  color: var(--text_secondary);
}

.navigation-discount-block {
  padding: 15px 0 0;
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  color: var(--text_secondary);
}

.navigation-discount-block a {
  color: var(--text_secondary);
}

.navigation-discount-block i {
  margin-right: 10px;
  font-size: 19px;
  vertical-align: middle;
  line-height: 0;
}

.smallscreen-navigation-main-block {
  display: none;
}

.navigation-main-block .navbar-autoplay {
  display: none;
}

.navbar .dropdown .dropdown-toggle i {
  vertical-align: middle;
  line-height: 0;
}

.navbar .dropdown .dropdown-toggle.show i {
  transform: rotate(180deg);
}

.tabscreen-navigation .navbar {
  display: none;
}

.navigation-main-block .navbar-nav .nav-link.active {
  color: var(--text_secondary);
}

.navigation-main-block .bg-body-tertiary .navbar-nav .nav-item .dropdown-menu {
  background-color: #fff;
  border-top: 4px solid var(--text_secondary);
  margin-top: 15px;
  min-width: 250px;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  z-index: 1;
  display: block;
}

.navigation-main-block .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid #fff;
}

.navigation-main-block .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: none;
}

.navigation-main-block .navbar-nav .nav-item:hover .dropdown-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.navigation-main-block .navbar-nav .nav-item .dropdown-item {
  font-size: 15px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--text_primary);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navigation-main-block .navbar-nav .nav-item .dropdown-item:hover {
  background-color: var(--text_secondary);
}

.navigation-main-block .navbar-nav .nav-item .dropdown-item.active {
  background-color: var(--text_secondary);
}

.smallscreen-navigation-main-block .navbar-nav .nav-link i {
  float: right;
}

.smallscreen-navigation-main-block .navbar-nav .nav-link.active {
  color: var(--text_secondary);
}

.smallscreen-navigation-main-block .navbar-nav .nav-item .dropdown-item.active {
  background-color: var(--bg_secondary);
  color: var(--text_black);
}

.smallscreen-navigation-main-block .navbar-nav .nav-item .dropdown-item {
  font-size: 15px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--text_black);
}

.smallscreen-navigation-main-block .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_white);
}

.smallscreen-navigation-main-block .navbar .navbar-brand {
  font-weight: 700;
  color: var(--text_white);
}

.smallscreen-navigation-main-block .navbar-toggler-icon {
  font-size: 16px;
  border-radius: 4px;
  padding: 15px 10px;
}

.smallscreen-navigation-main-block .navbar-toggler:focus {
  box-shadow: inherit;
}

.smallscreen-navigation-main-block .navbar-toggler {
  border-color: #9ac351;
  background: #9ac351;
}

.tabscreen-navigation .navbar-nav .nav-link i {
  float: right;
}

.tabscreen-navigation .navbar-nav .nav-link.active {
  color: var(--text_secondary);
}

.tabscreen-navigation .navbar-nav .nav-item .dropdown-item.active {
  background-color: var(--text_secondary);
  color: var(--text_black);
}

.tabscreen-navigation .navbar-nav .nav-item .dropdown-item {
  font-size: 15px;
  font-weight: 500;
  padding: 10px 15px;
  color: var(--text_black);
}

.tabscreen-navigation .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.tabscreen-navigation .navbar .navbar-brand {
  font-weight: 700;
  color: #fff;
}

.tabscreen-navigation .navbar-toggler-icon {
  font-size: 16px;
  border-radius: 4px;
  padding: 15px 10px;
  color: #fff;
}

.tabscreen-navigation .navbar-toggler:focus {
  box-shadow: inherit;
}

.tabscreen-navigation .navbar-toggler {
  border-color: #9ac351;
  background: #9ac351;
}

@media (max-width: 767px) {
  .smallscreen-navigation-main-block {
    display: block;
    background-color: var(--bg_primary);
  }

  .navigation-main-block {
    display: none;
  }

  .smallscreen-bottom-bar {
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 9999;
    background-color: var(--bg_primary);
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
    line-height: 0;
    box-shadow: 0px 0px 0px 2px var(--bg_primary);
  }

  .smallscreen-bottom-bar a {
    color: #fff;
  }

  .smallscreen-bottom-bar .category-dropdown .btn-secondary {
    background-color: inherit;
    padding: 0;
    border: inherit;
    color: #fff;
  }

  .smallscreen-bottom-bar .category-dropdown .dropdown-menu {
    width: 320px;
  }

  .smallscreen-bottom-bar .category-dropdown .dropdown-menu a {
    line-height: 40px;
    color: var(--bg_primary);
  }

  .smallscreen-bottom-bar
    .category-dropdown
    .btn-secondary
    .flaticon-hamburger {
    margin-right: 0;
    font-size: 24px;
  }

  .wishlist-icon-block i {
    font-size: 24px;
  }

  .wishlist-icon-block .icon-badge {
    right: 0;
  }

  .smallscreen-bottom-bar i {
    font-size: 24px;
  }

  .cart-icon-block .cart-icon i {
    font-size: 24px;
  }

  .navigation-main-block .navbar {
    display: none;
  }

  .nav-link-block {
    border: 1px solid var(--border_grey);
    padding: 8px 5px;
    border-radius: 6px;
    text-align: center;
    width: 150px;
  }

  .nav-link-block a {
    font-size: 16px;
    font-weight: 500;
    color: var(--text_black);
  }

  .navbar-autoplay .slick-initialized .slick-slide {
    margin: 0 10px;
  }

  .navigation-main-block .navbar-autoplay {
    display: none;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .navigation-main-block .navbar {
    display: none;
  }

  .tabscreen-navigation .navbar {
    display: flex;
  }

  .navigation-main-block .navbar-autoplay {
    display: block;
  }

  .nav-link-block {
    border: 1px solid var(--border_grey);
    padding: 8px 5px;
    border-radius: 6px;
    text-align: center;
    width: 180px;
    margin: 15px 0;
  }

  .navbar-autoplay.slick-initialized .slick-slide {
    margin: 0 5px;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .navigation-main-block .navbar-nav .nav-link {
    margin-right: 12px;
  }
}

/*===== Home Banner =====*/

.home-banner-main-block {
  margin-top: 0;
}

.home-banner-block {
  background-color: #c8cab9;
  border-radius: 10px;
  height: 195/70vh;
  position: relative;
}

.home-banner-block .home-banner-dtl {
  padding: 120px 0 50px 0;
  position: absolute;
  top: 0;
  left: 13%;
  max-width: 650px;
}

.home-banner-block .home-banner-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-banner-block .home-banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home-banner-dtl .home-banner-heading {
  line-height: 67.2px;
}

.home-banner-dtl p {
  margin-bottom: 34px;
  color: var(--text_darkgrey);
}

.home-banner-main-block .slick-dots {
  bottom: 3%;
}

.home-slider-autoplay .slick-dots li {
  width: 35px;
  height: 5px;
}

.home-slider-autoplay .slick-dots li button::before {
  font-size: 0;
  background-color: var(--bg_primary);
  height: 5px;
  border-radius: 4px;
  width: 35px;
}

.home-banner-block .btn-primary {
  border: none;
  background: #fff;
  color: var(--text_primary);
  border-radius: 5px;
}

.home-banner-block .btn-primary:hover {
  background: var(--text_primary);
  color: #fff;
}

@media (max-width: 767px) {
  .home-banner-dtl .home-banner-heading {
    font-size: 18px;
    line-height: 22px;
  }

  .home-banner-block {
    height: 250px;
    margin-bottom: 20px;
  }

  .home-banner-block .home-banner-dtl {
    padding: 20px 0 20px 0;
    left: 5%;
    max-width: 200px;
  }

  .home-banner-dtl p {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

@media (min-width: 767px) and (max-width: 1100px) {
  .home-banner-block {
    margin-bottom: 30px;
  }

  .home-banner-dtl .home-banner-heading {
    font-size: 25px;
    line-height: 30px;
  }

  .home-banner-block .home-banner-dtl {
    padding: 50px 0 20px 0;
    max-width: 400px;
  }
}

/*===== CTA Section =====*/

.cta-main-block {
  position: relative;
  margin: 100px 0 50px 0;
}

.cta-item {
  border-radius: 5px 5px 5px 5px;
  position: relative;
}

.cta-bg-wrapper {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
  width: 100%;
}

.cta-bg-overlay,
.cta-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
}

.cta-bg-overlay {
  z-index: 2;
}

.cta-bg {
  background-size: cover;
  background-position: 50%;
  z-index: 1;
}

.cta-content {
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  position: relative;
  color: #fff;
  padding: 35px;
  width: 100%;
  min-height: 250px;
  justify-content: flex-start;
  padding: 30px 30px 15px 40px;
}

.cta-content h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1em;
  letter-spacing: -1px;
  margin-bottom: 5px;
  color: var(--text_black);
}

.cta-description {
  color: var(--text_darkgrey);
  margin-bottom: 70px;
}

.cta-button {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0px;
  text-decoration: underline;
  color: var(--text_primary);
}

/*===== Service =====*/
.services-main-block {
  padding: 81px 0 64px;
  position: relative;
  overflow: hidden;
}

.services-main-block .container {
  border-style: solid;
  border-width: 0px 0 1px 0px;
  border-color: #e0e0e0;
}

.services-leaf {
  position: absolute;
  right: -105px;
  top: 20px;
}

.services-item {
  width: 20%;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #e0e0e0;
  margin-bottom: 30px;
}

.services-item:last-child {
  border: none;
}

.services-img {
  margin-bottom: 20px;
}

.services-img {
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.services-heading {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 2px;
}

.services-block .services-img img {
  -webkit-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

@media (max-width: 767px) {
  .cta-main-block {
    margin: 10px 0 30px 0;
  }

  .cta-main-block .col-12 {
    margin-bottom: 10px;
  }

  .cta-content {
    min-height: 100px;
    padding: 20px 10px 10px 20px;
  }

  .cta-content h2 {
    font-size: 20px;
  }

  .cta-description {
    margin-bottom: 20px;
    font-size: 13px;
  }

  .services-main-block {
    padding: 20px 0;
  }

  .services-block {
    margin-bottom: 30px;
  }

  .services-item {
    width: 31%;
    margin-bottom: 0;
    border: none;
  }

  .services-leaf {
    position: absolute;
    right: -130px;
    top: 120px;
    z-index: -1;
  }
}

/*===== Home Product =====*/

.section-heading {
  margin-bottom: 20px;
}

.home-product-main-block {
  padding-bottom: 100px;
}

.home-product-block {
  background-color: var(--bg_lightgrey);
  padding: 25px 30px 25px 30px;
  border-radius: 10px;
  position: relative;
}

.home-product-block .onsale {
  padding: 3px 8px;
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
  background: var(--bg_secondary);
  color: #fff;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 3;
  transition: all 0.35sease-in-out;
}

.product-4-slider .slick-dots {
  bottom: -50px;
  display: flex;
  justify-content: space-between;
}

.product-4-slider .slick-dots li {
  width: 100%;
  height: 5px;
  margin: 0;
}

.product-4-slider .slick-dots li button::before {
  font-size: 0;
  background-color: var(--bg_primary);
  height: 5px;
  border-radius: 0;
  width: 100%;
}

.home-product-block.slick-slide {
  margin-right: 20px;
}

.home-product-img {
  margin-bottom: 20px;
}

.home-product-img img {
  height: 254px;
  margin: 0 auto;
  -webkit-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.home-product-dtls ul {
  margin-bottom: 10px;
}

.home-product-dtls ul li {
  display: inline-block;
  margin-right: 2px;
}

.home-product-dtls ul li i {
  font-size: 13px;
  color: var(--text_secondary);
}

.home-product-dtls ul li.inactive i {
  color: var(--text_grey);
}

.home-product-dtls ul li.total-rating {
  margin-left: 6px;
  margin-right: 0;
}

.home-product-heading {
  margin-bottom: 10px;
}

.home-product-heading a {
  font-weight: 600;
  color: var(--text_primary);
}

.product-price-cart-block {
  margin-bottom: 2px;
}

.home-product-price {
  font-size: 18px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.home-product-price .old-price {
  font-size: 14px;
  margin-left: 5px;
  text-decoration: line-through;
  color: var(--text_grey);
}

.home-product-cart {
  text-align: right;
}

.home-product-cart button {
  border: none;
  box-shadow: none;
  background: transparent;
}

.home-product-cart i {
  text-align: center;
  border-radius: 4px;
  font-size: 19px;
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 38px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.home-product-cart i:hover {
  background-color: var(--bg_secondary);
}

@media (max-width: 1100px) {
  .home-product-main-block {
    padding-bottom: 50px;
  }

  .home-product-img img {
    height: initial;
  }

  .section-heading {
    margin-bottom: 10px;
    font-size: 20px;
  }
}

.progress-block {
  margin-bottom: 10px;
}

progress {
  width: 100%;
  height: 6px;
  border-radius: 50px;
  margin-bottom: 7px;
  background-color: #e6e8eb;
  --bs-progress-bg: inherit;
  transition: width 300ms ease;
}

progress[value]::-webkit-progress-bar {
  width: 100%;
  height: 6px;
  border-radius: 50px;
  background-color: #e6e8eb;
  transition: width 300ms ease;
}

progress[value]::-webkit-progress-value {
  width: 0;
  border-radius: 50px;
  background-color: var(--bg_black);
  transition: width 300ms ease;
}

.progress-block .product-avail {
  font-size: 13px;
  font-weight: 500;
  color: var(--text_grey);
}

.progress-block .product-avail b {
  font-weight: 600;
  color: var(--text_black);
}

.progress-block .product-sold {
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_grey);
}

.progress-block .product-sold b {
  font-weight: 600;
  color: var(--text_red);
}

.home-product-dtls p {
  font-size: 12px;
  font-weight: 400;
  color: var(--text_darkgrey);
  opacity: 0.6;
}

.home-product-block:hover .home-product-img img {
  transform: scale(1.1);
}

@media (max-width: 767px) {
  .home-product-block {
    margin-bottom: 30px;
  }
}

/*===== Deals Product =====*/
.deals-product-main-block {
  padding: 38px 0 71px;
}

.deals-product-border {
  border-bottom: 1px solid var(--border_grey);
}

.deals-product-main-block .nav-pills {
  margin-bottom: 12px;
}

.deals-product-main-block .nav-pills .nav-item:last-child .nav-link {
  margin-right: 0;
}

.deals-product-main-block .nav-pills .nav-item .nav-link {
  border-radius: 36px;
  padding: 3px 10px;
  font-size: 15px;
  font-weight: 500;
  margin-right: 40px;
  color: rgba(var(--text_black), 0.5);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.deals-product-main-block .nav-pills .nav-item .nav-link.active {
  background-color: rgba(var(--bg_black), 0.128);
  color: var(--text_black);
}

.deals-product-main-block .nav-pills .nav-item .nav-link:hover {
  background-color: rgba(var(--bg_black), 0.128);
  color: var(--text_black);
}

.deals-product-main-block .tab-content {
  margin-top: 30px;
}

.deals-product-block {
  border: 1px solid var(--border_grey);
  padding: 28px 18px 19px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.deals-product-block:hover {
  background-color: var(--bg_white);
  border: 1px solid var(--border_secondary);
  box-shadow: 0px 10px 50px 0px rgba(245, 172, 4, 0.1);
}

.deals-product-img {
  margin-bottom: 30px;
}

.deals-product-img img {
  height: 90px;
  -webkit-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.deals-product-block:hover .deals-product-img img {
  transform: scale(1.1);
}

.deals-product-heading {
  margin-bottom: 14px;
}

.deals-product-dtls .price {
  font-size: 18px;
  font-weight: 400;
}

.deals-product-dtls .price s {
  font-size: 14px;
  margin-left: 5px;
  color: rgba(var(--text_black), 0.4);
}

.deals-product-dtls .deals-product-btn {
  margin-top: 19px;
  text-align: center;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.deals-product-dtls .deals-product-btn i {
  font-size: 16px;
  margin-right: 10px;
}

.deals-product-block:hover .deals-product-btn {
  max-height: 45px;
  opacity: 1;
}

@media (max-width: 767px) {
  .deals-product-main-block .nav-pills .nav-item .nav-link {
    margin-right: 0;
  }

  .deals-product-main-block .section-heading {
    margin-bottom: 30px;
  }

  .deals-product-block {
    margin-bottom: 30px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .deals-product-main-block .nav-pills .nav-item .nav-link {
    margin-right: 30px;
  }

  .deals-product-block {
    margin-bottom: 30px;
  }
}

/*===== Advertise =====*/
.advertise-block {
  background-color: var(--bg_lightgrey);
  padding: 30px;
  position: relative;
}

.advertise-sub-heading {
  color: var(--text_blue);
  margin-bottom: 10px;
  margin-top: 30px;
}

.advertise-heading {
  margin-bottom: 7px;
}

.advertise-block p {
  font-size: 15px;
  color: rgba(var(--text_black), 0.7);
  margin-bottom: 20px;
}

.advertise-img {
  position: relative;
  z-index: 99;
}

.advertise-img img {
  height: 250px;
  object-fit: contain;
  -webkit-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.advertise-block:hover .advertise-img img {
  transform: scale(1.1);
}

.advertise-img-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 134px;
  height: 310px;
  background-color: var(--bg_secondary);
}

.advertise-img-bg-two {
  background-color: var(--bg_lavendar);
}

@media (max-width: 767px) {
  .advertise-block {
    margin-bottom: 30px;
  }

  .advertise-sub-heading {
    position: relative;
    z-index: 99;
  }

  .advertise-heading {
    position: relative;
    z-index: 99;
  }

  .advertise-block p {
    position: relative;
    z-index: 99;
  }

  .advertise-img-bg {
    height: 100%;
  }

  .advertise-img {
    margin-top: 30px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .advertise-block {
    margin-bottom: 30px;
  }
}

/*===== Section Banner =====*/
#alert {
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 9999;
}

.banner-section {
  margin: 0;
}

.banner-section-block {
  background-color: #e2ebd9;
  border-radius: 10px;
  position: relative;
}

.banner-section-block .banner-section-content {
  padding: 60px 0 0 0;
  position: absolute;
  top: 0;
  left: 10%;
  max-width: 650px;
}

.banner-section-block .banner-section-image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-section-block .banner-section-image img {
  width: 100%;
}

.banner-section-content h3 {
  font-size: 25px;
  line-height: 30px;
  color: var(--text_primary);
}

.banner-section-content p {
  margin-bottom: 20px;
  color: var(--text_darkgrey);
}

.banner-section a {
  text-decoration: underline;
  color: var(--text_primary);
}

.banner-section a i {
  font-size: 10px;
  padding-left: 0;
}

.banner-section .slick-dots {
  bottom: 3%;
}

.banner-section .slick-dots li {
  width: 35px;
  height: 5px;
}

.banner-section .slick-dots li button::before {
  font-size: 0;
  background-color: var(--bg_primary);
  height: 5px;
  border-radius: 4px;
  width: 35px;
}

@media (max-width: 1100px) {
  .banner-section-content h3 {
    font-size: 14px;
    line-height: 15px;
  }

  .banner-section-content p {
    font-size: 10px;
    margin-bottom: 0px;
  }

  .banner-section-content a {
    font-size: 10px;
    margin-bottom: 10px;
  }

  .banner-section-block .banner-section-content {
    padding: 10px 0 10px 0;
    top: 0;
    left: 10px;
    max-width: 300px;
  }
}

/*=====  Category 3 Grid =====*/

.home-category-section {
  margin: 0 0 60px 0;
}

.home-category-section .product-cat {
  height: 100%;
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 50px 50px 50px 50px;
}

.home-category-section .product-cat.shape-circle {
  border-radius: 50% 50% 50% 50%;
}

.home-category-section .product-cat.shape-top {
  border-radius: 240px 240px 50px 50px;
}

.home-category-section .product-cat {
  height: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}

.home-category-section .product-cat:hover .category-product-img img {
  transform: scale(1.03);
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-category-section .product-cat:hover .category-product-img:before {
  height: 120%;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-category-section .category-product-img {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.home-category-section .category-product-img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  transform: scale(1);
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-category-section .category-product-img:before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.33%, #000000 100%);
  opacity: 0.8;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-category-section .product-cat-caption {
  position: absolute;
  left: 0px;
  right: 0;
  bottom: 0px;
  z-index: 5;
  padding: 50px;
  overflow: hidden;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}

.home-category-section .cat-title {
  position: relative;
  z-index: 1;
  font-size: 30px;
  line-height: 1.1333333333;
  color: #fff;
  margin-bottom: 3px;
}

.home-category-section .cat-title a {
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.1333333333;
}

.home-category-section .cat-title a:hover {
  text-decoration: none;
  color: var(--text_secondary);
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-category-section .btn {
  border-color: #ffffff;
  color: #ffffff;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 20px;
  padding: 5px 20px;
}

.home-category-section .btn:hover {
  background-color: #ffffff;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--text_primary);
}

/*===== Shop Category =====*/
.section-feature {
  margin: 50px 0 50px 0;
  padding: 50px 0;
  background-color: #f4f4f4;
  background-image: url(../images/shape-bg.png);
}

.feature-item {
  position: relative;
  display: flex;
  transition: 0.5s;
}

.feature-item .feature-item-inner {
  transition: all 0.4s;
  align-content: flex-start;
  align-items: flex-start;
  text-align: center;
  padding: 40px 80px 40px 80px;
  background-color: #fff;
}

.feature-item .feature-item-icon {
  width: 100px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 10px;
}

.feature-item .feature-item-icon img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.feature-item .feature-item-icon:before {
  content: "";
  position: absolute;

  margin: auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bg_secondary);
  transition: all 0.4s;
  left: -10px;
  top: 19px;
  z-index: 1;
}

.feature-item .feature-item-icon.icon-2:before {
  left: 56px;
  top: 21px;
}

.feature-item .feature-item-icon.icon-3:before {
  left: 0px;
  top: 10px;
}

.feature-item:hover .feature-item-icon:before {
  width: calc(100% + 15px);
  height: calc(100% + 15px);
  top: -7.5px !important;
  left: -7.5px !important;
}

.feature-item .feature-item-subtitle {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 2px;
  margin-bottom: 5px;
  color: var(--bg_secondary);
}

.feature-item .feature-item-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
  color: var(--text_primary);
  margin-bottom: 20px;
}

.feature-item p {
  font-size: 14px;
  color: var(--text_primary);
  margin-bottom: 20px;
}

.feature-item a {
  text-decoration: underline;
  font-weight: 600;
  font-size: 15px;
  color: var(--text_primary);
}

/*===== Section Highlight =====*/

.section-highlight {
  margin: 50px 0 50px 0;
  padding: 0 0;
}

.section-highlight .highlight-item-left {
  width: 50%;
  display: flex;
  position: relative;
}

.section-highlight .highlight-item-right {
  width: 50%;
  display: flex;
  background: #f7f7f7;
  position: relative;
  padding: 20px 20px;
  align-items: center;
  justify-content: center;
}

.highlight-content {
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
}

.highlight-content .btn-outline {
  margin-top: 20px;
  max-width: 200px;
}

.highlight-item-left .image-box {
  margin: 0;
  padding: 0;
  width: 100%;
}

.highlight-item-left img {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  width: 100%;
}

.shape-leaf {
  position: absolute;
  max-width: 100%;
  margin-bottom: 0;
  top: 100px;
  left: 0;
}

.shape-leaf.leaf-3 {
  left: -32px;
  top: 100px;
}

.shape-leaf.leaf-2 {
  left: 202px;
  top: -86px;
}

/*===== Image Section =====*/
.image-section {
  margin: 50px 0 0 0;
  padding: 150px 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: 50%;
  z-index: 1;
  background-image: url(../images/bg-2.png);
}

.image-caption-box {
  max-width: 500px;
  text-align: center;
}

.image-caption-box .subtitle {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 2px;
  margin-bottom: 5px;
  color: var(--bg_secondary);
}

.image-caption-box .title {
  font-size: 45px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
  margin-bottom: 20px;
}

.image-caption-box p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}

.image-caption-box .btn-outline {
  border-color: var(--bg_secondary);
  color: #fff;
}

/*===== Blog =====*/
.blog-news-two-main-block {
  padding: 50px 0 10px;
}

.blog-news-two-main-block .section {
  margin-bottom: 30px;
}

.blog-block {
  margin-bottom: 30px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog-news-img {
  position: relative;
  overflow: hidden;
}

.blog-news-img .date-box {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 30px;
  background-color: var(--bg_secondary);
  color: #fff;
  border-radius: 0 0 5px 5px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.blog-news-img .date {
  font-size: 40px;
  font-weight: 600;
  display: block;
  line-height: 1;
  letter-spacing: -2px;
}

.blog-news-img a {
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
}

.blog-two-sub-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3333333333;
  text-transform: uppercase;
  color: var(--text_darkgrey);
}

.blog-two-title {
  margin-bottom: 20px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 20px;
  font-weight: 700;
}

.blog-news-two-dtls {
  padding: 30px 0;
}

.blog-block:hover .blog-two-title {
  color: var(--text_primary);
}

.blog-block .blog-news-img img {
  -webkit-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease;
  width: 100%;
}

.blog-block:hover .blog-news-img img {
  transform: scale(1.1);
}

@media (min-width: 767px) and (max-width: 992px) {
  .section-feature {
    margin: 10px 0 10px 0;
    padding: 10px 0;
  }

  .blog-news-two-dtls {
    padding: 30px 25px;
  }
}

@media (max-width: 767px) {
  .section-feature {
    margin: 10px 0 10px 0;
    padding: 10px 0;
  }

  .feature-item .feature-item-title {
    font-size: 18px;
    line-height: 20px;
  }

  .feature-item .feature-item-inner {
    padding: 20px 30px 20px 30px;
  }

  .section-highlight .d-flex {
    flex-direction: column;
  }

  .section-highlight .highlight-item-left {
    width: 100%;
  }

  .section-highlight .highlight-item-right {
    width: 100%;
  }

  .highlight-content {
    width: 100%;
    max-width: 100%;
  }

  .highlight-content h2 {
    font-size: 20px;
  }

  .blog-two-title {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .blog-news-img .date {
    font-size: 20px;
    font-weight: 600;
  }

  .blog-news-img .date-box {
    left: 10px;
    width: 40px;
    height: 40px;
    font-size: 10px;
  }

  .blog-news-two-dtls {
    padding: 10px 0;
    font-size: 12px;
  }

  .blog-block {
    margin-bottom: 10px;
  }

  .image-section {
    margin: 10px 0 0 0;
    padding: 50px 20px;
  }

  .image-caption-box .title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .image-caption-box p {
    font-size: 13px;
  }
}

/*===== Subscribe =====*/
.subscribe-main-block {
  background-color: #f4f4f4;
  padding: 40px;
  position: relative;
  justify-content: center;
  background-size: cover;
  background-position: 50%;
  z-index: 1;
  background-image: url(../images/subscribe-bg.jpg);
}

.subscribe-heading {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  color: var(--text_primary);
}

.form-group-subscribe-form .form-group {
  display: flex;
}

.form-group-subscribe-form .form-control {
  background-color: var(--bg_white);
  padding: 5px 20px;
  border-radius: 0;
  border: 1px solid var(--border_white);
  color: rgba(var(--text_darkgrey_rgb), 0.8);
}

.form-group-subscribe-form .btn-primary {
  padding: 15px 30px;
  text-transform: uppercase;
  background-color: var(--bg_secondary);
  border: 1px solid var(--bg_secondary);
  border-radius: 0 10px 10px 0;
}

.form-group-subscribe-form .btn-primary:hover {
  background-color: var(--bg_primary);
}

@media (max-width: 767px) {
  .subscribe-main-block {
    margin-top: 0;
    padding: 20px 10px;
  }

  .form-group-subscribe-form .btn-primary {
    padding: 10px 15px;
  }

  .subscribe-heading {
    margin-bottom: 3px;
    font-size: 15px;
  }

  .subscribe-main-block p {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

/*===== Footer =====*/
.footer-main-block {
  background-color: #fff;
  padding: 100px 0 76px;
}

.footer-logo {
  margin-bottom: 30px;
  max-width: 200px;
}

.footer-dtls p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 38px;
  color: rgba(var(--text_black), 0.7);
}

.footer-social-icons {
  display: flex;
  justify-content: end;
  gap: 10px;
}

.footer-social-icons li {
  text-align: center;
  display: inline-block;
}

.footer-social-icons li i {
  font-size: 13px;
  color: var(--text_black);
  background: #f6f6f6;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
  line-height: 34px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.footer-social-icons li:hover i {
  background: var(--bg_primary);
  color: #fff;
}

.footer-widget-heading {
  margin-bottom: 20px;
  color: #86938d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 16px;
  letter-spacing: 2px;
}

.footer-widget li {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0;
}

.footer-widget li a {
  color: rgba(var(--text_black), 1.2);
}

.footer-widget h6 {
  color: #86938d;
  font-size: 14px;
}

.footer-widget .footer-phone a {
  color: var(--text_secondary);
  font-size: 18px;
  font-weight: 600;
}

.tiny-footer-block {
  padding: 30px;
  border-top: 1px solid rgba(var(--border_black), 0.1);
}

.footer-coyright {
  color: var(--text_black);
  font-size: 16px;
  font-weight: 500;
}

.footer-coyright a {
  color: var(--text_secondary);
}

.footer-menu li a {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.footer-menu li:hover a {
  color: var(--text_yellow);
}

.footer-payment-block-inner {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  align-self: auto;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  background-color: #f6f6f6;
  min-height: 120px;
  border-radius: 10px;
}

.footer-payment-title {
  text-align: center;
  color: #86938d;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.footer-payment-image {
  text-align: center;
}

.footer-payment-image img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

@media (max-width: 767px) {
  .footer-block {
    margin-bottom: 0;
  }

  .footer-widget {
    margin-bottom: 30px;
  }

  .footer-logo {
    margin: auto;
    margin-bottom: 30px;
  }

  .footer-main-block {
    padding: 10px 0;
  }

  .footer-coyright {
    margin-bottom: 20px;
  }

  .footer-widget-heading {
    margin-bottom: 5px;
  }

  .tiny-footer-payment-img {
    margin-bottom: 20px;
  }

  .tiny-footer-menu {
    text-align: left;
  }

  .tiny-footer-block {
    padding: 0px 0 80px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .tiny-footer-block {
    padding: 30px 0;
  }

  .tiny-footer-menu {
    text-align: left;
  }

  .footer-widget li {
    word-wrap: break-word;
  }
}

/*===== Breadcrumb =====*/
.breadcrumb-main-block {
  border-top: 1px solid var(--text_secondary);
  background-color: var(--bg_lightgrey);
  background-image: url(../images/category-banner.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.breadcrumb-main-block.bg-transparent {
  background: transparent;
}

.breadcrumb-main-block .breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 30px;
  --bs-breadcrumb-margin-bottom: 0;
  border-bottom: 1px solid rgba(21, 22, 24, 0.1);
}

.breadcrumb-main-block .breadcrumb-item {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.breadcrumb-main-block .breadcrumb-item a {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

.breadcrumb-main-block.bg-transparent .breadcrumb-item {
  color: var(--text_darkgrey);
}

.breadcrumb-main-block.bg-transparent
  .breadcrumb-item
  + .breadcrumb-item::before {
  color: var(--text_darkgrey);
}

.breadcrumb-main-block.bg-transparent .breadcrumb-item a {
  color: var(--text_darkgrey);
}

.breadcrumb-title-box {
  display: block;
  position: relative;
}

.breadcrumb-title {
  color: var(--text_secondary);
  font-size: 64px;
  font-weight: 600;
  line-height: 1.08em;
  margin: 0;
  padding: 50px 0px 120px 0px;
}

@media (max-width: 767px) {
  .breadcrumb-main-block .breadcrumb {
    --bs-breadcrumb-padding-y: 15px;
  }

  .breadcrumb-title {
    font-size: 25px;
    padding: 20px 0px 20px 0px;
  }
}

/*===== Shop =====*/
.shop-main-block {
  padding-bottom: 120px;
}

.shop-main-block .home-product-block {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .home-product-block {
    padding: 10px 10px 10px 10px;
  }

  .shop-main-block .home-product-block {
    margin-bottom: 25px;
  }

  .home-product-dtls ul li i {
    font-size: 10px;
  }

  .home-product-heading {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .home-product-price {
    font-size: 12px;
  }

  .home-product-price .old-price {
    font-size: 10px;
    margin-left: 5px;
  }

  .home-product-cart i {
    font-size: 13px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

/* ================================= */
/*===== Shop Filter =====*/
/* ================================= */
.shop-filter-main-block {
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-radius: 5px;
  margin-top: 50px;
}

.shop-filter-result {
  display: flex;
  margin: 0;
}

.shop-filter-result p {
  color: var(--text_darkgrey);
  font-size: 14px;
  font-weight: 500;
}

.shop-filter-sort-block {
  display: flex;
}

.shop-filter-sort-block .shop-filter-sort-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_darkgrey);
  margin: 0 20px 0 0;
  line-height: 20px;
}

.shop-filter-sort-block .dropdown-toggle {
  background-color: transparent;
  border-radius: 0;
  padding: 0 10px;
  border: inherit;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text_darkgrey);
}

.shop-filter-sort-block .dropdown-toggle i {
  margin-left: 14px;
  line-height: 0;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .shop-filter-sort-block {
    margin-bottom: 1px;
  }

  .shop-filter-result {
    margin: 15px 0 10px;
    display: none;
  }

  .home-product-dtls ul li {
    margin-right: 0;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .shop-filter-result {
    margin: 15px 0 20px;
  }
}

/* ================================= */
/*===== Shop Filter page =====*/
/* ================================= */
.shop-filter-block {
  padding: 50px 0 0 0;
}

.shop-filter-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text_black);
  line-height: 1.3333333333;
  letter-spacing: 0;
  text-transform: capitalize;
  transition: allease 0.3s;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}

.product-category-widget li {
  font-size: 16px;
  line-height: 1.25;
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: 10px;
}

.shop-filter-block .form-check {
  margin-bottom: 20px;
}

.shop-filter-block .form-check .form-check-label {
  font-size: 20px;
  font-weight: 400;
  line-height: 1px;
  display: contents;
}

.shop-filter-block .form-check .form-check-input {
  border-radius: 0;
  border: 1px solid var(--border_grey);
  background-color: inherit;
  width: 16px;
  height: 16px;
  margin-right: 15px;
}

.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23616161' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:focus {
  box-shadow: inherit;
}

.price-range-slider {
  width: 100%;
  margin-bottom: 43px;
}

.price-range-slider .range-value input {
  width: 100%;
  background: none;
  color: var(--text_black);
  font-size: 16px;
  font-weight: 400;
  box-shadow: none;
  border: none;
  margin-bottom: 20px;
}

.price-range-slider .range-bar {
  border: none;
  background-color: var(--text_secondary);
  height: 4px;
}

.price-range-slider .range-bar .ui-slider-range {
  background-color: var(--text_primary);
  border: 3px solid var(--text_primary);
}

.price-range-slider .range-bar .ui-slider-handle {
  border: none;
  border-radius: 25px;
  background-color: var(--text_secondary);
  border: 3px solid var(--text_primary);
  height: 17px;
  width: 17px;
  top: -0.7em;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.price-range-slider .range-bar .ui-slider-handle + span {
  background-color: var(--text_primary);
}

.shop-filter-block .form-check i {
  font-size: 16px;
  font-weight: 900;
  margin-right: 10px;
}

.shop-filter-block .form-check .form-check-label span {
  font-size: 20px;
  font-weight: 400;
  margin-left: 17px;
}

.star-yellow {
  color: #f8c519;
}

.star-grey {
  color: #ccc;
}

.shop-main-block .modal-dialog {
  max-width: 952px;
}

.shop-main-block .modal-body {
  padding: 40px 40px 50px !important;
}

.shop-slider-for img {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

.shop-slider-for {
  background-color: var(--bg_lightgrey);
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.shop-slider-for .slick-slide {
  height: 440px;
}

.shop-slider-nav img {
  border: 1px solid var(--border_grey);
  border-radius: 5px;
  padding: 0;
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.shop-slider-nav .slick-current img {
  border: 1px solid var(--border_secondary);
}

.product-detail-block p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 28px;
}

.product-detail-block h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.product-detail-block .form-label {
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--text_darkgrey);
}

.btn-wishlist {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  color: var(--text_secondary);
  background-color: transparent;
  margin-right: 18px;
  text-transform: capitalize;
  font-weight: 500;
  margin-top: 20px;
}

.btn-wishlist i {
  padding-top: 3px;
}

.policy-page-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 40px;
}

.product-star-rating li {
  margin-right: 5px;
  margin-bottom: 5px;
}

.product-star-rating li i {
  font-size: 15px;
}

.cust-rat-review {
  font-size: 18px;
  font-size: 400;
  margin-bottom: 20px;
}

.product-detail-block .price {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--text_black);
}

.product-detail-block .price s {
  margin-left: 10px;
  font-size: 17px;
  color: rgba(var(--text_black), 0.4);
}

.product-dtl-list {
  margin-bottom: 30px;
}

.product-dtl-list li {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

.product-detail-block .qty-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}

.product-detail-block .text-quantity {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--text_black);
}

.qty-input {
  border-radius: 4px;
  display: inline-block;
  border: 1px solid var(--text_darkgrey);
  margin-bottom: 5px;
}

.qty-input .product-qty,
.qty-input .qty-count {
  background: transparent;
  border: none;
  height: 40px;
  line-height: 1;
}

.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
  outline: none;
}

.qty-input .product-qty {
  width: 40px;
  min-width: 0;
  display: inline-block;
  text-align: center;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.qty-input .product-qty::-webkit-outer-spin-button,
.qty-input .product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.qty-input .qty-count {
  padding: 0;
  cursor: pointer;
  width: 32px;
  font-size: 20px;
  text-indent: -100px;
  overflow: hidden;
  position: relative;
}

.qty-input .qty-count:before,
.qty-input .qty-count:after {
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  display: block;
  background: #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.qty-input .qty-count--add:after {
  transform: rotate(90deg);
}

.qty-input .qty-count:disabled {
  color: var(--text_darkgrey);
  background-color: var(--bg_primary);
  cursor: not-allowed;
  border-color: transparent;
}

.qty-input .qty-count:disabled:before,
.qty-input .qty-count:disabled:after {
  background: #ccc;
}

.product-dtl-cart-btn .btn-primary {
  border-radius: 5px;
  border: 1px solid var(--border_secondary);
  background: var(--bg_secondary);
  text-transform: uppercase;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.product-dtl-cart-btn .btn-primary:hover {
  background: var(--bg_primary);
}

.product-meta {
  margin-top: 22px;
  padding-top: 17px;
  border-top: 1px solid var(--border_darkgrey);
}

.product-meta > span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.1428571429;
  color: var(--text_darkgrey);
}

.product-meta > span a {
  color: var(--text_primary);
}

.dealsproductModal .modal-header {
  border-bottom: none !important;
  padding: 0;
}

.dealsproductModal .modal-header .btn-close {
  margin-top: 10px;
  margin-right: 10px;
}

.dealsproductModal .modal-header .btn-close:focus {
  box-shadow: inherit;
}

@media (max-width: 767px) {
  .shop-filter-block {
    padding: 10px 0 0 0;
  }

  .shop-filter-title {
    font-size: 15px;
    line-height: 1;
    margin-bottom: 10px;
  }

  .shop-filter-block .form-check .form-check-label span {
    display: contents;
  }

  .shop-slider-nav {
    margin-bottom: 30px;
  }

  .product-dtl-cart-btn {
    margin-bottom: 30px;
  }

  .drift-zoom-pane {
    display: none !important;
  }

  .shop-filter-main-block {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .product-category-widget li {
    font-size: 12px;
  }

  .price-range-slider .range-value input {
    font-size: 12px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .shop-filter-block .form-check .form-check-label {
    display: contents;
  }

  .shop-filter-block .form-check i {
    margin-right: 5px;
  }
}

/* ================================= */
/*===== Error =====*/
/* ================================= */
.error-main-block {
  padding: 120px 0;
}

.error-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 44px;
}

.error-dtls p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 39px;
}

.success-main-block {
  padding: 120px 0;
}

.success-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 44px;
}

.success-dtls {
  font-size: 15px;
  margin-bottom: 20px;
}

.success-dtls p {
  font-size: 15px;
  margin-bottom: 5px;
}

/* ================================= */
/*===== Wishlist =====*/
/* ================================= */
.wishlist-main-block {
  padding: 120px 0;
}

.wishlist-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text_black);
  margin-bottom: 50px;
}

.cart-table.table {
  --bs-table-border-color: var(--border_grey);
}

.cart-table thead tr {
  background-color: var(--bg_secondary);
}

.cart-table thead tr th {
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 400;
  color: var(--text_black);
}

.cart-table tbody tr td {
  padding: 10px 20px;
  text-align: center;
  line-height: 5;
}

.wishlist-product-block {
  display: flex;
  align-items: center;
}

.wishlist-product-img {
  margin-right: 10px;
  font-size: 16px;
  max-width: 100px;
}

.wishlist-product-title {
  font-weight: 500;
}

.cart-table .qty-input {
  line-height: 0;
  margin-bottom: 0;
}

.cart-table li {
  line-height: 19px;
  text-align: left;
}

.cart-table tbody .rate {
  font-size: 18px;
}

.wishlist-delete-icon {
  margin-top: 5px;
}

.btn-remove-coupon {
  position: absolute;
  right: 175px;
  top: 0;
  background: transparent;
  color: #dc3545;
  height: 50px;
  line-height: 40px;
  border: none;
  font-weight: 300;
}

@media (max-width: 992px) {
  .wishlist-product-block {
    display: block;
  }

  .wishlist-product-img {
    margin-right: 0;
  }

  .cart-table thead tr th {
    padding: 5px 5px;
    font-size: 12px;
  }

  .cart-table tbody tr td {
    padding: 5px 10px;
    line-height: 3;
    font-size: 12px;
  }

  .cart-table tbody .rate {
    font-size: 12px;
  }

  .wishlist-product-title {
    font-size: 12px;
  }

  .cart-total-amt-block .total-heading {
    font-weight: 600;
    font-size: 18px;
  }
}

/* ================================= */
/*===== Contact =====*/
/* ================================= */
.contact-main-block {
  padding: 80px 0 120px;
}

.page-title {
  margin-bottom: 30px;
  font-size: 40px;
  color: var(--text_primary);
}

.container-contact-block {
  padding: 10px 0px 100px;
}

.contact-details {
  padding: 64px 80px 60px;
}

.contact-details .main-title {
  margin-bottom: 13px;
}

.sub-heading {
  color: var(--text_secondary);
  margin-bottom: 14px;
}

.main-heading {
  size: 48px;
  width: 700;
}

.contact-form-block .detail {
  margin: 30px 0px 30px;
}

@media (max-width: 992px) {
  .page-title {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .contact-form-main-block .heading {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .contact-title {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .contact-block p {
    font-size: 12px;
  }

  .contact-block li {
    font-size: 12px;
  }
}

/* ================================= */
/*===== Career =====*/
/* ================================= */
.careers-main-block {
  padding: 8px 0 100px;
}

.careers-block {
  background-color: var(--bg_lightgrey);
  border-radius: 20px;
}

.careers-dtl-block {
  padding: 90px 0 103px 80px;
}

.career-heading {
  font-size: 48px;
  margin-bottom: 38px;
  font-weight: 700;
}

.career-heading span {
  font-weight: 200;
}

.career-input {
  display: flex;
  position: relative;
}

.career-input .form-control {
  padding: 27px 30px;
  width: 100%;
  border-radius: 10px !important;
  background-color: var(--bg_white);
  border: 1px solid #fff;
  font-size: 15px;
  font-weight: 400;
  color: var(--text_darkgrey);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
}

.careers-main-block .career-input .btn-secondary {
  background-color: var(--bg_pink);
  position: absolute;
  padding: 22px 47px 20px;
  border-radius: 10px !important;
  right: 6.5px;
  top: 7px;
  bottom: 6px;
  border: 1px solid var(--border_pink);
  z-index: 9;
  font-size: 15px;
  font-weight: 700;
  color: var(--text_white);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.careers-main-block .career-input .btn-secondary:hover {
  background-color: var(--bg_black);
  color: var(--text_pink);
}

.careers-main-block .career-input .btn-secondary i {
  vertical-align: middle;
  margin-right: 13px;
}

.career-about-us-main-block {
  padding-bottom: 120px;
}

.sub-career-heading {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 13px;
  color: var(--text_black);
  text-transform: uppercase;
  letter-spacing: 4px;
}

.career-about-us-main-block .career-heading {
  margin-bottom: 12px;
}

.about-career-dtls {
  margin-bottom: 26px;
  color: var(--text_darkgrey);
}

.career-lst li {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  color: var(--text_darkgrey);
}

.career-lst li i {
  vertical-align: middle;
  font-size: 16px;
  margin-right: 15px;
}

.career-lst {
  margin-bottom: 40px;
}

.career-read-btn {
  padding: 15px 30px;
  border: 1px solid var(--border_secondary);
  font-weight: 600;
  font-size: 16px;
}

.career-read-btn i {
  margin-left: 10px;
  vertical-align: middle;
}

.who-we-are-main-block {
  padding-bottom: 120px;
}

.who-we-are-list ul li {
  border-bottom: 1px solid var(--border_grey);
  margin-bottom: 15px;
  padding-bottom: 18px;
  font-size: 18px;
  font-weight: 700;
  color: rgab(var(--text_black), 0.8);
}

.who-we-are-list ul li i {
  vertical-align: middle;
  font-size: 16px;
  margin-right: 15px;
}

.careers-img {
  position: relative;
  padding: 40px 48px 0 0;
}

@media (max-width: 767px) {
  .careers-dtl-block {
    padding: 90px 20px 103px;
    text-align: center;
  }

  .career-about-us-dtls {
    margin-top: 60px;
  }

  .career-dtls {
    margin-bottom: 40px;
  }

  .career-input {
    display: block;
  }

  .careers-main-block .career-input .btn-secondary {
    position: inherit;
    width: 100%;
    margin-top: 20px;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .career-img-block img {
    margin-bottom: 20px;
  }

  .career-img img {
    margin-bottom: 20px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .careers-dtl-block {
    padding: 90px 80px 103px;
    text-align: center;
  }

  .career-about-us-dtls {
    margin-top: 60px;
  }

  .career-dtls {
    margin-bottom: 40px;
  }
}

/*===== Cart =====*/
.wishlist-main-block.cart-page {
  padding: 60px 0 0 0;
}

.cart-main-block {
  padding-bottom: 120px;
}

.cart-shipping-block .coupon-form {
  position: relative;
  margin-bottom: 55px;
}

.cart-shipping-block .coupon-form .form-control {
  padding: 12px 0 12px 20px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 4px;
  color: var(--text_darkgrey);
}

.cart-shipping-block .coupon-form .btn-primary {
  position: absolute;
  top: 0;
  right: 0;
  padding: 14px 37px;
  border-radius: 0 4px 4px 0;
  color: #fff;
  border: 1px solid var(--bg_secondary);
  background-color: var(--bg_secondary);
}

.cart-shipping-block .coupon-form .btn-primary:hover {
  background-color: var(--bg_primary);
}

.shipping-heading {
  margin-bottom: 14px;
  font-weight: 700;
}

.cart-total-amt-block {
  padding: 30px 30px 40px;
  position: relative;
  background-color: #fff;
  border: 6px solid var(--border_grey);
  border-radius: 5px;
}

.cart-total-amt-block .total-heading {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 25px;
}

.cart-total-amt-block .table tr {
  border-bottom: 1px solid var(--border_grey);
}

.cart-total-amt-block .table tr:last-child {
  border-bottom: inherit;
}

.cart-total-amt-block .table td {
  padding: 12px 0 17px;
  font-size: 14px;
  font-weight: 400;
  color: var(--text_black);
  border-bottom: inherit;
  border: transparent;
}

.cart-total-amt-block .table .price {
  font-size: 16px;
  font-weight: 700;
}

.cart-total-amt-block .table .form-check-input {
  width: 13px;
  height: 13px;
}

.cart-total-amt-block .table .form-check-input:checked {
  background-color: var(--bg_black);
  border-color: var(--border_black);
  border: 1px solid var(--border_black);
}

.cart-total-amt-block .btn-primary {
  width: 100%;
  border-radius: 4px;
  padding: 14px 0;
  border: 1px solid var(--border_secondary);
}

.cart-button .btn-primary {
  width: 100%;
  border-radius: 4px;
  padding: 15px 0;
  border: 1px solid var(--border_secondary);
}

.cart-button .continue-btn .btn-primary {
  background-color: var(--bg_white);
  border: 1px solid var(--border_black);
}

.cart-button .continue-btn .btn-primary:hover {
  color: var(--text_black);
}

.cart-button .update-btn .btn-primary i {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .cart-total-amt-block {
    margin-bottom: 30px;
    padding: 15px 10px;
  }

  .cart-button .continue-btn {
    margin-bottom: 30px;
  }

  .cart-total-amt-block .total-heading {
    font-weight: 600;
    font-size: 18px;
  }

  .cart-shipping-block .coupon-form .btn-primary {
    font-size: 12px;
    padding: 14px 10px;
  }

  .btn-remove-coupon {
    right: 100px;
    font-size: 12px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .cart-total-amt-block {
    margin-bottom: 30px;
  }
}

/*===== Checkout =====*/
.checkout-main-block {
  padding: 111px 0 123px;
}

.checkout-block {
  margin-bottom: 27px;
}

.checkout-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}

.checkout-block p {
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--text_grey);
}

.checkout-block .form-control {
  border: 1px solid var(--border_grey);
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 400;
  height: 46px;
  color: rgba(var(--text_black), 0.5);
}

.checkout-block .form-floating label {
  padding: 8px 10px !important;
  height: 46px;
  color: rgba(var(--text_black), 0.5);
}

.checkout-form-check-block {
  border: 1px solid rgba(var(--border_black), 0.11);
  border-bottom: inherit;
}

.checkout-form-check-block .form-check {
  padding: 16px 17px 16px 41px;
  border-bottom: 1px solid rgba(var(--border_black), 0.11);
}

.checkout-form-check-block .form-check-label {
  color: var(--text_grey);
  font-size: 16px;
  font-weight: 700;
}

.checkout-form-check-block .form-check p {
  margin-top: 7px;
  color: var(--text_grey);
  font-size: 16px;
}

.checkout-form-check-block input[type="radio"] {
  position: absolute;
  opacity: 1;
}

.checkout-form-check-block input[type="radio"] {
  content: "";
  background: var(--bg_white);
  border-radius: 100%;
  border: 1px solid rgba(var(--border_black), 0.8);
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: -0.15em;
  margin-right: 1em;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.checkout-form-check-block input[type="radio"]:checked {
  background-color: var(--bg_black);
  box-shadow: inset 0 0 0 4px var(--bg_white);
}

.checkout-form-check-block input[type="radio"]:focus {
  outline: none;
  border-color: rgba(var(--border_black), 0.8);
}

.checkout-checkbox-block {
  border-bottom: 1px solid rgba(var(--border_black), 0.11);
}

.checkout-checkbox-block .form-check-input {
  width: 21px;
  height: 21px;
}

.checkout-checkbox-block .form-check-input:checked {
  background-color: inherit;
  border-color: var(--border_grey);
}

.checkout-checkbox-block .form-check-label {
  margin-left: 14px;
  font-size: 14px;
  vertical-align: middle;
}

.checkout-checkbox-block p {
  margin-top: 21px;
  font-size: 16px;
  color: var(--text_grey);
}

.checkout-block-button .btn-secondary {
  background-color: inherit;
  border: inherit;
  font-size: 16px;
  color: var(--text_black);
}

.checkout-block-button .btn-secondary i {
  margin-right: 10px;
  vertical-align: middle;
}

.checkout-block-button .btn-primary {
  width: 100%;
  border: 1px solid var(--border_secondary);
}

.order-block {
  border-top: 1px solid rgba(var(--border_black), 0.11);
  border-bottom: 1px solid rgba(var(--border_black), 0.11);
  padding: 15px;
}

.cart-order-title {
  color: var(--text_grey);
  margin-bottom: 10px;
}

.cart-order-img {
  position: relative;
}

.cart-order-img .text-bg-secondary {
  position: absolute;
  top: -8px;
  right: -8px;
  border: 1px solid rgba(var(--border_black), 0.11) !important;
  background-color: var(--bg_white) !important;
  border-radius: 50% !important;
  color: var(--text_black) !important;
}

.order-block {
  color: var(--text_grey);
}

.order-title {
  font-size: 14px;
  font-weight: 400;
}

.order-title a {
  color: var(--text_grey);
}

.order-block .rate {
  font-size: 14px;
  margin-bottom: 10px;
}

.order-block p {
  font-size: 14px;
}

.cart-order-summary .price {
  font-weight: 700;
  color: var(--text_grey);
}

.cart-order-summary .coupon {
  border-bottom: 1px solid rgba(var(--border_black), 0.11);
  padding: 15px;
}

.cart-order-summary .coupon .btn-primary {
  background-color: inherit;
  border: none;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  color: var(--text_black);
}

.cart-order-summary .coupon .modal-header {
  border-bottom: none;
}

.cart-order-summary .coupon .modal-footer {
  border-top: none;
}

.cart-order-summary .coupon .modal-footer .btn-primary {
  background-color: var(--bg_secondary);
  padding: 10px 25px;
  border-radius: 10px;
}

.cart-order-summary .subtotal-block {
  border-bottom: 1px solid rgba(var(--border_black), 0.11);
  padding: 15px;
}

.cart-order-summary .subtotal-block .cart-order-title {
  font-weight: 400;
}

.cart-order-summary .total-block {
  padding: 15px;
}

.cart-order-summary .total-block .total {
  font-size: 18px;
  font-weight: 700;
  color: var(--text_black);
}

.cart-order-summary .total-block .amount {
  font-size: 18px;
  font-weight: 700;
  color: var(--text_black);
}

@media (max-width: 992px) {
  .cart-order-summary {
    margin-top: 40px;
  }

  .cart-order-img img {
    width: 100%;
  }
}

/* ================================= */
/*===== Checkout Two =====*/
/* ================================= */
.product-dtl-main-block {
  padding: 50px 0 30px;
}

.product-dtl-main-block .product-detail-block {
  border-radius: 5px;
  padding: 0 40px;
  position: relative;
}

.product-dtl-main-block .product-dtl-title {
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 16px;
  letter-spacing: 0;
  color: var(--text_primary);
}

.product-summary-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 22px;
  padding-bottom: 19px;
  border-bottom: 1px solid #f6f6f6;
}

.product-star-rating {
  position: relative;
}

.product-summary-box > *:not(:last-child):before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #e5e5e5;
}

.product-summary-box .product-star-rating {
  padding-right: 20px;
}

.product-summary-box .product-star-rating li {
  margin-bottom: 0;
}

.sku-wrapper {
  text-transform: uppercase;
  color: var(--text_darkgrey);
  padding-left: 20px;
}

.product-dtl-main-block .product-dtl-list li {
  color: var(--text_darkgrey);
}

.product-dtl-main-block .shop-slider-for {
  height: 498px;
}

.product-dtl-comment-main-block {
  padding-bottom: 100px;
}

.product-dtl-comment-block {
  border-radius: 5px;
  padding: 26px 0 30px 0;
}

.product-dtl-comment-nav {
  justify-content: start;
  margin-bottom: 20px;
  position: relative;
  list-style: none;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--bg_lightgrey);
}

.product-dtl-comment-nav .nav-item {
  margin-right: 10px;
}

.product-dtl-comment-nav .nav-item .nav-link {
  position: relative;
  z-index: 2;
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2222222222;
  padding: 17px 30px 15px;
  color: var(--text_black);
  font-size: 18px;
  font-weight: 500;
  border-radius: 5px;
  border: none;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #f7f7f7;
}

.product-dtl-comment-nav .nav-item .nav-link.active {
  background: transparent;
}

.product-dtl-comment-nav .nav-item .nav-link:hover {
  background: transparent;
}

.based-comment-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.based-total-rating {
  margin-bottom: 38px;
}

.based-total-rating li {
  line-height: 1;
}

.based-total-rating li span {
  font-size: 24px;
  font-weight: 500;
  margin-right: 15px;
  color: var(--text_black);
}

.based-comment-list li {
  display: inline-block;
}

.based-comment-list progress {
  width: 380px;
  height: 10px;
  margin: 0 20px 0 17px;
}

.based-comment-list progress[value]::-webkit-progress-bar {
  height: 10px;
  width: 380px;
}

.add-comment-block .form-label {
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 0;
}

.add-comment-block li {
  margin-bottom: 25px;
}

.add-comment-block .form-control {
  background-color: var(--bg_primary);
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 6px 15px;
  height: 40px;
  font-size: 14px;
}

.add-comment-block .form-floating label {
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 400;
}

.add-comment-block .form-floating > .form-control-plaintext ~ label::after,
.add-comment-block .form-floating > .form-control:focus ~ label::after,
.add-comment-block
  .form-floating
  > .form-control:not(:placeholder-shown)
  ~ label::after,
.add-comment-block .form-floating > .form-select ~ label::after {
  background-color: inherit;
}

.add-comment-block .form-floating textarea {
  height: inherit;
}

.add-comment-button {
  text-align: right;
}

.add-comment-button .btn-primary {
  border: 1px solid var(--border_secondary);
  border-radius: 5px;
  text-transform: uppercase;
  padding: 12px 20px;
}

.based-comment-block {
  margin-bottom: 65px;
}

.review-block {
}

.customers-review-block {
  margin-bottom: 33px;
}

.customers-review-block .product-star-rating {
  margin-bottom: 10px;
}

.customers-review-block p {
  font-size: 14px;
  margin-bottom: 14px;
}

.customers-review-block .customer-name {
  font-size: 18px;
  font-weight: 500;
  color: var(--text_black);
}

.customers-review-block .customer-name span {
  margin-left: 10px;
  color: var(--text_darkgrey);
  font-size: 14px;
}

.accesories-block ul li {
  list-style: disc;
  margin-bottom: 10px;
}

.specification-block .table {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .product-dtl-comment-block {
    padding: 30px;
  }

  .product-dtl-comment-nav {
    justify-content: start;
  }

  .product-dtl-comment-nav .nav-item {
    margin-right: 30px;
    margin-bottom: 15px;
  }

  .based-comment-list progress {
    width: 200px;
    margin: 0 20px 0 0;
  }

  .based-comment-list progress[value]::-webkit-progress-bar {
    width: 200px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .product-dtl-comment-nav .nav-item {
    margin-right: 40px;
  }
}

/* ================================= */
/*===== Policy Page =====*/
/* ================================= */
.policy-page-main-block {
  padding: 80px 0;
}

.policy-page-dtl {
  margin-bottom: 30px;
}

.policy-heading {
  font-size: 18px;
  font-weight: 700;
}

.policy-page-dtl p {
  font-size: 16px;
  font-weight: 400;
}

.policy-page-dtl ul {
  margin-bottom: 10px;
}

.policy-page-dtl ul li {
  list-style: disc;
  margin-left: 30px;
}

.policy-questions {
  background-color: var(--bg_secondary);
  border-radius: 40px 0 40px 0;
  padding: 70px 47px 50px;
}

.policy-questions .policy-heading {
  margin-bottom: 11px;
}

.policy-questions p {
  font-size: 16px;
  margin-bottom: 20px;
}

/*===== About Us =====*/
.about-us-main-block {
  padding-top: 80px;
}

.about-us-img-left {
  padding-right: 30px;
}

.about-us-img-right {
  padding-left: 30px;
}

.about-us-img img {
  width: 100%;
}

.about-sub-heading {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3.36px;
  padding-left: 92px;
  margin-bottom: 22px;
}

.about-us-block {
  position: relative;
}

.hr-lines::before {
  content: "";
  display: block;
  height: 1px;
  width: 78px;
  position: absolute;
  left: 0;
  top: 10px;
  background: var(--bg_primary);
}

.about-main-heading {
  margin-bottom: 48px;
}

.about-title {
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 45px;
  font-size: 22px;
}

.justice-main-block {
  padding-top: 171px;
}

.accordion-item {
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #e2e2e2;
}

.accordion-button {
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  padding-bottom: 5px;
  color: var(--text_black);
}

.accordion-button:not(.collapsed) {
  background-color: inherit;
  box-shadow: inherit;
  color: var(--text_black);
}

.accordion-button span {
  background-color: var(--bg_primary);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  color: var(--text_white);
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 50px;
  margin-right: 20px;
}

.accordion-body {
  padding: 0;
  padding-left: 70px;
}

.accordion-button:focus {
  border-color: inherit;
  box-shadow: inherit;
}

.accordion-item:not(:first-of-type) {
  border-top: 1px solid var(--border_grey);
}

.dreams-main-block {
  padding: 173px 0 120px;
}

.about-list-block {
  margin-top: 50px;
}

.about-list-block li {
  margin-bottom: 15px;
}

.about-list-block li i {
  font-size: 26px;
  margin-right: 10px;
  vertical-align: middle;
  line-height: 0;
}

@media (max-width: 992px) {
  .about-us-img {
    margin-bottom: 10px;
    padding: 0;
  }

  .about-sub-heading {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-left: 80px;
    margin-bottom: 15px;
  }

  .about-main-heading {
    margin-bottom: 20px;
    font-size: 23px;
  }

  .about-title {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 17px;
  }

  .justice-main-block {
    padding-top: 70px;
  }

  .accordion-header {
    font-size: 18px;
  }

  .accordion-button {
    font-size: 15px;
  }

  .accordion-body {
    padding-left: 50px;
    font-size: 12px;
  }

  .accordion-button span {
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    margin-right: 10px;
  }

  .about-list-block {
    margin-top: 20px;
  }

  .dreams-main-block {
    padding: 20px 0;
  }

  .about-list-block li {
    margin-bottom: 5px;
    font-size: 13px;
  }

  .about-list-block li i {
    font-size: 15px;
    margin-right: 10px;
  }
}

/* ================================= */
/*===== Affiliate =====*/
/* ================================= */
.affiliate-main-block {
  padding-top: 8px;
}

.affiliate-block {
  background-color: var(--bg_lightgrey);
  border-radius: 20px;
}

.affiliate-dtls {
  padding: 125px 80px;
}

.affiliate-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 26px;
}

.affiliate-dtls p {
  color: var(--text_darkgrey);
}

.affiliate-img {
  border: 1px solid var(--text_darkgrey);
  border-radius: 50%;
  width: 386px;
  height: 386px;
  position: relative;
  margin: 60px 74px 0;
}

.affiliate-img img {
  position: absolute;
  top: -12%;
  right: 0;
  z-index: 99;
}

.affiliate-img .affiliate-img-bg {
  position: absolute;
  top: 22px;
  right: 0;
  background-color: var(--bg_secondary);
  width: 340px;
  height: 340px;
  border-radius: 50%;
}

.extraordinary-main-block {
  padding: 120px 0;
}

.affiliate-sub-heading {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 13px;
  text-transform: uppercase;
}

.affiliate-main-heading {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 60px;
}

.extraordinary-main-block .card {
  padding: 40px;
  border-radius: 10px;
  border: inherit;
  background-color: var(--bg_lightgrey);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.extraordinary-main-block .card:hover {
  background-color: var(--bg_white);
  box-shadow: 0px 16px 52px 0px rgba(0, 0, 0, 0.07);
}

.extraordinary-main-block .card-img {
  margin-bottom: 37px;
}

.extraordinary-main-block .card-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 21px;
}

.extraordinary-main-block .card-text {
  color: var(--text_darkgrey);
}

.affiliate-table {
  padding-bottom: 90px;
}

.career-success-block {
  margin-bottom: 54px;
}

.career-success-table {
  background-color: var(--bg_white);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 40px;
  color: var(--text_black);
  border-radius: 20px;
  margin-bottom: 30px;
}

.career-success-table span {
  background-color: var(--bg_secondary);
  border-radius: 10px;
  width: 65px;
  height: 65px;
  color: var(--text_black);
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 65px;
  margin-right: 20px;
  display: inline-block;
}

.career-success-title {
  font-size: 24px;
  font-weight: 700;
}

.career-success-des {
  width: 40%;
}

.career-success-table i {
  font-size: 24px;
  float: right;
  margin-top: 20px;
}

.affiliate-table .career-heading {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .affiliate-img {
    width: 250px;
    height: 250px;
    margin: 60px 40px 0;
  }

  .affiliate-img .affiliate-img-bg {
    width: 210px;
    height: 210px;
  }

  .affiliate-img img {
    top: -26%;
    right: -15px;
  }

  .affiliate-dtls {
    padding: 80px 40px;
  }

  .extraordinary-main-block .card {
    margin-bottom: 30px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .affiliate-img {
    margin: 0 74px 60px;
  }
}

/* ================================= */
/*===== Blog =====*/
/* ================================= */
.blog-main-block {
  padding: 80px 0 120px;
}

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

.blog-dtls {
  padding: 20px 40px 50px;
}

.blog-tags {
  margin-bottom: 20px;
}

.blog-tags li {
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
  color: var(--text_darkgrey);
}

.blog-tags li i {
  margin-right: 10px;
  font-size: 14px;
  vertical-align: middle;
  line-height: 0;
  color: var(--text_black);
}

.blog-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

.blog-dtls p {
  color: var(--text_darkgrey);
  margin-bottom: 20px;
  line-height: 30px;
}

.blog-slider-img .slick-prev,
.blog-slider-img .slick-next {
  font-size: 20px;
  color: var(--text_black) !important;
  background: var(--bg_white);
  z-index: 9;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog-slider-img .slick-prev:hover,
.blog-slider-img .slick-next:hover {
  background: var(--bg_lavendar);
}

.blog-slider-img .slick-prev {
  left: 10px;
}

.blog-slider-img .slick-next {
  right: 10px;
}

.blog-slider-img .slick-prev:before,
.blog-slider-img .slick-next:before {
  color: var(--text_black);
  opacity: 0;
  font-size: 24px;
  line-height: 2.6;
  content: inherit;
}

.video-device {
  position: relative;
}

.btn-video-play {
  position: absolute;
  left: 0;
  right: 0;
  background-color: var(--bg_secondary);
  width: 61px;
  height: 61px;
  line-height: 66px;
  margin: 0 auto;
  top: 43%;
  text-align: center;
}

.btn-video-play i {
  font-size: 17px;
}

.video-item .video-preview,
.video-item .video-preview iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 465px;
}

.blog-category-block {
  background-color: var(--bg_white);
  padding: 50px 30px 58px;
  margin-bottom: 60px;
  border-radius: 10px;
  box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
}

.blog-category-heading {
  border-bottom: 1px solid var(--border_grey);
  padding-bottom: 20px;
  margin-bottom: 38px;
  position: relative;
  font-weight: 700;
}

.blog-category-heading::after {
  content: "";
  border-bottom: 1px solid var(--border_black);
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40px;
}

.blog-category-block ul li {
  margin-bottom: 36px;
  font-weight: 600;
}

.blog-category-block ul li i {
  margin-right: 10px;
  vertical-align: middle;
  line-height: 0;
  font-size: 12px;
}

.blog-category-block ul li:last-child {
  margin-bottom: 0;
}

.blog-post-block {
  margin-bottom: 20px;
}

.blog-post-block:last-child {
  margin-bottom: 0;
}

.blog-post-img img {
  width: 100%;
  border-radius: 8px;
}

.blog-post-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
}

.blog-post-dtls {
  padding: 6px 0;
}

.blog-post-dtls i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 18px;
}

.blog-popular-block ul li {
  display: inline-block;
  margin-right: 20px;
  padding: 5px 19px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  background-color: var(--bg_lightgrey);
  border-radius: 5px;
}

@media (max-width: 767px) {
  .btn-video-play {
    top: 30%;
  }

  .video-item .video-preview,
  .video-item .video-preview iframe {
    height: 182px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .btn-video-play {
    top: 15%;
  }
}

/* ================================= */
/*===== Blog Details =====*/
/* ================================= */
.blog-details-main-block {
  padding: 80px 0 120px;
}

.blog-details-block {
  border-bottom: 1px solid var(--border_grey);
  padding-bottom: 20px;
}

.blog-details-img {
  position: relative;
  margin-bottom: 15px;
}

.blog-details-img img {
  width: 100%;
}

.blog-details-img .badge {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: var(--bg_white) !important;
  border-left: 4px solid #f94d1c;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  color: var(--text_black) !important;
  border-radius: 0;
}

.blog-details-dtls .blog-tags li {
  font-size: 14px;
}

.blog-details-dtls .blog-tags li i {
  font-size: 12px;
}

.blog-details-dtls .blog-heading {
  font-size: 48px;
  margin-bottom: 10px;
}

.blog-details-block p {
  color: var(--text_darkgrey);
  margin-bottom: 30px;
}

.blog-features-block {
  margin-bottom: 10px;
  margin-bottom: 40px;
}

.blog-feature-title {
  font-size: 24px;
  margin-bottom: 12px;
}

.blog-features-list li {
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 500;
}

.blog-features-list li i {
  color: #f94d1c;
  margin-right: 14px;
  vertical-align: middle;
}

.blog-details-block .blockquote {
  margin-top: 52px;
  border-left: 4px solid #f94d1c;
  background-color: var(--bg_primary);
  padding: 40px 30px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
  position: relative;
}

.blog-details-block .blockquote p {
  margin-bottom: 0;
}

.blog-details-block .blockquote img {
  position: absolute;
  top: 45px;
  right: 22px;
}

.blog-tags-share-block {
  margin-top: 30px;
}

.blog-tags-share-block .blog-category-heading {
  border-bottom: none;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.blog-tags-share-block .blog-category-heading::after {
  content: inherit;
}

.blog-tags-share-block .blog-popular-block ul li {
  margin-right: 10px;
  background-color: var(--bg_primary);
}

.blog-tags-share-block .blog-share-block li {
  display: inline-block;
  background-color: var(--bg_primary);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.blog-tags-share-block .blog-share-block li i {
  line-height: 2.2;
}

.blog-comment-block {
  padding: 84px 0 48px;
}

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

.comment-block {
  display: flex;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--border_grey);
}

.comment-img {
  margin-right: 21px;
  width: 140px;
}

.comment-img img {
  width: 65px;
  height: 65px;
  border-radius: 5px;
}

.comment-name {
  margin-bottom: 7px;
}

.comment-dtl p {
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--text_darkgrey);
}

.comment-dtl .btn-primary {
  border: 1px solid var(--border_grey);
  border-radius: 0;
  background-color: var(--bg_white);
  color: var(--text_darkgrey);
  padding: 7px 15px;
  text-transform: uppercase;
}

.comment-block-one {
  margin-left: 81px;
}

.blog-reply-block .form-floating {
  margin-bottom: 30px;
}

.blog-reply-block .form-control {
  border: 1px solid var(--border_grey);
  padding: 15px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
}

.blog-reply-block .form-select {
  padding: 15px 20px;
}

.blog-reply-block textarea.form-control {
  height: 150px;
}

.blog-reply-block .btn-primary {
  border-radius: 5px;
  padding: 17px 30px;
  border: 1px solid var(--border_secondary);
}

@media (max-width: 767px) {
  .blog-dtls-img {
    margin-bottom: 20px;
  }

  .blog-details-dtls .blog-heading {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .blog-category-block {
    padding: 20px 20px;
    margin-bottom: 20px;
    border-radius: 10px;
  }

  .blog-category-heading {
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 15px;
  }

  .blog-category-block ul li {
    font-size: 13px;
  }

  .blog-category-block .blog-post-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .blog-category-block p {
    font-size: 10px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .comment-img {
    width: 250px;
  }
}

/* ================================= */
/*===== Portfolio =====*/
/* ================================= */
.portfolio-main-block {
  padding: 80px 0 100px;
}

.portfolio-nav-tabs {
  margin-bottom: 80px;
}

.portfolio-nav-tabs .nav-link {
  background-color: var(--bg_primary);
  border-radius: 45px;
  padding: 10px 30px;
  font-size: 20px;
  font-weight: 500;
  color: var(--text_darkgrey);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.portfolio-nav-tabs .nav-item {
  margin-right: 14px;
}

.portfolio-nav-tabs .nav-link:hover {
  background-color: var(--bg_black);
  color: var(--text_white);
}

.portfolio-nav-tabs .nav-link.active {
  background-color: var(--bg_black);
  color: var(--text_white);
}

.portfolio-block {
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.portfolio-dtl {
  position: absolute;
  bottom: 30px;
  left: 30px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.portfolio-img .overlay-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 26.17%, #020417 100%);
}

.portfolio-img img {
  border-radius: 5px;
}

.portfolio-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--text_white);
  margin-bottom: 7px;
}

.portfolio-dtl p {
  font-size: 16px;
  font-weight: 500;
  color: var(--text_white);
}

.portfolio-block:hover .portfolio-dtl {
  opacity: 1;
}

.portfolio-block:hover .portfolio-img .overlay-bg {
  opacity: 1;
}

@media (max-width: 767px) {
  .portfolio-nav-tabs .nav-item {
    margin-bottom: 10px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .portfolio-nav-tabs .nav-link {
    padding: 10px 20px;
  }
}

/* ================================= */
/*===== Shop Filter Two =====*/
/* ================================= */
.breadcrumb-image-two-main-block {
  padding-top: 8px;
}

.breadcrumb-image-two-block {
  position: relative;
  border-radius: 20px;
}

.discount-two-img {
  float: right;
}

.discount-two-img img {
  border-radius: 20px;
}

.breadcrumb-image-two-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px 0 0 20px;
  background: linear-gradient(
    90deg,
    #151618 0%,
    #17191b 52.91%,
    rgba(27, 31, 34, 0) 79.5%
  );
}

.breadcrumb-image-two-dtl-block {
  position: relative;
  z-index: 9;
  padding: 28px 0 32px 49px;
}

.breadcrumb-image-two-dtl {
  margin-bottom: 33px;
}

.breadcrumb-image-two-dtl img {
  margin-bottom: 9px;
}

.breadcrumb-image-two-dtl p {
  color: rgba(255, 255, 255, 0.8);
}

.breadcrumb-image-two-contact-dtl p {
  margin-top: 13px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 400;
}

.breadcrumb-image-two-contact-dtl ul {
  margin-top: 13px;
}

.breadcrumb-image-two-contact-dtl ul li {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .breadcrumb-image-two-bg {
    background: var(--bg_black);
    border-radius: 20px;
  }

  .discount-two-img {
    position: relative;
    z-index: 9;
  }

  .breadcrumb-image-two-dtl-block {
    padding: 28px;
  }
}

/* ================================= */
/*===== Faqs =====*/
/* ================================= */
.faqs-main-block {
  padding: 120px 0;
}

.faqs-block .accordion {
  --bs-accordion-btn-active-icon: inherit;
  --bs-accordion-btn-icon: inherit;
}

.faqs-block .accordion-item {
  background-color: var(--bg_white);
  border: 1px solid var(--bg_black);
  border-radius: 5px;
  padding: 30px 20px;
}

.faqs-block .accordion-button {
  font-size: 16px;
  font-weight: 600;
  padding-right: 35px;
}

.faqs-block .accordion-collapse {
  padding-top: 30px;
}

.faqs-block .accordion-body {
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
}

.faqs-block .accordion-button::after {
  content: "â†“";
  transform: rotate(-90deg);
  position: absolute;
  font-size: 20px;
  top: 1px;
  right: 0;
  text-align: center;
  color: var(--text_black);
  border-radius: 5px 0 5px 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.faqs-block .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}

.faqs-form-main-block {
  padding: 120px 0;
}

.faqs-form-dtls .heading {
  margin-bottom: 10px;
}

.faqs-form-dtls p {
  color: var(--text_grey);
  margin-bottom: 40px;
}

.faqs-contact-dtls i {
  background-color: rgba(var(--bg_black), 0.1);
  width: 55px;
  height: 55px;
  line-height: 60px;
  font-size: 16px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

.faqs-contact-dtls .help-title {
  margin-bottom: 5px;
}

.faqs-contact-dtls a {
  font-size: 20px;
  font-weight: 700;
}

.faqs-contact-dtls p {
  margin-top: 21px;
}

.faqs-form-main-block .form-group {
  margin-bottom: 30px;
}

.faqs-form-main-block .form-control {
  border: 1px solid var(--border_grey);
  padding: 15px 30px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  color: var(--text_darkgrey);
}

.faqs-form-main-block .btn-primary {
  background-color: var(--bg_secondary);
  font-size: 14px;
  font-weight: 800;
  padding: 16px 50px;
  border-radius: 10px;
  color: var(--text_white);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.faqs-form-main-block .btn-primary:hover {
  background-color: var(--bg_primary);
}

/*===== Contact Us =====*/
.map-location-main-block {
  padding-top: 20px;
}

.map-location-main-block iframe {
  width: 100%;
  height: 433px;
  margin-top: 60px;
}

.contact-main-block {
  padding: 20px 0;
}

.contact-block {
  margin-bottom: 10px;
  background: #f6f6f6;
  padding: 30px 30px;
  position: relative;
  overflow: hidden;
}

.contact-icon {
  position: absolute;
  right: -30px;
  top: 40px;
  overflow: hidden;
}

.contact-dtls {
  padding-right: 60px;
}

.contact-title {
  font-weight: 600;
  margin-bottom: 13px;
  font-size: 20px;
}

.contact-form-main-block {
  padding: 100px 0 120px;
}

.contact-form-main-block .heading {
  margin-bottom: 30px;
}

.contact-form-main-block .faqs-form-dtls p {
  color: var(--text_black);
}

.contact-form-main-block .faqs-form-dtls .footer-social-icons {
  margin-bottom: 30px;
}

.contact-form-main-block .faqs-form-dtls .footer-social-icons li {
  background-color: #ebf6ff;
  border: 1px solid #ebf6ff;
}

.contact-form-main-block .form-control {
  background-color: var(--bg_lightgrey);
  border-radius: 0;
  border: inherit;
  padding: 25px 30px;
}

.contact-form-main-block .btn-primary {
  width: 100%;
  font-weight: 500;
}

.pagination {
  --bs-pagination-color: var(--bg_black);
  --bs-pagination-border-color: var(--bg_primary);
  --bs-pagination-hover-color: var(--bg_primary);
  --bs-pagination-hover-border-color: var(--bg_primary);
  --bs-pagination-focus-color: var(--bg_primary);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--bg_primary);
  --bs-pagination-active-border-color: var(--bg_primary);
  display: flex;
  padding-left: 0;
  list-style: none;
}

@media (max-width: 992px) {
  .contact-main-block {
    padding: 10px 0;
  }

  .contact-block {
    word-wrap: break-word;
  }

  .contact-block {
    padding: 15px 15px;
  }

  .contact-title {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .map-location-main-block iframe {
    margin-top: 20px;
    height: 200px;
  }

  .contact-form-main-block {
    padding: 30px 0;
  }

  .contact-form-main-block .form-control {
    padding: 15px 20px;
  }

  .faqs-form-main-block .form-group {
    margin-bottom: 15px;
  }

  .policy-page-main-block {
    padding: 20px 0;
  }

  .policy-questions {
    margin-top: 30px;
  }

  .career-heading {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .career-lst {
    margin-bottom: 5px;
  }

  .career-lst li {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
  }

  .sub-career-heading {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 5px;
    letter-spacing: 2px;
  }

  .career-img-block img {
    width: 100%;
  }
}

.login-bg {
  background: url(../images/about-banner2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}

.login-box {
  font-weight: 400;
  padding: 60px;
  border-radius: 15px;
  background: #fff;
}

.login-box h2 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 20px;
}

.login-box .form-control {
  background-color: var(--bg_lightgrey);
  border-radius: 3px;
  border: 1px solid var(--bg_lightgrey);
  padding: 15px 20px;
}

.login-box .btn {
  min-width: 150px;
}

.text-primary {
  color: var(--bg_primary) !important;
}

.login-box ::placeholder {
  color: #c2c2c2;
}

.form-check-input:checked {
  background-color: #9ac351;
  border-color: #9ac351;
  color: #fff;
}

.breadcrumb-account {
  background: #f6f6f6;
  padding: 30px 0;
}

.breadcrumb-account .breadcrumb-title {
  color: var(--text_secondary);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.08em;
  margin: 0;
  padding: 10px 0px 10px 0px;
}

.breadcrumb-main-block.breadcrumb-account .breadcrumb-item a {
  color: var(--text_black);
}

.breadcrumb-account .breadcrumb-item + .breadcrumb-item::before {
  color: var(--text_black);
}

.account-side-menu {
  margin-right: 60px;
  padding: 40px 0;
  margin-bottom: 60px;
}

.account-side-menu li a {
  height: 60px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #999999;
  border: 1px solid #ebebeb;
  margin-bottom: 10px;
}

.account-side-menu li:hover a,
.account-side-menu li.active a {
  color: #fff;
  background: var(--text_primary);
  border: 1px solid transparent;
}

.account-main-area {
  padding: 40px 20px;
}

.dashboard .account-profile-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.dashboard p {
  margin-bottom: 40px;
}

.dashboard .account-profile-area .profile-dp {
  margin-right: 20px;
  max-width: 60px;
  border-radius: 50%;
  overflow: hidden;
}

.dashboard .account-profile-area .profile-dp img {
  max-width: 100%;
}

.dashboard .account-profile-area .profile-name {
  font-size: 20px;
  font-weight: 700;
}

.dashboard .account-profile-area .profile-name span {
  font-weight: 400;
  color: #777777;
}

.dashboard .account-profile-area .profile-date {
  font-size: 14px;
  color: #040404;
  font-weight: 700;
}

.dashboard .activity-box {
  padding: 50px 60px;
  border: 1px solid #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dashboard .activity-box .activity-item {
  text-align: center;
}

.dashboard .activity-box .activity-item .icon {
  margin-bottom: 15px;
}

.dashboard .activity-box .activity-item .icon i {
  font-size: 37px;
}

.dashboard .activity-box .activity-item .title {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 700;
}

.dashboard .activity-box .activity-item .value {
  font-size: 14px;
  color: #777777;
  display: block;
  font-weight: 700;
}

.dashboard h1,
.dashboard h2,
.dashboard h3 {
  font-size: 20px;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.dashboard legend {
  font-size: 20px;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.dashboard .btn-primary {
  min-width: 150px;
}

.dashboard .btn-small {
  min-width: 50px;
}

.btn-danger {
  border-radius: 30px;
}

p.payment-method-title {
  line-height: 26px;
  font-size: 14px;
  position: relative;
  padding-left: 27px;
  font-weight: 500;
  color: var(--bg_primary);
}

.checkout-box .form-check-input:checked {
  background-color: var(--bg_primary);
  border-color: var(--bg_primary);
}

.checkout-box h5 {
  line-height: 26px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.checkout-box p.desc {
  font-size: 15px;
  margin-bottom: 10px;
  color: var(--text_darkgrey);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #194a337d;
  --bs-btn-disabled-border-color: #194a337d;

  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.checkout-box legend {
  line-height: 26px;
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0;
}

.language-box img {
  width: 15px;
}

.ar-show {
  display: none !important;
}

.ar-hide {
  display: block !important;
}

[dir="rtl"] .ar-show {
  display: block !important;
}

[dir="rtl"] .ar-hide {
  display: none !important;
}

[dir="rtl"] .header-search-block .search-button {
  right: initial;
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

[dir="rtl"] .user-icon-block .user-icon {
  margin-right: 0;
  margin-left: 18px;
}

[dir="rtl"] .home-product-cart {
  text-align: left;
}

[dir="rtl"] .text-end {
  text-align: left !important;
}

[dir="rtl"] .text-start {
  text-align: right !important;
}

[dir="rtl"] .form-group-subscribe-form .btn-primary {
  border-radius: 10px 0 0 10px;
}

[dir="rtl"] .career-lst li i {
  margin-right: 5px;
  margin-left: 15px;
}

[dir="rtl"] .about-list-block li i {
  margin-left: 10px;
  margin-right: 10px;
}

[dir="rtl"] .accordion-button span {
  margin-left: 20px;
  margin-right: 0;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 5px;
}

[dir="rtl"] .cart-shipping-block .coupon-form .btn-primary {
  left: 0;
  right: initial;
  border-radius: 4px 0 0 4px;
}

[dir="rtl"] .btn-remove-coupon {
  left: 175px;
  right: initial;
}

[dir="rtl"] .cart-shipping-block .coupon-form .form-control {
  padding: 12px 10px 12px 20px;
}

[dir="rtl"] .account-side-menu {
  margin-right: 0;
  margin-left: 40px;
}

[dir="rtl"] .account-side-menu li a {
  padding-right: 30px;
  padding-left: 0;
}

@media (max-width: 992px) {
  .checkout-box legend {
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
    margin: 30px 0 10px 0;
  }

  .checkout-box label {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .checkout-box .form-label {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .checkout-box h5 {
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
  }

  .login-box {
    padding: 20px;
  }

  .login-box h2 {
    font-size: 25px;
  }

  .account-side-menu {
    margin-right: 0;
    padding: 20px 0;
    margin-bottom: 10px;
  }

  .account-side-menu li a {
    height: 40px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
  }

  .dashboard .activity-box {
    padding: 20px 20px;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .dashboard .activity-box .activity-item {
    width: 50%;
    margin-bottom: 20px;
  }

  .dashboard .activity-box .activity-item .title {
    font-size: 12px;
    font-weight: 500;
  }

  .dashboard .activity-box .activity-item .icon i {
    font-size: 25px;
  }

  .dashboard .activity-box .activity-item .icon {
    margin-bottom: 0;
  }

  .account-main-area {
    padding: 10px 5px;
    font-size: 13px;
  }

  .account-main-area th {
    font-weight: 500;
    font-size: 13px;
  }

  .dashboard .btn-small {
    min-width: 50px;
    font-size: 10px;
    padding: 5px 5px;
  }

  .dashboard .form-control {
    padding: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }

  .dashboard .lead {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
  }

  .dashboard .btn-primary {
    min-width: 75px;
    font-size: 10px;
    padding: 5px 10px;
  }

  .success-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }
}
