/* Completely remove and hide Framer badge, overlay, and Get Template button */
#__framer-badge-container,
.framer-v5c18z,
[data-framer-name="Get Template Button"],
[data-framer-badge],
div[id*="__framer-badge"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  bottom: -9999px !important;
}

/* Ensure avatar and portrait photos are crisp black and white */
[data-framer-name="Avatar"] img,
.framer-vs50g9 img,
.framer-1y7rt6b img,
.framer-180g6a5 img,
img[src*="priyanshu_avatar"],
img[src*="priyanshu_portrait"],
img[src*="WsnVxaSk0dKenAYdMT2G7bpCDAQ"],
img[src*="7esgEDTfqoCmh2yHxI65XfkMOCI"] {
  filter: grayscale(100%) contrast(108%) brightness(98%) !important;
  -webkit-filter: grayscale(100%) contrast(108%) brightness(98%) !important;
  object-fit: cover !important;
}

/* Floating Talk Now WhatsApp Button */
.floating-whatsapp-btn {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 999999;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(18, 18, 20, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #ffffff;
  padding: 10px 18px 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-family: "Open Sauce Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
}

.floating-whatsapp-btn:hover {
  transform: translateY(-2px) scale(1.03);
  background: rgba(28, 28, 32, 0.95);
  border-color: rgba(37, 211, 102, 0.6);
  box-shadow: 0 12px 36px rgba(37, 211, 102, 0.3), 0 4px 12px rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

.floating-whatsapp-btn .whatsapp-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #25D366;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(37, 211, 102, 0.4);
  flex-shrink: 0;
}

.floating-whatsapp-btn .whatsapp-icon-wrap svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.floating-whatsapp-btn .status-ping {
  position: relative;
  display: flex;
  width: 8px;
  height: 8px;
  margin-right: -2px;
}

.floating-whatsapp-btn .status-ping .ping-circle {
  animation: ping-anim 2s cubic-bezier(0, 0, 0.2, 1) infinite;
  position: absolute;
  display: inline-flex;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: #25D366;
  opacity: 0.75;
}

.floating-whatsapp-btn .status-ping .ping-dot {
  position: relative;
  display: inline-flex;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background-color: #25D366;
}

@keyframes ping-anim {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@media (max-width: 600px) {
  .floating-whatsapp-btn {
    bottom: 20px;
    right: 20px;
    padding: 8px 14px 8px 10px;
    font-size: 13px;
  }
  .floating-whatsapp-btn .whatsapp-icon-wrap {
    width: 24px;
    height: 24px;
  }
  .floating-whatsapp-btn .whatsapp-icon-wrap svg {
    width: 14px;
    height: 14px;
  }
}

/* ========================================================
   ABOUT PAGE: Left Side Photo, Right Side Paragraph Layout
   ======================================================== */
@media (min-width: 700px) {
  section.framer-1o8s4o2,
  .framer-BFQiQ .framer-1o8s4o2,
  section[data-framer-name="About"] {
    display: grid !important;
    grid-template-columns: minmax(300px, 38%) 1fr !important;
    column-gap: 56px !important;
    row-gap: 40px !important;
    align-items: start !important;
    justify-content: space-between !important;
    width: 100% !important;
    overflow: visible !important;
  }

  /* Flatten Title container so Heading and Text are direct grid children */
  section.framer-1o8s4o2 > .framer-nzlog8,
  .framer-BFQiQ .framer-nzlog8,
  [data-framer-name="About"] > [data-framer-name="Title"] {
    display: contents !important;
  }

  /* 1. Heading "About": spans top row */
  section.framer-1o8s4o2 .framer-q8w2mi,
  .framer-BFQiQ .framer-q8w2mi,
  [data-framer-name="About"] [data-framer-name="Heading"] {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
  }

  /* 2. Photo / Avatar on the LEFT */
  section.framer-1o8s4o2 > .framer-m59c0e,
  .framer-BFQiQ .framer-m59c0e,
  [data-framer-name="About"] > [data-framer-name="Avatar"] {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  section.framer-1o8s4o2 .framer-17dh55g,
  .framer-BFQiQ .framer-17dh55g,
  [data-framer-name="About"] [data-framer-name="Image"] {
    width: 100% !important;
    max-width: 460px !important;
    align-self: flex-start !important;
    margin: 0 !important;
  }

  /* 3. Paragraph on the RIGHT */
  section.framer-1o8s4o2 .framer-10ljpoz,
  .framer-BFQiQ .framer-10ljpoz,
  [data-framer-name="About"] [data-framer-name="Text"] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 10px !important;
  }

  /* Hide the spacer that pushed paragraph right */
  section.framer-1o8s4o2 .framer-85gj3z,
  .framer-BFQiQ .framer-85gj3z,
  [data-framer-name="About"] [data-framer-name="Spacer"] {
    display: none !important;
  }

  /* Allow the paragraph text container to expand */
  section.framer-1o8s4o2 .framer-12v651i-container,
  .framer-BFQiQ .framer-12v651i-container,
  [data-framer-name="About"] [data-framer-appear-id="12v651i"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 699.98px) {
  section.framer-1o8s4o2,
  .framer-BFQiQ .framer-1o8s4o2,
  section[data-framer-name="About"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
  }

  section.framer-1o8s4o2 > .framer-nzlog8,
  .framer-BFQiQ .framer-nzlog8,
  [data-framer-name="About"] > [data-framer-name="Title"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  section.framer-1o8s4o2 .framer-m59c0e,
  .framer-BFQiQ .framer-m59c0e,
  [data-framer-name="About"] [data-framer-name="Avatar"] {
    width: 100% !important;
    align-items: center !important;
  }

  section.framer-1o8s4o2 .framer-17dh55g,
  .framer-BFQiQ .framer-17dh55g,
  [data-framer-name="About"] [data-framer-name="Image"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  section.framer-1o8s4o2 .framer-85gj3z,
  .framer-BFQiQ .framer-85gj3z,
  [data-framer-name="About"] [data-framer-name="Spacer"] {
    display: none !important;
  }

  section.framer-1o8s4o2 .framer-12v651i-container,
  .framer-BFQiQ .framer-12v651i-container,
  [data-framer-name="About"] [data-framer-appear-id="12v651i"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}