footer {
           background-color: #f9f9f9;
           padding: 20px;
           margin-top:15px;
       }

       .footer-container {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
           max-width: 1200px;
           margin: auto;
       }

       .footer-item {
           flex: 1 1 100%;
           padding: 10px;
       }

       .footer-item img {
           max-width: 100%;
           height: auto;
           display: block;
           margin: 0 auto;
       }

       .footer-item h3 {
           margin-top: 0;
       }

       .footer-item ul {
           list-style: none;
           padding: 0;
       }

       .footer-item ul li {
           margin-bottom: 10px;
       }

       .footer-item ul li a {
           text-decoration: none;
           color: #333;
       }

       .footer-item ul li a:hover {
           text-decoration: underline;
       }

       @media (min-width: 600px) {
           .footer-item {
               flex: 1 1 calc(50% - 20px);
           }
       }

       @media (min-width: 900px) {
           .footer-item {
               flex: 1 1 calc(25% - 20px);
           }
       }


       .floating-contact {
           position: fixed;
           bottom: 20px;
           right: 20px;
           width: 300px;
           background-color: white;
           border: 1px solid #ddd;
           border-radius: 10px;
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
           overflow: hidden;
           z-index: 1000;
       }

       .tabs {
           display: flex;
           background-color: #f1f1f1;
           border-bottom: 1px solid #ddd;
       }

       .tab-button {
           flex: 1;
           padding: 10px;
           cursor: pointer;
           background-color: #f1f1f1;
           border: none;
           outline: none;
       }

       .tab-button.active {
           background-color: white;
           border-bottom: 2px solid #007bff;
       }

       .tab-content {
           padding: 10px;
           display: none;
       }

       .tab-content.active {
           display: block;
       }

       .contact-item .row {
           display: flex;
           flex-wrap: wrap;
       }

       .contact-item .column {
           flex: 1;
           padding: 0 5px;
       }

       .contact-item {
           margin-bottom: 10px;
       }

       .contact-item a {
           color: #007bff;
           text-decoration: none;
       }

       .contact-item a:hover {
           text-decoration: underline;
       }

       .contact-header {
           display: flex;
           justify-content: flex-end;
           padding: 5px;
           background-color: #f1f1f1;
           border-bottom: 1px solid #ddd;
       }

       #close-button {
           background: none;
           border: none;
           font-size: 20px;
           cursor: pointer;
       }

       #open-button {
           display: block;
           position: fixed;
           bottom: 20px;
           right: 20px;
           padding: 10px 20px;
           background-color: #007bff;
           color: white;
           border: none;
           border-radius: 5px;
           cursor: pointer;
           z-index: 1000;
       }

       .open-button {
           font-size: 16px;
       }

       @media (max-width: 600px) {
           .floating-contact {
               width: 100%;
               bottom: 0;
               right: 0;
               border-radius: 0;
           }

           .contact-item .column {
               width: 50%;
               padding: 0 5px;
           }
       }


       a.item-contact {
           display: block;
           line-height: 16px;
           white-space: nowrap;
           font-size: 12px;
           position: relative;
           padding: 8px 3px 8px 33px
       }

       a.item-contact .name {
           display: block;
           font-weight: 600;
           color: #333
       }

       a.item-contact .phone {
           color: red;
           font-weight: 700
       }
       a.item-contact .icon {
           width: 22px;
           height: 22px;
           display: block;
           position: absolute;
           top: 10px;
           left: 5px;
           margin: auto;
           background-position: 50%;
           background-repeat: no-repeat;
           border-radius: 50%
       }