/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

@media (min-width: 992px) {
  .component.py-20 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .hb-hero .hb-title {
    font-size: clamp(36px, 3.8vw, 50px) !important;
  }

  .product-wrapper h1,
  .hyper-product h1 {
    font-size: clamp(30px, 3vw, 44px) !important;
  }

  .container {
    max-width: 1280px;
  }

  .product-wrapper h1,
  .product-wrapper .product-title,
  .section-title h1,
  .section-title h2 {
    line-height: 1.08;
    font-size: clamp(28px, 3vw, 42px) !important;
  }
}

@media (max-width: 640px) {
  .component.py-20 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

.section-title {
  margin-bottom: 1.35rem !important;
}

.section-subtitle p,
.section-title p {
  font-size: 0.92rem !important;
  line-height: 1.6;
}

.security-check {
  border-color: rgba(var(--cl-accent-rgb), .18) !important;
  background: rgba(255,255,255,.035) !important;
}

.security-check altcha-widget {
  display: block !important;
  width: 100%;
  max-width: 100%;
  min-height: 74px;
}

@media (max-width: 640px) {
  .hb-hero .right {
    display: none !important;
  }
}