/* Airbnb-Inspired Success Animation */
    .success-animation {
      display: inline-block;
    }

    .checkmark {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: block;
      stroke-width: 2;
      stroke: #00C48C;
      stroke-miterlimit: 10;
      box-shadow: inset 0px 0px 0px #00C48C;
      animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    }

    .checkmark-circle {
      stroke-dasharray: 166;
      stroke-dashoffset: 166;
      stroke-width: 2;
      stroke-miterlimit: 10;
      stroke: #00C48C;
      fill: none;
      animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    }

    .checkmark-check {
      transform-origin: 50% 50%;
      stroke-dasharray: 48;
      stroke-dashoffset: 48;
      stroke: #fff;
      stroke-width: 3;
      animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    }

    @keyframes stroke {
      100% {
        stroke-dashoffset: 0;
      }
    }

    @keyframes scale {

      0%,
      100% {
        transform: none;
      }

      50% {
        transform: scale3d(1.1, 1.1, 1);
      }
    }

    @keyframes fill {
      100% {
        box-shadow: inset 0px 0px 0px 40px #00C48C;
      }
    }

    /* Summary Card Styling */
    .summary-card {
      background: #f7f7f7;
      border-radius: 12px;
      padding: 20px;
      text-align: left;
      margin: 20px 0;
    }

    .summary-card h6 {
      font-weight: 600;
      margin-bottom: 12px;
      color: #222;
    }

    .summary-card p {
      margin-bottom: 8px;
      color: #717171;
    }

    /* Button Enhancements */
    .btn-dark.rounded-pill {
      transition: all 0.2s ease;
    }

    .btn-dark.rounded-pill:hover {
      transform: scale(1.02);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .support-actions-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 15px;
      margin-bottom: 20px;
    }

    .support-action-card {
      background: #fff;
      border: 2px solid #e9ecef;
      border-radius: 10px;
      padding: 20px;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .support-action-card:hover {
      border-color: #007bff;
      box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
      transform: translateY(-2px);
    }

    .support-icon {
      font-size: 2.5rem;
      color: #007bff;
      margin-bottom: 10px;
    }

    .support-action-card h6 {
      font-weight: 600;
      color: #333;
      margin-bottom: 8px;
    }

    .support-action-card p {
      font-size: .85rem;
      color: #6c757d;
      margin: 0;
    }

    .emergency-contact {
      border-left: 4px solid #dc3545;
    }

    .chat-platforms-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 15px;
      margin-bottom: 20px;
    }

    .chat-platform-card {
      background: #fff;
      border: 2px solid #e9ecef;
      border-radius: 10px;
      padding: 20px;
      text-align: center;
      cursor: pointer;
      transition: .3s;
      text-decoration: none;
      color: inherit;
      display: block;
    }

    .chat-platform-card:hover {
      border-color: #007bff;
      box-shadow: 0 4px 12px rgba(0, 123, 255, .15);
      transform: translateY(-2px);
      text-decoration: none;
      color: inherit;
    }

    .chat-platform-icon {
      font-size: 2.5rem;
      color: #fff;
      margin-bottom: 10px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 10px;
    }

    #floatingSupportBtn {
      position: fixed;
      bottom: 100px;
      right: 20px;
      z-index: 999;
      border-radius: 25px;
      padding: 12px 24px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
      animation: pulse 2s infinite;
    }

    @keyframes pulse {

      0%,
      100% {
        transform: scale(1)
      }

      50% {
        transform: scale(1.05)
      }
    }

    @media (max-width: 768px) {
      .support-actions-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .chat-platforms-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      #floatingSupportBtn {
        bottom: 80px;
        right: 10px;
        padding: 10px 18px;
        font-size: 14px;
      }
    }