/* =========================================================
   Portfolio - Custom Styles
   All portfolio-specific overrides and new component styles
   go here. Do NOT add custom rules to style.css.
   ========================================================= */

/* ---------------------------------------------------------
   Testimonials — equal-height cards
   --------------------------------------------------------- */

.swiper-testimonials-2 .swiper-wrapper {
    align-items: stretch;
}

.swiper-testimonials-2 .swiper-slide {
    height: auto;
}

.swiper-testimonials-2 .testimonial-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.swiper-testimonials-2 .testimonial-card .content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.swiper-testimonials-2 .testimonial-card .text-doc {
    flex: 1;
}


/* ---------------------------------------------------------
   Portfolio card — agency badge
   --------------------------------------------------------- */
.portfoli-card-para span {
    font-size: 0.85em;
    opacity: 0.75;
    font-style: italic;
}

@media only screen and (max-width: 767px) {
  .tmp-banner-one-area.style-4 {
    height: calc(100vh - 20px) !important;
    min-height: calc(100vh - 20px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .scrollToTop {
    height: 50px !important;
    width: 50px !important;
    right: 16px !important;
    bottom: 16px !important;
  }

  .scrollToTop .arrowUp {
    font-size: 26px !important;
  }

  .scrollToTop .arrowUp i {
    font-size: 22px !important;
  }

  .ready-chatting-option .whatsapp-launch {
    height: 50px !important;
    width: 50px !important;
    font-size: 26px !important;
    right: 16px !important;
    bottom: 20px !important;
  }

  .ready-chatting-option .whatsapp-launch i {
    font-size: 24px !important;
  }

  .ready-chatting-option.chat-visible .whatsapp-launch {
    bottom: 70px !important;
  }
}