.overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6)!important;
            -webkit-backdrop-filter: blur(10px)!important;
            backdrop-filter: blur(10px)!important;
            z-index: 10;
            animation: fadeIn 0.3s ease-out;
        }

        .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.7);
            background: #4140401c;
            padding: 40px;
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            width: 90%;
            max-width: 480px;
            z-index: 100;
            opacity: 0;
            transition: all 0.3s ease-out;
            background-image: 
                radial-gradient(circle at 0% 0%, rgba(79, 70, 229, 0.03) 0%, transparent 50%),
                radial-gradient(circle at 100% 100%, rgba(124, 58, 237, 0.03) 0%, transparent 50%);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
            
            .popups img {
              max-width: 90px;
              width: 100%;
              opacity: 0;
              transform: translateY(-100px);
              -webkit-transform: translateY(-100px);
              -moz-transform: translateY(-100px);
              -ms-transform: translateY(-100px);
              -o-transform: translateY(-100px);
            }

        .popup.active {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        .close-button {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(243, 244, 246, 0.8);
            border: none;
            font-size: 20px;
            cursor: pointer;
            color: #6B7280;
            padding: 8px;
            line-height: 1;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }

        .close-button:hover {
            background: rgba(243, 244, 246, 1);
            color: #374151;
            transform: rotate(90deg);
        }

        .popup-content {
            position: relative;
        }

        .popup-content h2 {
            margin: 0 0 12px 0;
            color: #7611F7;
            font-size: 28px;
            font-weight: 700;
            background: #7611F7;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 1.2;
        }

        .popup-content p {
            margin: 0 0 32px 0;
            color: #4B5563;
            font-size: 16px;
            line-height: 1.6;
        }

        .form-group {
            margin-bottom: 24px;
            position: relative;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #7611F7;
            font-weight: 500;
            font-size: 14px;
        }

        .form-group input {
            width: 100%;
            padding: 14px 16px;
            border: 2px solid #E5E7EB;
            border-radius: 12px;
            font-size: 16px;
            transition: all 0.3s;
            box-sizing: border-box;
            background: #F9FAFB;
        }

        .form-group input:focus {
            outline: none;
            border-color: #4F46E5;
            background: white;
            box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1);
        }

        .submit-button {
            width: 100%;
            padding: 16px;
            background-image: #7611F7;
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2);
            position: relative;
            overflow: hidden;
        }

        .submit-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(79, 70, 229, 0.3);
        }

        .submit-button::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(
                45deg,
                transparent 0%,
                rgba(255, 255, 255, 0.1) 50%,
                transparent 100%
            );
            transform: rotate(45deg);
            transition: transform 0.5s;
        }

        .submit-button:hover::after {
            transform: rotate(45deg) translate(50%, 50%);
        }

        .discount-badge {
            position: absolute;
            top: -15px;
            right: -15px;
            background: linear-gradient(135deg, #FF6B6B, #FF8E53);
            color: white;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 14px;
            box-shadow: 0 4px 12px rgba(255, 107, 107, 0.2);
            transform: rotate(12deg);
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes slideUp {
            from { transform: translateY(20px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .form-group {
            animation: slideUp 0.5s ease-out forwards;
            opacity: 0;
        }

        .form-group:nth-child(1) { animation-delay: 0.2s; }
        .form-group:nth-child(2) { animation-delay: 0.3s; }

        @media (max-width: 640px) {
            .popup {
                padding: 20px;
                width: 95%;
            }

            .popup-content h2 {
                font-size: 24px;
            }
        }

        /* Decorative elements */
        .decorative-shape {
            position: absolute;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: linear-gradient(45deg, rgba(79, 70, 229, 0.1), rgba(124, 58, 237, 0.1));
            z-index: -1;
        }

        .shape-1 {
            top: -20px;
            left: -20px;
        }

        .shape-2 {
            bottom: -20px;
            right: -20px;
            background: linear-gradient(45deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.1));
        }
        
        .loaderw {
      border: 1px solid #2997d8 ;
      /* Light grey */
      border-top: 1px solid transparent;
      /* Blue */
      border-radius: 50%;
      width: 25px;
      height: 25px;
      animation: spin 0.5s linear infinite;
      margin: 0px 20px;
      display: none;
    }

    .yuck {
      background: #2997d8;
      font-size: 11px;
      color: white;
      font-weight: bold;
      text-align: center;
      padding: 7px 20px;
      border-radius: 3px;
      cursor: pointer;
      transition: 0.5s;
      display: none;
      margin: 0px 9px;
    }

    .dsdiv {
      padding: 20px 20px;
      border: 1px solid rgba(192, 192, 192, 0.5);
      margin: 10px 0px;
      border-radius: 5px;

    }

    .reddsdiv {
      border: 1px solid #a11717 !important;
    }

    .reddsdiv .textdx {
      color: #cd0404 !important;
    }

    .insidewidth {
      display: none;
    }

    .fxz {
      background: #4f4f4f;
    }
    
    
    .loader {
      border: 2px solid #f3f3f3;
      /* Light grey */
      border-top: 2px solid #3498db;
      /* Blue */
      border-radius: 50%;
      width: 100%;
      height: 100%;
      animation: spin 0.5s linear infinite;
    }



    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    .loaddv {
      width: 40px;
      height: 40px;
      margin: 30px auto;
    }

    .buttonbox {
      text-align: center;
    }

    .bluebtn_bird {
      padding: 7px 20px;
      background-color: #2997d8;
      color: white;
      font-weight: bold;
      border: none;
      border-radius: 3px;
      width: 60%;
      text-transform: uppercase;
      cursor: pointer;
      transition: 0.5s;
    }

    .bluebtn_bird:hover {
      background-color: #253b80;
    }

    .textarea {
      height: 150px;
      border: 1px solid rgba(192, 192, 192, 0.3);
      border-radius: 3px;
      width: 100%;
      font-family: inherit;
      padding: 10px;
      font-size: 14px;
    }

    .input {
      border: 1px solid rgba(192, 192, 192, 0.3);
      border-radius: 3px;
      width: 100%;
      font-family: inherit;
      padding: 7px 20px;
      margin: 10px 0px;
    }

    .activebox {
      display: block !important;
    }

    .ccbox {
      display: none;
      margin: 10px 0px;
      padding: 10px;
    }
    
    .choosegrid
    {
      display: flex;
      justify-content: space-between;
      margin: 40px 10px 0px; 
      border-bottom: 1px solid rgba(192, 192, 192, 0.3);
       
    }
    
     .sgrid {
      text-align: center;
      padding: 10px ;
      font-size: 13px;
      cursor: pointer;
    }

    .sactive {
      border-bottom: 1px solid #b685f3;

    }
    
     .elementor img {
       border-radius: 30px !important;}
                                            
                                                     .elementor-element-8ee5b775 {
                                                 width: 90% !important;
                                             }
                                             
                                             @media screen and (max-width:767px){
                                              .elementor-element-8ee5b775 {
                                               width: 90% !important;  
                                             }
                                              .elementor img {
                                              border-radius: 12px !important;}
                                             }
                                         
                                             .elementor-grid {
                                              width: 90%;
                                              height: 100%;
                                              padding: 5px;
                                              padding-bottom: 25px;
                                              padding-top: 25px;
                                              overflow-x: hidden;
                                              overflow-y: hidden;
                                              display: grid !important;
                                              grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
                                              grid-column-gap: 30px;
                                              grid-row-gap: 30px;
                                            }
                                        
                                            @media screen and (max-width:767px) {
                                              .elementor-grid {
                                                width: 100%;
                                                grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
                                                grid-column-gap: 13px;
                                                grid-row-gap: 25px;
                                                font-size: 12px;

                                              }
                                            }
                                            .content {
                                              width: 100%;
                                              display: none;
                                            }
                                            #loadMore {
                                              width: 200px;
                                              color: #fff;
                                              display: block;
                                              text-align: center;
                                              margin: 20px auto;
                                              padding: 10px;
                                              border-radius: 30px;
                                              border: 1px solid transparent;
                                              background-color: #7611f7;
                                              transition: .3s;
                                            }
                                            #loadMore:hover {
                                              color: #fff;
                                              background-color: #441c78;
                                              border: 1px solid #441c78;
                                              text-decoration: none;
                                            }
                                            .noContent {
                                              color: #fff !important;
                                              background-color: transparent !important;
                                              pointer-events: none;     }