@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
.mobile-bnr {
  display: none;
}

.desktop-bnr {
  display: block;
}

.offer-1,
.ig-section,
.floating-hero-heading,
.second-advrtsection {
  overflow: hidden;
}

.bghdr01 {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
}
.bghdr01 .left-wrapper {
  font-size: 0.8rem;
}
.bghdr01 .bottom-nav {
  border-top: 1px solid #f2f2f2;
}
.bghdr01 .bottom-nav .logo {
  max-width: 8rem;
  padding: 0.5rem 0;
}

.section-heading {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 8rem;
  position: relative;
}
.section-heading::after {
  position: absolute;
  content: "";
  background: url("../images/header_bottom.png"), #fff;
  background-repeat: no-repeat;
  bottom: -3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 18px;
  background-size: 100%;
  padding: 0 1rem;
}
.section-heading::before {
  position: absolute;
  content: "";
  background-color: #822c1f;
  background-repeat: no-repeat;
  bottom: -2.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background-size: 100%;
}
.section-heading .title {
  font-size: clamp(2rem, 2.5vw, 3rem);
  font-weight: 700;
}
.section-heading .sub-title {
  display: block;
  font-size: clamp(1rem, 3vw, 1.5rem);
  letter-spacing: 3px;
  font-weight: 500;
}

img {
  width: 100%;
}

.section-padding {
  padding: 3.25rem 0;
}

.product-section {
  padding: 4rem 0;
}
.product-section .card {
  border-radius: 0;
  border-color: #e8ebed;
  overflow: clip;
}
.product-section .card img {
  transition: all 0.4s ease-in-out;
}
.product-section .card:hover img {
  scale: 1.3;
  rotate: 10deg;
}

.border-sep {
  width: 100%;
  height: 1px;
  background-color: #e8ebed;
}

.bg03-jwl-01 {
  font-family: "Playfair Display", serif;
}
.bg03-jwl-01 .hero-section {
  position: relative;
}
.bg03-jwl-01 .hero-section .floating-hero-heading {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  color: #fff;
  text-align: center;
  width: 100%;
}
.bg03-jwl-01 .hero-section .floating-hero-heading h1 {
  font-size: clamp(2.75rem, 10vw, 4.5rem);
  font-weight: 700;
  text-transform: uppercase;
}
.bg03-jwl-01 .hero-section .floating-hero-heading span {
  text-transform: lowercase;
  display: inline-block;
  font-style: italic;
}
.bg03-jwl-01 .hero-section .seprator-icon {
  position: absolute;
  bottom: -3rem;
  text-align: center;
  z-index: 9;
  width: 100%;
}
.bg03-jwl-01 .hero-section .seprator-icon svg {
  max-width: clamp(12rem, 20vw, 22rem);
}
.bg03-jwl-01 .advise-section {
  position: relative;
}
.bg03-jwl-01 .advise-section {
  background-color: #000;
  padding: 0rem 0 0;
}
.bg03-jwl-01 .advise-section .adworker-wrapper {
  height: clamp(24rem, 10vw, 32rem);
  background-image: url("../img/sec-2.png");
  background-repeat: no-repeat;
  background-position: 110% center;
}
.bg03-jwl-01 .advise-section .adworker-wrapper .section-heading {
  color: #fff;
}
.bg03-jwl-01 .popular-section .card,
.bg03-jwl-01 .new-arrival-section .card {
  border-radius: 0;
  border-color: #e8ebed;
  overflow: clip;
  box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.3);
}
.bg03-jwl-01 .ig-section .ig-showcase-wrapper {
  position: relative;
  overflow: hidden;
}
.bg03-jwl-01 .ig-section .ig-showcase-wrapper .col {
  padding: 0.1px;
}
.bg03-jwl-01 .ig-section .ig-showcase-wrapper .go-ig {
  width: 4rem;
  height: 4rem;
  position: absolute;
  display: grid;
  place-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none;
  color: #333;
  font-size: 2rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 100%;
}
.bg03-jwl-01 .bg03-ftr-01 .top-footer {
  padding: 1rem 0 4rem;
}
.bg03-jwl-01 .bg03-ftr-01 .top-footer .footer-social-link-wrapper {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.bg03-jwl-01 .bg03-ftr-01 .top-footer .footer-social-link-wrapper .social-link {
  width: 3rem;
  height: 3rem;
  color: #333;
  border-radius: 100%;
  display: grid;
  place-content: center;
  border: 1px solid #e8ebed;
  font-size: clamp(1.125rem, 2vw, 3rem);
  text-decoration: none;
}
.bg03-jwl-01 .bottom-footer {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
}
.bg03-jwl-01 .bottom-footer p {
  margin: 0;
  padding: 1rem 0;
  opacity: 0.75;
}

.float-offer {
  position: fixed;
  display: grid;
  place-content: center;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  z-index: 9999;
  right: 1rem;
  bottom: 1rem;
  text-decoration: none !important;
  color: #333;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background-color: sandybrown;
}

@media only screen and (max-width: 991px) {
  body {
    max-width: 700px;
    margin: 0 auto;
  }
  .mobile-bnr {
    display: block;
  }
  .desktop-bnr {
    display: none;
  }
  .bghdr01 .navbar {
    gap: 0.5rem;
  }
  .bghdr01 .navbar .left-wrapper {
    font-size: 0.65rem;
  }
  .bghdr01 .navbar .right-wrapper {
    font-size: 0.75rem;
  }
  .section-heading {
    margin-bottom: 2.25rem;
  }
  .bg03-jwl-01 .bg03-ftr-01 .top-footer {
    padding: 1rem 0 2.25rem;
  }
  .bg03-jwl-01 .bg03-ftr-01 .bottom-footer {
    font-size: 0.72rem;
  }
  .bg03-jwl-01 .bg03-ftr-01 .bottom-footer p {
    padding: 0.25rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding {
    padding: 2rem 0;
  }
  .bg03-jwl-01 .advise-section {
    padding: 0 0;
  }
  .bottom-feat-cards .feat-card {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 575px) {
  .bghdr01 .navbar {
    gap: 0.5rem;
  }
  .bghdr01 .navbar .left-wrapper {
    font-size: 0.65rem;
  }
  .bghdr01 .navbar .right-wrapper {
    font-size: 0.75rem;
  }
  .section-heading {
    margin-bottom: 4.25rem;
  }
  .bg03-jwl-01 .bg03-ftr-01 .top-footer {
    padding: 1rem 0 2.25rem;
  }
  .bg03-jwl-01 .bg03-ftr-01 .bottom-footer {
    font-size: 0.72rem;
  }
  .bg03-jwl-01 .bg03-ftr-01 .bottom-footer p {
    padding: 0.25rem 0;
  }
}
.offer-page-stmXbg09X5X24 .show-data-section,
.offer-page-stmXbg09X5X24 .form-section {
  padding: 2rem 0;
  margin-top: 2rem;
}
.offer-page-stmXbg09X5X24 .check-offer {
  max-width: 80%;
  margin: 0 auto;
  background-color: #f4f4f4;
  padding: 2rem;
}
.offer-page-stmXbg09X5X24 .show-data-section {
  background-color: #f9f9f9;
}
.offer-page-stmXbg09X5X24 .show-data-section .table thead tr {
  background-color: #f2f2f2;
}/*# sourceMappingURL=bg03jwl01.css.map */