@keyframes float {
          0% {
              transform: translateY(0px);
          }

          50% {
              transform: translateY(-20px);
          }

          100% {
              transform: translateY(0px);
          }
      }

      .animate-float {
          animation: float 6s ease-in-out infinite;
      }

      .blob-mask {
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FF0066' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.6,-46.6C91.4,-34.1,98.1,-19.2,95.8,-5.3C93.5,8.6,82.2,21.5,70.8,32.2C59.4,42.9,47.9,51.4,36.2,58.8C24.5,66.2,12.6,72.5,-0.6,73.5C-13.8,74.5,-25.9,70.2,-37.7,63.1C-49.5,56,-61,46.1,-69.9,33.7C-78.8,21.3,-85.1,6.4,-83.4,-7.8C-81.7,-22,-72,-35.5,-60.8,-45.8C-49.6,-56.1,-36.9,-63.2,-23.8,-70.9C-10.7,-78.6,2.8,-86.9,15.7,-88.4C28.6,-89.9,41,-84.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: contain;
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FF0066' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.6,-46.6C91.4,-34.1,98.1,-19.2,95.8,-5.3C93.5,8.6,82.2,21.5,70.8,32.2C59.4,42.9,47.9,51.4,36.2,58.8C24.5,66.2,12.6,72.5,-0.6,73.5C-13.8,74.5,-25.9,70.2,-37.7,63.1C-49.5,56,-61,46.1,-69.9,33.7C-78.8,21.3,-85.1,6.4,-83.4,-7.8C-81.7,-22,-72,-35.5,-60.8,-45.8C-49.6,-56.1,-36.9,-63.2,-23.8,-70.9C-10.7,-78.6,2.8,-86.9,15.7,-88.4C28.6,-89.9,41,-84.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-position: center;
          -webkit-mask-size: contain;
      }

      /* Marquee Animation */
      @keyframes marquee {
          0% {
              transform: translateX(0);
          }

          100% {
              transform: translateX(-33.333%);
          }
      }

      .marquee-container {
          width: 100%;
          overflow: hidden;
      }

      .marquee-content {
          display: flex;
          animation: marquee 20s linear infinite;
          width: max-content;
      }

      .marquee-text {
          display: inline-block;
          padding: 0 2rem;
          white-space: nowrap;
          font-weight: 600;
          font-size: 0.875rem;
      }

      @media (min-width: 640px) {
          .marquee-text {
              font-size: 1rem;
          }
      }

      /* WhatsApp Floating Button */
      .whatsapp-float {
          position: fixed;
          bottom: 20px;
          right: 20px;
          width: 45px;
          height: 45px;
          background: linear-gradient(135deg, #db2777 0%, #f97316 100%);
          color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          box-shadow: 0 4px 12px rgba(219, 39, 119, 0.4);
          z-index: 1000;
          transition: all 0.3s ease;
          animation: pulse-whatsapp 2s infinite;
      }

      .whatsapp-float:hover {
          transform: scale(1.1);
          box-shadow: 0 6px 20px rgba(219, 39, 119, 0.6);
      }

      @keyframes pulse-whatsapp {

          0%,
          100% {
              box-shadow: 0 4px 12px rgba(219, 39, 119, 0.4);
          }

          50% {
              box-shadow: 0 4px 20px rgba(219, 39, 119, 0.7);
          }
      }

      @media (max-width: 640px) {
          .whatsapp-float {
              width: 45px;
              height: 45px;
              font-size: 18px;
              bottom: 15px;
              right: 15px;
          }
      }

      /* Corporate Enquiry Floating Button */
      @keyframes float-pulse {
          0%, 100% {
              box-shadow: 0 8px 24px rgba(236, 72, 153, 0.5), 0 0 30px rgba(219, 39, 119, 0.3);
          }
          50% {
              box-shadow: 0 10px 32px rgba(236, 72, 153, 0.6), 0 0 40px rgba(219, 39, 119, 0.4);
          }
      }

      .corporate-float {
          position: fixed;
          right: 15px;
          top: 58%;
          transform: translateY(-50%) rotate(-90deg);
          transform-origin: right center;
          background: linear-gradient(135deg, #db2777 0%, #f97316 100%);
          color: white;
          padding: 6px 15px;
          border-radius: 50px 50px 0 0;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          gap: 6px;
          font-weight: 700;
          font-size: 12px;
          letter-spacing: 0.3px;
          box-shadow: 0 8px 24px rgba(236, 72, 153, 0.5), 0 0 30px rgba(219, 39, 119, 0.3);
          z-index: 1000;
          transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
          text-decoration: none;
          white-space: nowrap;
          border: none;
          cursor: pointer;
          animation: float-pulse 3s ease-in-out infinite;
      }

      .corporate-float i {
          font-size: 14px;
          transition: transform 0.4s ease;
      }

      @media (max-width: 640px) {
          .corporate-float {
              right: 15px;
              top: 58%;
              padding: 6px 12px;
              font-size: 10px;
          }
          .corporate-float span {
              display: none;
          }
          .corporate-float i {
              font-size: 14px;
          }
      }

      /* Sticky Header Styles */
      #header-main {
          top: 36px;
          /* Start below marquee */
      }

      #header-main.scrolled {
          top: 0 !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      }

      #header-main.scrolled .flex.justify-between {
          height: 3.5rem !important;
          /* h-14 = 56px */
      }

      #header-main.scrolled img {
          height: 2rem !important;
          /* h-8 = 32px */
      }

      /* div#categories-container {
          display: none;
      } */
      div#product-container {
          display: none;
      }

      .catgo-btn-br {
          display: none;
      }

      .mts-8 {
          margin-top: 2.4rem
      }

      .product-categories-card .inquiry-btn {
          display: none;
      }



      @media (min-width: 640px) {


          #header-main.scrolled .flex.justify-between {
              height: 4rem !important;
              /* h-16 = 64px */
          }

          #header-main.scrolled img {
              height: 2.25rem !important;
              /* h-9 = 36px */
          }
      }


      @media (max-width: 640px) {
          .pt-mob-4 {
              padding-top: 4rem !important;
          }
      }

      /* Active Menu Item */
      nav a.active,
      .mobile-link.active {
          color: #db2777 !important;
          font-weight: 600;
      }

      /* Uniform Bottom Alignment for Card Buttons (inquiry-btn / View Products) */
      .bg-white.rounded-3xl.overflow-hidden.shadow-lg {
          display: flex !important;
          flex-direction: column;
          height: 100%;
      }

      .bg-white.rounded-3xl.overflow-hidden.shadow-lg>.p-6 {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex-grow: 1;
      }

      .bg-white.rounded-3xl.overflow-hidden.shadow-lg>.p-6>:last-child {
          margin-top: auto !important;
      }
      .bg-white.rounded-3xl.overflow-hidden.shadow-lg>.p-6>:nth-last-child(2) {
          margin-bottom: 15px !important;
      }

      .right-2{right:0}