.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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 */<!-- 
  این کد باید در بخش CSS سفارشی المنتور یا در یک ویجت HTML در بالای صفحه قرار گیرد.
  این بخش شامل فونت‌ها و استایل‌های اصلی است که برای تمام بخش‌های دیگر لازم است.
-->
<style>
    /* --- Google Fonts --- */
    @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&family=Lalezar&display=swap');
    
    /* --- Font Awesome for Icons --- */
    @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

    /* --- General Styles & Professional Variables --- */
    :root {
        --primary-bg: #fdfdfd;
        --secondary-bg: #f1f2f4;
        --primary-color: #1a202c; /* Near Black Navy */
        --accent-color: #c5a47e; /* Brushed Bronze/Gold */
        --text-color: #2d3748; /* Charcoal Grey */
        --light-text-color: #ffffff;
        --border-color: #e2e8f0;
        --font-body: 'Vazirmatn', sans-serif;
        --font-heading: 'Lalezar', cursive;
        --shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    }

    *, *::before, *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html {
        scroll-behavior: smooth;
    }

    body {
        font-family: var(--font-body);
        background-color: var(--primary-bg);
        color: var(--text-color);
        line-height: 2;
        font-size: 18px;
        overflow-x: hidden;
    }
    
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
    }

    section {
        padding: 120px 0;
        position: relative;
    }
    
    .section-title {
        text-align: center;
        margin-bottom: 70px;
    }
    .section-title h2 {
        font-family: var(--font-heading);
        font-size: 4rem;
        font-weight: normal;
        color: var(--primary-color);
        letter-spacing: 1px;
    }
    .section-title p {
        font-size: 1.2rem;
        color: #718096;
        max-width: 600px;
        margin: 10px auto 0 auto;
    }

    /* --- Animations --- */
    .reveal {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .reveal.visible {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* --- Buttons --- */
    .btn {
        display: inline-block;
        padding: 18px 45px;
        background-color: var(--primary-color);
        color: var(--light-text-color);
        text-decoration: none;
        border-radius: 10px;
        font-size: 1.1rem;
        font-weight: 500;
        transition: all 0.3s ease;
        border: 2px solid var(--primary-color);
    }
    .btn.btn-accent {
        background-color: var(--accent-color);
        border-color: var(--accent-color);
        color: var(--primary-color);
        font-weight: 700;
    }
    .btn:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }
    .btn.btn-outline {
        background-color: transparent;
        color: var(--primary-color);
    }
    .btn.btn-outline:hover {
        background-color: var(--primary-color);
        color: var(--light-text-color);
    }
</style>/* End custom CSS */