header .logo-desktop,header .logo-mobile-menu{width:100px;margin:1rem 0}

/* FOOTER */
footer{ background-color: #fdfdfd; margin-top: 3rem; border-top: 1px solid #f1f1f1;}
footer .logo-desktop{max-width:200px;}
footer h3{margin-top:0;font-size:1.125rem;color:var(--grey)}
footer .footer__nav li a:not(.btn){display:block;padding:5px 0;font-size:1rem;color:var(--grey);transition:.3s; font-family: var(--secondary-font);}
footer .footer__nav li a i{font-size:1rem}
footer .footer__nav li a:hover{color:var(--primary-color-grey)}
footer .address :is(span,a):not(.btn){color:var(--grey);font-size:1rem;line-height:25px;transition:.3s}
footer .address a:not(.btn):hover{color:var(--primary-color)}

.copyright-footer .btn.selos { min-height: unset; }
@media screen and (max-width: 992.05px) {
  footer .social { justify-content: center; }
}

.card.card--23{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;flex-flow:column nowrap;gap:1rem;background-color:var(--dark);background-image:linear-gradient(-45deg,var(--dark),var(--grey)),var(--card-background);background-size:cover;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply,normal;border-radius:1rem;padding:1rem;position:relative;height:100%}
.card.card--23:focus-within,.card.card--23:hover{box-shadow:0 0 0 2px var(--secondary-color)}
.card.card--23 .card__title{color:#fff;font-size:1.25rem;text-shadow:0 0 .25rem var(--dark);margin:0;min-height:calc(1.25rem * 2 * 1.3)}
.card.card--23 .card__link{z-index:1;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;flex-flow:row nowrap;padding:.5rem .75rem;font-size:.875rem;text-transform:uppercase;transition:var(--transition);color:var(--light);font-weight:600;border:2px solid currentColor;border-radius:99px}
.card.card--23 .card__link>span{width:0;max-width:fit-content;opacity:0;transition:var(--transition)}
.card.card--23 .card__link:focus>span,.card.card--23 .card__link:hover>span{width:100px;opacity:1;margin-right:.5rem}
.card.card--23 .card__link::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;backface-visibility:visible}
.card.card--23 .card__link:focus,.card.card--23 .card__link:hover{border-color:var(--primary-color);background-color:var(--primary-color)}

.shadow-19{box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px}

.title-subtitle{margin-bottom:0}
.title-subtitle span{display:block;font-size:1rem;color:var(--dark);}

/* ================= CLIENTES ================= */
.clientes .clientes__item{display:grid;place-items:center;padding:1rem;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden}
.clientes .clientes__item img{width:100%;aspect-ratio:1/1;object-fit:contain;margin:0 auto;opacity:.75;border-radius:var(--bs-border-radius-sm);transition:opacity var(--transition)}
.clientes .clientes__item:hover img{opacity:1}

/* ================= DEPOIMENTOS ================= */
.testimonial .testimonial-author-image {
  width: 100%;
  max-width: 64px;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 999px;
}

.card-servicos {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  align-self: stretch;
  padding: 32px 24px;
  border-radius: 16px;
  height: 100%;
  min-height: 350px;
  gap: 24px;
  transition: .4s;
  border: 1px solid transparent;
}

.card-servicos i {
  padding: 16px 14px;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--grey);
  transition: .4s;
}

.card-servicos a {
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: black;
  transition: .4s;
  border-radius: 8px;
}

.card-servicos:hover i {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.card-servicos:hover {
  border-color: var(--primary-color);
}

.card-servicos:hover a {
  color: var(--primary-color);
  background: rgba(236, 43, 58, 0.10);
}


/* =============================== ASIDE =============================== */

.aside nav::-webkit-scrollbar {
    width: 3px;
}

.aside nav::-webkit-scrollbar-thumb {
    background-color: var(--dark);
}

.aside {
    background-color: #f1f1f1;
    border-radius: 5px 0 0 5px;
    margin: 0;
    box-sizing: border-box;
    padding: 3em;
    position: fixed;
    z-index: 999999;
    height: auto;
    width: 300px;
    right: -300px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    transition: .5s ease-in-out;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.aside::before {
    content: '\f100';
    font-family: 'FontAwesome';
    width: 40px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 0 0 5px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
    cursor: pointer;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);
    transition: .3s;
}

.aside:hover {
    right: 0;
}

.aside:hover::before {
    opacity: 0;
}

.aside a {
    color: #fff;
}

.aside :is(a, .aside-title) { color: var(--dark); }

.aside-title { margin: 0; }

.aside:hover .aside__menu {
    animation-name: anima__aside;
    animation-duration: .7s;
    animation-timing-function: ease-in-out;
}

.aside .aside__menu li a {
    display: block;
    padding: 5px;
    margin: 5px 0;
    font-size: 12px;
    border-left: 2px solid var(--dark);
    transition: .3s color;
}

.aside .aside__menu li a:hover, .aside .aside__menu li a.active-menu-aside {
    border-left: 4px solid var(--primary-color);
    color: var(--primary-color);
}

@keyframes anima__aside {
    0% {
        transform: translateX(1000px);
    }

    100% {
        transform: translateX(0);
    }

}

.title-02 {
  border-left: 2px solid #1DB06D;
  padding-left: 5px;
}

.accordion-item {
  border: 1px solid transparent;
}

.accordion-item .accordion-header .accordion-button {
  background-color: #fff;
}

.bg-form-contato {
  box-shadow: 0 2px 6px -2px rgba(27, 27, 27, 0.05), 0 4px 10px -2px rgba(27, 27, 27, 0.05);
  background-color: #fff;
  border-radius: 16px;
}

@media only screen and (min-width:768px) {
  .contato__image {
      position: relative;
    transform: translateX(12%);
    z-index: -1;
  }
}

.btn-outline-white {
  color: #fff;
  transition: .4s;
}

.btn-outline-white:hover {
  background-color: #ffffff98;
  color: #fff;
}

.normas-desc {
  padding: 10px;
  border-bottom: 1px solid #e5e8eb;
  margin: 10px 0;
}

.normas-desc a {
  text-transform: capitalize;
  font-size: 1rem;
  border-radius: 10px;
}

.splide-servicos .splide__pagination {
  bottom: -2em;
}