.elementor-540 .elementor-element.elementor-element-3096ca6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-540 .elementor-element.elementor-element-a28730d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-edb493b */.topbar {
      background: #111;
      padding: 9px 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px
    }

    .topbar-alert {
      background: #057DBE;
      color: #fff;
      font-size: 12px;
      font-weight: 600;
      padding: 5px 14px;
      border-radius: 4px
    }

    .topbar-right {
      display: flex;
      gap: 20px;
      font-size: 12px;
      color: #999
    }

    .topbar-right a {
      color: #999;
      text-decoration: none
    }

    .nav {
      background: #fff;
      border-bottom: 1px solid #e8e5e0;
      padding: 16px 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      position: sticky;
      top: 0;
      z-index: 999;
      box-shadow: 0 1px 12px rgba(0, 0, 0, .06)
    }

    .nav-logo {
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none
    }

    .logo-pill {
      background: #057DBE;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      padding: 8px 12px;
      border-radius: 8px;
      letter-spacing: 1px
    }

    .logo-name {
      font-size: 16px;
      font-weight: 700;
      color: #1a1a1a
    }

    .logo-sub {
      font-size: 11px;
      color: #888
    }

    .nav-links {
      display: flex;
      gap: 20px;
      flex-wrap: wrap
    }

    .nav-links a {
      font-size: 13px;
      color: #555;
      text-decoration: none;
      font-weight: 500
    }

    .nav-links a:hover,
    .nav-links a.active {
      color: #057DBE
    }

    .nav-links a.active {
      border-bottom: 2px solid #057DBE;
      padding-bottom: 2px
    }

    .nav-cta {
      background: #057DBE;
      color: #fff;
      font-size: 13px;
      font-weight: 700;
      padding: 10px 22px;
      border-radius: 8px;
      text-decoration: none
    }

    .photo-placeholder {
      border-radius: 16px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 28px 22px;
      text-align: center;
      background: linear-gradient(135deg, #1a2a3a 0%, #0f1923 100%)
    }

    .ph-badge {
      position: absolute;
      top: 12px;
      left: 12px;
      background: #057DBE;
      color: #fff;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 4px 10px;
      border-radius: 4px
    }

    .ph-icon {
      font-size: 44px;
      opacity: .4;
      line-height: 1
    }

    .ph-title {
      font-size: 13px;
      font-weight: 700;
      color: #057DBE;
      letter-spacing: .3px;
      line-height: 1.3;
      max-width: 260px
    }

    .ph-rec {
      font-size: 11.5px;
      color: #aaa;
      line-height: 1.6;
      max-width: 270px
    }

    .ph-size {
      display: inline-block;
      background: #1e3a5f;
      color: #7eb8e8;
      font-size: 11px;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 20px;
      margin-top: 2px
    }

    .ph-how {
      font-size: 10px;
      color: #4a6a8a;
      line-height: 1.5;
      max-width: 260px;
      font-style: italic
    }/* End custom CSS */