.hero-sub-banner {
  position: relative;
  overflow: hidden;
}

.hero-sub-banner .bg-img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.hero-sub-banner .bg-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: top right;
}

.hero-sub-banner .product-container {
    padding: 60px 20px;
}

.hero-sub-banner .product-container .logo-wrap {
    max-width: 515px;
    width: 100%;
}

.hero-sub-banner .content-wrap h3 {
    font-size: 20px !important;
    color: #FFFFFF;
    font-family: 'Univers LT Std' !important;
    margin-bottom: 5px;
    line-height: 1.66em !important;
    font-weight: 400 !important;
    margin-top: 20px;
}

.hero-sub-banner .content-wrap p{
    color: #FFFFFF;
}

.hero-sub-banner .btn-wrap a.btn {
    font-family: Univers LT Std !important;
    font-style: normal;
    line-height: 24px;
    font-size: 14px !important;
    text-align: center;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 20px 8px 20px;
    border-radius: 0;
    background: #ff8300;
    font-weight: 500;
    display: block;
    width: fit-content;
}

.hero-sub-banner .product-container .wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
    gap: 20px;
}

.hero-sub-banner .content-wrap:nth-child(1) .btn-wrap{
    padding-top: 10px;
}

.hero-sub-banner .content-wrap:nth-child(1) {
    max-width: 900px;
    width: 100%;
}

.hero-sub-banner .content-wrap:nth-child(2) {
    max-width: 244px;
    width: 100%;
    padding-top: 15px;
}

.apply-btn {
  position: relative;
}

.apply-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.apply-btn:hover::after {
  opacity: 1;
}