/*
Theme Name: Marketing-Shots
Author: Deepak kumar Singh
Version: 1.0
*/


  .glass {
      background: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-radius: 20px;
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    }
    .fade-in {
      animation: fadeIn 0.5s ease-in-out;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }
     .testimonial-card {
      flex: 0 0 auto;
      width: 350px;
      height: 360px;
      background: rgba(255, 255, 255, 0.65);
      backdrop-filter: blur(10px);
      border-radius: 1.5rem;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
      padding: 2rem;
      margin-right: 1.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .carousel-track {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
    }
    .carousel-wrapper {
      position: relative;
    }
    .tab-button {
      padding: 0.5rem 1rem;
      font-size: 0.875rem;
      font-weight: 500;
      border-radius: 9999px;
      border: 1px solid #d1d5db;
      transition: background 0.2s;
      cursor: pointer;
    }
    .tab-button:hover {
      background: #e5e7eb;
    }
    .tab-button.active {
      background: #000;
      color: #fff;
    }
        .glass-box {
      background-color: rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(10px);
      border-radius: 1.5rem;
      padding: 3rem 2rem;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    }
    input, textarea {
      background: rgba(255, 255, 255, 0.65);
      backdrop-filter: blur(6px);
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-radius: 0.5rem;
      padding: 0.75rem 1rem;
      width: 100%;
      font-size: 0.95rem;
      color: #1f2937;
    }
    input::placeholder, textarea::placeholder {
      color: #6b7280;
    }
    .contact-icon {
      width: 64px;
      height: 64px;
      margin: 0 auto 0.5rem auto;
    }
  
    .glass-card {
      background: rgba(255, 255, 255, 0.65);
      backdrop-filter: blur(10px);
      border-radius: 1rem;
      padding: 2rem;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
      min-height: 240px;
    }
    .card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 2rem;
    }
    .icon-headline {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 0.75rem;
    }
    .icon-headline img {
      width: 48px;
      height: 48px;
    }


     .glass { background: rgba(255,255,255,0.2); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.3); }
    .swiper-custom-arrow { width: 40px; height: 40px; background-color: black; color: white; display: flex; align-items: center; justify-content: center; border-radius: 9999px; font-size: 20px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
    #custom-prev { left: -20px; }
    #custom-next { right: -20px; }
    .swiper-button-next, .swiper-button-prev { display: none !important; }
    .portrait-img { aspect-ratio: 9 / 16; object-fit: cover; width: 100%; }
    .scroll-container { scroll-snap-type: x mandatory; }
    .scroll-card { scroll-snap-align: start; }