.elementor-22956 .elementor-element.elementor-element-ddd34c8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-22956 .elementor-element.elementor-element-f5fc86e{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;}.elementor-22956 .elementor-element.elementor-element-f5fc86e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22956 .elementor-element.elementor-element-2be5824{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-22956 .elementor-element.elementor-element-ef71fc1 .cart button, .elementor-22956 .elementor-element.elementor-element-ef71fc1 .cart .button{transition:all 0.2s;}.elementor-22956 .elementor-element.elementor-element-ef71fc1 .quantity .qty{transition:all 0.2s;}/* Start custom CSS for html, class: .elementor-element-2be5824 *//* ==========================================================
   Secure Solutions Bahamas — Quickpay Header Box
   ========================================================== */
   
   .ssb-quickpay-title {
    font-family: Fraunces, Georgia, serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.15;
    margin: 4px 0 6px;
    color: white;
}

.ssb-quickpay-header{
  position: relative;
  background: #0B1F3A;
  color: #ffffff;
  padding: 28px 32px 32px;
  box-sizing: border-box;
  overflow: hidden;
}

.ssb-quickpay-topline{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  gap: 10px;
  flex-wrap: wrap;
}

.ssb-quickpay-brand{
  display: flex;
  align-items: center;
  gap: 10px;
}

.ssb-quickpay-badge{
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  border: 1px solid #B8925A;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ssb-quickpay-brandname{
  color: #D9BD91;
  text-transform: uppercase;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.09em;
  white-space: nowrap;
}

.ssb-quickpay-tag{
  color: rgba(255, 255, 255, 0.55);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ssb-quickpay-title{
  font-family: Fraunces, Georgia, serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.15;
  margin: 4px 0 6px;
}

.ssb-quickpay-subtitle{
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  font-family: Inter, system-ui, sans-serif;
}

.ssb-quickpay-accent-bar{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, #B8925A, #1F6F78);
}

/* ---------- Responsive ---------- */
@media (max-width: 600px){
  .ssb-quickpay-header{
    padding: 22px 20px 26px;
  }

  .ssb-quickpay-topline{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
  }

  .ssb-quickpay-tag{
    align-self: flex-end;
    margin-top: -30px; /* pulls it back up next to the brand row on small screens */
  }

  .ssb-quickpay-title{
    font-size: 21px;
  }

  .ssb-quickpay-subtitle{
    font-size: 12.5px;
  }
}

@media (max-width: 380px){
  .ssb-quickpay-header{
    padding: 18px 16px 22px;
  }

  .ssb-quickpay-title{
    font-size: 19px;
  }

  .ssb-quickpay-tag{
    margin-top: 0;
    align-self: flex-start;
  }
}/* End custom CSS */