/*
Theme Name: BeTheme Child
Template: betheme
Version: 1.0
*/
/* Hero (globe slider) as positioning context */
.p4-hero{
  position: relative !important;
  min-height: 560px !important;
  overflow: visible !important;
}

/* Floating text box – fixed width, flexible height */
.p4-floating-box{
  position: absolute !important;

  left: 8% !important;
  top: 230px !important;

  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;

  /* height is intentionally NOT fixed */
  height: auto !important;

  box-sizing: border-box !important;
  display: block !important;

  padding: 24px !important;
  margin: 0 !important;

  background-color: #0A143C !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;

  box-shadow: 0 12px 28px rgba(0,0,0,0.25) !important;
  z-index: 20 !important;

  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

/* Mobile: same behavior */
@media (max-width: 768px){
  .p4-hero{
    min-height: 520px !important;
  }

  .p4-floating-box{
    left: 6% !important;
    top: 150px !important;

    width: 200px !important;
    min-width: 240px !important;
    max-width: 240px !important;

    height: auto !important;
    padding: 18px !important;
  }
}