.elementor-7 .elementor-element.elementor-element-1930c63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-cdca1d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-180d05e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3a7928f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-31ac237{padding:15px 0px 25px 0px;}.elementor-7 .elementor-element.elementor-element-1d4d744{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-dc8fd70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-34ec20e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3cd18b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5f99bc5 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@500;600;700&display=swap');


/* =========================================================
   BUTTBRAND — HD VVIP LUXURY HERO
========================================================= */

.bb-hd-vvip-hero {

  --gold: #d6b46a;
  --gold-light: #f1da99;
  --gold-dark: #9a7337;

  position: relative;

  width: 100%;

  min-height: 760px;

  overflow: hidden;

  isolation: isolate;

  background:
    radial-gradient(
      circle at 78% 50%,
      rgba(214,180,106,.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 12% 15%,
      rgba(255,255,255,.055),
      transparent 25%
    ),
    linear-gradient(
      115deg,
      #070707 0%,
      #11100e 48%,
      #080808 100%
    );

  color: #fff;

  font-family: "Manrope", sans-serif;

}


/* =========================================================
   SUBTLE TEXTURE
========================================================= */

.bb-hd-noise {

  position: absolute;

  inset: 0;

  z-index: -10;

  pointer-events: none;

  opacity: .035;

  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.bb-hd-glow {

  position: absolute;

  border-radius: 50%;

  pointer-events: none;

  filter: blur(85px);

  z-index: -5;

  animation:
    bbHDGlow 9s ease-in-out infinite;

}


.bb-hd-glow-1 {

  width: 600px;
  height: 600px;

  right: -150px;
  top: -180px;

  background:
    rgba(211,174,86,.12);

}


.bb-hd-glow-2 {

  width: 400px;
  height: 400px;

  left: 30%;
  bottom: -250px;

  background:
    rgba(180,137,49,.08);

  animation-delay: 3s;

}


.bb-hd-glow-3 {

  width: 230px;
  height: 230px;

  left: 55%;
  top: 30%;

  background:
    rgba(255,255,255,.035);

  animation-delay: 5s;

}


@keyframes bbHDGlow {

  0%,100% {
    transform: translate3d(0,0,0) scale(1);
  }

  50% {
    transform: translate3d(-30px,20px,0) scale(1.12);
  }

}


/* =========================================================
   WRAPPER
========================================================= */

.bb-hd-wrapper {

  position: relative;

  width: min(1480px, 94%);

  min-height: 760px;

  margin: auto;

}


/* =========================================================
   SLIDES
========================================================= */

.bb-hd-slide {

  position: absolute;

  inset: 0;

  display: grid;

  grid-template-columns: .88fr 1.12fr;

  align-items: center;

  gap: 15px;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transform: translateX(45px);

  transition:
    opacity .8s ease,
    transform 1s cubic-bezier(.16,1,.3,1),
    visibility .8s ease;

}


.bb-hd-slide.active {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

  transform: translateX(0);

}


/* =========================================================
   CONTENT
========================================================= */

.bb-hd-content {

  position: relative;

  z-index: 30;

  padding: 35px 0 70px;

}


.bb-hd-kicker {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 27px;

  color: var(--gold);

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 3px;

}


.bb-hd-kicker span {

  width: 30px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold)
    );

}


.bb-hd-kicker i {

  color: rgba(255,255,255,.45);

  font-style: normal;

  font-size: 8px;

}


.bb-hd-index {

  position: absolute;

  right: 4%;

  top: 2px;

  color: rgba(255,255,255,.13);

  font-family: "Playfair Display", serif;

  font-size: 44px;

}


.bb-hd-index small {

  color: rgba(255,255,255,.35);

  font-family: "Manrope", sans-serif;

  font-size: 10px;

}


/* =========================================================
   HEADING
========================================================= */

.bb-hd-content h1 {

  margin: 0;

  max-width: 680px;

  color: #fff;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(58px, 6.2vw, 94px);

  line-height: .90;

  font-weight: 600;

  letter-spacing: -4px;

}


.bb-hd-content h1 strong {

  display: block;

  color: #fff;

  font-weight: 600;

}


.bb-hd-content h1 em {

  display: block;

  margin-top: 10px;

  color: var(--gold-light);

  font-weight: 500;

  font-style: italic;

  text-transform: none;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.bb-hd-content p {

  max-width: 530px;

  margin: 32px 0 35px;

  color: rgba(255,255,255,.61);

  font-family: "DM Sans", sans-serif;

  font-size: 14px;

  line-height: 1.85;

}


/* =========================================================
   BUTTONS
========================================================= */

.bb-hd-buttons {

  display: flex;

  align-items: center;

  gap: 27px;

  margin-bottom: 50px;

}


.bb-hd-primary {

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: space-between;

  gap: 28px;

  min-width: 215px;

  padding: 17px 19px;

  color: #0d0c0a !important;

  text-decoration: none !important;

  background:
    linear-gradient(
      110deg,
      #b98c3e,
      #f0d28b,
      #b88b3e
    );

  border: 1px solid rgba(255,225,155,.55);

  box-shadow:
    0 16px 40px rgba(0,0,0,.32);

  overflow: hidden;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1.8px;

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.bb-hd-primary::before {

  content: "";

  position: absolute;

  left: -110%;
  top: 0;

  width: 75%;
  height: 100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.5),
      transparent
    );

  transform: skewX(-25deg);

  transition: left .75s ease;

}


.bb-hd-primary:hover::before {
  left: 130%;
}


.bb-hd-primary:hover {

  transform: translateY(-4px);

  box-shadow:
    0 23px 55px rgba(0,0,0,.42),
    0 0 35px rgba(214,180,106,.13);

}


.bb-hd-primary b {

  font-size: 19px;

  font-weight: 400;

}


.bb-hd-secondary {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding-bottom: 8px;

  color: rgba(255,255,255,.78) !important;

  text-decoration: none !important;

  border-bottom: 1px solid rgba(214,180,106,.55);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;

  transition: .3s ease;

}


.bb-hd-secondary b {

  color: var(--gold);

  font-size: 16px;

}


.bb-hd-secondary:hover {

  color: var(--gold-light) !important;

}


/* =========================================================
   TRUST
========================================================= */

.bb-hd-trust {

  display: flex;

  gap: 34px;

}


.bb-hd-trust > div {

  display: flex;

  align-items: flex-start;

  gap: 9px;

}


.bb-hd-trust strong {

  color: var(--gold);

  font-family: "Playfair Display", serif;

  font-size: 20px;

  font-weight: 500;

}


.bb-hd-trust span {

  color: rgba(255,255,255,.44);

  font-size: 8px;

  line-height: 1.5;

  letter-spacing: 1.2px;

  text-transform: uppercase;

}


/* =========================================================
   PRODUCT VISUAL
========================================================= */

.bb-hd-visual {

  position: relative;

  height: 690px;

  display: flex;

  align-items: center;

  justify-content: center;

}


/* =========================================================
   PRODUCT SPOTLIGHT
========================================================= */

.bb-hd-spotlight {

  position: absolute;

  width: 650px;

  height: 650px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.12) 0%,
      rgba(214,180,106,.10) 35%,
      transparent 70%
    );

  filter: blur(3px);

  animation:
    bbHDSpotlight 6s ease-in-out infinite;

}


@keyframes bbHDSpotlight {

  0%,100% {
    transform: scale(1);
    opacity: .8;
  }

  50% {
    transform: scale(1.07);
    opacity: 1;
  }

}


/* =========================================================
   DECORATIVE RINGS
========================================================= */

.bb-hd-ring {

  position: absolute;

  border-radius: 50%;

  border: 1px solid rgba(214,180,106,.18);

}


.bb-ring-large {

  width: 630px;
  height: 630px;

  animation:
    bbHDRotate 32s linear infinite;

}


.bb-ring-small {

  width: 475px;
  height: 475px;

  border-color:
    rgba(214,180,106,.10);

  animation:
    bbHDRotateReverse 25s linear infinite;

}


@keyframes bbHDRotate {

  to {
    transform: rotate(360deg);
  }

}


@keyframes bbHDRotateReverse {

  to {
    transform: rotate(-360deg);
  }

}


/* =========================================================
   PRODUCT BASE
========================================================= */

.bb-hd-product {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 8;

  background: transparent;

  border: 0;

  box-shadow: none;

}


/* =========================================================
   FULL HD IMAGE
========================================================= */

.bb-hd-product img {

  display: block !important;

  width: 100% !important;

  height: 100% !important;

  max-width: none !important;

  max-height: none !important;

  object-fit: contain !important;

  object-position: center center !important;

  padding: 0 !important;

  margin: 0 !important;

  border: 0 !important;

  outline: none !important;

  background: transparent !important;

  filter:
    drop-shadow(
      0 38px 32px rgba(0,0,0,.65)
    )
    drop-shadow(
      0 4px 12px rgba(214,180,106,.09)
    );

  animation:
    bbHDProductFloat 5s ease-in-out infinite;

}


@keyframes bbHDProductFloat {

  0%,100% {

    transform:
      translate3d(0,0,0)
      scale(1.10);

  }

  50% {

    transform:
      translate3d(0,-13px,0)
      scale(1.135);

  }

}


/* =========================================================
   PRODUCT BACK GLOW
========================================================= */

.bb-hd-product-glow {

  position: absolute;

  width: 80%;

  height: 80%;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.13),
      rgba(214,180,106,.05),
      transparent 70%
    );

  filter: blur(35px);

  z-index: -1;

}


/* =========================================================
   MAIN HD PRODUCT
========================================================= */

.bb-hd-main-product {

  width: 445px;

  height: 555px;

  left: 19%;

  bottom: 24px;

  z-index: 12;

}


.bb-hd-main-product img {

  transform:
    scale(1.15);

}


/* =========================================================
   SECOND HD PRODUCT
========================================================= */

.bb-hd-back-product {

  width: 480px;

  height: 375px;

  right: -4%;

  top: 38px;

  z-index: 10;

}


.bb-hd-back-product img {

  transform:
    scale(1.12);

  animation-delay: .7s;

}


/* =========================================================
   PRODUCT CAPTION
========================================================= */

.bb-hd-product-caption {

  position: absolute;

  left: 12%;

  bottom: 23px;

  z-index: 30;

  display: flex;

  flex-direction: column;

  gap: 5px;

  padding: 13px 18px;

  border-left: 2px solid var(--gold);

  background:
    linear-gradient(
      90deg,
      rgba(8,8,8,.80),
      rgba(8,8,8,.08)
    );

  backdrop-filter: blur(10px);

}


.bb-hd-product-caption small {

  color: var(--gold);

  font-size: 7px;

  font-weight: 800;

  letter-spacing: 2.2px;

}


.bb-hd-product-caption strong {

  color: #fff;

  font-size: 9px;

  letter-spacing: 1.5px;

}


/* =========================================================
   PREMIUM BB BADGE
========================================================= */

.bb-hd-logo-badge {

  position: absolute;

  right: 7%;

  bottom: 100px;

  z-index: 30;

  width: 115px;

  height: 115px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      #090807,
      #2c2417
    );

  border: 1px solid var(--gold);

  box-shadow:
    0 22px 50px rgba(0,0,0,.48),
    0 0 38px rgba(214,180,106,.12);

}


.bb-hd-logo-badge::before {

  content: "";

  position: absolute;

  inset: 9px;

  border: 1px solid rgba(214,180,106,.45);

  border-radius: 50%;

}


.bb-hd-logo-badge strong {

  position: relative;

  color: var(--gold-light);

  font-family: "Playfair Display", serif;

  font-size: 35px;

}


.bb-hd-logo-badge span {

  position: relative;

  margin-top: 4px;

  color: rgba(255,255,255,.65);

  font-size: 6px;

  letter-spacing: 2px;

}


/* =========================================================
   ARROWS
========================================================= */

.bb-hd-arrow {

  position: absolute;

  top: 50%;

  z-index: 60;

  width: 49px;

  height: 49px;

  transform: translateY(-50%);

  border: 1px solid rgba(214,180,106,.35);

  border-radius: 50%;

  color: var(--gold-light);

  background:
    rgba(255,255,255,.035);

  backdrop-filter: blur(10px);

  font-size: 17px;

  cursor: pointer;

  transition:
    background .3s ease,
    transform .3s ease;

}


.bb-hd-arrow:hover {

  color: #fff;

  background: var(--gold-dark);

  transform:
    translateY(-50%)
    scale(1.1);

}


.bb-hd-prev {
  left: -5px;
}


.bb-hd-next {
  right: -5px;
}


/* =========================================================
   BOTTOM NAV
========================================================= */

.bb-hd-navigation {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 22px;

  z-index: 70;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

}


.bb-hd-dots {

  display: flex;

  gap: 7px;

}


.bb-hd-dot {

  width: 7px;

  height: 7px;

  padding: 0;

  border: 0;

  border-radius: 50%;

  background:
    rgba(255,255,255,.24);

  cursor: pointer;

  transition: .3s ease;

}


.bb-hd-dot.active {

  width: 32px;

  border-radius: 10px;

  background: var(--gold);

}


.bb-hd-progress {

  width: 135px;

  height: 1px;

  overflow: hidden;

  background:
    rgba(255,255,255,.13);

}


.bb-hd-progress span {

  display: block;

  width: 0;

  height: 100%;

  background: var(--gold);

}


@keyframes bbHDProgress {

  from {
    width: 0;
  }

  to {
    width: 100%;
  }

}


.bb-hd-counter {

  display: flex;

  align-items: baseline;

  gap: 4px;

}


.bb-hd-counter strong {

  color: var(--gold-light);

  font-family: "Playfair Display", serif;

  font-size: 16px;

}


.bb-hd-counter small {

  color: rgba(255,255,255,.35);

  font-size: 9px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1150px) {

  .bb-hd-vvip-hero,
  .bb-hd-wrapper {

    min-height: 900px;

  }

  .bb-hd-slide {

    grid-template-columns: 1fr;

    align-content: start;

    padding-top: 70px;

  }

  .bb-hd-content {

    text-align: center;

    padding: 0;

  }

  .bb-hd-kicker {

    justify-content: center;

  }

  .bb-hd-content p {

    margin-left: auto;

    margin-right: auto;

  }

  .bb-hd-buttons,
  .bb-hd-trust {

    justify-content: center;

  }

  .bb-hd-index {

    display: none;

  }

  .bb-hd-visual {

    height: 530px;

    margin-top: -15px;

  }

  .bb-hd-main-product {

    width: 380px;

    height: 480px;

    left: 25%;

  }

  .bb-hd-back-product {

    width: 410px;

    height: 320px;

    right: 0;

    top: 25px;

  }

  .bb-hd-spotlight {

    width: 530px;

    height: 530px;

  }

  .bb-ring-large {

    width: 530px;

    height: 530px;

  }

  .bb-ring-small {

    width: 405px;

    height: 405px;

  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

  .bb-hd-vvip-hero,
  .bb-hd-wrapper {

    min-height: 855px;

  }

  .bb-hd-wrapper {

    width: 94%;

  }

  .bb-hd-slide {

    padding-top: 48px;

  }

  .bb-hd-kicker {

    font-size: 7px;

    letter-spacing: 2px;

  }

  .bb-hd-kicker i {

    font-size: 6px;

  }

  .bb-hd-content h1 {

    font-size: 46px;

    letter-spacing: -2px;

  }

  .bb-hd-content p {

    max-width: 420px;

    padding: 0 10px;

    font-size: 12px;

    line-height: 1.7;

  }

  .bb-hd-buttons {

    flex-direction: column;

    gap: 17px;

    margin-bottom: 28px;

  }

  .bb-hd-trust {

    gap: 14px;

  }

  .bb-hd-trust span {

    font-size: 6px;

  }

  .bb-hd-trust strong {

    font-size: 15px;

  }

  .bb-hd-visual {

    height: 440px;

    margin-top: -20px;

  }

  .bb-hd-spotlight {

    width: 430px;

    height: 430px;

  }

  .bb-ring-large {

    width: 430px;

    height: 430px;

  }

  .bb-ring-small {

    width: 330px;

    height: 330px;

  }

  .bb-hd-main-product {

    width: 300px;

    height: 390px;

    left: 18%;

    bottom: 15px;

  }

  .bb-hd-back-product {

    width: 325px;

    height: 250px;

    right: -3%;

    top: 25px;

  }

  .bb-hd-product img {

    transform: scale(1.08) !important;

  }

  .bb-hd-logo-badge {

    width: 82px;

    height: 82px;

    right: 4%;

    bottom: 62px;

  }

  .bb-hd-logo-badge::before {

    inset: 6px;

  }

  .bb-hd-logo-badge strong {

    font-size: 24px;

  }

  .bb-hd-logo-badge span {

    font-size: 4px;

  }

  .bb-hd-product-caption {

    left: 7%;

    bottom: 7px;

    padding: 9px 12px;

  }

  .bb-hd-product-caption small {

    font-size: 6px;

  }

  .bb-hd-product-caption strong {

    font-size: 7px;

  }

  .bb-hd-arrow {

    width: 36px;

    height: 36px;

    font-size: 13px;

  }

  .bb-hd-navigation {

    bottom: 14px;

  }

  .bb-hd-progress {

    width: 65px;

  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

  .bb-hd-vvip-hero,
  .bb-hd-wrapper {

    min-height: 825px;

  }

  .bb-hd-content h1 {

    font-size: 40px;

  }

  .bb-hd-content p {

    font-size: 11px;

  }

  .bb-hd-visual {

    height: 405px;

    transform: scale(.90);

    transform-origin: top center;

  }

  .bb-hd-main-product {

    width: 270px;

    height: 350px;

    left: 17%;

  }

  .bb-hd-back-product {

    width: 290px;

    height: 220px;

    right: -5%;

  }

  .bb-hd-logo-badge {

    width: 70px;

    height: 70px;

  }

  .bb-hd-logo-badge strong {

    font-size: 21px;

  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .bb-hd-glow,
  .bb-hd-spotlight,
  .bb-hd-ring,
  .bb-hd-product img {

    animation: none !important;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-538e552 *//* =====================================================
   BUTTBRAND PREMIUM CATEGORY SLIDER
===================================================== */

.bb-category-section {

  --bb-gold: #c8a45b;
  --bb-gold-light: #e8cf91;
  --bb-black: #090909;
  --bb-dark: #121212;

  position: relative;

  width: 100%;

  padding: 82px 0 78px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(200,164,91,.08),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfaf7 100%
    );

}


/* =====================================================
   HEADING
===================================================== */

.bb-category-heading {

  position: relative;

  z-index: 2;

  text-align: center;

  padding: 0 20px;

  margin-bottom: 48px;

}


.bb-category-eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 13px;

  color: var(--bb-gold);

  font-family: "DM Sans", sans-serif;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 3px;

}


.bb-category-eyebrow::before,
.bb-category-eyebrow::after {

  content: "";

  width: 32px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--bb-gold)
    );

}


.bb-category-eyebrow::after {

  transform: rotate(180deg);

}


.bb-category-heading h2 {

  margin: 0;

  color: #151515;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(34px, 4vw, 52px);

  line-height: 1.1;

  font-weight: 600;

  letter-spacing: -1.5px;

}


.bb-category-heading h2 em {

  color: var(--bb-gold);

  font-weight: 500;

  font-style: italic;

}


.bb-category-heading p {

  max-width: 570px;

  margin: 14px auto 0;

  color: #777;

  font-family: "DM Sans", sans-serif;

  font-size: 13px;

  line-height: 1.7;

}


/* =====================================================
   SLIDER WRAPPER
===================================================== */

.bb-category-slider-wrapper {

  width: 100%;

  overflow: hidden;

  position: relative;

}


/* SIDE FADE — PREMIUM LOOK */

.bb-category-slider-wrapper::before,
.bb-category-slider-wrapper::after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  width: 130px;

  z-index: 5;

  pointer-events: none;

}


.bb-category-slider-wrapper::before {

  left: 0;

  background:
    linear-gradient(
      90deg,
      #fff 0%,
      rgba(255,255,255,.8) 35%,
      transparent 100%
    );

}


.bb-category-slider-wrapper::after {

  right: 0;

  background:
    linear-gradient(
      270deg,
      #fff 0%,
      rgba(255,255,255,.8) 35%,
      transparent 100%
    );

}


/* =====================================================
   SLIDER
===================================================== */

.bb-category-slider {

  display: flex;

  align-items: stretch;

  width: max-content;

  gap: 20px;

  padding: 10px 0 25px;

  animation:
    bbCategoryMove 38s linear infinite;

}


.bb-category-slider:hover {

  animation-play-state: paused;

}


@keyframes bbCategoryMove {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-50%);

  }

}


/* =====================================================
   CARD
===================================================== */

.bb-category-card {

  position: relative;

  width: 225px;

  height: 175px;

  flex-shrink: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  text-decoration: none !important;

  border-radius: 18px;

  border: 1px solid rgba(200,164,91,.22);

  background:

    linear-gradient(
      145deg,
      #ffffff 0%,
      #faf9f5 55%,
      #f2eee5 100%
    );

  box-shadow:

    0 8px 25px rgba(0,0,0,.055),

    inset 0 1px 0 rgba(255,255,255,.9);

  transition:

    transform .45s cubic-bezier(.16,1,.3,1),

    box-shadow .45s ease,

    border-color .45s ease;

}


/* GOLD CORNER */

.bb-category-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 52px;

  height: 52px;

  border-top: 1px solid var(--bb-gold);

  border-left: 1px solid var(--bb-gold);

  border-radius: 18px 0 0 0;

  opacity: .5;

  transition: .4s ease;

}


/* BOTTOM CORNER */

.bb-category-card::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  width: 45px;

  height: 45px;

  border-right: 1px solid var(--bb-gold);

  border-bottom: 1px solid var(--bb-gold);

  border-radius: 0 0 18px 0;

  opacity: .35;

}


/* =====================================================
   CARD HOVER
===================================================== */

.bb-category-card:hover {

  transform: translateY(-9px);

  border-color: rgba(200,164,91,.7);

  box-shadow:

    0 20px 45px rgba(0,0,0,.11),

    0 0 0 1px rgba(200,164,91,.08),

    0 0 30px rgba(200,164,91,.08);

}


.bb-category-card:hover::before {

  width: 75px;

  height: 75px;

  opacity: 1;

}


/* =====================================================
   NUMBER
===================================================== */

.bb-category-card > span {

  position: absolute;

  top: 12px;

  right: 16px;

  color: rgba(30,30,30,.25);

  font-family: "DM Sans", sans-serif;

  font-size: 8px;

  font-weight: 800;

  letter-spacing: 1.5px;

}


/* =====================================================
   ICON
===================================================== */

.bb-category-icon {

  position: relative;

  width: 61px;

  height: 61px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 16px;

  border-radius: 50%;

  color: var(--bb-gold);

  background:

    linear-gradient(
      145deg,
      #171612,
      #292317
    );

  border: 1px solid rgba(200,164,91,.5);

  box-shadow:

    0 9px 22px rgba(0,0,0,.13),

    inset 0 1px 0 rgba(255,255,255,.08);

  font-family: Georgia, serif;

  font-size: 24px;

  transition:

    transform .45s cubic-bezier(.16,1,.3,1),

    box-shadow .45s ease;

}


.bb-category-icon::before {

  content: "";

  position: absolute;

  inset: 5px;

  border: 1px solid rgba(200,164,91,.25);

  border-radius: 50%;

}


.bb-category-card:hover .bb-category-icon {

  transform: scale(1.09) rotate(4deg);

  box-shadow:

    0 13px 30px rgba(0,0,0,.18),

    0 0 22px rgba(200,164,91,.17);

}


/* =====================================================
   CATEGORY TITLE
===================================================== */

.bb-category-card h3 {

  position: relative;

  z-index: 2;

  max-width: 190px;

  margin: 0;

  padding: 0 10px;

  color: #171717;

  text-align: center;

  font-family: "Manrope", sans-serif;

  font-size: 13px;

  line-height: 1.35;

  font-weight: 700;

  letter-spacing: .2px;

  transition: color .3s ease;

}


.bb-category-card:hover h3 {

  color: #9b783d;

}


/* =====================================================
   SHINE EFFECT
===================================================== */

.bb-category-card {

  isolation: isolate;

}


.bb-category-card .bb-category-icon {

  z-index: 2;

}


.bb-category-card:hover {

  background:
    linear-gradient(
      145deg,
      #fff 0%,
      #fffdf8 50%,
      #f5efe2 100%
    );

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {

  .bb-category-section {

    padding: 65px 0;

  }

  .bb-category-heading {

    margin-bottom: 38px;

  }

  .bb-category-card {

    width: 195px;

    height: 160px;

  }

  .bb-category-icon {

    width: 56px;

    height: 56px;

    font-size: 22px;

  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

  .bb-category-section {

    padding: 52px 0 58px;

  }

  .bb-category-heading {

    margin-bottom: 30px;

  }

  .bb-category-eyebrow {

    font-size: 8px;

    letter-spacing: 2px;

  }

  .bb-category-eyebrow::before,
  .bb-category-eyebrow::after {

    width: 20px;

  }

  .bb-category-heading h2 {

    font-size: 31px;

  }

  .bb-category-heading p {

    max-width: 330px;

    font-size: 11px;

  }

  .bb-category-slider {

    gap: 14px;

    animation-duration: 31s;

  }

  .bb-category-card {

    width: 155px;

    height: 135px;

    border-radius: 15px;

  }

  .bb-category-card::before {

    width: 40px;

    height: 40px;

    border-radius: 15px 0 0 0;

  }

  .bb-category-icon {

    width: 49px;

    height: 49px;

    margin-bottom: 11px;

    font-size: 19px;

  }

  .bb-category-card h3 {

    max-width: 140px;

    font-size: 11px;

  }

  .bb-category-card > span {

    top: 9px;

    right: 11px;

    font-size: 7px;

  }

  .bb-category-slider-wrapper::before,
  .bb-category-slider-wrapper::after {

    width: 55px;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31ac237 *//* ==========================================
   BUTTBRAND — PREMIUM THIN TRUST SLIDER
========================================== */

.bb-trust-slider {
    position: relative;
    width: 100%;
    overflow: hidden;

    /* Premium Ivory */
    background: #faf9f6;

    /* Very thin luxury borders */
    border-top: 1px solid rgba(198, 161, 91, 0.25);
    border-bottom: 1px solid rgba(198, 161, 91, 0.25);

    /* THIN PATTI */
    padding: 6px 0;

    box-sizing: border-box;
}


/* Soft luxury shine */

.bb-trust-slider::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(198,161,91,0.06),
            transparent 20%,
            transparent 80%,
            rgba(198,161,91,0.06)
        );

    pointer-events: none;
}


/* ==========================================
   TRACK
========================================== */

.bb-trust-track-wrap {
    width: 100%;
    overflow: hidden;
}


.bb-trust-track {
    display: flex;
    align-items: center;

    width: max-content;

    animation: bbTrustMove 34s linear infinite;

    will-change: transform;
}


/* ==========================================
   TRUST ITEM
========================================== */

.bb-trust-item {
    display: flex;
    align-items: center;

    gap: 9px;

    height: 27px;

    padding: 0 32px;

    white-space: nowrap;

    border-right: 1px solid rgba(198,161,91,0.20);

    box-sizing: border-box;
}


/* ==========================================
   PREMIUM BB LOGO
========================================== */

.bb-trust-logo {
    width: 24px;
    height: 24px;

    min-width: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #111111;

    border: 1px solid #c6a15b;

    color: #e4c77e;

    font-family: "Playfair Display", serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.5px;

    box-shadow:
        0 2px 8px rgba(198,161,91,0.15);

    transition: all 0.3s ease;
}


/* Logo hover */

.bb-trust-item:hover .bb-trust-logo {
    background: #c6a15b;
    color: #111111;

    transform: scale(1.08);
}


/* ==========================================
   GOLD LINE
========================================== */

.bb-trust-line {
    width: 18px;
    height: 1px;

    background: #c6a15b;

    opacity: 0.65;

    flex-shrink: 0;
}


/* ==========================================
   TEXT
========================================== */

.bb-trust-text {
    font-family:
        "DM Sans",
        "Manrope",
        Arial,
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.25px;

    text-transform: uppercase;

    color: #242424;

    line-height: 1;

    transition: color 0.3s ease;
}


/* Text hover */

.bb-trust-item:hover .bb-trust-text {
    color: #9b783c;
}


/* ==========================================
   AUTO SLIDER
========================================== */

@keyframes bbTrustMove {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* Pause when mouse over */

.bb-trust-slider:hover .bb-trust-track {
    animation-play-state: paused;
}


/* ==========================================
   EDGE FADE
========================================== */

.bb-trust-slider::after {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 0;
    right: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            #faf9f6 0%,
            transparent 6%,
            transparent 94%,
            #faf9f6 100%
        );
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    .bb-trust-item {
        padding: 0 24px;
    }

    .bb-trust-text {
        font-size: 9px;
        letter-spacing: 1px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

    .bb-trust-slider {
        padding: 5px 0;
    }

    .bb-trust-item {
        height: 24px;

        padding: 0 20px;

        gap: 7px;
    }

    .bb-trust-logo {
        width: 21px;
        height: 21px;

        min-width: 21px;

        font-size: 8px;
    }

    .bb-trust-line {
        width: 13px;
    }

    .bb-trust-text {
        font-size: 8px;

        letter-spacing: 0.85px;
    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 380px) {

    .bb-trust-item {
        padding: 0 16px;
    }

    .bb-trust-text {
        font-size: 7.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4082d19 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');


/* =========================================================
   BUTTBRAND — LUXURY TRUST EXPERIENCE
   ========================================================= */

.bb-vip-trust {

    width: 100vw !important;
    max-width: 100vw !important;

    position: relative;

    left: 50%;

    margin-left: -50vw !important;
    margin-right: -50vw !important;

    overflow: hidden;

    padding: 120px 35px;

    box-sizing: border-box;

    color: #ffffff;

    font-family: "DM Sans", sans-serif;

    background:

        radial-gradient(
            circle at 15% 50%,
            rgba(188,151,87,.08),
            transparent 30%
        ),

        radial-gradient(
            circle at 85% 20%,
            rgba(188,151,87,.06),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #0b0b0a 0%,
            #151411 45%,
            #0b0b0a 100%
        );
}


/* =========================================================
   SUBTLE BACKGROUND
   ========================================================= */

.bb-vip-trust::before {

    content: "";

    position: absolute;

    width: 900px;
    height: 900px;

    top: -620px;
    left: 50%;

    transform: translateX(-50%);

    border: 1px solid rgba(195,158,94,.09);

    border-radius: 50%;

    box-shadow:

        0 0 0 55px rgba(195,158,94,.018),

        0 0 0 110px rgba(195,158,94,.012),

        0 0 0 165px rgba(195,158,94,.008);

    pointer-events: none;
}


.bb-vip-trust::after {

    content: "";

    position: absolute;

    width: 1px;
    height: 100%;

    top: 0;
    left: 50%;

    background:

        linear-gradient(
            to bottom,
            transparent,
            rgba(195,158,94,.08),
            transparent
        );

    pointer-events: none;
}


/* =========================================================
   MAIN WIDTH
   ========================================================= */

.bb-vip-trust-wrap {

    width: 100%;

    max-width: 1360px;

    margin: 0 auto;

    position: relative;

    z-index: 2;
}


/* =========================================================
   TOP AREA
   ========================================================= */

.bb-vip-trust-top {

    display: grid;

    grid-template-columns: .8fr 1.7fr .9fr;

    align-items: end;

    gap: 50px;

    padding-bottom: 65px;

    border-bottom: 1px solid rgba(255,255,255,.10);
}


/* LABEL */

.bb-vip-trust-label {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #bd9858;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.bb-vip-trust-label span {

    width: 28px;
    height: 1px;

    background: #bd9858;
}


/* TITLE */

.bb-vip-trust-title h2 {

    margin: 0;

    font-family: "Playfair Display", Georgia, serif;

    font-size: clamp(44px, 5vw, 70px);

    font-weight: 400;

    line-height: 1.02;

    letter-spacing: -1.8px;
}


.bb-vip-trust-title h2 em {

    display: block;

    margin-top: 7px;

    color: #c4a064;

    font-style: italic;

    font-weight: 400;
}


/* INTRO */

.bb-vip-trust-intro p {

    max-width: 300px;

    margin: 0;

    color: #85837d;

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.bb-vip-trust-main {

    display: grid;

    grid-template-columns: 1fr 1.45fr;

    min-height: 470px;

    border-bottom: 1px solid rgba(255,255,255,.10);
}


/* =========================================================
   FEATURED CARD
   ========================================================= */

.bb-vip-trust-feature {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 55px 60px 55px 0;

    border-right: 1px solid rgba(255,255,255,.10);

    box-sizing: border-box;
}


.bb-vip-feature-number {

    color: rgba(255,255,255,.20);

    font-family: "Playfair Display", serif;

    font-size: 12px;

    letter-spacing: 2px;
}


.bb-vip-feature-icon {

    width: 105px;
    height: 105px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-top: 20px;

    color: #c3a064;

    border: 1px solid rgba(195,160,100,.45);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(195,160,100,.10),
            transparent 70%
        );

    box-shadow:
        0 0 0 12px rgba(195,160,100,.018);

    transition: all .5s ease;
}


.bb-vip-feature-icon svg {

    width: 48px;
    height: 48px;
}


.bb-vip-trust-feature:hover .bb-vip-feature-icon {

    color: #ffffff;

    background: #b18a4e;

    border-color: #c6a66b;

    transform: translateY(-6px);

    box-shadow:
        0 20px 50px rgba(177,138,78,.20);
}


/* FEATURE CONTENT */

.bb-vip-feature-content {

    margin-top: 45px;
}


.bb-vip-feature-content small {

    display: block;

    margin-bottom: 12px;

    color: #b28c50;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2.5px;
}


.bb-vip-feature-content h3 {

    margin: 0 0 15px;

    font-family: "Playfair Display", Georgia, serif;

    font-size: 34px;

    font-weight: 500;
}


.bb-vip-feature-content p {

    max-width: 400px;

    margin: 0;

    color: #85837d;

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================================
   RIGHT LIST
   ========================================================= */

.bb-vip-trust-list {

    padding-left: 55px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    box-sizing: border-box;
}


/* =========================================================
   LIST ITEM
   ========================================================= */

.bb-vip-list-item {

    position: relative;

    display: grid;

    grid-template-columns: 72px 1fr 30px;

    align-items: center;

    gap: 28px;

    padding: 32px 0;

    border-bottom: 1px solid rgba(255,255,255,.08);

    transition: all .4s ease;
}


.bb-vip-list-item:first-child {

    border-top: 1px solid rgba(255,255,255,.08);
}


.bb-vip-list-item:hover {

    padding-left: 15px;

    border-color: rgba(195,160,100,.28);
}


/* LIST ICON */

.bb-vip-list-icon {

    width: 62px;
    height: 62px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #b99254;

    border: 1px solid rgba(195,160,100,.25);

    border-radius: 50%;

    background: rgba(255,255,255,.015);

    transition: all .4s ease;
}


.bb-vip-list-icon svg {

    width: 28px;
    height: 28px;
}


.bb-vip-list-item:hover .bb-vip-list-icon {

    color: #ffffff;

    background: #b28a4b;

    border-color: #c4a064;
}


/* LIST TEXT */

.bb-vip-list-text span {

    display: block;

    margin-bottom: 5px;

    color: #a17d45;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2px;
}


.bb-vip-list-text h3 {

    margin: 0 0 7px;

    color: #eeeeec;

    font-family: "Playfair Display", Georgia, serif;

    font-size: 22px;

    font-weight: 500;
}


.bb-vip-list-text p {

    max-width: 500px;

    margin: 0;

    color: #77766f;

    font-size: 12px;

    line-height: 1.7;
}


/* ARROW */

.bb-vip-arrow {

    color: #77603b;

    font-size: 20px;

    transition: all .4s ease;
}


.bb-vip-list-item:hover .bb-vip-arrow {

    color: #c4a064;

    transform: translate(4px,-4px);
}


/* =========================================================
   SIGNATURE
   ========================================================= */

.bb-vip-signature {

    display: grid;

    grid-template-columns: 1fr auto 1fr;

    align-items: center;

    gap: 35px;

    margin-top: 55px;
}


.bb-vip-signature-line {

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(195,160,100,.35)
        );
}


.bb-vip-signature-line:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(195,160,100,.35),
            transparent
        );
}


.bb-vip-signature-center {

    text-align: center;
}


.bb-vip-signature-center span {

    display: block;

    margin-bottom: 7px;

    color: #c3a064;

    font-family: "Playfair Display", serif;

    font-size: 17px;

    letter-spacing: 4px;
}


.bb-vip-signature-center small {

    color: #5f5c55;

    font-size: 7px;

    letter-spacing: 3px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .bb-vip-trust {

        padding: 90px 25px;
    }


    .bb-vip-trust-top {

        grid-template-columns: 1fr;

        gap: 25px;

        text-align: center;
    }


    .bb-vip-trust-label {

        justify-content: center;
    }


    .bb-vip-trust-title h2 em {

        display: inline;
    }


    .bb-vip-trust-intro {

        display: flex;

        justify-content: center;
    }


    .bb-vip-trust-main {

        grid-template-columns: 1fr;
    }


    .bb-vip-trust-feature {

        padding: 55px 0;

        border-right: none;

        border-bottom: 1px solid rgba(255,255,255,.10);

        align-items: center;

        text-align: center;
    }


    .bb-vip-feature-content p {

        margin: 0 auto;
    }


    .bb-vip-trust-list {

        padding-left: 0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .bb-vip-trust {

        padding: 75px 18px;
    }


    .bb-vip-trust-top {

        padding-bottom: 45px;
    }


    .bb-vip-trust-label {

        font-size: 8px;

        letter-spacing: 2.5px;
    }


    .bb-vip-trust-label span {

        width: 18px;
    }


    .bb-vip-trust-title h2 {

        font-size: 39px;

        letter-spacing: -1px;
    }


    .bb-vip-trust-title h2 em {

        display: block;
    }


    .bb-vip-trust-intro p {

        font-size: 12px;

        line-height: 1.8;
    }


    .bb-vip-trust-feature {

        padding: 45px 0;
    }


    .bb-vip-feature-icon {

        width: 88px;
        height: 88px;
    }


    .bb-vip-feature-icon svg {

        width: 40px;
        height: 40px;
    }


    .bb-vip-feature-content {

        margin-top: 35px;
    }


    .bb-vip-feature-content h3 {

        font-size: 29px;
    }


    .bb-vip-trust-list {

        padding: 0;
    }


    .bb-vip-list-item {

        grid-template-columns: 58px 1fr 20px;

        gap: 17px;

        padding: 27px 0;
    }


    .bb-vip-list-item:hover {

        padding-left: 5px;
    }


    .bb-vip-list-icon {

        width: 58px;
        height: 58px;
    }


    .bb-vip-list-icon svg {

        width: 25px;
        height: 25px;
    }


    .bb-vip-list-text h3 {

        font-size: 19px;
    }


    .bb-vip-list-text p {

        font-size: 11px;

        line-height: 1.65;
    }


    .bb-vip-signature {

        grid-template-columns: 1fr;

        gap: 20px;
    }


    .bb-vip-signature-line {

        display: none;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .bb-vip-trust {

        padding: 65px 15px;
    }


    .bb-vip-trust-title h2 {

        font-size: 34px;
    }


    .bb-vip-list-item {

        grid-template-columns: 50px 1fr;

        gap: 15px;
    }


    .bb-vip-list-icon {

        width: 50px;
        height: 50px;
    }


    .bb-vip-arrow {

        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf4bc55 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');


/* =========================================================
   BUTTBRAND — PREMIUM CONVERSION SECTION
   ========================================================= */

.bb-convert-section {

    width: 100vw !important;
    max-width: 100vw !important;

    position: relative;

    left: 50%;

    margin-left: -50vw !important;
    margin-right: -50vw !important;

    overflow: hidden;

    padding: 125px 35px 45px;

    box-sizing: border-box;

    color: #ffffff;

    font-family: "DM Sans", sans-serif;

    background: #0b0b0a;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.bb-convert-bg {

    position: absolute;

    inset: 0;

    background:

        radial-gradient(
            ellipse at 50% 35%,
            rgba(190,151,82,.15),
            transparent 36%
        ),

        radial-gradient(
            ellipse at 5% 90%,
            rgba(190,151,82,.08),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #090909,
            #171511 50%,
            #090909
        );

    pointer-events: none;
}


/* =========================================================
   DECORATIVE CIRCLE
   ========================================================= */

.bb-convert-bg::before {

    content: "";

    position: absolute;

    width: 800px;
    height: 800px;

    left: 50%;
    top: -380px;

    transform: translateX(-50%);

    border: 1px solid rgba(198,163,99,.13);

    border-radius: 50%;

    box-shadow:
        0 0 0 55px rgba(198,163,99,.025),
        0 0 0 110px rgba(198,163,99,.015);
}


/* =========================================================
   CONTAINER
   ========================================================= */

.bb-convert-wrap {

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    position: relative;

    z-index: 2;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.bb-convert-content {

    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}


/* =========================================================
   LABEL
   ========================================================= */

.bb-convert-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-bottom: 22px;

    color: #c6a366;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 4px;

    text-transform: uppercase;
}


.bb-convert-label span {

    width: 38px;
    height: 1px;

    background: #a98246;
}


/* =========================================================
   HEADING
   ========================================================= */

.bb-convert-content h2 {

    margin: 0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: clamp(48px, 6vw, 82px);

    font-weight: 400;

    line-height: .98;

    letter-spacing: -2px;
}


.bb-convert-content h2 em {

    display: block;

    color: #c7a56b;

    font-style: italic;

    margin-top: 10px;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.bb-convert-content p {

    max-width: 650px;

    margin: 30px auto 0;

    color: #8e8c86;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.bb-convert-buttons {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    margin-top: 38px;
}


.bb-convert-primary {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 28px;

    min-width: 245px;

    padding: 17px 22px;

    box-sizing: border-box;

    color: #111111;

    background: #c5a064;

    border: 1px solid #c5a064;

    text-decoration: none;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.8px;

    transition: all .35s ease;
}


.bb-convert-primary span {

    font-size: 18px;

    line-height: 0;

    transition: transform .35s ease;
}


.bb-convert-primary:hover {

    color: #ffffff;

    background: transparent;

    border-color: #c5a064;
}


.bb-convert-primary:hover span {

    transform: translateX(5px);
}


.bb-convert-secondary {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 160px;

    padding: 17px 22px;

    box-sizing: border-box;

    color: #ffffff;

    background: transparent;

    border: 1px solid rgba(255,255,255,.22);

    text-decoration: none;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 1.8px;

    transition: all .35s ease;
}


.bb-convert-secondary:hover {

    color: #111111;

    background: #ffffff;

    border-color: #ffffff;
}


/* =========================================================
   CATEGORY AREA
   ========================================================= */

.bb-convert-categories {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    margin-top: 95px;

    border-top: 1px solid rgba(255,255,255,.10);

    border-left: 1px solid rgba(255,255,255,.10);
}


/* =========================================================
   CATEGORY ITEM
   ========================================================= */

.bb-convert-categories a {

    position: relative;

    display: grid;

    grid-template-columns: 35px 1fr 25px;

    align-items: center;

    gap: 12px;

    min-height: 82px;

    padding: 0 25px;

    color: #d5d3ce;

    border-right: 1px solid rgba(255,255,255,.10);

    border-bottom: 1px solid rgba(255,255,255,.10);

    text-decoration: none;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 16px;

    transition: all .35s ease;
}


.bb-convert-categories a:hover {

    color: #ffffff;

    background:
        linear-gradient(
            90deg,
            rgba(190,151,82,.12),
            rgba(190,151,82,.025)
        );

    padding-left: 32px;
}


.bb-convert-categories a span {

    color: #80663d;

    font-family: "DM Sans", sans-serif;

    font-size: 8px;

    letter-spacing: 1px;
}


.bb-convert-categories a b {

    color: #8c6c3d;

    font-family: "DM Sans", sans-serif;

    font-size: 16px;

    font-weight: 400;

    transition: all .35s ease;
}


.bb-convert-categories a:hover b {

    color: #c5a064;

    transform: translate(3px,-3px);
}


/* =========================================================
   BOTTOM SIGNATURE
   ========================================================= */

.bb-convert-bottom {

    display: flex;

    align-items: center;

    gap: 25px;

    margin-top: 38px;
}


.bb-convert-bottom span {

    color: #57554f;

    font-size: 7px;

    font-weight: 600;

    letter-spacing: 2.5px;

    white-space: nowrap;
}


.bb-convert-bottom span:last-child {

    color: #9b7845;

    font-family: "Playfair Display", serif;

    font-size: 12px;

    letter-spacing: 4px;
}


.bb-convert-bottom div {

    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(198,163,99,.25),
            transparent
        );
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .bb-convert-section {

        padding: 95px 25px 40px;
    }


    .bb-convert-categories {

        grid-template-columns: repeat(2, 1fr);

        margin-top: 70px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .bb-convert-section {

        padding: 75px 15px 35px;
    }


    .bb-convert-label {

        font-size: 7px;

        letter-spacing: 2.5px;
    }


    .bb-convert-label span {

        width: 20px;
    }


    .bb-convert-content h2 {

        font-size: 43px;

        letter-spacing: -1px;
    }


    .bb-convert-content p {

        margin-top: 23px;

        font-size: 12px;
    }


    .bb-convert-buttons {

        flex-direction: column;

        width: 100%;

        margin-top: 30px;
    }


    .bb-convert-primary,
    .bb-convert-secondary {

        width: 100%;

        max-width: 330px;
    }


    .bb-convert-categories {

        grid-template-columns: 1fr;

        margin-top: 60px;
    }


    .bb-convert-categories a {

        min-height: 70px;

        padding: 0 20px;

        font-size: 15px;
    }


    .bb-convert-bottom {

        margin-top: 28px;

        gap: 12px;
    }


    .bb-convert-bottom span:first-child {

        display: none;
    }


    .bb-convert-bottom span:last-child {

        font-size: 10px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .bb-convert-content h2 {

        font-size: 38px;
    }


    .bb-convert-primary {

        min-width: 100%;

        font-size: 8px;
    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bde0006 */.bb-beauty-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-width: 125px;
    padding: 12px 15px;

    background: #a17453;
    color: #ffffff !important;

    text-decoration: none !important;

    font-family: "DM Sans", sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.5px;

    border: 1px solid #a17453;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.bb-beauty-card-button span {
    font-size: 15px;
    transition: transform .3s ease;
}

.bb-beauty-card-button:hover {
    background: #29231f;
    border-color: #29231f;
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(41,35,31,.18);
}

.bb-beauty-card-button:hover span {
    transform: translateX(4px);
}/* End custom CSS */