.navbar-dark .navbar-nav .nav-link {
  --clippy: polygon(0 0, 0 0, 0 100%, 0 100%); }
  .navbar-dark .navbar-nav .nav-link:hover {
    --clippy: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  .navbar-dark .navbar-nav .nav-link::after {
    content: "";
    display: block;
    background-color: #f8f9fa;
    margin-top: 3px;
    height: 3px;
    clip-path: var(--clippy);
    transition: clip-path .5s; }

* {
  padding: 0;
  margin: 0; }

body {
  background-color: beige;
  /* 
    .collapse {
        &:not(.show){
            display: block;
        }
        @media(min-width: 500px){
            &:not(.show) {
            display: none;
            }
        }
      } */ }
  body .whatsapp-button {
    cursor: pointer;
    border: none;
    background-color: transparent;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    margin: 1rem; }
    body .whatsapp-button img {
      filter: drop-shadow(0 0 1rem black); }
  body .carousel .card-container {
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 5%; }
    @media (min-width: 500px) {
      body .carousel .card-container {
        position: absolute; } }
    body .carousel .card-container .card {
      backdrop-filter: brightness(0.25); }
  body .carousel .carousel-inner {
    max-height: 100vh; }
  body .carousel .carousel-control-next, body .carousel .carousel-control-prev {
    width: 5%; }
  body .modalContainer button {
    border: none;
    background-color: transparent; }

footer {
  color: #fff;
  padding-bottom: 1rem; }
  footer p {
    margin-bottom: .5rem; }