footer {background: var(--c-heading); position: relative; z-index: 1;}
footer::before {width: 100%; height: 100%; background: no-repeat center / cover url("../images/footer-bg.webp"); position: absolute; top: 0; left: 0; content: ""; z-index: -1; opacity: 0.05;}
footer .top-bar {display: grid; grid-template-columns: minmax(280px, 440px) minmax(185px, 220px) minmax(236px, 330px) minmax(254px, 330px); padding-block: 120px 113px;}
footer .top-bar > * {padding-inline: 15px;}
footer .top-bar > :first-child p {color: #ffffffb3; padding-block: 24px 62px;}
footer form {width: 100%; max-width: 360px; display: flex; align-items: center; justify-content: center; border: 2px solid #ffffff1a; border-radius: 40px;}
footer form button {width: 56px; height: 56px; flex: none; background-color: var(--c-primary); border-radius: 50%; transition: var(--trans-5);}
footer form button img {filter: invert(1); transition: var(--trans-5);}
footer form button:hover {background-color: #fff;}
footer form button:hover img {filter: var(--c-filter-secondary);}
footer form input {background-color: transparent; padding: 0; padding-inline: 40px 20px; border: 0; border-radius: 0;}
footer .links > :first-child {font-size: calc(var(--fs-xs, 24px) - 2px); font-weight: 600; line-height: 32px; color: #fff; margin-bottom: 32px;}
footer .links a {font-weight: 400; text-transform: capitalize; color: #ffffffb3; margin-bottom: 16px; transition: var(--trans-5);}
footer .links a:hover {color: var(--c-primary);}
footer .more-links li {display: flex; align-items: center; justify-content: start; gap: 15px; margin-bottom: 20px;}
footer .more-links li > :first-child {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; flex: none; border: 1px solid #ffffff1a; border-radius: 50%; transition: var(--trans-5);}
footer .more-links li > :first-child:hover {background-color: var(--c-primary); border-color: var(--c-primary);}
footer .more-links li a {text-transform: unset; margin-bottom: unset;}
footer .more-links li a:hover {color: var(--c-primary);}
footer .more-links li > :first-child img {filter: invert(1);}
footer .more-links li > :nth-child(2) {color: #ffffffb3;}
footer .bottom-bar {border-top: 1px solid #ffffff33;}
footer .wrapper {display: flex; align-items: center; justify-content: space-between; padding-block: 23px;}
footer .wrapper p {color: #ffffffb3;}
footer .wrapper p a {font-weight: 400; color: var(--c-primary);}
footer .wrapper ul {display: flex; align-items: center; justify-content: center; gap: 25px;}
footer .wrapper ul a {font-weight: 400; color: #ffffffb3; transition: var(--trans-5);}
footer .wrapper ul a:hover {color: var(--c-primary);}

 .whatsapp-button {
     z-index: 1111;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    text-decoration: none;
  }
  .whatsapp-button:hover {
    background-color: #128c4a;
  }
  .whatsapp-button svg {
    width: 30px;
    height: 30px;
    fill: white;
  }
@media only screen and (max-width: 1200px) {
    footer .top-bar {padding-block: 80px;}
    footer .top-bar > * {padding-inline: 0;}
}
@media only screen and (max-width: 991px) {
    footer .top-bar {grid-template-columns: repeat(2, 1fr); gap: 10px 20px; padding-block: 50px;}
    footer .wrapper {flex-wrap: wrap; gap: 10px;}
    footer .more-links li {margin-bottom: 10px;}
}
@media only screen and (max-width: 768px) {
    footer form input {padding-inline: 20px;}
    footer .top-bar > :first-child p {padding-block: 24px 35px;}
    footer form button {width: 45px; height: 45px;}
    footer .links > :first-child{margin-bottom: 15px;}
}
@media only screen and (max-width: 576px) {
    footer .top-bar {grid-template-columns: 1fr; gap: 20px; padding-block: 35px;}
    footer .wrapper {justify-content: center;}
    footer .links ul > :last-child a {margin-bottom: unset;}
}