/* footer-cta — FirstOKC layout adapted for shared, dashboard-driven Swifty markup. */
.footer-cta .footer-cta-wrapper {
display: block !important;
  max-width: 1015px;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.footer-cta.full-width-section .left-col {
width: 100% !important;
  max-width: none;
  padding: 0 15px;
}
.footer-cta .footer-cta-content {
max-width: 955px;
}
.footer-cta .section-title {
margin: 0 0 35px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}
.footer-cta .section-content {
max-width: 955px;
  margin: 0 auto;
  color: #000;
  font-weight: 400;
  text-align: center;
}
.footer-cta .cta-buttons {
min-height: 74px;
  text-align: center;
  display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.footer-cta .cta-buttons .btn,
.footer-cta .cta-buttons a {
display: inline-block;
  width: 200px;
  height: 44px;
  margin: 15px 40px;
  padding: 15px 25px;
  border: 0;
  border-radius: 0;
  box-shadow: none;  
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  transition: var(--first-transition);
}

/* Shared component adaptations. */

.footer-cta { position: relative; isolation: isolate; min-height: 0; padding: 160px 24px; background: #fff; }
.footer-cta .section-title { font-size: 38px; line-height: 1.2; }
.footer-cta .section-subtitle { display: block; font-size: 18px; line-height: 1.5; margin: 30px 0; }
.footer-cta .section-content, .footer-cta .cta-text { font-size: 16px; line-height: 2; }
.footer-cta .left-col { width: 100%; padding: 0; }
.footer-cta .footer-cta-wrapper { position: static; }
.footer-cta .footer-cta-content { position: relative; z-index: 1; margin: auto; }
.footer-cta .right-col { position: absolute; inset: 0; width: 100%; padding: 0; z-index: -1; opacity: .28; }
/* component-common.css:1172 caps .footer-cta-image img at max-height: 650px.
   Here the image is the full-bleed backdrop for the whole section (.right-col
   is inset:0 behind the copy), so the cap stops it covering once the section
   runs taller than 650px -- which it does on narrow screens. */
.footer-cta .footer-cta-image, .footer-cta .footer-cta-image img { width: 100%; height: 100%; object-fit: cover; max-height: none; }
.footer-cta .cta-buttons a { width: auto; height: auto; min-height: 44px; margin: 15px; }
/* full-width-section section spacing */
.footer-cta.full-width-section { padding: 50px 24px 50px; } 
/* Responsive section layout. */
@media screen and (max-width: 1024px) {
.footer-cta.full-width-section { padding: 30px 24px 30px; } 

}
@media screen and (max-width: 992px) {
.footer-cta { padding: 110px 24px; }
.footer-cta .section-title { font-size: 32px; }
.footer-cta .section-subtitle { font-size: 16px; margin: 24px 0; }
.footer-cta .cta-buttons a { margin: 10px; }
}

@media screen and (max-width: 767px) {
.footer-cta {
min-height: 0;
    padding-top: 100px;
    padding-bottom: 100px;
}
.footer-cta .section-title {
margin-bottom: 50px;
}
.footer-cta .cta-buttons .btn,
.footer-cta .cta-buttons a {
margin-right: 10px;
    margin-left: 10px;
}
}
@media(max-width:767px) { .footer-cta { padding: 70px 24px; }
.footer-cta.full-width-section { padding: 20px 24px 20px; } 
 }