

/* =========================

   FOOTER CSS

   ========================= */

.project-slider .slick-track { 
  padding: 0 20px !important;
}


   footer,

   .site-footer{

     background:#f1f1f1;

     width:100%;

   }

.site-footer  .row{
margin-left:0px;

   }

   

   .site-footer .container,

   .bs5-scope .site-footer .container{

     max-width:100% !important;

     margin-left:auto !important;

     margin-right:auto !important;

   }

   .social_top{display: flex; padding: 8px 0px 0px 0px;}
   .social_top a{padding-right: 10px}



   footer h6,

   .site-footer h6{

     font-size:13px !important;

     font-weight:700 !important;

     color:#555 !important;

     margin:0 0 12px !important;

     line-height:1.4 !important;

   }



   footer a,

   .site-footer a{

     display:block;

     color:#555 !important;

     text-decoration:none;

     font-size:13px !important;

     line-height:1.5 !important;

     margin:7px 0 !important;

     transition:all .3s ease;

   }

   

   footer a:hover,

   .site-footer a:hover{

     color:#cf2027;

   }

   

   /* Payment Text */

   .payment{

     color:#2574b8;

     font-weight:700;

     line-height:2;

   }

   

   /* Footer Badges */

   .footer-badges{

     display:flex;

     flex-direction:column;

     gap:10px;

     align-items:flex-start;

   }

   

   .footer-badge-img{

     max-width:150px;

     height:32px;

     object-fit:contain;

     display:block;

   }

   

   .secure-badge{

     display:flex;

     align-items:center;

     gap:8px;

     background:#fff;

     border:1px solid #cfdde8;

     padding:6px 10px;

     color:#1672a7;

     font-size:12px;

     min-width:150px;

   }

   

   .secure-badge i{

     font-size:22px;

   }

   

   .secure-badge small{

     font-size:9px;

     color:#666;

   }

   

   .market-badge{

     background:#fff;

     border:1px solid #ddd;

     min-width:92px;

     padding:6px 10px;

     font-weight:800;

     border-radius:2px;

   }

   

   .market-badge small{

     font-weight:600;

     color:#777;

   }

   

   .ebay{

     color:#e53238;

   }

   

   .google{

     color:#4285f4;

   }

   

   /* Footer Bottom */

   .footer-bottom{

     background:#fff;

     padding:15px 0;

     font-size:12px !important;

     color:#fff;

   }

   .footer-bottom p:not(.copyright),

   .footer-bottom a,

   .footer-address {

     font-size:12px !important;

   }

   

   .footer-bottom p{

     margin:0;

   }



   /* Mixing an auto-sized item with a w-100 (full-width) item in the same flex

      row hit a sizing bug we couldn't fully pin down via computed-style inspection

      on /inner-preview (the address <p> kept computing to 100% row width, pushing

      .socials onto its own line, despite explicit flex/width overrides). Restructured

      instead: address+socials are now their own dedicated flex row with just two

      items, and copyright is a plain block-level <p> below it, outside the flex

      context entirely - removes the ambiguity by construction rather than fighting it. */

   .footer-bottom-row {

     display: flex !important;

     flex-wrap: wrap;

     justify-content: space-between;

     align-items: center;

     gap: 8px;

   }

   .footer-address {

     flex: 0 1 auto !important;

     width: auto !important;

   }

   .socials {

     flex: 0 0 auto !important;

     width: auto !important;

   }

   .footer-bottom {background-color: #c92328}

   .footer-bottom p.copyright,

   .copyright{

     display:block;

     margin-top:4px;

     font-size:10px !important;

   }

   

   /* Social Icons */

   .socials{

     display:flex;

     gap:16px;

   }

   

   .socials i.bi-facebook{

     color:#1877f2;

   }

   

   .socials i.bi-twitter-x{

     color:#111;

   }

   

   .socials i.bi-pinterest{

     color:#bd081c;

   }

   

   .socials i.bi-instagram{

     color:#e4405f;

   }

   

   /* Responsive */

   @media (max-width:991px){

     .site-footer{

       text-align:left;

     }

   

     .footer-badges{

       align-items:flex-start;

     }

   }

   

   @media (max-width:575px){

     .footer-badge-img{

       max-width:135px;

     }

   

     .footer-bottom{

       text-align:center;

     }

   

     .socials{

       justify-content:center;

       margin-top:15px;

     }

   }

   .footer-badges a{margin: 0px !important;}

   