.elementor-438 .elementor-element.elementor-element-4e84aec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-438 .elementor-element.elementor-element-9d1274c > .elementor-widget-container{margin:25px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-9d1274c */.gradient-bg {
            background: linear-gradient(135deg, rgba(101,101,245,0.1) 0%, rgba(138,43,226,0.1) 100%);
        }
        
     .faq-bg{
         background: #fff !important;
     }
        .ai-process-item {
            position: relative;
            padding-left: 2.5rem;
        }
        .ai-process-item:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0.25rem;
            width: 1.5rem;
            height: 1.5rem;
            background-color: #8b5cf6; /* accent-500 */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
        }
        .pricing-card:hover {
            transform: translateY(-0.5rem);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .pricing-card.featured {
            border: 2px solid #8b5cf6; /* accent-500 */
        }
        .feature-badge {
            position: absolute;
            top: -0.75rem;
            right: 1.5rem;
            background-color: #8b5cf6; /* accent-500 */
            color: white;
            padding: 0.25rem 1rem;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 600;
        }
        
        .customer-name{
            margin-bottom:2px !important;
        }
        
        section a{
            text-decoration: none !important;
        }
        
        section a:hover{
            background-color: #8b5cf6 !important;
            color: #fff !important;
        }
        
        main{
            margin:0px 0px !important;
            padding:0px 0px !important;
        }
        
        section{
            min-width: 100% !important;
        }
        
        .list-items{
            margin-left: -40px !important;
        }
        .points-total{
            margin-top:-25px !important;
            margin-bottom:-5px !important;
        }
        
      @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
      }
      .animate-float { 
          animation: float 8s ease-in-out infinite; 
      }
      .animate-float-delay { 
          animation: float 8s ease-in-out 2s infinite; 
      }
        #f2e-drop-zone:focus {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
        }
    #cta-main-heading{
        color:#fff !important;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e84aec */.gradient-bg {
            background: linear-gradient(135deg, rgba(14, 165, 233, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%); /* Subtle gradient using primary and accent */
        }
        .ai-process-item { /* For "How it works" section, if used */
            position: relative;
            padding-left: 2.5rem;
        }
        .ai-process-item:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0.25rem;
            width: 1.5rem;
            height: 1.5rem;
            background-color: #8b5cf6; /* accent-500 */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
        }
        .pricing-card:hover {
            transform: translateY(-0.25rem); /* Subtle hover effect */
            box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
        }
        .pricing-card.featured {
            border: 2px solid #8b5cf6; /* accent-500 */
            transform: scale(1.02); /* Slightly larger featured card */
        }
        .feature-badge {
            position: absolute;
            top: -0.75rem; /* Adjusted for better placement */
            left: 50%;
            transform: translateX(-50%);
            background-color: #8b5cf6; /* accent-500 */
            color: white;
            padding: 0.375rem 1rem; /* Slightly more padding */
            border-radius: 9999px;
            font-size: 0.75rem; /* 12px */
            font-weight: 600;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        /* FAQ Accordion Styles */
        .faq-arrow-svg.rotate-180 {
            transform: rotate(180deg);
        }
        .faq-arrow-svg {
            transition: transform 0.3s ease-in-out;
        }
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Smoother transition */
            padding-left: 1.5rem; /* Indent answer text */
            padding-right: 1.5rem;
        }
        .faq-answer.open {
            /* max-height will be set by JS */
            padding-top: 0.5rem; /* Space above answer when open */
            padding-bottom: 1rem; /* Space below answer when open */
        }
        
        main{
            margin: 0px 0px !important;
            padding: 0px 0px !important;
        }/* End custom CSS */