/* Slide-in and CTA button styles */
.sif-cta {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #0073aa;
  color: #fff;
  padding: 14px 20px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 9999;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 115, 170, 0.7); }
  70% { box-shadow: 0 0 0 15px rgba(0, 115, 170, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 115, 170, 0); }
}

.sif-slidein {
  position: fixed;
  right: 0;
  bottom: 30px; /* adds spacing from bottom */
  width: 100%;
  max-width: 400px;
  max-height: 80vh; /* limits height for scroll */
  overflow-y: auto;  /* enables scroll if form exceeds */
  background: #fff;
  border-left: 2px solid #0073aa;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  border-radius: 10px 0 0 10px;
}

.sif-slidein.open {
  transform: translateX(0);
}

.sif-form-wrapper {
  padding: 25px;
  position: relative;
}

#sif-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}