footer {
     background: white;
     position: relative;
 }

 .footer-top {
     /* display: grid; */
     /* grid-template-columns: 1fr 1fr 1fr; */
     /* gap: 40px; */
     padding: 50px 0;
     /* max-width: 1400px; */
     /* margin: 0 auto; */
 }


 .footer-info .footer-logo-container {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 20px;
 }

 .footer-contact {
     font-size: 13px;
     line-height: 1.8;
     color: #666;
 }

 .footer-contact p {
     margin: 5px 0;
 }

 .footer-social h3 {
     font-size: 16px;
     margin-bottom: 15px;
     color: #333;
 }

 .footer-social p {
     font-size: 13px;
     line-height: 1.8;
     color: #666;
     margin-bottom: 20px;
 }

 .footer-btn {
     display: inline-block;
     padding: 12px 30px;
     color: white;
     text-decoration: none;
     font-size: 14px;
     border-radius: 3px;
     transition: opacity 0.3s;
     margin: 0 auto;
     text-align: center;
     display: flex;
     justify-content: center;
     max-width: 210px;
 }

 .footer-btn:hover {
     opacity: 0.8;
     color: #fff;
 }

 .footer-btn-facebook {
     background: #3fc7c7;
 }


 .footer-btn-instagram {
     background: #333;
 }

 .footer-menu {
     background: #f8f8f8;
     padding: 40px 0;
 }

 .footer-menu-container {
     /* max-width: 1400px; */
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 60px;
 }

 .footer-menu-column h4 {
     color: #3fc7c7;
     font-size: 16px;
     margin-bottom: 15px;
 }

 .footer-menu-column ul {
     list-style: none;
 }

 .footer-menu-column ul li {
     margin: 8px 0;
 }

 .footer-menu-column ul li a {
     color: #666;
     text-decoration: none;
     font-size: 13px;
 }

 .footer-menu-column ul li a:hover {
     color: #3fc7c7;
 }

 .footer-home-icon {
     font-size: 20px;
     text-decoration: none;
     display: block;
     margin-bottom: 15px;
 }

 .footer-bottom {
     background: #333;
     padding: 20px 0;
 }

 .footer-social-icons {
     display: flex;
     gap: 15px;
 }

 .social-icon {
     color: white;
     text-decoration: none;
     font-size: 20px;
     width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid white;
     border-radius: 3px;
 }

 .social-icon:hover {
     background: white;
     color: #333;
 }

 .footer-copyright {
     color: white;
     font-size: 12px;
     margin: 0;
 }

 .scroll-top-btn,
 .chat-btn {
     position: fixed;
     right: 30px;
     width: 50px;
     height: 50px;
     border: none;
     border-radius: 50%;
     cursor: pointer;
     font-size: 20px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     transition: transform 0.3s;
 }

 .scroll-top-btn {
     bottom: 100px;
     background: white;
     color: #333;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.3s ease;
     z-index: 999;
     padding: 15px;
 }

 .scroll-top-btn.show {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }


 .chat-btn {
     bottom: 30px;
     background: #007bff;
     color: white;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .scroll-top-btn:hover,
 .chat-btn:hover {
     transform: scale(1.1);
 }

 @media (max-width: 768px) {
     .footer-top {
         grid-template-columns: 1fr;
         padding: 0;
         padding-bottom: 30px;
         gap: 30px;
     }

     .footer-menu {
         padding: 30px 20px;
     }

     .footer-menu-container {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .footer-top-container {
         flex-direction: column;
     }

     .footer-bottom {
         flex-direction: column;
         gap: 15px;
         padding: 20px;
         text-align: center;
     }

     .scroll-top-btn,
     .chat-btn {
         right: 15px;
     }
 }


 .footer-top-container {
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: space-around;
     gap: 50px;
 }

 .footer-top-container p {
     color: #000;
 }

 .footer-menu-container a {
     color: #000 !important;
 }

 .footer-column {
     width: 100%;
 }


 .footer-bottom-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }


 .footer-menu-container a svg {
     width: 25px;
 }

 .Footer_social__7qP_f ul {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .Footer_social__7qP_f span {
     fill: #fff;
     color: #fff;
 }

 .footer-bottom-container h2,
 .footer-bottom-container p {
     color: #fff;
     font-size: 14px;
 }