.footer {
                   background: #1f1f1f;
                   color: #fff;
                   padding: 70px 8% 0;
                   border-top: 4px solid #9a6b49;
               }
               
               .footer-container {
                   display: grid;
                   grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
                   gap: 50px;
                   padding-bottom: 50px;
               }
               
               .footer-logo {
                   width: 180px;
                   margin-bottom: 20px;
               }
               
               .footer-box h3 {
                   color: #fff;
                   margin-bottom: 25px;
                   position: relative;
                   font-size: 22px;
               }
               
               .footer-box h3::after {
                   content: "";
                   position: absolute;
                   left: 0;
                   bottom: -10px;
                   width: 50px;
                   height: 3px;
                   background: #9a6b49;
               }
               
               .footer-box p {
                   color: #cfcfcf;
                   line-height: 1.9;
                   margin-bottom: 15px;
               }
               
               .footer-box ul {
                   list-style: none;
               }
               
               .footer-box ul li {
                   margin-bottom: 16px;
               }
               
               .footer-box ul li a {
                   text-decoration: none;
                   color: #cfcfcf;
                   transition: .3s;
               }
               
               .footer-box ul li a:hover {
                   color: #9a6b49;
                   padding-left: 6px;
               }
               
               .footer-box i {
                   color: #9a6b49;
                   margin-right: 10px;
                   width: 20px;
               }
               
               .social-list {
                   list-style: none;
               }
               
               .social-list li {
                   margin-bottom: 16px;
               }
               
               .social-list li a {
                   text-decoration: none;
                   color: #cfcfcf;
                   display: flex;
                   align-items: center;
                   transition: .3s;
               }
               
               .social-list li a:hover {
                   color: #9a6b49;
                   padding-left: 6px;
               }
               
               .social-list i {
                   font-size: 18px;
                   width: 28px;
               }
               
               .footer-map {
                   margin-top: 20px;
               }
               
               .footer-map iframe {
                   width: 100%;
                   height: 320px;
                   border: none;
               }
               
               .footer-bottom {
                   text-align: center;
                   padding: 25px 0;
                   border-top: 1px solid #3d3d3d;
               }
               
               .footer-bottom p {
                   color: #bdbdbd;
                   font-size: 15px;
               }
               
               .footer-box a {
                   color: inherit;
                   text-decoration: none;
               }
               
               .footer-box a:hover {
                   color: #9a6b49;
               }
               
               @media(max-width:992px) {
                   .footer-container {
                       grid-template-columns: repeat(2, 1fr);
                   }
               }
               
               @media(max-width:768px) {
                   .footer {
                       padding: 60px 7% 0;
                   }
                   .footer-container {
                       grid-template-columns: 1fr;
                       gap: 40px;
                   }
                   .footer-map iframe {
                       height: 250px;
                   }
                   .footer-bottom {
                       font-size: 14px;
                   }
               }
               
               .footer-map-frame {
                   width: 100%;
                   height: 320px;
                   border: 0;
               }