/* Why Businesses Trust Our GMB Experts CSS */
.list-group-item:hover {
        background: rgba(0, 123, 255, 0.1);
        transform: scale(1.02);
        transition: 0.3s ease-in-out;
      }

      /* Getting Started is Simple CSS */
      .step-circle {
        width: 80px;
        height: 80px;
        font-size: 28px;
        border-radius: 50%;
      }
      .step-1 { background: linear-gradient(135deg, #007bff, #6610f2); }
      .step-2 { background: linear-gradient(135deg, #6c757d, #343a40); }
      .step-3 { background: linear-gradient(135deg, #28a745, #218838); }
      .step-4 { background: linear-gradient(135deg, #dc3545, #bd2130); }
      .card:hover { transform: translateY(-5px); transition: 0.3s ease-in-out; }

      /* Header button */
      /* Button Hover Effect */
      .btn-hover {
        transition: all 0.3s ease-in-out;
      }

      .btn-hover:hover {
        background-color: white !important; /* Button turns white */
        color: #0048ff !important; /* Text turns blue */
        border: 2px solid #0048ff !important; /* Adds a blue border */
      }


      /* Featured artical section */
        .article-banner {
                  position: relative;
                  overflow: hidden;
                  border-radius: 15px;
              }
              .article-banner img {
                  width: 100%;
                  height: 400px;
                  object-fit: cover;
                  filter: brightness(75%);
              }
              .article-content {
                  position: absolute;
                  bottom: 20px;
                  left: 20px;
                  color: white;
              }
              .article-title {
                  font-size: 2rem;
                  font-weight: bold;
              }
              .article-description {
                  font-size: 1.1rem;
                  margin-bottom: 15px;
              }

      /* Blog post details page */
      .post-thumbnail {
        transition: transform 0.3s ease-in-out;
      }

      .post-thumbnail:hover {
        transform: scale(1.05);
      }

      .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
      }

      .card-title a:hover {
        color: #007bff;
      }
      /* Header section */
      .small-btn {
        margin-left: 16px;
        font-size: 0.875rem; /* Smaller text */
        padding: 0.4rem 1rem; /* Less padding */
        border-radius: 6px; /* Slightly rounded */
      }

      .btn-hero {
        font-size: 0.95rem;
        min-width: 160px;
        transition: all 0.3s ease-in-out;
      }

      .btn-hero:hover {
        transform: translateY(-2px);
      }

      /* Live chat  */
      .whatsapp-float {
        position: fixed;
        bottom: 80px;
        right: 15px;
        background-color: #25d366;
        color: white;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        padding: 0;
        font-size: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        animation: blink-glow 1s infinite ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-animation: blink-glow 1s infinite ease-in-out;
      }

      .whatsapp-float:hover {
        background-color: #fff;
        color: #25d366;
      }


      @keyframes blink-glow {
        0% {
          box-shadow: 0 0 10px #25d366, 0 0 20px #25d366;
        }
        50% {
          box-shadow: 0 0 20px #25d366, 0 0 30px #25d366;
        }
        100% {
          box-shadow: 0 0 10px #25d366, 0 0 20px #25d366;
        }
      }

      .area{
        height: 228px;
      }
      /* Blog page css lead capture */
      /* .bg-primary:hover {
        border-top-right-radius: 100px !important;
        border-bottom-right-radius: 100px !important;
      } */

      .header .logo img {
        max-height: 64px;
        margin-right: 20px;
          margin-left: 0px;
          margin-top: 9%;
      }

      .small-btn {
        font-size: 14px;
        padding: 6px 14px;
        border-radius: 6px;
      }

      @media (max-width: 991.98px) {
      .footer .footer-links {
        margin-bottom: 2rem;
      }

      .footer .footer-contact {
        text-align: center !important;
      }

      .footer .footer-about p {
        text-align: justify;
      }

      .footer .social-links {
        justify-content: center;
        flex-wrap: wrap;
      }

      .footer .logo {
        justify-content: center;
      }
    }

    @media (max-width: 767.98px) {
      .footer .footer-top .row > div {
        text-align: center;
      }

      .footer .footer-links ul,
      .footer .footer-contact {
        text-align: center !important;
      }

      .footer .footer-links ul li,
      .footer .footer-links h5 {
        text-align: left;
      }

      .footer .footer-links {
        margin-bottom: 1.5rem;
      }

      .footer .footer-contact p {
        margin-bottom: 0.5rem;
      }

      .footer .footer-top .row {
        row-gap: 0rem;
      }

      .footer .footer-links ul li a {
        display: inline-block;
        padding: 4px 0;
      }

      .footer .logo {
        font-size: 1.5rem;
      }
    }

    @media (max-width: 575.98px) {
      .footer .footer-top .row > div {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .footer .footer-about,
      .footer .footer-links,
      .footer .footer-contact {
        padding: 0 10px;
      }

      .footer .social-links {
        gap: 1rem;
      }

      .footer .footer-links ul {
        padding-left: 0;
      }
    }

    .footer-links ul li a,
    .footer-contact p {
      text-align: left !important;
    }

    .fw-semibold {
      text-align: left;
    }

    .pagination .page-item {
      margin: 0 6px;
    }

    .btn-outline-light:hover {
      background-color: white;
      color: #0d6efd; /* Bootstrap primary */
    }

    @media (max-width: 770px) {
      .how-it-works-card {
        max-width: 350px;
        margin: 0 auto;
      }
    }

    @media (max-width: 900px) {
      .footer .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        overflow-x: hidden;
      }

      .footer .row {
        margin-left: 0;
        margin-right: 0;
      }

      .footer .col-lg-4,
      .footer .col-lg-3,
      .footer .col-lg-2,
      .footer .col-md-6,
      .footer .col-sm-12,
      .footer .col-sm-6 {
        padding-left: 15px;
        padding-right: 15px;
      }

      .footer {
        overflow-x: hidden;
      }
    }

    .payment{
        gap: 4.5rem !important;
    }

    .buttons{
        margin-left: -26px;
    }



.img-custom {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.text-danger {
    margin-top: 4px;
    font-size: 0.875rem;
}

   @media (min-width: 770px) and (max-width: 990px) {
        #footer .footer-top .col-md-6,
        #footer .footer-top .col-sm-6 {
            padding-left: 1rem;
            padding-right: 1rem;
            margin-bottom: 1.5rem;
        }
    }

        .step-circle { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; font-size: 1.25rem; font-weight: bold; }
        .theme-hover { transition: all 0.3s ease; }
        .theme-hover:hover { transform: translateY(-10px); box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }
        .scale-up { transform: scale(1.05); z-index: 2; }
        @media (max-width: 991px) { .scale-up { transform: scale(1); } }

        /* Importance Section Styles */
        .importance-section {
            background: linear-gradient(135deg, #0d6efd 0%, #003399 100%);
            position: relative;
        }
        .importance-bg {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.05) 1px, transparent 0);
            background-size: 24px 24px;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
        }
        .glass-card:hover {
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 255, 255, 0.4);
        }
        .icon-wrapper i {
            filter: drop-shadow(0 0 10px rgba(255,255,255,0.3));
        }

        /* Impact Card Styles Cleaned Up */
        .impact-card {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .icon-circle-sm {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .bg-danger-soft { background-color: rgba(220, 53, 69, 0.1); }
        .bg-success-soft { background-color: rgba(25, 135, 84, 0.1); }

        .recommended-badge-sm {
            position: absolute;
            top: 25px;
            right: -25px;
            background: #ffc107;
            color: #000;
            padding: 2px 30px;
            transform: rotate(45deg);
            font-weight: bold;
            font-size: 0.7rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            z-index: 10;
        }
        .x-small { font-size: 0.75rem; letter-spacing: 0.5px; }

        .arrow-container:hover i {
            transform: scale(1.1);
        }

        /* Final CTA Styles */
        .final-cta-card {
            background: linear-gradient(135deg, #0d6efd 0%, #002266 100%);
        }
        .cta-shine {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            pointer-events: none;
        }
        .hover-up {
            transition: all 0.3s ease;
        }
        .hover-up:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2)!important;
        }

        /* Step Process Styles */
        .step-badge {
            position: relative;
            display: inline-block;
            width: 80px;
            height: 80px;
            margin: 0 auto;
        }
        .step-number {
            position: absolute;
            top: -5px;
            right: -5px;
            background: #0d6efd;
            color: white;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 0.85rem;
            z-index: 2;
            box-shadow: 0 2px 5px rgba(13, 110, 253, 0.4);
            border: 2px solid white;
        }
        .step-icon {
            width: 100%;
            height: 100%;
            background: rgba(13, 110, 253, 0.05);
            border: 1px solid rgba(13, 110, 253, 0.1);
            color: #0d6efd;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        .impact-card:hover .step-icon {
            background: #0d6efd;
            color: white;
            transform: rotate(10deg);
        }

        /* Pricing Card Enhancements */
        .pricing-card {
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: none!important;
            box-shadow: 0 30px 60px rgba(0,0,10,0.08)!important;
        }
        .pricing-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 45px 80px rgba(0,0,20,0.12)!important;
        }