/* body{font-family:Arial,Helvetica,sans-serif} .card-title{font-size:1.1rem} .navbar-brand{font-weight:700} */

body {
    font-family: 'Poppins', sans-serif;
    background-color: #fff;
    color: #222;
    margin: 0;
}

/* NAVBAR STYLING */
.navbar {
    background-color: #000 !important;
    padding: 1rem 0;
}

.navbar-brand img {
    height: 45px;
    width: auto;
}

.navbar-nav .nav-link {
    color: #f5f5f5 !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s;
}

.navbar-nav .nav-link:hover {
    color: #f8b400 !important;
}

.nav-icons a {
    color: #fff;
    margin-left: 15px;
    font-size: 1.2rem;
    transition: 0.3s;
}

.nav-icons a:hover {
    color: #f8b400;
}

/* For sticky top look */
.navbar.sticky-top {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Remove gap between sections */
.about-section {
    margin-bottom: 0 !important;
    padding-bottom: 2rem !important;
}
.featured-artworks {
    margin-top: 0 !important;
}

/* Fade-in scroll effect */
.fade-in-section {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-section.visible {
    opacity: 1;
    transform: translateY(0);
}

.card {
    background: #fff;
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.form-control {
    border: 1px solid #ddd;
    padding: 10px 15px;
    transition: all 0.3s ease;
}
.form-control:focus {
    border-color: #b29a67;
    box-shadow: 0 0 6px rgba(178, 154, 103, 0.5);
}

.btn:hover {
    background-color: #a38752 !important;
    box-shadow: 0 0 10px rgba(178, 154, 103, 0.5);
}

.btn-outline-primary {
    color: #b29a67 !important;
    border-color: #b29a67 !important;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background-color: #b29a67 !important;
    color: #fff !important;
    transform: scale(1.05);
}
.footer-links {
    color:white;
    font-size:16px;
    text-decoration: none !important;
}

 .grayscale {
    filter: grayscale(100%);
    transition: filter 0.4s ease;
  }
  .grayscale:hover {
    filter: grayscale(0%);
  }

  /* Reduce top spacing after banner */
  .about-section {
    margin-top: -10px;
  }

  /* Smaller image size and rounded corners */
  .about-section img {
    border-radius: 1rem;
    width: 85%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /* Subtle fade-up animation fallback if JS is disabled */
  [data-aos] {
    opacity: 0;
    transition-property: opacity, transform;
  }

    card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .card:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    /* Artwork Text */
    .card-body h5 {
      color: #222;
      font-size: 1.1rem;
    }
    .card-body p {
      font-size: 0.95rem;
      margin-bottom: 1rem;
    }

    /* Button Styling (matches site theme) */
    .btn-outline-dark {
      border-color: #b29a67;
      color: #b29a67;
      font-weight: 500;
      transition: all 0.3s ease;
    }

    .btn-outline-dark:hover,
    .btn-outline-dark:focus {
      background-color: #b29a67;
      border-color: #b29a67;
      color: #fff;
      box-shadow: 0 0 8px rgba(178, 154, 103, 0.6);
    }

    .btn-outline-dark:active {
      background-color: #a38752;
      border-color: #a38752;
      color: #fff;
    }

    .explore-card {
      height: 360px;
      position: relative;
      cursor: pointer;
      transition: transform 0.5s ease, box-shadow 0.5s ease;
    }
    .explore-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
    }
    .explore-card img {
      filter: brightness(65%);
      transition: all 0.4s ease;
    }
    .explore-card:hover img {
      filter: brightness(45%);
    }
    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.35);
      transition: background 0.4s ease;
    }
    .explore-card:hover .overlay {
      background: rgba(0, 0, 0, 0.55);
    }

    .explore-btn {
    border-color: #fff;
    color: #fff;
    transition: all 0.3s ease;
    }

    .explore-btn:hover {
    border-color: #b29a67 !important;
    color: white !important;
    background-color: #b29a67 !important;
    }

    .btn-outline-dark:hover {
    background-color:#b29a67 !important;
    color:#fff !important;
    border-color:#b29a67 !important;
    box-shadow:0 8px 20px rgba(178,154,103,.4);
  }

  /* <!-- Testimonials Section --> */
  .testimonial-card {
    background: #f8f8f8;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
  }
  .testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  }
  .testimonial-card p {
    font-size: 0.95rem;
    line-height: 1.7;
  }
  .testimonials h3 {
    color: #b29a67;
    font-weight: 600;
  }

  .fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-delay-1 { transition-delay: 0.3s; }
.fade-delay-2 { transition-delay: 0.6s; }
.fade-delay-3 { transition-delay: 0.9s; }
.fade-delay-4 { transition-delay: 1.2s; }



/* Loader Wrapper */
#loader-wrapper {
    position: fixed;
    inset: 0;
    background: #000; /* Black background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* Logo */
#loader-logo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;                 /* MAKE IT CIRCLE */
    object-fit: cover;                  /* Keep inside circle */
    border: 3px solid #b29a67;          /* Gold border */
    padding: 5px;
    animation: loaderFade 1.2s ease-in-out infinite alternate;
    filter: drop-shadow(0px 0px 10px #b29a67);
}

@keyframes loaderFade {
    from { opacity: 0.4; transform: scale(0.95); }
    to   { opacity: 1;   transform: scale(1); }
}

/* When hidden */
#loader-wrapper.fade-out {
    opacity: 0;
    visibility: hidden;
}


/* ******* */
/* Desktop Default */
.hero-heading {
    color: #b29a67;
    font-size: 2.8rem;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .hero-heading {
      color: #b29a67;
      font-size: 1.8rem !important;
    }
}


/* Default Button (Desktop) */
.more-about-btn {
    background-color: #b29a67;
    color: #fff !important;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 500;
}

/* Hover */
.more-about-btn:hover {
    background-color: #a38752;
    color: #fff !important;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .more-about-btn {
        font-size: 0.9rem !important;
        padding: 8px 18px !important;
    }
}



/* Default (Desktop) */
.artist-quote-section {
    padding: 0 !important;
}

.quote-text {
    font-size: 2rem;        /* Desktop size */
    line-height: 1.5;
    color: #333;
}

.quote-author {
    font-size: 1.2rem;
    color: #b29a67;
}

/* Mobile Responsive */
@media (max-width: 576px) {
    .quote-text {
        font-size: 1.3rem !important;
        padding: 0 15px;
    }

    .quote-author {
        font-size: 1rem !important;
    }
}



/* Desktop */
.portfolio-heading {
    font-size: 3rem;       /* Similar to display-3 */
    color: #fff;           /* adjust based on hero style */
}

.portfolio-subtitle {
    font-size: 1.3rem;
    color: #ddd;
}

/* Mobile */
@media (max-width: 576px) {

    .portfolio-heading {
        font-size: 2rem !important;
    }

    .portfolio-subtitle {
        font-size: 1.2rem !important;
        padding: 0 15px;
    }
}


/* ===== HERO BUTTON ===== */
.browse-btn {
  background-color: transparent;
  border: 2px solid #b29a67;
  color: #b29a67;
  font-weight: 600;
  border-radius: 50px;
  padding: 10px 25px;
  transition: all 0.3s ease;
  font-size: 1.05rem;
}

.browse-btn:hover {
  background-color: #b29a67;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(178, 154, 103, 0.4);
}