.pre-footer-banner-section {
     background-color: #F8F8F7;
     padding: 60px 20px;
 }

 .pre-footer-banner-container {
     max-width: 1200px;
     margin: 0 auto;
 }

 .pre-footer-banner-content.horizontal-layout {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     flex-wrap: nowrap;
     gap: 20px;
 }

 .banner-item {
     display: flex;
     align-items: center;
     gap: 15px;
     flex: 1;
     min-width: 0;
     max-width: 280px;
 }

 .banner-divider {
     width: 1px;
     height: 60px;
     background-color: rgba(0, 0, 0, 0.1);
     align-self: center;
 }

 .banner-icon {
     flex-shrink: 0;
     width: 60px;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .banner-icon img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
 }

 .banner-text {
     flex: 1;
     min-width: 0;
     text-transform: uppercase;
 }

 .banner-text p {
     font-size: 1rem;
     color: #323232;
     font-weight: 500;
     margin: 0;
     line-height: 1.4;
     word-wrap: break-word;
     overflow-wrap: break-word;
     hyphens: auto;
     font-size: 0.875rem;
 }

 @media (min-width: 993px) {
     .banner-item {
         flex: 1;
         max-width: none;
     }
 }

 @media (max-width: 992px) and (min-width: 577px) {
     .pre-footer-banner-content.horizontal-layout {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 40px 30px;
         justify-items: center;
     }

     .banner-divider {
         display: none;
     }

     .banner-item {
         width: 100%;
         max-width: 280px;
         flex-direction: column;
         align-items: center;
         text-align: center;
         gap: 15px;
     }

     .banner-icon {
         width: 70px;
         height: 70px;
     }

     .banner-text p {
         text-align: center;
     }
 }

 @media (max-width: 576px) {
     .pre-footer-banner-section {
         padding: 50px 15px;
     }

     .pre-footer-banner-content.horizontal-layout {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 30px 20px;
         justify-items: center;
     }

     .banner-divider {
         display: none;
     }

     .banner-item {
         width: 100%;
         max-width: 200px;
         flex-direction: column;
         align-items: center;
         text-align: center;
         gap: 12px;
     }

     .banner-icon {
         width: 50px;
         height: 50px;
     }

     .banner-text p {
         font-size: 0.9rem;
         text-align: center;
         line-height: 1.3;
     }
 }

 @media (max-width: 400px) {
     .pre-footer-banner-content.horizontal-layout {
         gap: 25px 15px;
     }

     .banner-item {
         max-width: 160px;
         gap: 10px;
     }

     .banner-icon {
         width: 45px;
         height: 45px;
     }

     .banner-text p {
         font-size: 0.85rem;
     }
 }

 @media (max-width: 350px) {
     .pre-footer-banner-content.horizontal-layout {
         grid-template-columns: 1fr;
     }

     .banner-item {
         max-width: 220px;
     }
 }