.header-banner-container {  
  min-height: 27.077rem;
  position: relative;
  background-color: #000;
  border-radius: 1.231rem; /* 16px / 13 */
  overflow: hidden;
}

.header-banner-container .banner-image {
  object-position: center;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;  
}

.header-banner-overlay {
  background: linear-gradient(252.65deg, rgba(229, 5, 44, 0) 8.18%, rgba(37, 14, 69, 0.72) 91.82%);
  color: white;
  position: absolute;
  inset: 0;
}

.header-banner-content {
  /*max-width: 65%;*/
  display: flex;
  flex-direction: column;
  gap: 2rem; /* 26px / 13 */
}

.header-banner-title {
  font-family: Canela Trial, serif !important;
  font-weight: 700;
  font-size: 4rem;
  vertical-align: middle;
  color: rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.923rem; /* 12px / 13 */

  svg {
    width: 4rem;
    margin-top: 0.769rem; /* 10px / 13 */
  }
}

.header-banner-title-content {
  gap: 0.385rem; /* 5px / 13 */
}

.header-banner-subtitle {
  font-weight: var(--font-normal);
  font-size: var(--font-size-16);
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.7);
  max-width: 75%;
}

.header-banner-buttons {
  display: flex;
  flex-direction: row;
  gap: 1.538rem; /* 20px / 13 */
}

.button-primary {  
  text-align: center;
  background: rgba(255, 255, 255, 1);
  color: rgba(31, 41, 55, 1);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-16);
  line-height: var(--line-hight-24);
  letter-spacing: 0%;
  vertical-align: middle;
  padding: 12px 24px;
  gap: var(--mp8);
  border-radius: 9999px;
  text-decoration: none;
}

.button-default {  
  text-align: center;
  background: rgba(255, 255, 255, 1);
  color: rgba(31, 41, 55, 1);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-16);
  line-height: var(--line-hight-24);
  letter-spacing: 0%;
  vertical-align: middle;
  padding: 12px 24px;
  gap: var(--mp8);
  border-radius: 9999px;
  text-decoration: none;
}

.header-banner-icon img {
  height: 5.462rem; /* 71px / 13 */
  width: 15.462rem; /* 201px / 13 */
}

@media (max-width: 960px) {
  .header-banner-content {
    max-width: 90%;
  }

  .header-banner-title {
    font-size: var(--font-size-36);
  }

  .header-banner-subtitle {
    font-size: var(--font-size-14);
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .header-banner-container {
    height: 29.231rem; /* 380px / 13 */
  }

  .header-banner-title {
    font-size: var(--font-size-28);
  }

  .header-banner-subtitle {
    font-size: var(--font-size-14);
    margin-bottom: 1.231rem; /* 16px / 13 */
  }

  .header-banner-content {
    max-width: 100%;
  }

  .header-banner-buttons .uk-button {
    display: block;
    width: 100%;
    margin-bottom: 0.769rem; /* 10px / 13 */
  }

  .header-banner-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.769rem; /* 10px / 13 */
  }

  .header-banner-icon img {
    width: 11.538rem; /* 150px / 13 */
    height: auto;
  }
}