.elementor .container-blank{width:100%;padding:0px;margin:0px;flex-direction:column;gap:0px;align-items:start;}.elementor .button-blue{color:var(--white);border-color:var(--light-blue);background-color:var(--light-blue);}.elementor .button-blue:hover,.elementor .button-blue:focus-visible{color:var(--purple);border-width:2px;border-color:var(--white);border-style:solid;background-color:var(--white);}.elementor .button-common{font-family:var(--Eurostyle);font-weight:700;font-size:var(--22px);letter-spacing:var(--110);line-height:1em;padding-block-start:15.5px;padding-block-end:15.5px;padding-inline-start:35px;padding-inline-end:35px;border-radius:100px;border-width:2px;border-style:solid;text-decoration: none;;\n}.elementor .eurostyle-22-700{font-family:"eurostyle";font-weight:700;font-size:var(--22px);line-height:1.2em;}.elementor .txt-white{font-family:var(--BasicGothicPro);color:#ffffff;}.elementor .container-padding-global{padding-block-start:var(--60px);padding-block-end:var(--60px);padding-inline-start:var(--5_percent);padding-inline-end:var(--5_percent);margin:0px;}.elementor .style-text{font-family:"ff-basic-gothic-pro";font-weight:400;font-size:var(--22px);color:#000000;}.elementor .button-transparent{color:var(--white);border-color:var(--white);background-color:var(--transparent);}.elementor .button-transparent:hover,.elementor .button-transparent:focus-visible{color:var(--purple);background-color:var(--white);}.elementor .button-dark-blue{color:var(--white);border-color:var(--purple);background-color:var(--purple);}.elementor .button-dark-blue:hover,.elementor .button-dark-blue:focus-visible{color:var(--purple);border-color:var(--white);background-color:var(--white);}.elementor .button-white{color:var(--purple);border-color:var(--white);background-color:var(--white);}.elementor .button-white:hover,.elementor .button-white:focus-visible{color:var(--white);border-width:2px;border-color:var(--light-blue);border-style:solid;background-color:var(--light-blue);}.elementor .header-line{display: flex;

@media(min-width:1200px) {
  white-space: nowrap;  
}

  align-items: center;
  width: 100%;
  gap: 20px;
  
  @media(min-width:1200px) {
    &:after {
        content: '';
        width: 100%;
        height: 5px;
        background-color: var(--light-blue);
        display: block;
        margin-top: 5px;
    }
  }\n}.elementor .header-h1{font-family:var(--Eurostyle);font-weight:900;font-size:var(--60px);}.elementor .header-h2{font-family:var(--Eurostyle);font-weight:900;font-size:60px;line-height:1.1em;}.elementor .owners-section{/* =====================================================
 OWNERS SECTION — FINAL CLEAN RESPONSIVE CSS
 Replace all previous owners-section CSS
 ===================================================== */

.owners-section,
.owners-section *,
.owners-section *::before,
.owners-section *::after {
  box-sizing: border-box;
}


/* =====================================================
 MAIN DESKTOP LAYOUT
 ===================================================== */

.owners-section {
  position: relative;

  display: grid !important;
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  align-items: stretch !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 650px;

  gap: 0 !important;
  overflow: hidden;

  background-color: #071A46;
}


/* Prevent Elementor widths from interfering */

.owners-section > .owners-content,
.owners-section > .owners-photo {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  flex: none !important;
}


/* =====================================================
 NAVY CONTENT SIDE
 ===================================================== */

.owners-content {
  position: relative;
  z-index: 3;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  min-height: 650px;

  padding:
      clamp(60px, 6vw, 95px)
      clamp(105px, 10vw, 165px)
      clamp(60px, 6vw, 95px)
      clamp(35px, 6vw, 100px);

  background-color: #071A46;
}


/* Blue outer triangle */

.owners-content::before {
  content: "";

  position: absolute;
  z-index: 1;

  top: 0;
  left: calc(100% - 1px);

  width: clamp(100px, 9vw, 150px);
  height: 100%;

  background-color: #2CB7E8;
  clip-path: polygon(0 0, 100% 50%, 0 100%);

  pointer-events: none;
}


/* Navy inner triangle */

.owners-content::after {
  content: "";

  position: absolute;
  z-index: 2;

  top: 0;
  left: calc(100% - 1px);

  width: clamp(90px, 8.3vw, 140px);
  height: 100%;

  background-color: #071A46;
  clip-path: polygon(0 0, 100% 50%, 0 100%);

  pointer-events: none;
}


/* Keep text above triangle */

.owners-content > * {
  position: relative;
  z-index: 4;

  width: 100%;
  max-width: none !important;
  min-width: 0;
}


/* =====================================================
 BACKGROUND PHOTO SIDE
 ===================================================== */

.owners-photo {
  position: relative;
  z-index: 1;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  min-height: 650px;

  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}


/* =====================================================
 901PX–1200PX FIX
 Keeps both sides beside each other with no white gap
 ===================================================== */

@media (min-width: 901px) and (max-width: 1200px) {

  .owners-section {
      display: grid !important;
      grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;

      min-height: 600px;
      gap: 0 !important;
  }

  .owners-content,
  .owners-photo {
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      min-height: 600px !important;

      margin: 0 !important;
  }

  .owners-content {
      padding:
          55px
          clamp(85px, 9vw, 110px)
          55px
          clamp(35px, 4vw, 55px);
  }

  .owners-content::before {
      width: 95px;
  }

  .owners-content::after {
      width: 85px;
  }

  .owners-content > * {
      max-width: 500px;
  }

  .owners-photo {
      background-position: center center !important;
      background-size: cover !important;
  }
}


/* =====================================================
 TABLET — STACK AT 900PX AND BELOW
 ===================================================== */

@media (max-width: 900px) {

  .owners-section {
      display: grid !important;
      grid-template-columns: minmax(0, 100%) !important;
      grid-template-rows: auto auto !important;

      width: 100% !important;
      min-height: 0;

      gap: 0 !important;
  }

  .owners-content,
  .owners-photo {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;

      margin: 0 !important;
  }

  .owners-content {
      min-height: 0 !important;

      padding:
          60px
          clamp(30px, 7vw, 65px)
          68px;
  }

  /* Change triangle into blue divider */

  .owners-content::before {
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;

      width: 100%;
      height: 8px;

      clip-path: none;
  }

  .owners-content::after {
      display: none;
  }

  .owners-content > * {
      max-width: 700px;
  }

  .owners-photo {
      display: block !important;
      min-height: 500px !important;

      background-position: center center !important;
      background-size: cover !important;
  }
}


/* =====================================================
 MOBILE
 ===================================================== */

@media (max-width: 767px) {

  .owners-content {
      padding: 48px 25px 56px;
  }

  .owners-photo,
  .owners-photo.elementor-hidden-mobile {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;

      width: 100% !important;
      min-height: 380px !important;

      background-repeat: no-repeat !important;
      background-position: center top !important;
      background-size: cover !important;
  }
}


/* =====================================================
 SMALL PHONES
 ===================================================== */

@media (max-width: 480px) {

  .owners-photo,
  .owners-photo.elementor-hidden-mobile {
      min-height: 340px !important;
  }
}\n}.elementor .owners-content{gap:15px;}.elementor .owners-photo{background-image:url("https://qualityplumbingnbtx.com/wp-content/uploads/2026/07/Owner_photo_QP_-1.webp");background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:center center;}