.elementor-23525 .elementor-element.elementor-element-7af41f25{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-23525 .elementor-element.elementor-element-7af41f25{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-54e443c1 */.container {
            text-align: center;
            padding: 40px;
            width: 100%;
            max-width: 800px;
            position: relative;
            z-index: 1;
        }
        
        .success-title {
            font-size: 28px;
            letter-spacing: 8px;
            margin-bottom: 30px;
            font-weight: 700;
            text-transform: uppercase;
            color: #00c851;
            text-shadow: 0 0 10px rgba(0, 255, 136, 0.5);
        }
        
        .success-description {
            font-size: 18px;
            line-height: 1.6;
            margin-bottom: 50px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            letter-spacing: 1px;
            color: #24272d;
        }
        
        .home-btn {
            color: #88aa99;
            text-decoration: none;
            font-size: 16px;
            letter-spacing: 3px;
            text-transform: uppercase;
            padding: 15px 50px;
            border: none;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-block;
            background: transparent;
            font-weight: 700;
            position: relative;
            overflow: hidden;
            text-decoration: none !important;
        }
        
        .home-btn:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: #00ff88;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: -1;
        }
        
        .home-btn:hover {
            color: #0a0a0a;
            box-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
        }
        
        .home-btn:hover:before {
            height: 100%;
        }
        
        /* Large checkmark animation with loop */
        .checkmark-container {
            width: 200px;
            height: 200px;
            margin: 0 auto 40px;
            position: relative;
        }
        
        .checkmark {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            display: block;
            stroke-width: 4;
            stroke: #00ff88;
            stroke-miterlimit: 10;
            box-shadow: inset 0px 0px 0px #00ff88;
            animation: 
                fill 0.6s ease-in-out 0.6s forwards,
                scale 0.5s ease-in-out 1.2s both,
                pulse-loop 3s ease-in-out 2s infinite;
        }
        
        .checkmark__circle {
            stroke-dasharray: 480;
            stroke-dashoffset: 480;
            stroke-width: 4;
            stroke-miterlimit: 10;
            stroke: #00ff88;
            fill: none;
            animation: stroke-circle 2s cubic-bezier(0.65, 0, 0.45, 1) forwards,
                       pulse-circle 3s ease-in-out 2s infinite;
        }
        
        .checkmark__check {
            transform-origin: 50% 50%;
            stroke-dasharray: 100;
            stroke-dashoffset: 100;
            animation: stroke-check 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards,
                       pulse-check 3s ease-in-out 2s infinite;
        }
        
        @keyframes stroke-circle {
            0% {
                stroke-dashoffset: 480;
            }
            100% {
                stroke-dashoffset: 0;
            }
        }
        
        @keyframes stroke-check {
            0% {
                stroke-dashoffset: 100;
            }
            100% {
                stroke-dashoffset: 0;
            }
        }
        
        @keyframes fill {
            100% {
                box-shadow: inset 0px 0px 0px 100px rgba(0, 255, 136, 0.1);
            }
        }
        
        @keyframes scale {
            0%, 100% {
                transform: none;
            }
            50% {
                transform: scale3d(1.05, 1.05, 1);
            }
        }
        
        /* انیمیشن‌های لوپ برای تیک */
        @keyframes pulse-loop {
            0%, 100% {
                transform: scale(1);
                box-shadow: 
                    0 0 0 0 rgba(0, 255, 136, 0.2),
                    inset 0px 0px 0px 100px rgba(0, 255, 136, 0.1);
            }
            50% {
                transform: scale(1.03);
                box-shadow: 
                    0 0 0 15px rgba(0, 255, 136, 0),
                    inset 0px 0px 0px 100px rgba(0, 255, 136, 0.05);
            }
        }
        
        @keyframes pulse-circle {
            0%, 100% {
                stroke-width: 4;
                stroke: #00ff88;
            }
            50% {
                stroke-width: 5;
                stroke: #00ffaa;
            }
        }
        
        @keyframes pulse-check {
            0%, 100% {
                stroke-width: 4;
                stroke: #00ff88;
            }
            50% {
                stroke-width: 5;
                stroke: #00ffaa;
            }
        }
        
        /* Success message */
        .success-message {
            font-size: 24px;
            color: #00ff88;
            margin-bottom: 20px;
            font-weight: 600;
            letter-spacing: 2px;
            opacity: 0;
            animation: fadeIn 0.5s ease-in-out 1.5s forwards;
        }
        
        @keyframes fadeIn {
            0% {
                opacity: 0;
                transform: translateY(10px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .success-title {
                font-size: 22px;
                letter-spacing: 5px;
            }
            
            .success-description {
                font-size: 16px;
                padding: 0 20px;
            }
            
            .home-btn {
                font-size: 14px;
                padding: 12px 40px;
            }
            
            .checkmark-container {
                width: 150px;
                height: 150px;
            }
            
            .success-message {
                font-size: 20px;
            }
        }
        
        @media (max-width: 480px) {
            .success-title {
                font-size: 18px;
                letter-spacing: 3px;
            }
            
            .success-description {
                font-size: 14px;
            }
            
            .checkmark-container {
                width: 120px;
                height: 120px;
            }
            
            .success-message {
                font-size: 18px;
            }
        }/* End custom CSS */