.elementor-kit-5{--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-5 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 */.pro-split-btn .elementor-button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px 60px 14px 20px;
    border-radius:14px;
    color:#fff;
    overflow:hidden;
}

/* بخش آبی آیکون */
.pro-split-btn .elementor-button::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:27%;
    height:100%;
    background:#1f4e8c;
}

/* جداکننده ظریف */
.pro-split-btn .elementor-button::before{
    content:"";
    position:absolute;
    top:20%;
    right:20%;
    width:1px;
    height:60%;
    background:rgba(255,255,255,0.3);
}

/* متن */
.pro-split-btn .elementor-button-text{
    white-space:nowrap;
    z-index:2;
}

/* آیکون */
.pro-split-btn .elementor-button-icon{
    position:absolute;
    right:6%;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    margin:0;
}

.pro-split-btn .elementor-button-icon svg{
    width:25px;
    height:25px;
}

/* افکت هاور */
.pro-split-btn .elementor-button:hover{
    filter:brightness(1.1);
}

.consult-btn .elementor-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#111;
    border-radius:999px;
    padding:14px 30px 14px 70px;
    overflow:hidden;
    isolation:isolate; /* جلوگیری از مشکل z-index */
}

/* بیضی سفید */
.consult-btn .elementor-button::after{
    content:"";
    position:absolute;
    inset:0 0 0 auto;
    width:77%;
    background:#f3f4f8;
    border-radius:999px;
    z-index:1;
}

/* متن */
.consult-btn .elementor-button-text{
    position:relative;
    z-index:2;
    white-space:nowrap;
}

/* آیکون */
.consult-btn .elementor-button-icon{
    position:absolute;
    left:13px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    z-index:2;
}

.consult-btn .elementor-button-icon svg{
    width:24px;
    height:24px;
    ;
}
.footer-title {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    gap: 10px;
}

.footer-title::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: #e63946; /* رنگ قرمز باکس */
    border-radius: 4px;
}
.footer-title .highlight {
    color: #e63946 !important; /* رنگ قرمز برای بخش خاص عنوان */
}

.footer-divider {
    position: relative;
}

.footer-divider::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 57px;
    height: 76%;
    width: 1px;
    background: rgba(255,255,255,0.25);
}

.footer-divider::before {
    content: "";
    position: absolute;
    right: -44px;
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    
    /* راز کار ↓ */
    top: calc(100% - 0px); /* نقطه دقیقاً انتهای خط */
}

.footer-line {
    position: relative;
    padding-top: 25px; /* فاصله بین خط و متن */
}

.footer-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0; /* خط از سمت چپ شروع شود */
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.25);
}

.footer-line::after {
    content: "";
    position: absolute;
    top: -3px; /* تنظیم قرارگیری دایره */
    left: -3px; /* دایره سمت چپ خط */
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
}


.section-title {
    position: relative;
    padding-right: 25px; /* فاصله متن از خط */
    display: inline-block;
}

.section-title h2 {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #1b3f73;
    display: flex;
    align-items: center;
    gap: 8px;
	font-family:"IRANYekanX", Sans-serif;
	font-weight:500;
}

/* هایلایت نیمه‌کاره */
.section-title .highlight {
    position: relative;
    color: #e63946;
    z-index: 2;
	font-family:"IRANYekanX", Sans-serif;
	font-weight:600;
}

.section-title .highlight::before {
    content: "";
    position: absolute;
    left: -14px;   /* به جای right:0 */
    top: 59%;
    width: 70%;   /* 70٪ از سمت چپ */
    height: 85%;
    background: rgba(230, 57, 70, 0.18);
    transform: translateY(-50%);
    border-radius: 12px 0px 0px 12px;
    z-index: -1;
}


/* ساب‌تایتل */
.section-title .subtitle {
    margin-top: 6px;
    font-size: 18px;
    letter-spacing: 3px;
    color: #cfd6df;
}

/* خط عمودی بلند */
.section-title::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 65px; /* بلندتر مثل تصویر */
    background: #e63946;
    border-radius: 4px;
}

@media (max-width: 767px) {
	.section-title h2 {
		font-size:25px;
	}
}

/* DIVIDER حرفه‌ای مخصوص سکشن‌تایتل */
.title-divider {
    position: relative;
    height: 14px; /* جا برای دایره */
    min-width: 0; /* جلوگیری از شکستن سطر */
}

/* خط افقی با گرادیانت محو شونده */
.title-divider::before {
    content: "";
    position: absolute;
    left: 14px;  /* خط بعد از دایره آغاز شود */
    right: 0;
    top: 50%;
    height: 1px;
    transform: translateY(-50%);
    background: linear-gradient(
        to right,
        rgba(230, 57, 70, 0.45) 0%,      /* قرمز تایتل */
        rgba(27, 63, 115, 0.20) 40%,     /* آبی تایتل */
        rgba(27, 63, 115, 0.08) 75%,     
        rgba(27, 63, 115, 0.00) 100%
    );
}

/* دایره ابتدای خط با هاله ملایم */
.title-divider::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #e63946; /* رنگ قرمز برند */
    box-shadow:
        0 0 0 4px rgba(230, 57, 70, 0.10),  /* هاله لطیف */
        0 0 8px rgba(230, 57, 70, 0.15);
}

@media (max-width: 767px) {
    .title-divider {
        height: 10px;
    }

    .title-divider::before {
        left: 10px;
        height: 1px;
    }

    .title-divider::after {
        width: 6px;
        height: 6px;
        box-shadow:
            0 0 0 3px rgba(230, 57, 70, 0.08),
            0 0 6px rgba(230, 57, 70, 0.10);
    }
}

/* =============================
    ستون رنگی پشت کارت
============================= */
.service-wrapper {
    position: relative;
    width: 100%;
}

.service-bg {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 160px; /* حالت عادی */
    background: #e9eef3;
    border-radius: 70px 70px 20px 20px;
    transition: .4s ease;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

/* آیکون های ستون */
.service-bg .icon-top img {
    width: 40px;
    height: 40px;
    transition: .3s ease;
    filter: brightness(0) saturate(100%) invert(28%) sepia(86%) saturate(393%) hue-rotate(175deg);
}

.service-bg .icon-bottom img {
    width: 26px;
    height: 26px;
    opacity: 0; /* در حالت عادی دیده نشود */
    transition: .3s ease;
}

/* =============================
    کارت سفید محتوا
============================= */
.service-card {
    position: relative;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 25px;
    padding: 70px 35px;
    text-align: center;
    z-index: 2;
    transition: .4s ease;
}

/* =============================
        حالت Hover
============================= */
.service-wrapper:hover .service-card {
	border:1px solid #e63946 !important;
}

.service-wrapper:hover .service-bg {
    background: #e63946;
    height: 440px; /* ستون بلند می‌شود */
}

.service-wrapper:hover .service-bg .icon-top img {
    filter: brightness(0) invert(1); /* آیکون سفید */
}

.service-wrapper:hover .service-bg .icon-bottom img {
    opacity: 1;
    filter: brightness(0) invert(1);
}/* End custom CSS */