.elementor-796 .elementor-element.elementor-element-01f6512{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-796 .elementor-element.elementor-element-8b65090{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:16px 16px 16px 16px;}.elementor-796 .elementor-element.elementor-element-8b65090:not(.elementor-motion-effects-element-type-background), .elementor-796 .elementor-element.elementor-element-8b65090 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C7C7C785;}.elementor-796 .elementor-element.elementor-element-a4209ee{--display:flex;--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;--align-items:center;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:16px 16px 16px 16px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-wrapper{gap:10px;}.elementor-796 .elementor-element.elementor-element-27a45a8.elementor-view-stacked .elementor-icon{background-color:#FF0000;}.elementor-796 .elementor-element.elementor-element-27a45a8.elementor-view-framed .elementor-icon, .elementor-796 .elementor-element.elementor-element-27a45a8.elementor-view-default .elementor-icon{fill:#FF0000;color:#FF0000;border-color:#FF0000;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon{font-size:110px;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-title, .elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-title a{font-family:"IRANSans", Sans-serif;font-weight:600;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-title{color:#FFFFFF;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-description{font-family:"Pelak", Sans-serif;font-weight:900;color:#FFFFFF;}.elementor-796 .elementor-element.elementor-element-6f65d7a{--display:flex;--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;--align-items:center;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:16px 16px 16px 16px;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-wrapper{gap:10px;}.elementor-796 .elementor-element.elementor-element-1b119ee.elementor-view-stacked .elementor-icon{background-color:#E70000;}.elementor-796 .elementor-element.elementor-element-1b119ee.elementor-view-framed .elementor-icon, .elementor-796 .elementor-element.elementor-element-1b119ee.elementor-view-default .elementor-icon{fill:#E70000;color:#E70000;border-color:#E70000;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon{font-size:110px;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-title, .elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-title a{font-family:"IRANSans", Sans-serif;font-size:25px;font-weight:600;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-title{color:#FFFFFF;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-description{font-family:"Pelak", Sans-serif;font-weight:700;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-796 .elementor-element.elementor-element-01f6512{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-796 .elementor-element.elementor-element-27a45a8{margin:-21px -21px calc(var(--kit-widget-spacing, 0px) + -21px) -21px;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-wrapper{text-align:center;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon{font-size:80px;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-title, .elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-title a{font-size:10px;}.elementor-796 .elementor-element.elementor-element-27a45a8 .elementor-icon-box-description{font-size:12px;}.elementor-796 .elementor-element.elementor-element-1b119ee{margin:-21px -21px calc(var(--kit-widget-spacing, 0px) + -21px) -21px;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon{font-size:80px;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-title, .elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-title a{font-size:12px;}.elementor-796 .elementor-element.elementor-element-1b119ee .elementor-icon-box-description{font-size:12px;}}@media(min-width:768px){.elementor-796 .elementor-element.elementor-element-01f6512{--content-width:1400px;}.elementor-796 .elementor-element.elementor-element-8b65090{--width:1100px;}.elementor-796 .elementor-element.elementor-element-a4209ee{--width:500px;}.elementor-796 .elementor-element.elementor-element-6f65d7a{--width:500px;}}/* Start custom CSS for icon-box, class: .elementor-element-27a45a8 *//* استایل کلی آیکون جعبه */
.modern-icon-box {
    padding: 20px;
    transition: all 0.4s ease;
}

/* استایل آیکون (دایره‌ و درخشش) */
.modern-icon-box .elementor-icon {
    background: rgba(255, 255, 255, 0.1) !important; /* پس‌زمینه شفاف */
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50% !important; /* دایره‌ای کردن */
    padding: 20px !important;
    transition: all 0.4s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* افکت هاور: بزرگ شدن و درخشش ملایم */
.modern-icon-box:hover .elementor-icon {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: scale(1.1) rotate(5deg);
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

/* استایل متن‌های آیکون جعبه */
.modern-icon-box .elementor-icon-box-title {
    color: #FFFFFF !important; /* رنگ عنوان */
    margin-top: 15px !important;
    font-weight: 600;
}

.modern-icon-box .elementor-icon-box-description {
    color: #FFFFFF !important; /* رنگ توضیحات */
    line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for booknetic-popup, class: .elementor-element-80e0d98 *//* استایل پایه دکمه */
.modern-button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    padding:15px 35px !important;
    border-radius:50px !important;

    font-weight:700 !important;
    font-size:16px !important;
    line-height:1.4 !important;
    text-decoration:none !important;
    text-align:center;

    position:relative !important;
    overflow:hidden;
    z-index:1;

    background:linear-gradient(135deg,#ff7300,#ff4e00) !important;
    color:#fff !important;
    border:none !important;

    box-sizing:border-box;
    max-width:100%;

    white-space:nowrap;

    transition:all .3s ease;

    animation:fire-pulse 2s infinite;
}

/* موج آتشین */
@keyframes fire-pulse{

    0%{
        box-shadow:0 0 0 0 rgba(255,115,0,.7);
    }

    70%{
        box-shadow:0 0 0 20px rgba(255,115,0,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(255,115,0,0);
    }

}

/* لایه درخشش */
.modern-button::before{

    content:"";
    position:absolute;
    inset:0;

    border-radius:50px;

    background:rgba(255,255,255,.2);

    opacity:0;

    transition:opacity .3s;

    z-index:-1;

}

/* هاور */
.modern-button:hover{

    transform:scale(1.05);

    background:linear-gradient(135deg,#ff8e00,#ff5e00) !important;

    box-shadow:0 0 30px rgba(255,115,0,.8);

}

.modern-button:hover::before{

    opacity:1;

}

/* ========================= */
/* تبلت */
/* ========================= */

@media (max-width:1024px){

    .modern-button{

        padding:14px 28px !important;
        font-size:15px !important;

    }

}

/* ========================= */
/* موبایل */
/* ========================= */

@media (max-width:767px){

    .modern-button{

        padding:12px 18px !important;
        font-size:14px !important;
        line-height:1.3 !important;

        max-width:100%;
        width:auto;

        white-space:normal;
        word-break:keep-all;

        border-radius:40px !important;

    }

}/* End custom CSS */
/* Start custom CSS for booknetic-popup, class: .elementor-element-2f68cdd *//* استایل پایه دکمه */
.modern-button {
    display: inline-block !important;
    padding: 15px 35px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 1 !important;
    transition: all 0.3s ease;
    
    /* رنگ دکمه اصلی */
    background: linear-gradient(135deg, #ff7300, #ff4e00) !important;
    color: #fff !important;
    border: none !important;
    
    /* فعال‌سازی انیمیشن آتشین */
    animation: fire-pulse 2s infinite;
}

/* تعریف انیمیشن موج آتشین */
@keyframes fire-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 115, 0, 0.7);
    }
    70% {
        /* ایجاد لایه‌های درخشش به سمت بیرون */
        box-shadow: 0 0 0 20px rgba(255, 115, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 115, 0, 0);
    }
}

/* افکت دوم: لایه‌ی درخشش ملایم‌تر برای عمق بیشتر */
.modern-button::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s;
}

/* وقتی موس روی دکمه می‌رود، انیمیشن آرام‌تر و درخشش داخلی بیشتر شود */
.modern-button:hover {
    transform: scale(1.05) !important;
    background: linear-gradient(135deg, #ff8e00, #ff5e00) !important;
    animation: none; /* در حالت هاور انیمیشن موجی را متوقف کن تا دکمه ثابت و درخشان بماند */
    box-shadow: 0 0 30px rgba(255, 115, 0, 0.8) !important;
}

/* اگر می‌خواهی در حالت هاور هم انیمیشن ادامه داشته باشد، خط بالا (animation: none) را حذف کن *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4209ee *//* کانتینر اصلی: شیشه‌ای مات و مدرن */
.modern-glass-card {
    background: rgba(255, 255, 255, 0.15); /* شیشه‌ای سفید مات */
    backdrop-filter: blur(20px);           /* مات کردن پس‌زمینه پشت کانتینر */
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2); /* حاشیه ظریف سفید */
    border-radius: 25px;                   /* لبه‌های گرد مدرن */
    padding: 40px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2); /* سایه نرم برای جدا شدن از صفحه */
    transition: transform 0.3s ease, background 0.3s ease;
}

/* هاور برای حس تعامل */
.modern-glass-card:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
}

/* اطمینان از اینکه محتوا (متن و دکمه) به درستی روی کارت قرار می‌گیرند */
.modern-glass-card .elementor-widget-container {
    color: #333; /* رنگ متن استاندارد */
}/* End custom CSS */