.elementor-6416 .elementor-element.elementor-element-352ff17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E2E2;--border-color:#E2E2E2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6416 .elementor-element.elementor-element-fc3cf23{text-align:center;}.elementor-6416 .elementor-element.elementor-element-4a0da6c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;}.elementor-6416 .elementor-element.elementor-element-5342f5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6416 .elementor-element.elementor-element-5342f5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6416 .elementor-element.elementor-element-0051902 > .elementor-widget-container{padding:0px 10px 0px 0px;border-style:solid;border-width:0px 3px 0px 0px;border-color:var( --e-global-color-f75de3e );}.elementor-6416 .elementor-element.elementor-element-0051902 .elementor-heading-title{font-size:20px;font-weight:bold;}.elementor-6416 .elementor-element.elementor-element-c885872 .elementor-menu-toggle{margin:0 auto;}.elementor-6416 .elementor-element.elementor-element-c885872 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6416 .elementor-element.elementor-element-c885872 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6416 .elementor-element.elementor-element-c885872 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6416 .elementor-element.elementor-element-c885872 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-6416 .elementor-element.elementor-element-c885872 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-f75de3e );}.elementor-6416 .elementor-element.elementor-element-c885872 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-f75de3e );}.elementor-6416 .elementor-element.elementor-element-a160243 .elementor-icon-list-icon i{color:var( --e-global-color-f75de3e );transition:color 0.3s;}.elementor-6416 .elementor-element.elementor-element-a160243 .elementor-icon-list-icon svg{fill:var( --e-global-color-f75de3e );transition:fill 0.3s;}.elementor-6416 .elementor-element.elementor-element-a160243{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6416 .elementor-element.elementor-element-a160243 .elementor-icon-list-text{transition:color 0.3s;}.elementor-6416 .elementor-element.elementor-element-8043409{--display:flex;}.elementor-6416 .elementor-element.elementor-element-c3de72c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-6416 .elementor-element.elementor-element-c3de72c > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}@media(max-width:767px){.elementor-6416 .elementor-element.elementor-element-0051902{text-align:start;}.elementor-6416 .elementor-element.elementor-element-c3de72c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-6416 .elementor-element.elementor-element-c3de72c > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}@media(min-width:768px){.elementor-6416 .elementor-element.elementor-element-5342f5c{--width:20.414%;}.elementor-6416 .elementor-element.elementor-element-8043409{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-f858dad *//* ============================================================
   🏛️ College Lawyer Select — Premium v2.0
   (Fixed Mobile Layout)
   ============================================================ */

.college-lawyer-select,
.college-lawyer-select *,
.college-lawyer-select *::before,
.college-lawyer-select *::after {
    box-sizing: border-box;
    font-family: inherit;
}

.college-lawyer-select {
    --ls-navy: #0b2545;
    --ls-blue: #126ca9;
    --ls-gold: #e2bd27;
    --ls-gray: #64748b;
    --ls-white: #ffffff;
    --ls-line: rgba(11, 37, 69, .08);
    --ls-line-strong: rgba(11, 37, 69, .14);
    --ls-ease: cubic-bezier(.22, 1, .36, 1);
    --ls-ease-back: cubic-bezier(.34, 1.56, .64, 1);

    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 32px 70px;
    direction: rtl;
    background:
        radial-gradient(circle at 100% 0%, rgba(18, 108, 169, .05), transparent 45%),
        radial-gradient(circle at 0% 100%, rgba(226, 189, 39, .06), transparent 45%),
        linear-gradient(155deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid var(--ls-line-strong);
    border-radius: 32px;
    box-shadow:
        0 30px 70px rgba(11, 37, 69, .08),
        0 10px 26px rgba(11, 37, 69, .04),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    overflow: hidden;
    isolation: isolate;
}

.college-lawyer-select::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--ls-gold) 0%, var(--ls-blue) 50%, var(--ls-navy) 100%);
    z-index: 2;
}

.college-lawyer-select::after {
    content: "";
    position: absolute;
    top: -120px;
    left: -120px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(226, 189, 39, .08), transparent 65%);
    pointer-events: none;
    z-index: 0;
}

/* ============================================================
   🎯 هدر
   ============================================================ */
.college-lawyer-select__header {
    position: relative;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 44px;
    border-bottom: 1px solid var(--ls-line-strong);
    z-index: 1;
}

.college-lawyer-select__header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 50%;
    transform: translateX(50%);
    width: 140px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--ls-gold), transparent);
    border-radius: 10px;
}

.college-lawyer-select__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 20px;
    color: var(--ls-blue);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.college-lawyer-select__eyebrow-line {
    display: inline-block;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ls-gold), transparent);
    border-radius: 10px;
}

.college-lawyer-select__title {
    margin: 0 auto 24px;
    max-width: 900px;
    color: var(--ls-navy);
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: -.6px;
    position: relative;
}

.college-lawyer-select__intro {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.college-lawyer-select__intro p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.1;
    letter-spacing: .1px;
    text-align: justify;
}

/* ============================================================
   📋 لیست کارت‌ها — Grid دوستونه (فقط دسکتاپ و تبلت)
   ============================================================ */
.college-lawyer-select__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    align-items: stretch;
    position: relative;
    z-index: 1;
}

/* ============================================================
   🎯 کارت دپارتمان
   ============================================================ */
.college-lawyer-select__card {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border: 1.5px solid var(--ls-line-strong);
    border-radius: 18px;
    box-shadow:
        0 4px 16px rgba(11, 37, 69, .04),
        0 1px 4px rgba(11, 37, 69, .02);
    overflow: hidden;
    isolation: isolate;
    height: 100%;
    transition:
        transform .5s var(--ls-ease),
        box-shadow .5s var(--ls-ease),
        border-color .4s ease;
}

/* نوار رنگی سمت راست */
.college-lawyer-select__card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 5px;
    background: linear-gradient(180deg, var(--ls-gold), var(--ls-blue));
    border-radius: 0 18px 18px 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .55s var(--ls-ease);
    z-index: 2;
}

.college-lawyer-select__card:hover::before {
    transform: scaleY(1);
}

.college-lawyer-select__card:hover {
    transform: translateY(-4px) translateX(-4px);
    border-color: rgba(18, 108, 169, .22);
    box-shadow:
        0 20px 50px rgba(11, 37, 69, .12),
        0 8px 20px rgba(11, 37, 69, .06);
}

/* درخشش */
.college-lawyer-select__card-shine {
    position: absolute;
    top: 0;
    right: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(110deg, transparent, rgba(255, 255, 255, .6), transparent);
    transform: skewX(-22deg);
    transition: right .8s var(--ls-ease);
    pointer-events: none;
    z-index: 3;
}

.college-lawyer-select__card:hover .college-lawyer-select__card-shine {
    right: 150%;
}

/* ============================================================
   🎨 آیکن کارت
   ============================================================ */
.college-lawyer-select__card-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    color: var(--ls-navy);
    background: linear-gradient(135deg, #ffffff 0%, #f1f5fb 100%);
    border: 1.5px solid rgba(11, 37, 69, .1);
    border-radius: 14px;
    box-shadow:
        0 4px 12px rgba(11, 37, 69, .06),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    position: relative;
    z-index: 2;
    transition:
        color .5s var(--ls-ease),
        background .5s ease,
        border-color .5s ease,
        transform .5s var(--ls-ease-back),
        box-shadow .5s ease;
}

.college-lawyer-select__card-icon svg {
    width: 26px;
    height: 26px;
}

.college-lawyer-select__card-icon::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    width: 10px;
    height: 10px;
    background: var(--ls-gold);
    border-radius: 50%;
    box-shadow:
        0 0 0 2px var(--ls-white),
        0 4px 8px rgba(226, 189, 39, .5);
    transition: transform .5s var(--ls-ease-back);
}

.college-lawyer-select__card:hover .college-lawyer-select__card-icon {
    color: var(--ls-white);
    background: linear-gradient(135deg, var(--ls-navy), var(--ls-blue));
    border-color: transparent;
    transform: rotate(-8deg) scale(1.08);
    box-shadow: 0 12px 28px rgba(11, 37, 69, .3);
}

.college-lawyer-select__card:hover .college-lawyer-select__card-icon::after {
    transform: scale(1.3);
}

/* رنگ‌بندی اختصاصی هر دپارتمان */
.college-lawyer-select__card--contracts .college-lawyer-select__card-icon {
    color: #b45309;
    background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
    border-color: rgba(180, 83, 9, .2);
}

.college-lawyer-select__card--estate .college-lawyer-select__card-icon {
    color: #ea580c;
    background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
    border-color: rgba(234, 88, 12, .2);
}

.college-lawyer-select__card--stock .college-lawyer-select__card-icon {
    color: #16a34a;
    background: linear-gradient(135deg, #ffffff 0%, #ecfdf5 100%);
    border-color: rgba(22, 163, 74, .2);
}

.college-lawyer-select__card--arbitration .college-lawyer-select__card-icon {
    color: #7c3aed;
    background: linear-gradient(135deg, #ffffff 0%, #f3e8ff 100%);
    border-color: rgba(124, 58, 237, .2);
}

.college-lawyer-select__card--bank .college-lawyer-select__card-icon {
    color: #0891b2;
    background: linear-gradient(135deg, #ffffff 0%, #ecfeff 100%);
    border-color: rgba(8, 145, 178, .2);
}

.college-lawyer-select__card--family .college-lawyer-select__card-icon {
    color: #db2777;
    background: linear-gradient(135deg, #ffffff 0%, #fdf2f8 100%);
    border-color: rgba(219, 39, 119, .2);
}

.college-lawyer-select__card--criminal .college-lawyer-select__card-icon {
    color: #dc2626;
    background: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%);
    border-color: rgba(220, 38, 38, .2);
}

.college-lawyer-select__card--tax .college-lawyer-select__card-icon {
    color: #059669;
    background: linear-gradient(135deg, #ffffff 0%, #ecfdf5 100%);
    border-color: rgba(5, 150, 105, .2);
}

.college-lawyer-select__card--international .college-lawyer-select__card-icon {
    color: #2563eb;
    background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
    border-color: rgba(37, 99, 235, .2);
}

.college-lawyer-select__card--admin .college-lawyer-select__card-icon {
    color: #7c3aed;
    background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 100%);
    border-color: rgba(124, 58, 237, .2);
}

/* ============================================================
   📝 بدنه کارت
   ============================================================ */
.college-lawyer-select__card-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    position: relative;
    z-index: 2;
}

.college-lawyer-select__card-title {
    margin: 0;
    color: var(--ls-navy);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.55;
    letter-spacing: -.2px;
    transition: color .35s ease;
    position: relative;
    display: inline-block;
}

.college-lawyer-select__card-title::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: 0;
    width: 0;
    height: 2.5px;
    background: linear-gradient(90deg, var(--ls-gold), transparent);
    border-radius: 10px;
    transition: width .5s var(--ls-ease);
}

.college-lawyer-select__card:hover .college-lawyer-select__card-title {
    color: var(--ls-blue);
}

.college-lawyer-select__card:hover .college-lawyer-select__card-title::after {
    width: 55%;
}

.college-lawyer-select__card-text {
    margin: 0;
    color: var(--ls-gray);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.85;
    letter-spacing: .1px;
    text-align: justify;
    transition: color .35s ease;
}

.college-lawyer-select__card:hover .college-lawyer-select__card-text {
    color: #475569;
}

/* ============================================================
   🎯 فوتر CTA
   ============================================================ */
.college-lawyer-select__footer {
    position: relative;
    margin-top: 40px;
    padding: 28px 32px;
    background:
        radial-gradient(circle at 100% 0%, rgba(18, 108, 169, .07), transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(226, 189, 39, .06), transparent 50%),
        linear-gradient(155deg, #ffffff 0%, #f8fbff 100%);
    border: 1.5px solid var(--ls-line-strong);
    border-right: 5px solid var(--ls-gold);
    border-radius: 20px;
    box-shadow:
        0 12px 36px rgba(11, 37, 69, .08),
        0 4px 12px rgba(11, 37, 69, .04);
    z-index: 1;
}

.college-lawyer-select__footer-content {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.college-lawyer-select__footer-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    color: var(--ls-white);
    background: linear-gradient(135deg, var(--ls-navy), var(--ls-blue));
    border-radius: 16px;
    box-shadow:
        0 8px 20px rgba(11, 37, 69, .25),
        inset 0 1px 0 rgba(255, 255, 255, .2);
    position: relative;
}

.college-lawyer-select__footer-icon::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    background: var(--ls-gold);
    border-radius: 50%;
    box-shadow: 0 0 0 3px var(--ls-white);
    animation: lsFooterDotPulse 2s ease-in-out infinite;
}

@keyframes lsFooterDotPulse {
    0%, 100% { box-shadow: 0 0 0 3px var(--ls-white), 0 0 0 0 rgba(226, 189, 39, .7); }
    50%      { box-shadow: 0 0 0 3px var(--ls-white), 0 0 0 12px rgba(226, 189, 39, 0); }
}

.college-lawyer-select__footer-icon svg {
    width: 26px;
    height: 26px;
    stroke: var(--ls-gold);
}

.college-lawyer-select__footer-text p {
    margin: 0;
    color: var(--ls-navy);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .1px;
    text-align: justify;
}

/* ============================================================
   🎬 انیمیشن ورود
   ============================================================ */
.college-lawyer-select__header,
.college-lawyer-select__card,
.college-lawyer-select__footer {
    animation: lsFadeInUp .8s var(--ls-ease) both;
}

.college-lawyer-select__header { animation-delay: .1s; }
.college-lawyer-select__footer { animation-delay: .7s; }

.college-lawyer-select__card:nth-child(1)  { animation-delay: .15s; }
.college-lawyer-select__card:nth-child(2)  { animation-delay: .2s; }
.college-lawyer-select__card:nth-child(3)  { animation-delay: .25s; }
.college-lawyer-select__card:nth-child(4)  { animation-delay: .3s; }
.college-lawyer-select__card:nth-child(5)  { animation-delay: .35s; }
.college-lawyer-select__card:nth-child(6)  { animation-delay: .4s; }
.college-lawyer-select__card:nth-child(7)  { animation-delay: .45s; }
.college-lawyer-select__card:nth-child(8)  { animation-delay: .5s; }
.college-lawyer-select__card:nth-child(9)  { animation-delay: .55s; }
.college-lawyer-select__card:nth-child(10) { animation-delay: .6s; }

@keyframes lsFadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   📱 تبلت (1024px) — همچنان دوستونه
   ============================================================ */
@media (max-width: 1024px) {
    .college-lawyer-select {
        padding: 45px 24px 55px;
        border-radius: 26px;
    }

    .college-lawyer-select__header {
        padding-bottom: 32px;
        margin-bottom: 36px;
    }

    .college-lawyer-select__title {
        font-size: clamp(22px, 4vw, 30px);
    }

    .college-lawyer-select__intro p {
        font-size: 13px;
        text-align: right;
    }

    .college-lawyer-select__list {
        gap: 14px;
    }

    .college-lawyer-select__card {
        padding: 20px 20px;
        gap: 16px;
    }

    .college-lawyer-select__card-icon {
        width: 50px;
        height: 50px;
    }

    .college-lawyer-select__card-icon svg {
        width: 24px;
        height: 24px;
    }
}

/* ============================================================
   📱 موبایل (640px) — همه چیز تک‌ستونی
   ============================================================ */
@media (max-width: 640px) {
    .college-lawyer-select {
        padding: 28px 14px 36px;
        border-radius: 20px;
    }

    /* هدر */
    .college-lawyer-select__header {
        padding-bottom: 24px;
        margin-bottom: 28px;
    }

    .college-lawyer-select__eyebrow {
        gap: 8px;
        font-size: 11.5px;
        margin-bottom: 14px;
        letter-spacing: .3px;
    }

    .college-lawyer-select__eyebrow-line {
        width: 22px;
        height: 1.5px;
    }

    .college-lawyer-select__title {
        font-size: clamp(18px, 5.5vw, 22px);
        line-height: 1.5;
        margin-bottom: 16px;
    }

    .college-lawyer-select__intro {
        gap: 10px;
    }

    .college-lawyer-select__intro p {
        font-size: 12.5px;
        line-height: 1.95;
        text-align: justify;
    }

    /* ✅ لیست → یک ستونه در موبایل */
    .college-lawyer-select__list {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
        gap: 12px;
        align-items: stretch;
    }

    /* کارت */
    .college-lawyer-select__card {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px;
        padding: 16px 16px;
        border-radius: 14px;
        height: auto;
        min-height: 0;
        transform: none;
    }

    .college-lawyer-select__card:hover {
        transform: translateY(-3px);
    }

    /* آیکن */
    .college-lawyer-select__card-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .college-lawyer-select__card-icon svg {
        width: 20px;
        height: 20px;
    }

    .college-lawyer-select__card-icon::after {
        width: 8px;
        height: 8px;
        top: -2px;
        right: -2px;
    }

    /* بدنه */
    .college-lawyer-select__card-title {
        font-size: 13.5px;
        line-height: 1.6;
    }

    .college-lawyer-select__card-text {
        font-size: 12px;
        line-height: 1.8;
        text-align: justify;
    }

    /* فوتر */
    .college-lawyer-select__footer {
        padding: 20px 18px;
        margin-top: 28px;
        border-radius: 16px;
        border-right-width: 4px;
    }

    .college-lawyer-select__footer-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 14px;
    }

    .college-lawyer-select__footer-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    .college-lawyer-select__footer-icon svg {
        width: 22px;
        height: 22px;
    }

    .college-lawyer-select__footer-text p {
        font-size: 12.5px;
        line-height: 1.95;
        text-align: justify;
    }
}

/* ============================================================
   📱 موبایل کوچک (380px)
   ============================================================ */
@media (max-width: 380px) {
    .college-lawyer-select {
        padding: 22px 10px 28px;
        border-radius: 16px;
    }

    .college-lawyer-select__title {
        font-size: 17px;
        line-height: 1.5;
    }

    .college-lawyer-select__intro p {
        font-size: 12px;
        line-height: 1.9;
    }

    .college-lawyer-select__list {
        gap: 10px;
    }

    .college-lawyer-select__card {
        padding: 14px 12px;
        gap: 10px;
        border-radius: 12px;
    }

    .college-lawyer-select__card-icon {
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

    .college-lawyer-select__card-icon svg {
        width: 18px;
        height: 18px;
    }

    .college-lawyer-select__card-title {
        font-size: 13px;
        line-height: 1.55;
    }

    .college-lawyer-select__card-text {
        font-size: 11.5px;
        line-height: 1.75;
    }

    .college-lawyer-select__footer {
        padding: 16px 14px;
    }

    .college-lawyer-select__footer-text p {
        font-size: 11.5px;
    }
}

/* ============================================================
   ♿ Reduced Motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    .college-lawyer-select *,
    .college-lawyer-select *::before,
    .college-lawyer-select *::after {
        animation: none !important;
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c885872 */college-dept-menu


/* ============================================================
   🌳 College Law Departments Menu — Premium Styles
   استایل منوی دپارتمان‌های کالج حقوق
   ============================================================ */

/* ---------- متغیرهای رنگی ---------- */
.college-dept-menu,
.college-dept-menu * {
    --dm-navy: #0b2545;
    --dm-blue: #126ca9;
    --dm-gold: #e2bd27;
    --dm-gray: #64748b;
    --dm-gray-light: #94a3b8;
    --dm-white: #ffffff;
    --dm-bg-soft: #f8fafc;
    --dm-line: rgba(11, 37, 69, .08);
    --dm-line-strong: rgba(11, 37, 69, .14);
    --dm-ease: cubic-bezier(.22, 1, .36, 1);
    --dm-ease-back: cubic-bezier(.34, 1.56, .64, 1);
}

/* ============================================================
   📦 بدنه اصلی منو
   ============================================================ */
.college-dept-menu,
.college-dept-menu ul,
.college-dept-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
}

.college-dept-menu {
    position: relative;
    width: 100%;
    max-width: 340px;
    padding: 24px 20px 28px;
    direction: rtl;
    background: linear-gradient(155deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid var(--dm-line-strong);
    border-radius: 20px;
    box-shadow:
        0 16px 44px rgba(11, 37, 69, .08),
        0 4px 12px rgba(11, 37, 69, .04),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    overflow: hidden;
    isolation: isolate;
}

/* نوار طلایی-آبی بالا */
.college-dept-menu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--dm-gold) 0%, var(--dm-blue) 50%, var(--dm-navy) 100%);
    z-index: 2;
}

/* هاله ملایم پشت منو */
.college-dept-menu::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(18, 108, 169, .07), transparent 65%);
    pointer-events: none;
    z-index: 0;
}

/* ============================================================
   📌 عنوان منو
   ============================================================ */
.college-dept-menu > h2,
.college-dept-menu > h3,
.college-dept-menu > .menu-title,
.college-dept-menu .widget-title {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 16px;
    color: var(--dm-navy);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -.3px;
    text-align: right;
    z-index: 1;
}

.college-dept-menu > h2::after,
.college-dept-menu > h3::after,
.college-dept-menu > .menu-title::after,
.college-dept-menu .widget-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, var(--dm-navy), var(--dm-blue));
    border-radius: 10px;
}

/* ============================================================
   🌳 ساختار منوی درختی
   ============================================================ */
.college-dept-menu ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
    z-index: 1;
}

.college-dept-menu ul.sub-menu,
.college-dept-menu ul.children {
    padding-right: 18px;
    margin-top: 8px;
    margin-bottom: 4px;
    gap: 4px;
    border-right: 2px solid rgba(18, 108, 169, .15);
    border-radius: 0 8px 8px 0;
}

/* ============================================================
   🔹 آیتم‌های سطح اول
   ============================================================ */
.college-dept-menu > ul > li {
    position: relative;
}

.college-dept-menu > ul > li > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: var(--dm-navy);
    font-size: 13.5px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: -.1px;
    text-decoration: none !important;
    background: #ffffff;
    border: 1px solid var(--dm-line);
    border-radius: 12px;
    box-shadow:
        0 2px 6px rgba(11, 37, 69, .03),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    transition:
        transform .4s var(--dm-ease),
        border-color .35s ease,
        box-shadow .4s ease,
        background .35s ease,
        color .35s ease;
    overflow: hidden;
    isolation: isolate;
}

/* نوار طلایی-آبی سمت راست */
.college-dept-menu > ul > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--dm-gold), var(--dm-blue));
    border-radius: 0 12px 12px 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .5s var(--dm-ease);
    z-index: 2;
}

.college-dept-menu > ul > li > a:hover::before,
.college-dept-menu > ul > li.current-menu-item > a::before,
.college-dept-menu > ul > li.current-menu-ancestor > a::before,
.college-dept-menu > ul > li.menu-item-has-children:hover > a::before {
    transform: scaleY(1);
}

/* نقطه تزئینی طلایی */
.college-dept-menu > ul > li > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: var(--dm-gold);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .35s ease;
    z-index: 3;
}

.college-dept-menu > ul > li > a:hover::after {
    opacity: 1;
}

.college-dept-menu > ul > li > a:hover {
    transform: translateX(-4px);
    color: var(--dm-blue);
    border-color: rgba(18, 108, 169, .28);
    background: linear-gradient(135deg, #ffffff 0%, #eef6fd 100%);
    box-shadow:
        0 8px 22px rgba(11, 37, 69, .1),
        0 2px 6px rgba(11, 37, 69, .05);
}

/* حالت فعال (آیتم فعلی) */
.college-dept-menu > ul > li.current-menu-item > a,
.college-dept-menu > ul > li.current-menu-ancestor > a {
    color: var(--dm-blue);
    background: linear-gradient(135deg, #ffffff 0%, #eef6fd 100%);
    border-color: rgba(18, 108, 169, .28);
    box-shadow:
        0 8px 22px rgba(11, 37, 69, .1),
        0 2px 6px rgba(11, 37, 69, .05);
}

/* ============================================================
   🔽 فلش چرخان برای والدها
   ============================================================ */
.college-dept-menu .menu-item-has-children > a {
    padding-left: 40px; /* جا برای فلش */
}

.college-dept-menu .menu-item-has-children > a .menu-arrow,
.college-dept-menu .menu-item-has-children > a .submenu-toggle,
.college-dept-menu .menu-item-has-children > a::marker {
    display: none;
}

/* فلش SVG با پس‌زمینه */
.college-dept-menu .menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 22px;
    left: 16px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b2545' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    background-color: #ffffff;
    border: 1.5px solid var(--dm-line-strong);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(11, 37, 69, .06);
    pointer-events: none;
    transition:
        transform .5s var(--dm-ease),
        background-color .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
    z-index: 5;
}

/* چرخش فلش هنگام باز شدن */
.college-dept-menu .menu-item-has-children:hover::after,
.college-dept-menu .menu-item-has-children.is-open::after,
.college-dept-menu .menu-item-has-children.current-menu-ancestor::after {
    transform: rotate(180deg);
    background-color: var(--dm-navy);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(11, 37, 69, .25);
}

/* ============================================================
   🍃 آیتم‌های زیرشاخه
   ============================================================ */
.college-dept-menu ul.sub-menu > li > a,
.college-dept-menu ul.children > li > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    color: var(--dm-gray);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: .1px;
    text-decoration: none !important;
    border-radius: 10px;
    transition:
        transform .35s var(--dm-ease),
        color .3s ease,
        background .3s ease,
        padding-right .35s var(--dm-ease);
}

/* نقطه کوچک قبل از هر زیرشاخه */
.college-dept-menu ul.sub-menu > li > a::before,
.college-dept-menu ul.children > li > a::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background: linear-gradient(135deg, var(--dm-navy), var(--dm-blue));
    border-radius: 50%;
    transition: transform .4s var(--dm-ease-back), background .35s ease;
}

.college-dept-menu ul.sub-menu > li > a:hover,
.college-dept-menu ul.children > li > a:hover {
    transform: translateX(-4px);
    color: var(--dm-navy);
    background: linear-gradient(135deg, rgba(18, 108, 169, .08), rgba(226, 189, 39, .04));
    padding-right: 18px;
}

.college-dept-menu ul.sub-menu > li > a:hover::before,
.college-dept-menu ul.children > li > a:hover::before {
    transform: scale(1.4);
    background: linear-gradient(135deg, var(--dm-gold), var(--dm-blue));
}

/* زیرشاخه فعال */
.college-dept-menu ul.sub-menu > li.current-menu-item > a,
.college-dept-menu ul.children > li.current-menu-item > a {
    color: var(--dm-blue);
    background: linear-gradient(135deg, rgba(18, 108, 169, .1), rgba(226, 189, 39, .05));
    font-weight: 700;
}

.college-dept-menu ul.sub-menu > li.current-menu-item > a::before,
.college-dept-menu ul.children > li.current-menu-item > a::before {
    background: linear-gradient(135deg, var(--dm-gold), var(--dm-blue));
    transform: scale(1.3);
}

/* ============================================================
   📱 Responsive
   ============================================================ */
@media (max-width: 640px) {
    .college-dept-menu {
        max-width: 100%;
        padding: 20px 16px 24px;
        border-radius: 16px;
    }

    .college-dept-menu > h2,
    .college-dept-menu > h3,
    .college-dept-menu > .menu-title,
    .college-dept-menu .widget-title {
        font-size: 15px;
        padding-bottom: 12px;
        margin-bottom: 16px;
    }

    .college-dept-menu > ul > li > a {
        padding: 11px 14px;
        font-size: 13px;
        border-radius: 10px;
    }

    .college-dept-menu .menu-item-has-children::after {
        width: 18px;
        height: 18px;
        top: 20px;
        left: 14px;
        background-size: 12px;
    }

    .college-dept-menu ul.sub-menu,
    .college-dept-menu ul.children {
        padding-right: 14px;
    }

    .college-dept-menu ul.sub-menu > li > a,
    .college-dept-menu ul.children > li > a {
        padding: 9px 12px;
        font-size: 12px;
    }
}

/* ============================================================
   ♿ Reduced Motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    .college-dept-menu *,
    .college-dept-menu *::before,
    .college-dept-menu *::after {
        animation: none !important;
        transition: none !important;
    }
}/* End custom CSS */