/* Website color theme */
        :root {
            --color-primary: #000000;
            --color-secondary: #FEF3E2;
            --color-card: #fff9ef;
            --color-text: #000000;
            --color-default-text: #FEF3E2;
            --color-jou-text: #00000099;
            --color-jewellery-button: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(55, 65, 81, 0.8) 50%, rgba(17, 24, 39, 0.8) 100%);
            --color-button-primary: #000000;
        }

        .bg-primary {
            background: var(--color-primary);
        }

        .bg-secondary {
            background: var(--color-secondary);
        }

        .bg-card {
            background: var(--color-card);
        }

        .text-primary {
            color: var(--color-primary);
        }

        .text-default {
            color: var(--color-default-text);
        }

        .jou-text {
            color: var(--color-jou-text);
        }

        .jewellery-button {
            background: var(--color-jewellery-button);

        }

        .button-primary {
            background: var(--color-button-primary);

        }

          .nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            transition: transform 0.3s ease-in-out;
        }

        .nav--hidden {
            transform: translateY(-100%);
        }

        .our {
            text-align: center;
            font-size: 30px;
            color: #064a82;
            font-weight: 700;
        }

        /* footer css */

.social-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  /* background-color: #000000; */
  margin-right: 10px;
}
@media (max-width: 768px) {
  .footer-grid {
      grid-template-columns: 1fr 1fr;
  }
  .footer-logo-section {
      grid-column: span 2;
  }
}

/* Remove extra bottom space for mobile header/nav */
@media (max-width: 767px) {
    header, .nav {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    body {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}