.elementor-kit-1558{--e-global-color-primary:#0079FF;--e-global-color-secondary:#222222;--e-global-color-text:#333333;--e-global-color-accent:#000000;--e-global-color-4190179b:#4054B2;--e-global-color-23fea811:#23A455;--e-global-color-5d62bbf2:#000;--e-global-color-7fa23dfd:#FFF;--e-global-color-3991f662:#020101;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-1558 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1315px;}.e-con{--container-max-width:1315px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
      
        /* تنظیمات پایه */
        body {
         font-family: 'iranyekan'
            background-color: #fffffa; 
            margin: 0;
            overflow-x: hidden;
            min-height: 100vh;
         
            align-items: center;
            justify-content: center;
        }

        :root {
            --hp-yellow: #ffc000;
            --hp-teal-light: #51a3a3;
            --hp-teal-dark: #048a81;
            --hp-text: #333333;
            /* تنظیمات جدید گلس قوی‌تر */
            --hp-glass-bg: rgba(255, 255, 255, 0.35); /* شفافیت بیشتر */
            --hp-glass-border: rgba(255, 255, 255, 0.7); /* حاشیه قوی‌تر */
            --hp-glass-shadow: 0 25px 50px -12px rgba(4, 138, 129, 0.25); /* سایه عمیق‌تر */
            --hp-glass-blur: blur(60px); /* بلور بسیار قوی */
        }

        /* پس‌زمینه متحرک */
        .HP-liquid-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            pointer-events: none;
            overflow: hidden;
            background: radial-gradient(circle at 50% 50%, #ffffff, #f0fdfc);
        }

        .HP-blob {
            position: absolute;
            width: 600px;
            height: 600px;
            background: var(--hp-yellow);
            border-radius: 50%;
            opacity: 0.15; /* افزایش جزئی غلظت */
            filter: blur(80px);
            animation: HP-move 25s infinite alternate ease-in-out;
            top: -10%;
            left: -10%;
        }

        .HP-blob.secondary {
            background: var(--hp-teal-dark);
            width: 500px;
            height: 500px;
            right: -10%;
            bottom: -10%;
            left: auto;
            top: auto;
            animation-delay: -5s;
            opacity: 0.12; /* افزایش جزئی غلظت */
        }

        @keyframes HP-move {
            from { transform: translate(-10%, -10%) rotate(0deg); }
            to { transform: translate(10%, 10%) rotate(20deg); }
        }

        /* کانتینر هیرو */
        .HP-hero-container {
            width: 100%;
            max-width: 1200px;
            padding: 0px;
            position: relative;
            z-index: 1;
        }

        /* باکس گلس اصلی (تقویت شده) */
        .HP-glass-hero {
            background: var(--hp-glass-bg);
            backdrop-filter: var(--hp-glass-blur);
            -webkit-backdrop-filter: var(--hp-glass-blur);
            border: 2px solid var(--hp-glass-border); /* ضخامت حاشیه بیشتر */
            border-top-color: rgba(255, 255, 255, 0.9); /* هایلایت بالا */
            border-left-color: rgba(255, 255, 255, 0.9); /* هایلایت چپ */
            border-radius: 40px;
            padding: 50px;
            box-shadow: var(--hp-glass-shadow), inset 0 0 20px rgba(255, 255, 255, 0.2); /* سایه داخلی برای عمق */
            display: grid;
            grid-template-columns: 1fr;
            gap: 40px;
            align-items: center;
            position: relative;
            overflow: hidden;
        }

        @media (min-width: 992px) {
            .HP-glass-hero {
                grid-template-columns: 1.2fr 0.8fr; /* متن عریض‌تر */
                padding: 60px;
            }
        }

        /* افکت نوری گوشه */
        .HP-glass-hero::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 250px; /* بزرگتر شدن نور */
            height: 250px;
            background: radial-gradient(circle, var(--hp-yellow) 0%, transparent 70%);
            opacity: 0.25; /* کمی قوی‌تر */
            filter: blur(50px);
        }

        /* محتوای متنی */
        .HP-hero-content {
            position: relative;
            z-index: 2;
        }

        .HP-hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255, 255, 255, 0.7); /* مات‌تر برای خوانایی */
            color: var(--hp-teal-dark);
            padding: 8px 16px;
            border-radius: 12px;
            font-weight: 700;
            font-size: 0.9rem;
            margin-bottom: 25px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border: 1px solid rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(10px);
        }

        .HP-hero-badge i {
            color: var(--hp-yellow);
        }

        .HP-hero-title {
            font-family: 'iranyekan', sans-serif;
            font-size: 2.2rem;
            font-weight: 900; /* Extra Bold */
            color: var(--hp-text);
            line-height: 1.4;
            margin-bottom: 20px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.05); /* سایه متن ملایم */
        }

        .HP-hero-title span {
            color: var(--hp-teal-dark);
            position: relative;
        }
        
        /* هایلایت زیر کلمه کلیدی */
        .HP-hero-title span::after {
            content: '';
            position: absolute;
            bottom: 8px;
            left: 0;
            width: 100%;
            height: 12px;
            background: var(--hp-yellow);
            opacity: 0.4; /* کمی قوی‌تر */
            z-index: -1;
            transform: skewX(-15deg);
        }

        @media (min-width: 768px) {
            .HP-hero-title {
                font-size: 3.2rem;
            }
        }

        .HP-hero-desc {
            font-size: 1.1rem;
            color: #4a4a4a; /* کمی تیره‌تر برای کنتراست بهتر روی شیشه */
            line-height: 1.9;
            margin-bottom: 35px;
            max-width: 600px;
            text-align: justify;
        }

        .HP-hero-actions {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        .HP-btn-primary {
            background: var(--hp-teal-dark);
            color: #fff;
            padding: 14px 30px;
            border-radius: 14px;
            font-weight: 800;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 10px 20px rgba(4, 138, 129, 0.25);
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
        }

        .HP-btn-primary:hover {
            transform: translateY(-3px);
            background: #037069;
            box-shadow: 0 15px 25px rgba(4, 138, 129, 0.35);
        }

        .HP-btn-secondary {
            background: rgba(255, 255, 255, 0.3); /* نیمه شفاف */
            color: var(--hp-text);
            border: 2px solid rgba(0,0,0,0.1);
            padding: 12px 30px;
            border-radius: 14px;
            font-weight: 700;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
        }

        .HP-btn-secondary:hover {
            border-color: var(--hp-yellow);
            background: rgba(255, 192, 0, 0.15);
            color: #000;
        }

        /* المان گرافیکی (راست/چپ) */
        .HP-hero-visual {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .HP-visual-card {
            width: 100%;
            aspect-ratio: 1/1;
            max-width: 400px;
            border-radius: 30px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 25px 50px rgba(0,0,0,0.15); /* سایه عمیق‌تر */
            transform: rotate(3deg); 
            transition: transform 0.5s ease;
            border: 4px solid rgba(255, 255, 255, 0.5); /* قاب سفید نیمه‌شفاف */
        }

        .HP-visual-card:hover {
            transform: rotate(0deg) scale(1.02);
        }

        .HP-visual-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* کارت شناور روی عکس */
        .HP-float-info {
            position: absolute;
            bottom: 30px;
            left: -20px;
            background: rgba(255, 255, 255, 0.85); /* مات‌تر */
            backdrop-filter: blur(15px);
            padding: 15px 25px;
            border-radius: 16px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
            display: flex;
            align-items: center;
            gap: 15px;
            animation: float 4s ease-in-out infinite;
            border: 1px solid rgba(255, 255, 255, 0.9);
        }

        .HP-float-icon {
            width: 40px;
            height: 40px;
            background: var(--hp-yellow);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #333;
            font-size: 1.2rem;
            box-shadow: 0 5px 10px rgba(255, 192, 0, 0.3);
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

    </style>/* End custom CSS */