.lp-filter {
    height:100%;
    width:100%;
    padding:70px;
    /* Background color has been moved in bg-filter class due to issue on container */
  }

  .bg-filter {
    background-color:rgba(0,0,0,.5);
  }

  .header-text {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    padding-left: 10px;
  }
  @media (max-width: 767px){
    .header-text {
      font-size: 16px !important;
    }
  }


  .header-text2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    padding-left: 10px;
  }
  @media (max-width: 767px){
    .header-text2 {
      font-size: 22px !important;
    }
  }

  @media (max-width: 767px){
    .btn-lg {
      padding-top: 20px;
      padding-bottom: 20px;
      width: auto;
    }
  }

  .lp-icon {
    font-size: 46px;
    color: #014075;
    text-align: center;
  }



  .lp-icon-container {
    height: 70px;
    width: 70px;
    background: #f0f0f0;
    border-radius: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .btn.btn-primary.btn-lg i.fa-btn  {
    font-size: 16px;
    padding-left: 8px;
    vertical-align: middle;
    position: relative;
    top: -3px;
  }

  @media (max-width: 767px){
    .fa-btn {
      font-size: 16px !important;
      /* top: -2px !important;       */
      color: #fff;
    }
  }

  .lp-inline {
    display: flex;
    align-items: center;
  }


  @media (max-width: 767px) {
    .flex-column-xs {
      flex-direction: column;
      align-items: center;
      flex: 0 0 100%;
  }
}


  .well-lp {
     background: rgba(1, 59, 114, 0.9);
     border: none;
  }

  .well-lp h2 {
    color: #fff;
    font-size: 30px;
   }

   .vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.lp-image-border-top {
  border-radius: 0;
  box-shadow: 0px -2px 6px 4px rgba(0, 0, 0, 0.1);
}


.well-border-bottom {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0px 4px 6px 4px rgba(0, 0, 0, 0.1);
}


/*  only Unhide for round theme*/
@media (max-width: 767px) {
  .well-border-bottom {
    /* border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;  */
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.1);
  }
}

.well-border-bottom2 {
  background: #fff;
  box-shadow: 0px 4px 6px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}


.justify-content-custom {
  justify-content: center;
}

@media (max-width: 767px) {
.justify-content-custom {
  justify-content: flex-start;
}
}



.slider-left-arrow {
  position: absolute;
  color: #fff;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.slider-right-arrow {
  position: absolute;
  color: #fff;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}




.lp-icon-slider-container-right {

  position: absolute;
  right: 39%;
  height: 50px;
  width: 50px;
  background: #3879b7;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1000;
}

.lp-icon-slider-container-left {

  position: absolute;
  left: 39%;
  height: 50px;
  width: 50px;
  background: #3879b7;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1000;
}

@media (max-width: 767px) {
  .lp-icon-slider-container-right {
    right: 35%;
  }
}
@media (max-width: 767px) {
  .lp-icon-slider-container-left {
    left: 35%;
  }
}



.slider-left-arrow2 {
  position: absolute;
  color: #fff;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  padding: 12px;
}

.slider-right-arrow2 {
  position: absolute;
  color: #fff;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  padding: 12px;
}


.lp-icon-slider-container-right2 {
  position: absolute;
  right: 45%;
  height: 50px;
  width: 50px;
  background: #3879b7;
  /* border-radius: 0;   */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;

  /* Added borderRaidus */
  border-radius: 0;
}

.lp-icon-slider-container-left2 {

  position: absolute;
  left: 45%;
  height: 50px;
  width: 50px;
  background: #3879b7;
  /* border-radius: 0;   */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;

  /* Added borderRaidus */
  border-radius: 0;
}


@media (max-width: 991px) {
  .lp-icon-slider-container-right2 {
    right: 40%;
  }
}
@media (max-width: 991px) {
  .lp-icon-slider-container-left2 {
    left: 40%;
  }
}

@media (max-width: 540px) {
  .lp-icon-slider-container-right2 {
    right: 35%;
  }
}
@media (max-width: 540px) {
  .lp-icon-slider-container-left2 {
    left: 35%;
  }
}




.custom-testimonial-well {
  background: #fff;
}

@media (max-width: 991px) {
  .custom-testimonial-well {
    background: #fff;
    border: 1px solid #3879b7 !important;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.1);
  }
}

.bg-primary-white-mobile {
  background-color: #3879b7;
}

.bg-alt-white-mobile {
  background-color: #f3f3f3;
}

@media (max-width: 991px) {
  .bg-alt-white-mobile {
    background-color: #fff;
  }
}


@media (max-width: 991px) {
  .bg-primary-white-mobile {
    background-color: #fff;
  }
}


.bg-dark-white-mobile {
  background-color: #222;
}

.text-white-dark-mobile {
  color: #fff !important;
}

@media (max-width: 991px) {
  .bg-dark-white-mobile {
    background-color: #fff;
  }
}
@media (max-width: 991px) {
  .text-white-dark-mobile {
    color: #222 !important;
  }
}
@media (max-width: 1200px) {
  .testimonial-section-padding  {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}


@media (min-width: 1800px) {
  .plr-custom-slide {
    padding-left: 100px;
    padding-right: 100px;

  }
}


/* @media (max-width: 991px) {
  .plr-custom-slide {
    width: 45%;
    padding-left: 50px;
    padding-right: 95px;
    margin: auto;
  }
} */
@media (max-width: 991px) {
  .plr-custom-slide {
    width: 80% !important;
    margin: 0 auto !important;
    display: block !important;

  }
}

@media (min-width: 1500px) {
.custom-container-padding {
  padding-left: 170px;
  padding-right: 170px;
}
}


@media (min-width: 1200px) and (max-width: 1490px) {
.custom-arrow-hide {
  display:none
}
}


.testimonial-name2 {
  font-size: 24px;
}

.google-icon {
  width: 30px;
  height: auto;
}

.stars {
  width: 100px;
  height: auto;
  padding-left: 10px;
  padding-bottom: 10px;
}


.service-list-panel {
  padding: 25px 50px;
  background-color: #f3f3f3;
  display: block;
}

.center-content3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.service-list-title {
  border: 2px solid #3879b7;
  background: #fff;
  padding: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
}

.fa-chevron-down-icon {
  padding-left: 10px;
  font-weight: 800;
}



@media (max-width: 767px){
  .ptb-sm-xss {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (max-width: 767px){
  .plr-xs-xss {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 767px){
  .plr-sm-xss {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px){
  .plr-md-xss {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 767px){
  .pb-sm-xss {
    padding-bottom: 10px;
  }
}

@media (max-width: 767px){
  .pb-md-xss {
    padding-bottom: 25px;
  }
}


/* ===========================
   FLEX UTILITIES (BS5-like)
   =========================== */

/* Display */
.d-flex{display:-ms-flexbox;display:flex;}
.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex;}

/* Direction */
.flex-row{-ms-flex-direction:row;flex-direction:row;}
.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.flex-column{-ms-flex-direction:column;flex-direction:column;}
.flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse;}

/* Wrap */
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;}

/* Justify content */
.justify-content-start{-ms-flex-pack:start;justify-content:flex-start;}
.justify-content-end{-ms-flex-pack:end;justify-content:flex-end;}
.justify-content-center{-ms-flex-pack:center;justify-content:center;}
.justify-content-between{-ms-flex-pack:justify;justify-content:space-between;}
.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around;}
/* Evenly has no IE fallback; center is a sane fallback */
.justify-content-evenly{justify-content:space-evenly;}

/* Align items (cross-axis) */
.align-items-start{-ms-flex-align:start;align-items:flex-start;}
.align-items-end{-ms-flex-align:end;align-items:flex-end;}
.align-items-center{-ms-flex-align:center;align-items:center;}
.align-items-baseline{-ms-flex-align:baseline;align-items:baseline;}
.align-items-stretch{-ms-flex-align:stretch;align-items:stretch;}

/* Align content (multi-line) */
.align-content-start{-ms-flex-line-pack:start;align-content:flex-start;}
.align-content-end{-ms-flex-line-pack:end;align-content:flex-end;}
.align-content-center{-ms-flex-line-pack:center;align-content:center;}
.align-content-between{-ms-flex-line-pack:justify;align-content:space-between;}
.align-content-around{-ms-flex-line-pack:distribute;align-content:space-around;}
.align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch;}

/* Align self (per-item) */
.align-self-auto{-ms-flex-item-align:auto;align-self:auto;}
.align-self-start{-ms-flex-item-align:start;align-self:flex-start;}
.align-self-end{-ms-flex-item-align:end;align-self:flex-end;}
.align-self-center{-ms-flex-item-align:center;align-self:center;}
.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline;}
.align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch;}

/* Grow / shrink / basis */
.flex-fill{-ms-flex:1 1 auto;flex:1 1 auto;}
.flex-1{-ms-flex:1 1 0%;flex:1 1 0%;}
.flex-auto{-ms-flex:1 1 auto;flex:1 1 auto;}
.flex-none{-ms-flex:0 0 auto;flex:0 0 auto;}
.flex-grow-0{-ms-flex-positive:0;flex-grow:0;}
.flex-grow-1{-ms-flex-positive:1;flex-grow:1;}
.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0;}
.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1;}

.order-0{-ms-flex-order:0;order:0;}
.order-1{-ms-flex-order:1;order:1;}
.order-2{-ms-flex-order:2;order:2;}
.order-3{-ms-flex-order:3;order:3;}


.relative{position:relative;}
.center-image{display:block;margin-left:auto;margin-right:auto;}


.justify-content-custom{display:-ms-flexbox;display:flex;justify-content:center;}


/* Contact Bar*/
.container-1500 { max-width: 1500px; margin: 0 auto; }

.contact-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.contact-item {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
}

.contact-item:first-child {
    flex: 0 0 auto;
    max-width: 260px;
}

.contact-item .lp-icon-container {
    height: 45px;
    width: 45px;
}

.contact-item .lp-icon {
    font-size: 30px;
}
.contact-link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    color: #fff;
}

.contact-link:hover,
.contact-link:focus {
    opacity: .9;
    text-decoration: none;
}

.contact-bar-text {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.25;
}

.contact-bar-heading {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
}

@media (max-width: 768px) {
  .contact-bar-br {
    display: none;
  }
}

/* --- TABLET: heading left, email/phone stacked right --- */
@media (min-width: 769px) and (max-width: 992px) {
  .contact-items {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 30px 30px;
  }

  .contact-item:first-child {
    grid-row: 1 / 3;
    grid-column: 1;
    max-width: none;
    align-self: center;
  }

  .contact-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-start;
  }

  .contact-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    justify-content: flex-start;
  }
}

/* --- SMALL DESKTOP: same grid layout, more breathing room --- */
@media (min-width: 993px) and (max-width: 1200px) {
  .contact-items {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 20px 60px;
  }

  .contact-item:first-child {
    grid-row: 1 / 3;
    grid-column: 1;
    max-width: none;
    align-self: center;
    justify-content: flex-end;
    padding-left: 40px;
  }

  .contact-bar-heading {
    font-size: 30px;
  }

  .contact-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-start;
  }

  .contact-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    justify-content: flex-start;
  }
}

/* --- MOBILE but STILL CENTERED --- */
@media (max-width: 768px) {

    .contact-items {
        justify-content: center;
        gap: 28px;
    }

    .contact-item {
        flex: 1 1 100%;
        justify-content: center;
    }

    .contact-link {
        justify-content: center;
        gap: 10px;
        text-align: center;
    }

    .contact-bar-text {
        font-size: 19px;
        font-weight: 600;
        line-height: 1.3;
    }

    .lp-icon-container {
        transform: scale(0.85);
    }
}

/* --- MOBILE: icon + text on same line, centered --- */
@media (max-width: 768px) {
  .contact-items {
    justify-content: center;
    gap: 20px;
  }

  .contact-item,
  .contact-item:first-child {
    flex: 1 1 100%;
    max-width: none;
    justify-content: center;
  }

  /* Keep icon and text on the same line */
  .contact-link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  /* Bigger, centered label under the icon */
  .contact-bar-text {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
  }

  /* Keep icons nice and prominent on mobile */
  .lp-icon-container {
    transform: none;
  }
}
/* END Contact Bar*/



/* bounce + shake animation for a word */
.word-shake {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 29px;
    color: #e0922f;
    display: inline-block;
    animation: warrantyBounce 4s ease-in-out infinite;

}

/* ADDED: keyframes for bounce + shake effect */
@keyframes warrantyBounce {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    10% {
        transform: translateY(-4px) rotate(-2deg);
    }
    20% {
        transform: translateY(2px) rotate(1deg);
    }
    30% {
        transform: translateY(-3px) rotate(-1deg);
    }
    40%, 60% {
        transform: translateY(1px) rotate(0deg);
    }
    70% {
        transform: translateY(-2px) rotate(2deg);
    }
    80% {
        transform: translateY(0px) rotate(-1deg);
    }
}
/* END bounce + shake animation for a word */


/* FOOTER BUTTONS*/
.palp-btn .btn {
    display: inline-block;
    border-radius: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 30px;
    width: 340px !important;
    max-width: 100%;
    margin: 8px auto;
    box-sizing: border-box;
}


@media (max-width: 768px) {
    .palp-btn .btn {
        width: 260px !important;
        display: block;
        border-radius: 0;
    }
}

/* Hide the real text but keep it for SEO and accessibility */
.quote-btn {
  position: relative;
  color: transparent !important; /* hides text visually */
}

/* Base text (desktop) */
.quote-btn::after {
  content: "Get Your Fence Quote";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}

/* Mobile text override */
@media (max-width: 768px) {
  .quote-btn::after {
    content: "Free Quote";
  }
}

/* Wider variant for financing section */
.palp-btn--wide .btn {
    width: 380px !important;
}

@media (max-width: 768px) {
    .palp-btn--wide .btn {
        width: 100% !important;
        max-width: 380px;
    }
}
/* END FOOTER BUTTONS*/


.bg-dark {
    background: #014075;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px; /* still gives you that nice big gap */
}

/* neutralize BS3 floats inside this row */
.footer-row > .col-md-4 {
    float: none;
}

/* desktop behaviour */
@media (min-width: 992px) {
    /* base width for left & right */
    .footer-row > .col-md-4 {
        flex: 1 1 0;      /* all share available space */
    }

    /* make the middle col larger */
    .footer-row > .col-md-4.footer-col--wide {
        flex: 1.4 1 0;    /* grows ~40% more than the others */
    }
}


.social-links div {
    display: inline;
    padding-left: 5px;
    /* padding-right: 8px; */
}

@media (max-width: 991px) {
    .social-links {
        padding-top: 15px;
    }
}

/* Footer section responsive centering */
@media (max-width: 991px) {
    .footer-row > [class*="col-"] {
        float: none;
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.values-section h3, .ez-process h3 {
    font-size: 29px;
}