/* Hero: ng-about-logo.svg (dikey amblem — ParaQR yazısı yerine) */
  .paraqr-hero-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .paraqr-hero-logo-link {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
    transition: opacity 0.3s ease, transform 0.35s ease;
  }

  .paraqr-hero-logo-link:hover {
    opacity: 0.9;
  }

  .paraqr-hero-logo {
    display: block;
    width: auto;
    height: clamp(120px, 22vw, 220px);
    max-width: min(200px, 52vw);
    object-fit: contain;
  }

  #section-2 .tp-hero-vp-content.mb-105 {
    margin-bottom: clamp(40px, 7vw, 90px);
  }

  .kendi-markalarimiz-title {
    font-family: var(--tp-ff-inter) !important;
  }

  .no-select {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

  .scrollToTop-3 .water { 
    background-color: #febe10;
    border: 1px solid #febe10;
  }

  .scrollToTop .arrowUp {
    color: white;
}

  .para-qr-black-blue-bg {
    background: #febe10;
  }

  .tp-blog-ai-content {
    background: #febe10;    
  }

  @media (max-width: 991.98px) {
    .paraqr-hero-logo {
      height: clamp(100px, 20vw, 180px);
      max-width: min(165px, 48vw);
    }
  }

  @media (max-width: 575.98px) {
    .paraqr-hero-logo {
      height: clamp(88px, 24vw, 140px);
      max-width: min(130px, 42vw);
    }

    .paraqr-hero-logo-wrap {
      padding: 0 12px;
    }
  }

  #section-2  {
    padding-top: 100px;
    padding-bottom: 20px;
    position: relative;
    z-index: 999;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
    #section-2 {
        padding-top: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-techonolgy-capsule-wrapper {
      height: 600px;
  }
}

/* Masaüstü: başlık biraz küçült (tema 8vw → 7vw) */
@media (min-width: 1025px) {
  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-title {
    font-size: 7vw;
  }
}

/* Hero yatay slider: maske / üst üste açılma (tema parallax geçişi) */
.tp-portfolio-horizontal-active.swiper {
  overflow: hidden;
}
.tp-portfolio-horizontal-active .swiper-slide {
  overflow: hidden;
}
.tp-portfolio-horizontal-active .swiper-slide-active {
  z-index: 2;
}
.tp-portfolio-horizontal-active .swiper-slide-next,
.tp-portfolio-horizontal-active .swiper-slide-prev {
  z-index: 3;
}
.tp-portfolio-horizontal-active .tp-portfolio-horizontal-inner {
  background-size: cover;
  background-position: center;
}
/* Mobil: parallax taşma + slider yüksekliği + tipografi */
@media (max-width: 1024.98px) {
  .tp-portfolio-horizontal-slider,
  .tp-portfolio-horizontal-slider .banner-horizental,
  .tp-portfolio-horizontal-active,
  .tp-portfolio-horizontal-active .swiper-slide,
  .tp-portfolio-horizontal-active .tp-portfolio-horizontal-inner {
    height: 80vh;
    min-height: 80vh;
  }

  .tp-portfolio-horizontal-active .tp-portfolio-horizontal-inner {
    width: 112%;
    left: -6%;
    position: relative;
  }

  /* Metin okunabilirliği: görsel üstüne hafif siyah katman */
  .tp-portfolio-horizontal-active .tp-portfolio-horizontal-inner::after {
    width: 100%;
    left: 0;
    z-index: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.35) 0%,
      rgba(0, 0, 0, 0.48) 45%,
      rgba(0, 0, 0, 0.52) 100%
    );
  }

  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-content {
    z-index: 2;
    width: 88% !important;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-title {
    font-size: clamp(28px, 7.5vw, 46px);
    line-height: 1.12;
  }

  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-disc {
    font-size: 15px;
    line-height: 1.5;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 16px;
  }

  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-btn,
  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-btn-text {
    font-size: 15px;
  }
}

@media (max-width: 574.98px) {
  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-title {
    font-size: clamp(26px, 8vw, 40px);
  }

  .tp-portfolio-horizontal-slider .tp-portfolio-horizontal-content {
    width: 86% !important;
    max-width: 300px;
  }
}