.bl-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  margin: 28px 0 !important;
  padding: 36px 34px;
  background: #013334;
  container-type: inline-size;
}

.bl-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.45;
  pointer-events: none;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/webp;base64,UklGRlAJAABXRUJQVlA4IEQJAACwQgCdASrgAaAAPzGWwVmuqqe6pNSqU1AmCWUJ/1eReej8+k2M7G4kcSwNGea9K4PfBvLHpWElL+2reJRNtgi65457UE0EjdNOzpEo4RHTfjMx1Lnd6RSUTfZ0gjOxuJnRJjQiBURgs5QySmNpZ1FAB/HQ48dkjrEdQYJ0ujPIJ4hoOOFoJ1+SquwwWScc58VRA79yLdXv3s/A5Yk+Vma86kXC1Yk2z9djqzYgh8KrrBWl2WdEiCZf9Y+U7YBy0eTHba1ugJLBcuwsHGu7J4lXCPkixD9iXAczc5BnrDaUsJS0sSfs7QcFRPlS2Wu1ZQF4ap8bmU9BxypReZW0HAhfbuFOyQOkXheJNswqCPUxKRm77RqPRltvmdxy/JYkHG4kb4mH+YDNb4WDIKRzar9k6xygW/gABzcLipkv3b1dyaFTPHFGxF2U4GeOOMRHhVsC0t13IN8nXKAmkyPYqW+0yxWNiqPU0WE1QqMjhAGqSldCDQHQmyqgPFsSN8TCQseWHj/RzjLMNtlS4wol+62SWA5Staag+GxWS3MvNA/8APtyRE+NJcymA9to6FyvuNY3EjfFD4L2mD8DDtFdbBDh/o/zLN6nRNUEkzA4vxHG36XjboZ9ragNRSTJQ/AloZiATW1qz5YK6mUraHiiDhljRDWMJZLu5NoEarIqg+R6seGJrUybPVFK2JHwVPiyz95vWmAc6wh0Uur/X4zAAAD++TFO9b+k4go6Y/BD/PjEDd8G+NUsAKFDneS+hvaV+MwM3Y4lAJSU1/kRKg/piLq1XaNjqZzf6m2J70IQwl3wbo2cbcUwyiiUex2QI8w8jkyCnRn+wnWFkulT22gZ2uMT6qQQoqcydk/Z2EL1/8KiBH9W0b/vOM0uQ6kQOWlOrTeu6h+pHdmtDzLy/jIZHKK77iAUSrH8TxugbKCfnyzNXoH6JyYSr76ObEu9c946b74eicz4m3zYmMEyIJY70bnIE/EVUAOAma1vEDX+eGdM12cuU0v1qxrM1XrnT+pWf1aTXyfJfQWZR2hHkEDIt9dhJPWPD5BrkAqqnPjc242tp91Zb0oQPU2HT7MZPQji5TPonXrT0Np4ZFPiIV+JgTEF+m2IeC3PBMaW6ybgvtMMxmA6WPA2kbcyFogS/YdEhCGHBndVixN0blGdrB13o4zUgxe2FXcWoXr1Wd1ZIXqIcR6dSPz5TlTz/i7qHtBgLmhtw6lbYmuh+5hMIp2VWJgUU2u8QNay2X4QoR4ZFZ8WMxSTfTu6h3wOUFC7fCUuMjtzdJ2i5dEM1veEtA6XQIAv+bmPDtJB+i9zBChRwkpaWivuq1akq5nk3XT8hTYZUzbg46Mzoe4OZfieMZr50dSFEfiwwLlHLsF7tg7FTEtyfSW1XJ1Q+JDXiHOJRj1nwWiKit0zaRxEZMVZm4Bvjza2JukDMS5nQ8Lli0XlwIP4sjNRALBrVOEXMKCxxoh6qSWigSaPQ2nbW3Pmi7aDrYtxmUJiCzz53kzCESI3frXRcYML8Y+s+p01GkSZZHaltig/aDkoyVav+ICYzX2TnZlRcgBQA55wcOHkMbb9DyL75++n/matjwpsZCXu8ndzIyYgZx2kX1NrAS+pbqAaPCYUp37/LqMJVrx2SrVvLpQpN+x6ZUXZTagzhtukZ/6bNUsde2NpUl5gY4AkEdlqHz1E/ztcF0EXIO+wZjA7sHj/JgTJgXPk8/BzpHRHKc2PAimPJFl+rBkEEMsrOpaywHTZf8llrDR6GjUpcioBfZOTDOIxGxcoZDEVholovwF+5NSAlwZKKPeNEs+si3WPcUNNI10mH67x+njt7mjS+rGvI7bEDnjc9RIw8wnj5ANTpStlzj6g3tYg2M1DSShgYQSJH3VqdKxjk7my+ZhODwAIKNlsq7XZpS3bQAZNPLLxaPvgeKbK9mVmOmPp32MeBHnae2QOWDDSR9WTZJiIvk/XuvsdqYm7XA6U2SBZAGfpB9I7EVl/hO8mHlBbxCxojZ+6Bu+Bnv3GfMV3JjGj7D76ETAfrWikU7TjGqSHY49liYXRML8l8hWA/TCHo0d/AX63+QyXvdqnG8T36p3EkXX39Z/6pLzxpawbZR+TZ0EAACBpKhku3QDRFEiU7vgwEARMxjPfhC2I4XAc/ovxEAMiYJUVSFFEHObCRXKZPw52WgE+dpwLj+8uf1npVMZEa9MTibrYP/w3gWmY4KohOCjI2z8Z7MzF6fbvaJ0/s+pNoCEytJk1ALCeI0nD+iIfYhWh1xzsgtIyuCwYU9FLWTC7mlluq69glxUqbU/+K5uMPlfSh+AvoQAACRYYhPzfUQXxLTFkS+HsFyjXozTJsS4Z+GcGwl1kjzUHJnLBTi/rBYvcNkc8eLOdLQOPZAJbI4LFBVXW2BvzIpGMfEXFmu6xxerIVvgk0ig+fQ3Tk1rFFPWcBO9Gb39FLkn7oq6HDCbwSegp8dcpjSM8TGzvIpDx6fVLHX0yv2IIvplGx8HdFiGuXbJGFBTVMalKQa80TYTjh7oJlolEc0kcfXr7TprHl1THbLpvDiPYgpRAChFCF5mn9gSbKCAy4+m6zKASoL8EJDKr7m0jOb1t2jmFYrV4rDH5lMgPuTcbT4sTjVp+v7LGf8ooeAYB4CThwNJquPLobRb9xdPQFDQ72urGgRy6ebu3m46yFy7qRnWUkH0OXujW9AsHzjxDrojhMyML4LfQbK3KNN78qfLB0m4vtVI5UuiOvaz058foMN/CS692zsYgD7wXht1O/73YCg6Zk31zHXMrFbJxuCAAXk/isMwSDdhisgT/GEBa1YPE3Q8xhhoIbUiLn1eOMxEISlJzlK/x7rACGfhHce3GqyET1N0x1J/JFo95Tz3rlrV3jAz0HAhoCZcGzKWm7N6ThE32mo0Ow9VwlyAMP1ayb8Rk9Efzhnz54BdhiNU5dtMztUm7hZ0vVkIKqhxd/nvq7XP39cyKtyRREdBg7Bl2fJp5tWhm8gnmh6I2zGE8rbd9n8LuhWGbr+ZuKBGgEUo8r+pKIaD/aqyYkwjolTsP4Ijm1xSYjusCCMeDkhgE2gQZTnxnF/4K7bFRDd6ntoBX4O00dIDUSiuJNEQHxedt6kl+N1HZz+40LMxk0z1RNWEAb84dPAdyYAGri7FBKDx9dDuRW6e3UcAAAA==");
}

.bl-banner .bl-heading {
  margin: 0 0 26px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 42px !important;
  font-size: clamp(30px, 5.8cqw, 90px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  text-transform: none !important;
  transition: transform .3s ease, text-shadow .3s ease;
}

.bl-banner .bl-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 !important;
  padding: 15px 22px;
  border: 2px solid #ace848;
  border-radius: 6px;
  background: #ace848;
  color: #013334 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center;
  text-decoration: none !important;
  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.bl-banner .bl-arrow {
  display: inline-block;
  flex-shrink: 0;
  color: inherit !important;
  transition: transform .25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .bl-banner .bl-heading:hover {
    transform: translateY(-4px);
    text-shadow: 0 0 22px rgba(255, 255, 255, .2);
  }

.bl-banner .bl-button:hover {
    transform: translateY(-4px);
    background: #c1f56d;
    border-color: #c1f56d;
    box-shadow: 0 8px 24px rgba(172, 232, 72, .25);
  }

  .bl-banner .bl-button:hover .bl-arrow {
    transform: translateX(5px);
  }
}

.bl-banner .bl-button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 5px;
}

.bl-banner .bl-button:active {
  transform: translateY(-1px);
}

@container (max-width: 500px) {
  .bl-banner .bl-heading {
    font-size: clamp(28px, 7.5cqw, 36px) !important;
  }

  .bl-banner .bl-heading br {
    display: none;
  }

  .bl-banner .bl-button {
    padding: 14px 18px;
    font-size: 15px !important;
  }
}

@media (max-width: 600px) {
  .bl-banner {
    margin: 24px 0 !important;
    padding: 28px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bl-banner .bl-heading,
  .bl-banner .bl-button,
  .bl-banner .bl-arrow {
    transition: none !important;
    transform: none !important;
  }
}