Pasted text(20261006-073213).txtDocument
چرا فیلترهای بیشتر رو حذف کردی؟؟؟ مگه قرار نشد چیزی حذف نشه؟
Worked for 5s

حق با شماست. اشتباه از من بود.
من نباید بخش فیلترهای بیشتر را با کامنت جایگزین می‌کردم. شما صراحتاً گفتید هیچ بخش، هیچ جمله و هیچ فیلدی حذف نشود.

در فایل اصلی شما، فیلترهای بیشتر واقعاً شامل این موارد هستند و باید عیناً حفظ شوند:

زمان انتشار آگهی (DropDownList2)
حوزه شغلی (ddlJobRole)
مهارت‌های کلیدی (txtSkills)
سطح سابقه کاری (ddlExperience)
حداقل حقوق سالانه (txtSalaryMin)
حداکثر حقوق سالانه (txtSalaryMax)

و خود دکمه «فیلترهای بیشتر» هم باید باقی بماند.
اصلاح مهم

در نسخه‌ای که باید برای شما آماده کنم، ساختار باید این باشد:
اسلاید ۱
خارج از استرالیا هستید؟
فاصله، مانع شروع مسیر شما نیست.

↓

اسلاید ۲
┌──────────────────────────────────────┐
│ چه شغلی در استرالیا می‌خواهید؟ │
│ جست‌وجوی اولیه رایگان است... │
│ │
│ عنوان شغلی | شهر/ایالت | جستجو │
│ │
│ ⚙ فیلترهای بیشتر │
│ │
│ [زمان انتشار] [حوزه شغلی] │
│ [مهارت‌ها] [سابقه کاری] │
│ [حداقل حقوق] [حداکثر حقوق] │
│ │
│ ابتدا فرصت‌ها را بررسی کنید... │
└──────────────────────────────────────┘

↓

اسلاید ۳
فرصت مناسب تخصصتان را پیدا کنید...
هدف: دیده‌شدن رزومه...

↓

اسلاید ۴
پس از شکل‌گیری تمایل کارفرما...
[فرصت‌های مناسب من را پیدا کنید]
[فرصت‌های دارای اسپانسرشیپ]
...

یعنی فقط جای نمایش تغییر می‌کند؛ محتوا و منطق اصلاً تغییر نمی‌کند.

حتی LinkButton1 با OnClick="LinkButton1_Click" نیز دست‌نخورده می‌ماند؛ بنابراین Backend فعلی شما همچنان همان کار قبلی را انجام می‌دهد.

همچنین یک نکته مهم دیگر: در فایل شما CSS مربوط به .hc-more-btn و .hc-more از قبل وجود دارد. بنابراین حتی لازم نیست منطق فیلترها را از نو بسازیم.

پس نسخه قبلی من را کنار بگذار.
اگر بخواهی، در پیام بعدی می‌توانم کل بخش Hero را از روی همین فایل فعلی، کامل و یک‌تکه بازنویسی کنم؛ بدون حذف حتی یک خط از فیلترها و بدون تغییر هیچ ID، asp:Control یا Backend و فقط اسلایدشو را به دور آن اضافه کنم.
کل Hero
Worked for 29s

بله. این بار کل Hero را کامل می‌دهم و نکته اصلی این است که هیچ‌کدام از فیلترها، کنترل‌های WebForms، IDها، Eventها یا متن‌های Hero حذف نشده‌اند. در نسخه فعلی فایل، ساختار اسلایدر و کنترل‌های قبلی وجود دارد، اما بخش فیلترها در آن با placeholder جایگزین شده بود؛ من این قسمت را با فیلترهای واقعی برمی‌گردانم.
1. کل Hero — جایگزین Hero فعلی کن
<!-- =========================================================
HERO / PRIMARY CONVERSION
FRONT-END SLIDER
Backend / WebForms IDs / Events دست‌نخورده
========================================================== -->
<section class="hc-hero az-compact-hero"
aria-labelledby="home-main-title" >

<div class="container" >

<div class="hc-hero-inner" >
<!-- عنوان ثابت -->
<span class="hc-kicker az-hero-kicker" >
<i class="far fa-briefcase" > </i >
فرصت‌های شغلی در استرالیا
</span >
<!-- =================================================
HERO SLIDER
================================================== -->
<div class="az-hero-slider" id="azHeroSlider" >
<!-- =================================================
SLIDE 1
================================================== -->
<div class="az-hero-slide active" >

<div class="az-slide-content az-slide-intro" >

<h1 id="home-main-title" >

خارج از استرالیا هستید؟

<br / >

<span class="accent" >
فاصله، مانع شروع مسیر شما نیست.
</span >

</h1 >

</div >

</div >
<!-- =================================================
SLIDE 2 : SEARCH
تمام کنترل‌های Backend حفظ شده‌اند
================================================== -->
<div class="az-hero-slide" >

<div class="az-slide-content" >

<div class="hc-search-box az-compact-search"
id="search-jobs" >


<div class="hc-search-title" >

چه شغلی در استرالیا می‌خواهید؟

</div >


<div class="hc-search-subtitle" >

جست‌وجوی اولیه رایگان است؛ فرصت‌های مرتبط با تخصصتان را ببینید.

</div >
<!-- =================================================
فرم اصلی
هیچ ID / Event تغییر نکرده
================================================== -->
<form id="jobSearchForm" runat="server" >
<!-- ============================
جست‌وجوی اصلی
============================= -->
<div class="row g-3 align-items-end hc-main-search-row"
dir="rtl" >
<!-- عنوان شغلی -->
<div class="col-lg-5 col-md-6" >

<label class="form-label fw-bold"
for="<%= TextBox1.ClientID %>" >

عنوان شغلی

</label >


<div class="form-icon" >

<i class="far fa-briefcase" > </i >


<asp:TextBox
ID="TextBox1"
runat="server"
CssClass="form-control"
placeholder=" Software Engineer"
aria-label="عنوان شغلی"
required="required"
autocomplete="off"
Style="text-align:left;direction:ltr;" >

</asp:TextBox >


<asp:HiddenField
ID="hfCode"
runat="server"
ClientIDMode="Static" / >


<div id="job-suggest"
class="suggest-box"
style="display:none;font-family:Tahoma,sans-serif;"
dir="rtl" >
</div >

</div >

</div >
<!-- شهر / ایالت -->
<div class="col-lg-4 col-md-6" >

<label class="form-label fw-bold"
for="<%= ddlLocation.ClientID %>" >

شهر / ایالت

</label >


<div class="form-icon" >

<i class="far fa-location-dot" > </i >


<asp:DropDownList
ID="ddlLocation"
runat="server"
CssClass="form-select hc-location-select" >


<asp:ListItem Value="" >

همه شهرها و ایالت‌ها

</asp:ListItem >


<asp:ListItem Value="Sydney, NSW" >

سیدنی، نیو ساوت ولز

</asp:ListItem >


<asp:ListItem Value="Melbourne, VIC" >

ملبورن، ویکتوریا

</asp:ListItem >


<asp:ListItem Value="Brisbane, QLD" >

بریزبن، کوئینزلند

</asp:ListItem >


<asp:ListItem Value="Perth, WA" >

پرت، استرالیای غربی

</asp:ListItem >


<asp:ListItem Value="Adelaide, SA" >

آدلاید، استرالیای جنوبی

</asp:ListItem >


<asp:ListItem Value="Canberra, ACT" >

کانبرا، قلمرو پایتختی استرالیا

</asp:ListItem >


</asp:DropDownList >

</div >

</div >
<!-- دکمه جستجو -->
<div class="col-lg-3" >

<asp:LinkButton
ID="LinkButton1"
runat="server"
OnClick="LinkButton1_Click"
CssClass="theme-btn" >

جست‌وجوی فرصت‌ها

<i class="fas fa-arrow-left" > </i >

</asp:LinkButton >

</div >

</div >
<!-- =================================================
فیلترهای بیشتر
این بخش حذف نشده
================================================== -->
<button
class="hc-more-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#advancedJobFilters"
aria-expanded="false"
aria-controls="advancedJobFilters" >

<i class="far fa-sliders" > </i >

فیلترهای بیشتر

</button >


<div
class="collapse hc-more"
id="advancedJobFilters" >


<div class="row g-3"
dir="rtl" >
<!-- ==========================
زمان انتشار آگهی
=========================== -->
<div class="col-lg-4 col-md-6" >

<asp:DropDownList
ID="DropDownList2"
runat="server"
CssClass="select" >

<asp:ListItem Value="0" >

زمان انتشار آگهی

</asp:ListItem >


<asp:ListItem Value="1" >

بدون محدودیت زمانی

</asp:ListItem >


<asp:ListItem Value="2" >

۲۴ ساعت گذشته

</asp:ListItem >


<asp:ListItem Value="3" >

۳ روز گذشته

</asp:ListItem >


<asp:ListItem Value="4" >

۱۴ روز گذشته

</asp:ListItem >

</asp:DropDownList >

</div >
<!-- ==========================
حوزه شغلی
=========================== -->
<div class="col-lg-4 col-md-6" >

<asp:DropDownList
ID="ddlJobRole"
runat="server"
CssClass="select" >

<asp:ListItem Value="" >

حوزه شغلی

</asp:ListItem >


<asp:ListItem Value="Software Engineer" >

مهندس نرم‌افزار

</asp:ListItem >


<asp:ListItem Value="Project Manager" >

مدیر پروژه

</asp:ListItem >


<asp:ListItem Value="Data Analyst" >

تحلیلگر داده

</asp:ListItem >


<asp:ListItem Value="Nursing / Healthcare" >

پرستاری / خدمات درمانی

</asp:ListItem >

</asp:DropDownList >

</div >
<!-- ==========================
مهارت‌های کلیدی
=========================== -->
<div class="col-lg-4 col-md-6" >

<asp:TextBox
ID="txtSkills"
runat="server"
CssClass="form-control"
placeholder="مهارت‌های کلیدی؛ مانند React یا Python"
aria-label="مهارت‌های کلیدی"
Style="text-align:right;direction:rtl;" >

</asp:TextBox >

</div >
<!-- ==========================
سابقه کاری
=========================== -->
<div class="col-lg-4 col-md-6" >

<asp:DropDownList
ID="ddlExperience"
runat="server"
CssClass="select" >

<asp:ListItem Value="" >

سطح سابقه کاری

</asp:ListItem >


<asp:ListItem Value="Entry Level" >

تازه‌کار (۰ تا ۲ سال)

</asp:ListItem >


<asp:ListItem Value="Intermediate" >

متوسط (۳ تا ۵ سال)

</asp:ListItem >


<asp:ListItem Value="Senior" >

ارشد (بیش از ۶ سال)

</asp:ListItem >


<asp:ListItem Value="Executive" >

مدیریتی / سرپرستی

</asp:ListItem >

</asp:DropDownList >

</div >
<!-- ==========================
حداقل حقوق
=========================== -->
<div class="col-lg-4 col-md-6" >

<asp:TextBox
ID="txtSalaryMin"
runat="server"
CssClass="form-control"
TextMode="Number"
placeholder="حداقل حقوق سالانه (AUD)"
aria-label="حداقل حقوق سالانه"
Style="text-align:right;direction:rtl;" >

</asp:TextBox >

</div >
<!-- ==========================
حداکثر حقوق
=========================== -->
<div class="col-lg-4 col-md-6" >

<asp:TextBox
ID="txtSalaryMax"
runat="server"
CssClass="form-control"
TextMode="Number"
placeholder="حداکثر حقوق سالانه (AUD)"
aria-label="حداکثر حقوق سالانه"
Style="text-align:right;direction:rtl;" >

</asp:TextBox >

</div >


</div >

</div >
<!-- توضیح زیر فیلتر -->
<p class="hc-note" >

<i class="far fa-shield-check" > </i >

ابتدا فرصت‌ها را بررسی کنید؛
سپس برای موقعیت مناسب اقدام کنید.

</p >


</form >

</div >

</div >

</div >
<!-- =================================================
SLIDE 3
================================================== -->
<div class="az-hero-slide" >

<div class="az-slide-content az-slide-message" >


<p class="hc-hero-copy" >

فرصت مناسب تخصصتان را پیدا کنید،
برای همان موقعیت رزومه‌ای متناسب آماده کنید
و هدفمند اقدام کنید تا توانایی حرفه‌ای شما دیده شود.

</p >


<div class="hc-hero-highlight" >

<i class="far fa-bullseye-arrow" > </i >

هدف: دیده‌شدن رزومه،
جلب نظر کارفرما و رسیدن به مصاحبه.

</div >


</div >

</div >
<!-- =================================================
SLIDE 4
================================================== -->
<div class="az-hero-slide" >

<div class="az-slide-content az-slide-final" >


<p class="hc-hero-copy" >

پس از شکل‌گیری تمایل کارفرما،
تیم اجرایی ما در استرالیا مراحل بعدی استخدام
و مسیر اسپانسرشیپ را پیگیری و هماهنگ می‌کند.

</p >


<div class="hc-actions" >


<a href="#search-jobs"
class="theme-btn" >

فرصت‌های مناسب من را پیدا کنید

<i class="far fa-arrow-left" > </i >

</a >


<a href="#sponsorship-jobs"
class="hc-secondary" >

فرصت‌های دارای اسپانسرشیپ

<i class="far fa-shield-check" > </i >

</a >


</div >


<p class="hc-note" >

شروع جست‌وجو رایگان است؛
ابتدا ببینید چه فرصت‌هایی برای تخصص شما وجود دارد.

</p >


</div >

</div >


</div >
<!-- =================================================
کنترل اسلاید
================================================== -->
<div class="az-hero-slider-nav" >


<button
type="button"
class="az-slider-arrow"
id="azHeroPrev"
aria-label="اسلاید قبلی" >

<i class="far fa-chevron-right" > </i >

</button >


<div
class="az-slider-dots"
id="azHeroDots" >


<button
class="active"
type="button"
aria-label="اسلاید 1" >
</button >


<button
type="button"
aria-label="اسلاید 2" >
</button >


<button
type="button"
aria-label="اسلاید 3" >
</button >


<button
type="button"
aria-label="اسلاید 4" >
</button >


</div >


<button
type="button"
class="az-slider-arrow"
id="azHeroNext"
aria-label="اسلاید بعدی" >

<i class="far fa-chevron-left" > </i >

</button >


</div >


</div >

</div >

</section >

این نسخه ترتیب اسلایدها را هم اصلاح کرده: اسلاید ۱ واقعاً اسلاید اول است و اسلاید جست‌وجو اسلاید دوم؛ بنابراین showSlide(0) دیگر باعث نمی‌شود جست‌وجو ناخواسته اسلاید اول باشد.
2. CSS کامل مربوط به همین Hero

این را بعد از CSSهای فعلی سایت قرار بده:
/* =========================================================
   AuzSeek Hero Slider
   FRONT-END ONLY
   Backend / WebForms IDs untouched
========================================================= */
.az-compact-hero {
    padding: 38px 0 30px !important;
    position: relative;
    overflow: hidden;
}

.az-compact-hero .hc-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.az-hero-kicker {
    margin-bottom: 12px !important;
}


/* =========================================================
   Slider
========================================================= */

.az-hero-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: grid;
}


/* همه اسلایدها روی هم */

.az-hero-slide {
    grid-area: 1 / 1;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(18px) scale(.985);
    transition: opacity .45s ease, transform .45s ease, visibility .45s ease;
}


    /* اسلاید فعال */

    .az-hero-slide.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0) scale(1);
    }


/* =========================================================
   Slide Content
========================================================= */

.az-slide-content {
    width: 100%;
    min-height: 285px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
}


/* =========================================================
   Slide 1
========================================================= */

.az-slide-intro {
    min-height: 250px;
}

    .az-slide-intro h1 {
        margin: 10px auto 0 !important;
        font-size: clamp(29px, 4vw, 46px) !important;
        line-height: 1.55 !important;
        max-width: 800px;
    }

        .az-slide-intro h1 .accent {
            color: #1aa7c7;
        }


/* =========================================================
   Search Slide
========================================================= */

.az-compact-search {
    width: 100%;
    max-width: 980px;
    margin: 0 auto !important;
    padding: 22px !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 40px rgba(11,41,66,.09) !important;
}

    .az-compact-search .hc-search-title {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

    .az-compact-search .hc-search-subtitle {
        margin-bottom: 15px !important;
    }

    .az-compact-search .hc-main-search-row {
        margin-top: 0;
    }


    /* =========================================================
   Search Form
========================================================= */

    .az-compact-search .form-control,
    .az-compact-search .select,
    .az-compact-search .hc-location-select {
        min-height: 48px;
        height: 48px;
        border-radius: 12px !important;
    }

    .az-compact-search .theme-btn {
        min-height: 48px;
        height: 48px;
        width: 100%;
        justify-content: center;
    }


    /* =========================================================
   More Filters
========================================================= */

    .az-compact-search .hc-more-btn {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border: 0;
        background: transparent;
        color: #174f7e;
        font-weight: 800;
        padding: 10px 0 0;
        cursor: pointer;
    }

    .az-compact-search .hc-more {
        margin-top: 10px;
        padding-top: 18px;
        border-top: 1px solid #edf1f5;
    }

        .az-compact-search .hc-more .form-control,
        .az-compact-search .hc-more .select {
            width: 100%;
            min-height: 48px;
            height: 48px;
            border: 1px solid #dce3ec;
            border-radius: 12px;
            background: #fff;
        }


/* =========================================================
   Message Slide
========================================================= */

.az-slide-message {
    max-width: 900px;
    margin: auto;
}

    .az-slide-message .hc-hero-copy {
        font-size: 17px;
        line-height: 2;
        margin-bottom: 18px;
    }

    .az-slide-message .hc-hero-highlight {
        width: 100%;
        max-width: 820px;
        margin: 0 auto !important;
        padding: 17px 22px !important;
        font-size: 16px !important;
        line-height: 1.9 !important;
        border-radius: 16px !important;
    }


/* =========================================================
   Final Slide
========================================================= */

.az-slide-final {
    max-width: 900px;
    margin: auto;
}

    .az-slide-final .hc-hero-copy {
        font-size: 16px;
        line-height: 2;
        margin-bottom: 18px;
    }

    .az-slide-final .hc-actions {
        margin-top: 10px !important;
    }

    .az-slide-final .hc-note {
        margin-top: 12px !important;
    }


/* =========================================================
   Slider Navigation
========================================================= */

.az-hero-slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 16px;
}


/* arrows */

.az-slider-arrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #d7e3ec;
    background: #fff;
    color: #123b60;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .25s ease;
}

    .az-slider-arrow:hover {
        background: #123b60;
        color: #fff;
        border-color: #123b60;
        transform: translateY(-1px);
    }


/* dots */

.az-slider-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .az-slider-dots button {
        width: 8px;
        height: 8px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #cbd8e2;
        cursor: pointer;
        transition: width .25s ease, background .25s ease;
    }

        .az-slider-dots button.active {
            width: 24px;
            border-radius: 10px;
            background: #1aa7c7;
        }


/* =========================================================
   Desktop
========================================================= */

@media (min-width: 992px) {

    .az-slide-content {
        min-height: 285px;
    }

    .az-slide-intro {
        min-height: 250px;
    }
}


/* =========================================================
   Tablet
========================================================= */

@media (max-width: 991.98px) {

    .az-compact-hero {
        padding: 32px 0 26px !important;
    }

    .az-slide-content {
        min-height: 300px;
    }

    .az-compact-search {
        padding: 18px !important;
    }
}


/* =========================================================
   Mobile
========================================================= */

@media (max-width: 575.98px) {

    .az-compact-hero {
        padding: 24px 0 22px !important;
    }

    .az-slide-content {
        min-height: 300px;
        padding: 12px 5px;
    }

    .az-slide-intro {
        min-height: 230px;
    }

        .az-slide-intro h1 {
            font-size: 28px !important;
        }

    .az-compact-search {
        padding: 15px !important;
        border-radius: 16px !important;
    }

    .az-slide-message .hc-hero-copy,
    .az-slide-final .hc-hero-copy {
        font-size: 15px;
    }

    .az-slide-message .hc-hero-highlight {
        font-size: 14px !important;
        padding: 14px !important;
    }

    .az-slide-final .hc-actions {
        flex-direction: column;
        width: 100%;
    }

        .az-slide-final .hc-actions a {
            width: 100%;
        }

    .az-hero-slider-nav {
        margin-top: 10px;
    }
}

3. JavaScript اسلایدشو

این بخش را قبل از </body > قرار بده. منطق Backend را اصلاً لمس نمی‌کند؛ فقط کلاس active اسلایدها را عوض می‌کند. منطق فعلی فایل شما نیز همین ساختار را دارد و توقف Auto Slide هنگام قرار گرفتن کاربر داخل فرم را هم حفظ کرده‌ام.

<script >
document.addEventListener("DOMContentLoaded", function () {

    const slider = document.getElementById("azHeroSlider");

    if (!slider) return;


    const slides =
        slider.querySelectorAll(".az-hero-slide");


    const dots =
        document.querySelectorAll("#azHeroDots button");


    const prev =
        document.getElementById("azHeroPrev");


    const next =
        document.getElementById("azHeroNext");


    let current = 0;

    let timer = null;


    /* =========================
       نمایش اسلاید
    ========================== */

    function showSlide(index) {

        if (index < 0) {
            index = slides.length - 1;
        }

        if (index >= slides.length) {
            index = 0;
        }


        slides.forEach(function (slide, i) {

            slide.classList.toggle(
                "active",
                i === index
            );

        });


        dots.forEach(function (dot, i) {

            dot.classList.toggle(
                "active",
                i === index
            );

        });


        current = index;

    }


    /* =========================
       اسلاید بعدی
    ========================== */

    function nextSlide() {

        showSlide(current + 1);

    }


    /* =========================
       اسلاید قبلی
    ========================== */

    function prevSlide() {

        showSlide(current - 1);

    }


    /* =========================
       شروع حرکت خودکار
    ========================== */

    function startAutoSlide() {

        stopAutoSlide();


        timer = setInterval(function () {

            /*
                اگر کاربر داخل فرم جست‌وجو باشد،
                اسلاید خودکار تغییر نکند.
            */

            const active =
                slides[current];


            if (
                active &&
                active.contains(document.activeElement)
            ) {

                return;

            }


            nextSlide();

        }, 6000);

    }


    /* =========================
       توقف حرکت خودکار
    ========================== */

    function stopAutoSlide() {

        if (timer) {

            clearInterval(timer);

            timer = null;

        }

    }


    /* =========================
       دکمه قبلی
    ========================== */

    if (prev) {

        prev.addEventListener(
            "click",
            function () {

                prevSlide();

                startAutoSlide();

            }
        );

    }


    /* =========================
       دکمه بعدی
    ========================== */

    if (next) {

        next.addEventListener(
            "click",
            function () {

                nextSlide();

                startAutoSlide();

            }
        );

    }


    /* =========================
       نقاط پایین
    ========================== */

    dots.forEach(function (dot, index) {

        dot.addEventListener(
            "click",
            function () {

                showSlide(index);

                startAutoSlide();

            }
        );

    });


    /* =========================
       توقف هنگام Hover
    ========================== */

    slider.addEventListener(
        "mouseenter",
        stopAutoSlide
    );


    slider.addEventListener(
        "mouseleave",
        startAutoSlide
    );


    /* =========================
       شروع
    ========================== */

    showSlide(0);

    startAutoSlide();

});
</script >

نتیجه این نسخه

ترتیب دقیقاً این است:

اسلاید ۱

خارج از استرالیا هستید؟
فاصله، مانع شروع مسیر شما نیست.

اسلاید ۲

فرم کامل جست‌وجو
عنوان شغلی
شهر / ایالت
جست‌وجوی فرصت‌ها
فیلترهای بیشتر
زمان انتشار آگهی
حوزه شغلی
مهارت‌های کلیدی
سطح سابقه کاری
حداقل حقوق سالانه
حداکثر حقوق سالانه
متن زیر فیلتر

اسلاید ۳

فرصت مناسب تخصصتان را پیدا کنید...
هدف: دیده‌شدن رزومه، جلب نظر کارفرما و رسیدن به مصاحبه.

اسلاید ۴

پس از شکل‌گیری تمایل کارفرما...
فرصت‌های مناسب من را پیدا کنید
فرصت‌های دارای اسپانسرشیپ
شروع جست‌وجو رایگان است...

یعنی هیچ بخش محتوایی از Hero حذف نشده و کنترل‌های اصلی WebForms مثل TextBox1، hfCode، ddlLocation و LinkButton1 با OnClick="LinkButton1_Click" نیز دست‌نخورده باقی مانده‌اند.

فقط یک نکته خیلی مهم: در فایل فعلی شما jobSearchForm با runat="server" داخل Hero است. اگر در بخش دیگری از Default.aspx از قبل <form runat="server" > دارید، این فرم را نباید دوباره ایجاد کنید؛ در WebForms فقط یک Server Form باید وجود داشته باشد. در آن حالت باید فقط محتوای Hero داخل همان فرم اصلی قرار بگیرد، نه اینکه یک فرم دوم اضافه شود.
Pasted text(20261006-073749).txtDocument
اینو بهینه سازی کن و درستش کن و تبدیل کن به یک فایل css بهم بده
Worked for 34s

انجام شد. فایل CSS را از روی فایل ارسالی تمیز، اصلاح و بهینه کردم.

کارهایی که انجام شد:

حذف کامل <style > و </style >
حذف css و های اضافی
حذف ۲۹ قانون CSS کاملاً تکراری
حفظ ترتیب و Cascade برای جلوگیری از خراب شدن ظاهر
دست‌نخوردن Selectorها و کلاس‌های مورد استفاده توسط WebForms
اعتبارسنجی کامل CSS بعد از اصلاح
بدون Minify کردن، تا فایل همچنان قابل ویرایش و نگهداری باشد

حجم فایل از حدود 76KB به 71.5KB کاهش پیدا کرد و CSS نهایی از نظر Syntax معتبر است.
فایل نهایی:

نسخه نهایی بر اساس فایل ارسالی شما ساخته شده است.
AuzSeek-optimized.cssCode
Pasted text(20261006-074845).txtDocument
Pasted text (2)(20261006-074850).txtDocument
میخوام اسلایدها بک گراند تصویر داشته باشه
Worked for 33s

بله. برای Hero فعلی آوزسیک، بهترین حالت این است که هر اسلاید تصویر پس‌زمینه مستقل خودش را داشته باشد و روی تصویر یک لایه تیره قرار بگیرد تا متن خوانا بماند. ساختار فعلی اسلایدها و WebForms هم دست‌نخورده می‌ماند.

من CSS را بر همین اساس آماده کردم؛ ۴ تصویر جدا برای ۴ اسلاید:

hero-search.jpg — جست‌وجوی شغل
hero-australia.jpg — خارج از استرالیا
hero-career.jpg — فرصت شغلی و رزومه
hero-sponsorship.jpg — اسپانسرشیپ

فایل آماده است:
فقط این ۴ تصویر را در این مسیر قرار بده: /theme/ assets/img/hero/

یعنی: /theme/ assets/img/hero/hero-search.jpg /theme/ assets/img/hero/hero-australia.jpg /theme/ assets/img/hero/hero-career.jpg /theme/ assets/img/hero/hero-sponsorship.jpg

CSS طوری تنظیم شده که:

تصویر کل اسلاید را پر کند.
روی تصویر Overlay تیره داشته باشد.
متن سفید و خوانا شود.
فرم جستجو همچنان سفید و واضح بماند.
روی موبایل هم تصویر و Overlay مناسب باشد.
انیمیشن فعلی اسلایدر حفظ شود.
در صورت prefers-reduced-motion انیمیشن غیرفعال شود.

پیشنهاد من برای تصاویر: عکس‌های واقعی و حرفه‌ای مرتبط با مهاجرت کاری/محیط کار استرالیا، با فضای خالی در یک سمت تصویر تا متن روی آن قرار بگیرد. اگر بخواهی، می‌توانم ۴ تصویر حرفه‌ای مخصوص همین ۴ اسلاید هم برایت طراحی کنم.
AuzSeek-Hero-Image-Background.cssCode
/*
=========================================================
 AuzSeek / Homepage Stylesheet
 Optimized standalone CSS

 - HTML <style> wrappers removed
 - Markdown ```css wrappers removed
 - Exact duplicate CSS rules removed
 - Existing selectors, IDs and WebForms hooks preserved
 - Cascade-sensitive rules intentionally NOT merged
=========================================================
*/
@font-face {
    font-family: "Peyda";
    src: url(/assets2/fonts/PeydaWebFaNum-Medium.woff2);
}

body {
    font-family: "Peyda";
}

.dropdown-menu {
    left: 0 !important;
    right: auto !important;
    text-align: left;
}

.left-pinned {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    text-align: left;
}

.role__text {
    font-size: 15px;
    line-height: 1.8;
    color: #475569;
    margin-bottom: 18px;
}

.role__list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}

    .role__list li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        color: #334155;
        font-size: 14px;
    }

        .role__list li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: #16a34a;
            font-weight: 700;
        }

.role__btn {
    display: inline-block;
    padding: 11px 22px;
    border-radius: 10px;
    background: #0f172a;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

/* کل آیتم */
.job-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

    /* هاور حرفه‌ای */
    .job-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
    }

/* wrapper بیرونی آیتم */
.item {
    height: 100%;
}

/* بخش‌های داخلی کارت */
.job-card .car-top,
.job-card .car-img,
.job-card .car-content,
.job-card .car-bottom {
    width: 100%;
}

/* محتوا کش بیاید پایین تا همه کارت‌ها هم‌قد شوند */
.job-card .car-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px 18px 15px;
}

/* فوتر همیشه پایین */
.job-card .car-bottom {
    margin-top: auto;
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* بالای کارت */
.job-card .car-top {
    padding: 14px 16px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* badge لوکیشن */
.job-card .type {
    display: inline-block;
    background: #f3f6fb;
    color: #2c3e50;
    padding: 6px 12px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* بخش عکس */
.job-card .car-img {
    padding: 10px 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* قاب حرفه‌ای لوگو */
.job-logo-frame {
    width: 120px;
    height: 120px;
    border-radius: 22px;
    background: linear-gradient(145deg, #ffffff, #f3f5f9);
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    transition: all 0.3s ease;
}

/* افکت قاب در هاور */
.job-card:hover .job-logo-frame {
    transform: scale(1.03);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

/* خود لوگو */
.job-logo-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

/* عنوان */
.job-card .car-content h4 {
    min-height: 56px; /* برای یکدست شدن ارتفاع عنوان */
    margin: 14px 0 10px;
}

    .job-card .car-content h4 a {
        color: #111;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
        text-decoration: none;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* حداکثر دو خط */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

        .job-card .car-content h4 a:hover {
            color: #fa4a4a;
        }

/* لوکیشن */
.job-card .car-rate {
    min-height: 24px;
    margin-bottom: 12px;
    color: #666;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* لیست اطلاعات */
.job-card .info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .job-card .info-list li {
        min-height: 24px;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #444;
        font-size: 14px;
        margin-bottom: 8px;
    }

/* دکمه پایین */
.job-card .theme-btn {
    width: 100%;
    text-align: center;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 600;
}

/* آیکن قلب */
.job-card .favorite-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f8f9fb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #555;
    transition: all 0.3s ease;
}

    .job-card .favorite-btn:hover {
        background: #fa4a4a;
        color: #fff;
    }

.brand-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-img {
    flex: 0 0 auto;
}

.brand-logo-frame {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(145deg, #ffffff, #f3f5f9);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 6px 18px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.9);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.brand-logo-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.brand-square {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 18px 14px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    overflow: hidden;
}

    .brand-square:hover {
        transform: translateY(-5px);
        box-shadow: 0 14px 30px rgba(0,0,0,.12);
    }

    /* بخش عکس بالا */
    .brand-square .brand-img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
    }

    /* قاب ثابت عکس */
    .brand-square .brand-logo-frame {
        width: 95px;
        height: 95px;
        border-radius: 20px;
        background: linear-gradient(145deg, #ffffff, #f3f5f9);
        border: 1px solid rgba(0,0,0,.06);
        box-shadow: 0 6px 18px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.9);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px;
        transition: all 0.3s ease;
    }

    .brand-square:hover .brand-logo-frame {
        transform: scale(1.04);
        box-shadow: 0 10px 24px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.95);
    }

    /* خود عکس */
    .brand-square .brand-logo-img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }

    /* عنوان پایین */
    .brand-square .brand-content {
        width: 100%;
        margin-top: 14px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .brand-square .brand-content h4 {
            margin: 0;
            font-size: 15px;
            font-weight: 700;
            color: #222;
            line-height: 1.5;
            text-align: center;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }


/* تنظیمات نسخه فارسی */
html, body {
    direction: rtl;
    text-align: right;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

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

img, svg, video, canvas, iframe {
    max-width: 100%;
    height: auto;
}

.main, .header, .footer-area,
.hero-section, .feature-area, .car-area, .brand-area,
.counter-area, .testimonial-area, .seo-section {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

.row {
    max-width: 100%;
}

.owl-carousel,
.owl-stage-outer {
    max-width: 100%;
    overflow: hidden;
}

.navbar-nav, .offcanvas-body, .footer-area, .booking-form-wrap,
.feature-info, .site-heading, .counter-box, .testimonial-item {
    direction: rtl;
    text-align: right;
}

    .site-heading.text-center, .hero-content.text-center {
        text-align: center !important;
    }

.dropdown-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right;
}

.left-pinned {
    right: 0 !important;
    left: auto !important;
    text-align: right;
}

.role__list li {
    padding-right: 24px;
    padding-left: 0;
}

    .role__list li::before {
        right: 0;
        left: auto;
    }

.form-icon > i {
    right: 18px;
    left: auto;
}

.booking-form .form-control,
.booking-form .select,
.newsletter-form .form-control {
    text-align: right;
    direction: rtl;
}

.job-card[dir="ltr"],
.job-card [dir="ltr"],
.brand-slider[dir="ltr"],
.brand-slider [dir="ltr"] {
}

@media (max-width: 991.98px) {
    .offcanvas.offcanvas-end {
        right: 0;
        left: auto;
    }
}

/* سکشن‌های محتوایی و سئویی صفحه اصلی */
.seo-section {
    padding: 90px 0;
}

    .seo-section.bg-soft {
        background: #f7f9fc;
    }

.section-lead {
    max-width: 760px;
    margin: 0 auto 42px;
    color: #5b6473;
    line-height: 2;
    text-align: center;
}

.seo-card {
    height: 100%;
    background: #fff;
    border: 1px solid #e9edf3;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}

    .seo-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 16px 38px rgba(15, 23, 42, .10);
    }

    .seo-card .seo-icon {
        width: 54px;
        height: 54px;
        border-radius: 15px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #fff3e0;
        color: #e78300;
        font-size: 23px;
        margin-bottom: 18px;
    }

    .seo-card h3, .seo-card h4 {
        font-size: 19px;
        margin-bottom: 12px;
    }

    .seo-card p {
        color: #667085;
        line-height: 1.95;
        margin-bottom: 0;
    }

.popular-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 100%;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #e7ebf1;
    border-radius: 14px;
    color: #1f2937;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
}

    .popular-link:hover {
        color: #d97706;
        border-color: #f4b55c;
        transform: translateY(-3px);
    }

.step-number {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0f172a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    margin-bottom: 16px;
}

.content-checklist {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
}

    .content-checklist li {
        position: relative;
        padding-right: 30px;
        margin-bottom: 12px;
        color: #475467;
        line-height: 1.8;
    }

        .content-checklist li::before {
            content: "✓";
            position: absolute;
            right: 0;
            top: 0;
            color: #16a34a;
            font-weight: 800;
        }

.faq-wrap {
    max-width: 920px;
    margin: 0 auto;
}

    .faq-wrap .accordion-item {
        border: 1px solid #e6eaf0;
        border-radius: 14px !important;
        overflow: hidden;
        margin-bottom: 14px;
        background: #fff;
    }

    .faq-wrap .accordion-button {
        font-weight: 700;
        text-align: right;
        direction: rtl;
        box-shadow: none !important;
    }

        .faq-wrap .accordion-button::after {
            margin-right: auto;
            margin-left: 0;
        }

    .faq-wrap .accordion-body {
        color: #5b6473;
        line-height: 2;
    }

.cta-panel {
    background: linear-gradient(135deg, #0f172a, #173a62);
    color: #fff;
    border-radius: 24px;
    padding: 42px;
    overflow: hidden;
    position: relative;
}

    .cta-panel h2 {
        color: #fff;
        margin-bottom: 14px;
    }

    .cta-panel p {
        color: rgba(255,255,255,.78);
        line-height: 1.9;
        margin-bottom: 0;
    }

.cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

    .cta-actions .theme-btn.secondary {
        background: #fff;
        color: #0f172a;
    }

.trust-note {
    margin-top: 18px;
    font-size: 13px;
    color: #667085;
    line-height: 1.9;
}

.hero-content h1.hero-title {
    line-height: 1.55;
}

.hero-content .hero-subtitle {
    direction: rtl;
    text-align: center;
    line-height: 2;
}

.visually-hidden-focusable:focus {
    position: fixed !important;
    top: 10px;
    right: 10px;
    z-index: 99999;
    padding: 10px 16px;
    background: #fff;
    color: #111;
}

@media (max-width: 767.98px) {
    .seo-section {
        padding: 65px 0;
    }

    .cta-panel {
        padding: 28px 22px;
        text-align: center;
    }

    .cta-actions {
        justify-content: center;
        margin-top: 24px;
    }

    .container,
    .container-fluid {
        max-width: 100%;
    }

    .hero-img img {
        width: min(300px, 82vw) !important;
    }

    .booking-form-wrap,
    .seo-card,
    .cta-panel {
        min-width: 0;
    }
}


/* ===== Clean homepage ===== */
.home-clean {
    background: #fff;
}

    .home-clean .hc-section {
        padding: 76px 0;
    }

    .home-clean .hc-soft {
        background: #f7f9fc;
    }

    .home-clean .hc-wrap {
        max-width: 1180px;
        margin: 0 auto;
    }

    .home-clean .hc-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 12px;
        border-radius: 999px;
        background: #fff3df;
        color: #b96500;
        font-size: 13px;
        font-weight: 800;
        margin-bottom: 14px;
    }

    .home-clean .hc-title {
        color: #0f2f4f;
        font-size: clamp(27px,3.2vw,42px);
        line-height: 1.45;
        font-weight: 900;
        margin: 0 0 14px;
    }

    .home-clean .hc-lead {
        max-width: 760px;
        margin: 0 auto;
        color: #667085;
        font-size: 16px;
        line-height: 2;
        text-align: center;
    }

    .home-clean .hc-hero {
        padding: 72px 0 42px;
        background: linear-gradient(180deg,#f7fbff 0%,#fff 100%);
        position: relative;
        overflow: hidden;
    }

        .home-clean .hc-hero h1 {
            max-width: 900px;
            margin: 0 auto 16px;
            color: #0f2f4f;
            font-size: clamp(32px,4.4vw,54px);
            line-height: 1.42;
            font-weight: 900;
        }

            .home-clean .hc-hero h1 span {
                color: #e78400;
            }

    .home-clean .hc-hero-copy {
        max-width: 790px;
        margin: 0 auto;
        color: #475467;
        font-size: 17px;
        line-height: 2;
    }

    .home-clean .hc-trust {
        display: flex;
        justify-content: center;
        gap: 18px;
        flex-wrap: wrap;
        margin-top: 18px;
        color: #667085;
        font-size: 13px;
    }

        .home-clean .hc-trust i {
            color: #11a36a;
            margin-left: 5px;
        }

    .home-clean .hc-search-box {
        max-width: 1060px;
        margin: 34px auto 0;
        background: #fff;
        border: 1px solid #e4eaf1;
        border-radius: 22px;
        padding: 22px;
        box-shadow: 0 18px 55px rgba(15,47,79,.10);
    }

    .home-clean .hc-search-title {
        color: #0f2f4f;
        font-weight: 900;
        font-size: 18px;
        margin-bottom: 16px;
    }

    /* تراز دقیق فیلدهای جست‌وجوی اصلی */
    .home-clean .hc-main-search-row > [class*="col-"] {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .home-clean .hc-main-search-row .form-label {
        display: block;
        min-height: 24px;
        line-height: 24px;
        margin: 0 0 8px !important;
    }

    .home-clean .hc-main-search-row .form-icon {
        position: relative;
        width: 100%;
        height: 48px;
        min-height: 48px;
        margin: 0 !important;
    }

        .home-clean .hc-main-search-row .form-icon > i {
            position: absolute;
            top: 50%;
            right: 16px;
            transform: translateY(-50%);
            z-index: 3;
            margin: 0;
        }

    .home-clean .hc-search-box .form-control,
    .home-clean .hc-search-box .select {
        min-height: 48px;
        border-radius: 12px;
        border: 1px solid #dce3ec;
        width: 100%;
        background: #fff;
    }

    .home-clean .hc-main-search-row .form-icon > .form-control,
    .home-clean .hc-main-search-row .form-icon > select,
    .home-clean .hc-main-search-row .form-icon > .select,
    .home-clean .hc-main-search-row .form-icon > .ss-main {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    .home-clean .hc-main-search-row .ss-main {
        border-radius: 12px !important;
        border: 1px solid #dce3ec !important;
        background: #fff !important;
    }
    /* شهر / ایالت: از SlimSelect خارج شده تا منوی بازشونده طبیعی و جمع‌وجور باشد */
    .home-clean .hc-main-search-row .hc-location-select {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 44px 0 36px !important;
        margin: 0 !important;
        border: 1px solid #dce3ec !important;
        border-radius: 12px !important;
        background-color: #fff !important;
        color: #344054 !important;
        font-size: 14px !important;
        font-weight: 500;
        line-height: 48px;
        direction: rtl;
        text-align: right;
        box-shadow: none !important;
    }

        .home-clean .hc-main-search-row .hc-location-select:focus {
            border-color: #7eb0dc !important;
            box-shadow: 0 0 0 3px rgba(23,79,126,.08) !important;
            outline: 0;
        }

        .home-clean .hc-main-search-row .hc-location-select option {
            font-size: 14px;
            direction: rtl;
        }

    .home-clean .hc-main-search-row .theme-btn {
        height: 48px;
        min-height: 48px;
        margin: 0 !important;
    }

    .home-clean .hc-search-box .theme-btn {
        min-height: 48px;
        width: 100%;
        justify-content: center;
    }

    .home-clean .hc-more-btn {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border: 0;
        background: transparent;
        color: #174f7e;
        font-weight: 800;
        padding: 10px 0 0;
        cursor: pointer;
    }

    .home-clean .hc-more {
        margin-top: 10px;
        padding-top: 18px;
        border-top: 1px solid #edf1f5;
    }

    .home-clean .hc-note {
        margin: 12px 0 0;
        color: #7b8794;
        font-size: 12px;
    }

    .home-clean .hc-grid-3 {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 18px;
        margin-top: 34px;
    }

    .home-clean .hc-card {
        background: #fff;
        border: 1px solid #e6ebf2;
        border-radius: 18px;
        padding: 24px;
        height: 100%;
        box-shadow: 0 10px 30px rgba(16,24,40,.05);
    }

    .home-clean .hc-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eef6ff;
        color: #174f7e;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .home-clean .hc-card h3 {
        font-size: 18px;
        color: #1d2939;
        font-weight: 900;
        margin-bottom: 9px;
    }

    .home-clean .hc-card p {
        margin: 0;
        color: #667085;
        line-height: 1.9;
        font-size: 14px;
    }

    .home-clean .hc-step-no {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #0f2f4f;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 900;
        margin-bottom: 12px;
    }

    .home-clean .hc-jobs-head {
        margin-bottom: 28px;
    }

    .home-clean .hc-jobs-actions {
        margin-top: 28px;
        text-align: center;
    }

    .home-clean .hc-seo-panel {
        border-radius: 24px;
        padding: 34px;
        background: linear-gradient(135deg,#0f2f4f,#174f7e);
        color: #fff;
    }

        .home-clean .hc-seo-panel h2 {
            color: #fff;
            font-size: clamp(25px,3vw,36px);
            font-weight: 900;
            margin-bottom: 12px;
        }

        .home-clean .hc-seo-panel p {
            color: rgba(255,255,255,.80);
            line-height: 2;
            margin-bottom: 20px;
        }

        .home-clean .hc-seo-panel .theme-btn {
            background: #fff;
            color: #0f2f4f;
        }

    .home-clean .hc-faq {
        max-width: 900px;
        margin: 30px auto 0;
    }

        .home-clean .hc-faq details {
            background: #fff;
            border: 1px solid #e6ebf2;
            border-radius: 14px;
            margin-bottom: 12px;
            overflow: hidden;
        }

        .home-clean .hc-faq summary {
            list-style: none;
            cursor: pointer;
            padding: 18px 20px;
            color: #1d2939;
            font-weight: 900;
            position: relative;
        }

            .home-clean .hc-faq summary::-webkit-details-marker {
                display: none;
            }

            .home-clean .hc-faq summary:after {
                content: "+";
                position: absolute;
                left: 20px;
                top: 16px;
                color: #174f7e;
                font-size: 22px;
            }

        .home-clean .hc-faq details[open] summary:after {
            content: "−";
        }

        .home-clean .hc-faq p {
            margin: 0;
            padding: 0 20px 20px;
            color: #667085;
            line-height: 2;
        }

    .home-clean .hc-final {
        border: 1px solid #e2e8f0;
        border-radius: 24px;
        padding: 34px;
        background: #f8fbff;
        text-align: center;
    }

        .home-clean .hc-final h2 {
            color: #0f2f4f;
            font-weight: 900;
            margin-bottom: 10px;
        }

        .home-clean .hc-final p {
            color: #667085;
            line-height: 1.9;
            max-width: 760px;
            margin: 0 auto 20px;
        }

    .home-clean .hc-final-actions {
        display: flex;
        gap: 12px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .home-clean .hc-outline {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 22px;
        border: 1px solid #0f2f4f;
        border-radius: 12px;
        color: #0f2f4f;
        font-weight: 800;
        text-decoration: none;
        background: #fff;
    }

    .home-clean .hc-compat {
        display: none !important;
    }

@media(max-width:991.98px) {
    .home-clean .hc-grid-3 {
        grid-template-columns: 1fr;
    }

    .home-clean .hc-section {
        padding: 58px 0;
    }

    .home-clean .hc-search-box {
        padding: 18px;
    }
}

@media(max-width:575.98px) {
    .home-clean .hc-hero {
        padding: 48px 0 30px;
    }

    .home-clean .hc-hero-copy {
        font-size: 15px;
    }

    .home-clean .hc-search-box {
        border-radius: 16px;
    }

    .home-clean .hc-seo-panel, .home-clean .hc-final {
        padding: 24px 18px;
        border-radius: 18px;
    }
}


/* =========================================================
   AuzSeek Modern Compact Footer
   Primary: #123B60
========================================================= */
.az-footer {
    --az-primary: #123B60;
    --az-primary-dark: #0b2943;
    --az-primary-light: #1b4d78;
    --az-accent: #e78400;
    width: 100%;
    background: var(--az-primary);
    color: #fff;
    overflow: hidden;
    position: relative;
}


/* =========================
   Main Footer
========================= */

.az-footer-main {
    padding: 46px 0 38px;
    background: radial-gradient( circle at 10% 20%, rgba(255,255,255,.055), transparent 32% ), linear-gradient( 135deg, #123B60 0%, #0e3150 55%, #0b2943 100% );
}


.az-footer .container {
    width: 100%;
}


/* =========================
   Grid
========================= */

.az-footer-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.45fr) minmax(150px, .8fr) minmax(230px, 1fr) minmax(240px, 1fr);
    gap: 38px;
    align-items: start;
}


/* =========================
   Brand
========================= */

.az-footer-brand {
    min-width: 0;
}


.az-footer-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 13px;
    padding: 7px 12px;
    height: 54px;
    margin-bottom: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,.12);
    transition: .25s ease;
}


    .az-footer-logo:hover {
        transform: translateY(-2px);
    }


    .az-footer-logo img {
        max-height: 38px;
        max-width: 150px;
        width: auto;
        object-fit: contain;
    }


.az-footer-brand p {
    color: rgba(255,255,255,.72);
    font-size: 13px;
    line-height: 1.95;
    margin: 0;
    max-width: 390px;
}


.az-footer-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}


    .az-footer-badges span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 9px;
        border-radius: 7px;
        background: rgba(255,255,255,.07);
        border: 1px solid rgba(255,255,255,.09);
        color: rgba(255,255,255,.78);
        font-size: 11px;
    }


    .az-footer-badges i {
        color: #55d89a;
    }


/* =========================
   Columns
========================= */

.az-footer-column h4,
.az-footer-newsletter h4 {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    margin: 3px 0 19px;
    padding-right: 12px;
}


    .az-footer-column h4::before,
    .az-footer-newsletter h4::before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 17px;
        border-radius: 4px;
        background: var(--az-accent);
    }


.az-footer-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


.az-footer-column li {
    margin-bottom: 9px;
}


    .az-footer-column li:last-child {
        margin-bottom: 0;
    }


    .az-footer-column li a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: rgba(255,255,255,.67);
        text-decoration: none;
        font-size: 12.5px;
        line-height: 1.8;
        transition: .22s ease;
    }


        .az-footer-column li a i {
            color: rgba(255,255,255,.35);
            font-size: 10px;
            transition: .22s ease;
        }


        .az-footer-column li a:hover {
            color: #fff;
            transform: translateX(-3px);
        }


            .az-footer-column li a:hover i {
                color: var(--az-accent);
            }


/* =========================
   Contact
========================= */

.az-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #fff;
    text-decoration: none;
    min-width: 0;
}


    .az-contact-item:last-child {
        margin-bottom: 0;
    }


.az-contact-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 13px;
    transition: .22s ease;
}


.az-contact-item:hover .az-contact-icon {
    background: var(--az-accent);
    transform: translateY(-2px);
}


.az-contact-item > span:last-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}


.az-contact-item small {
    color: rgba(255,255,255,.45);
    font-size: 10px;
    line-height: 1.5;
}


.az-contact-item strong {
    color: rgba(255,255,255,.82);
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.7;
}


.az-footer-contact .az-contact-item strong {
    direction: rtl;
}


/* =========================
   Newsletter
========================= */

.az-footer-newsletter p {
    color: rgba(255,255,255,.62);
    font-size: 12px;
    line-height: 1.8;
    margin: 0 0 13px;
}


.az-newsletter {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.13);
    overflow: hidden;
}


    .az-newsletter > i {
        position: absolute;
        right: 13px;
        color: rgba(255,255,255,.45);
        font-size: 13px;
        pointer-events: none;
    }


    .az-newsletter input {
        width: 100%;
        height: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #fff;
        padding: 0 38px 0 52px;
        font-size: 12px;
        direction: rtl;
    }


        .az-newsletter input::placeholder {
            color: rgba(255,255,255,.42);
        }


    .az-newsletter button {
        position: absolute;
        left: 4px;
        top: 4px;
        bottom: 4px;
        width: 36px;
        border: 0;
        border-radius: 7px;
        background: var(--az-accent);
        color: #fff;
        cursor: pointer;
        transition: .22s ease;
    }


        .az-newsletter button:hover {
            background: #f39b21;
            transform: scale(.96);
        }


/* =========================
   Social
========================= */

.az-footer-social {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
}


    .az-footer-social a {
        width: 31px;
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: rgba(255,255,255,.07);
        border: 1px solid rgba(255,255,255,.08);
        color: rgba(255,255,255,.72);
        text-decoration: none;
        font-size: 12px;
        transition: .22s ease;
    }


        .az-footer-social a:hover {
            background: #fff;
            color: var(--az-primary);
            transform: translateY(-3px);
        }


/* =========================
   Bottom Bar
========================= */

.az-footer-bottom {
    background: rgba(5,22,36,.42);
    border-top: 1px solid rgba(255,255,255,.08);
}


.az-footer-bottom-inner {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}


.az-footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,.5);
    font-size: 10.5px;
    line-height: 1.8;
}


    .az-footer-bottom p strong {
        color: rgba(255,255,255,.75);
        font-weight: 700;
    }


.az-footer-bottom-links {
    display: flex;
    align-items: center;
    gap: 10px;
}


    .az-footer-bottom-links a {
        color: rgba(255,255,255,.55);
        text-decoration: none;
        font-size: 10.5px;
        transition: .2s ease;
    }


        .az-footer-bottom-links a:hover {
            color: #fff;
        }


    .az-footer-bottom-links span {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: rgba(255,255,255,.25);
    }


/* =========================================================
   Tablet
========================================================= */

@media (max-width: 991.98px) {

    .az-footer-main {
        padding: 38px 0 30px;
    }

    .az-footer-grid {
        grid-template-columns: 1.4fr 1fr 1fr;
        gap: 28px;
    }

    .az-footer-brand {
        grid-column: span 3;
    }

        .az-footer-brand p {
            max-width: 650px;
        }
}


/* =========================================================
   Mobile
========================================================= */

@media (max-width: 767.98px) {

    .az-footer-main {
        padding: 32px 0 24px;
    }

    .az-footer-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px 18px;
    }


    .az-footer-brand {
        grid-column: span 2;
        padding-bottom: 3px;
    }


    .az-footer-logo {
        height: 49px;
        padding: 6px 10px;
        margin-bottom: 12px;
    }


        .az-footer-logo img {
            max-height: 34px;
            max-width: 135px;
        }


    .az-footer-brand p {
        font-size: 12px;
        line-height: 1.9;
        max-width: 100%;
    }


    .az-footer-badges {
        margin-top: 12px;
        gap: 6px;
    }


        .az-footer-badges span {
            font-size: 10px;
            padding: 5px 7px;
        }


    .az-footer-column h4,
    .az-footer-newsletter h4 {
        font-size: 13px;
        margin-bottom: 13px;
    }


    .az-footer-column li {
        margin-bottom: 6px;
    }


        .az-footer-column li a {
            font-size: 11px;
        }


    .az-footer-contact .az-contact-item {
        margin-bottom: 8px;
        gap: 7px;
    }


    .az-contact-icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        font-size: 11px;
        border-radius: 8px;
    }


    .az-contact-item small {
        font-size: 9px;
    }


    .az-contact-item strong {
        font-size: 10px;
        line-height: 1.5;
    }


    .az-footer-newsletter {
        grid-column: span 2;
        border-top: 1px solid rgba(255,255,255,.08);
        padding-top: 20px;
    }


        .az-footer-newsletter p {
            font-size: 11px;
            margin-bottom: 10px;
        }


    .az-newsletter {
        height: 42px;
    }


    .az-footer-social {
        margin-top: 12px;
    }


        .az-footer-social a {
            width: 29px;
            height: 29px;
            font-size: 11px;
        }


    .az-footer-bottom-inner {
        min-height: auto;
        padding: 12px 0;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 5px;
    }


    .az-footer-bottom p,
    .az-footer-bottom-links a {
        font-size: 9.5px;
    }
}


/* =========================================================
   Small Phones
========================================================= */

@media (max-width: 420px) {

    .az-footer-main {
        padding-top: 27px;
    }


    .az-footer-grid {
        gap: 22px 14px;
    }


    .az-footer-brand p {
        font-size: 11px;
    }


    .az-footer-badges {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }


        .az-footer-badges span {
            justify-content: center;
            white-space: nowrap;
        }


    .az-footer-column li a {
        font-size: 10.5px;
    }


    .az-contact-item strong {
        font-size: 9.5px;
    }


    .az-footer-bottom-links {
        gap: 7px;
    }
}


/* =========================================================
   SPONSORSHIP JOBS - PREMIUM LOCKED CARDS
========================================================= */

.home-clean .hc-sponsor-head {
    margin-bottom: 30px;
}

.home-clean .hc-sponsor-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #eef6ff, #f8fbff);
    border: 1px solid #dce9f5;
    color: #174f7e;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 14px;
}

    .home-clean .hc-sponsor-kicker i {
        color: #e78400;
    }

.home-clean .hc-sponsor-note {
    max-width: 760px;
    margin: 0 auto;
    color: #667085;
    line-height: 2;
    font-size: 15px;
}


/* =========================
   Sponsorship Job Card
========================= */

.home-clean .sponsor-job-card {
    position: relative;
    height: 100%;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2eaf3;
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(15,47,79,.07);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

    .home-clean .sponsor-job-card:hover {
        transform: translateY(-6px);
        border-color: #cbddec;
        box-shadow: 0 20px 45px rgba(15,47,79,.12);
    }


/* نوار بالای کارت */

.home-clean .sponsor-job-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 17px;
    border-bottom: 1px solid #edf1f5;
}

.home-clean .sponsor-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eefaf5;
    color: #16805c;
    font-size: 11px;
    font-weight: 900;
}

    .home-clean .sponsor-badge i {
        font-size: 11px;
    }

.home-clean .sponsor-location {
    color: #7b8794;
    font-size: 11px;
    white-space: nowrap;
}


/* لوگو */

.home-clean .sponsor-job-logo {
    padding: 22px 20px 8px;
    display: flex;
    justify-content: center;
}

.home-clean .sponsor-logo-frame {
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 20px;
    background: linear-gradient(145deg,#fff,#f5f8fc);
    border: 1px solid #e5ebf2;
    box-shadow: 0 8px 22px rgba(15,47,79,.07);
}

    .home-clean .sponsor-logo-frame img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }


/* محتوا */

.home-clean .sponsor-job-content {
    flex: 1;
    padding: 10px 20px 18px;
    text-align: center;
}

.home-clean .sponsor-job-title {
    min-height: 54px;
    margin: 8px 0 12px;
    color: #172b3f;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.6;
}

.home-clean .sponsor-job-company {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 9px;
    color: #526273;
    font-size: 13px;
}

    .home-clean .sponsor-job-company i {
        color: #174f7e;
    }

.home-clean .sponsor-job-location {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #7b8794;
    font-size: 12px;
}


/* =========================
   Lock Overlay
========================= */

.home-clean .sponsor-lock {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: linear-gradient( 180deg, rgba(15,47,79,.05), rgba(15,47,79,.18) );
    pointer-events: none;
}

.home-clean .sponsor-lock-box {
    width: min(270px, 90%);
    padding: 22px 20px;
    text-align: center;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 20px;
    box-shadow: 0 18px 50px rgba(15,47,79,.20);
    backdrop-filter: blur(12px);
    transform: translateY(8px);
    transition: .3s ease;
}

.home-clean .sponsor-job-card:hover .sponsor-lock-box {
    transform: translateY(3px);
}

.home-clean .sponsor-lock-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(135deg,#123b60,#174f7e);
    color: #fff;
    font-size: 23px;
    box-shadow: 0 10px 25px rgba(18,59,96,.22);
}

.home-clean .sponsor-lock-box strong {
    display: block;
    color: #17344e;
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 7px;
}

.home-clean .sponsor-lock-box span {
    display: block;
    color: #6b7785;
    font-size: 12px;
    line-height: 1.8;
}


/* =========================
   Bottom CTA
========================= */

.home-clean .sponsor-job-bottom {
    position: relative;
    padding: 15px 18px 18px;
    border-top: 1px solid #edf1f5;
}

.home-clean .sponsor-plan-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    border-radius: 12px;
    background: #f4f7fa;
    color: #607080;
    border: 1px solid #e0e7ee;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: .25s ease;
}

    .home-clean .sponsor-plan-btn:hover {
        background: #123b60;
        border-color: #123b60;
        color: #fff;
        transform: translateY(-2px);
    }

    .home-clean .sponsor-plan-btn i {
        font-size: 13px;
    }


/* =========================
   Section bottom note
========================= */

.home-clean .sponsor-jobs-footnote {
    max-width: 700px;
    margin: 25px auto 0;
    padding: 13px 18px;
    border-radius: 13px;
    background: #f7faff;
    border: 1px solid #e3ebf4;
    color: #667085;
    font-size: 12px;
    line-height: 1.9;
    text-align: center;
}

    .home-clean .sponsor-jobs-footnote i {
        color: #174f7e;
        margin-left: 5px;
    }


/* =========================
   Mobile
========================= */

@media (max-width: 767.98px) {

    .home-clean .hc-sponsor-head {
        margin-bottom: 22px;
    }

    .home-clean .hc-sponsor-note {
        font-size: 14px;
    }

    .home-clean .sponsor-job-card {
        min-height: 410px;
        border-radius: 18px;
    }

    .home-clean .sponsor-logo-frame {
        width: 90px;
        height: 90px;
    }

    .home-clean .sponsor-lock-box {
        padding: 19px 16px;
    }

    .home-clean .sponsor-lock-icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
        font-size: 20px;
    }
}

@media (max-width: 420px) {

    .home-clean .sponsor-job-top {
        padding: 12px 13px;
    }

    .home-clean .sponsor-job-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-clean .sponsor-job-title {
        font-size: 15px;
    }

    .home-clean .sponsor-lock-box {
        width: 88%;
    }
}


/* =========================================
   عنوان آگهی همیشه قابل مشاهده
========================================= */

.home-clean .sponsor-job-content {
    position: relative;
    padding: 8px 20px 18px;
    text-align: center;
}

.home-clean .sponsor-job-title {
    min-height: 54px;
    margin: 4px 0 0;
    color: #172b3f;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.65;
}


/* =========================================
   بخش قفل‌شده
   قفل بالاتر قرار می‌گیرد
========================================= */

.home-clean .sponsor-locked-area {
    position: relative;
    min-height: 175px;
    margin: 0 14px;
    overflow: hidden;
    border-radius: 17px;
    background: #f5f8fc;
    border: 1px solid #e3eaf2;
}


/* محتوای پشت قفل */

.home-clean .sponsor-locked-blur {
    position: absolute;
    inset: 0;
    filter: blur(2px);
    opacity: .55;
}

.home-clean .sponsor-hidden-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 13px;
    padding: 20px 24px;
    color: #637386;
    font-size: 13px;
}

    .home-clean .sponsor-hidden-info div {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 9px 12px;
        background: rgba(255,255,255,.8);
        border-radius: 10px;
    }

    .home-clean .sponsor-hidden-info i {
        color: #174f7e;
    }


/* =========================================
   Overlay قفل
========================================= */

.home-clean .sponsor-lock {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: linear-gradient( 180deg, rgba(245,248,252,.68), rgba(239,244,249,.91) );
}


/* خود باکس قفل */

.home-clean .sponsor-lock-box {
    width: min(270px, 94%);
    padding: 16px 18px;
    text-align: center;
    background: rgba(255,255,255,.97);
    border: 1px solid #e0e8f1;
    border-radius: 17px;
    box-shadow: 0 12px 30px rgba(15,47,79,.13);
    backdrop-filter: blur(10px);
    transition: .3s ease;
}


/* آیکن قفل */

.home-clean .sponsor-lock-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient( 135deg, #123b60, #174f7e );
    color: #fff;
    font-size: 18px;
    box-shadow: 0 8px 20px rgba(18,59,96,.20);
}


.home-clean .sponsor-lock-box strong {
    display: block;
    color: #17344e;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
}


.home-clean .sponsor-lock-box span {
    display: block;
    color: #6b7785;
    font-size: 11px;
    line-height: 1.8;
}


/* =========================================
   دکمه
========================================= */

.home-clean .sponsor-job-bottom {
    position: relative;
    margin-top: auto;
    padding: 15px 18px 18px;
    border-top: 1px solid #edf1f5;
}


.home-clean .sponsor-plan-btn {
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 12px;
    background: #f4f7fa;
    color: #607080;
    border: 1px solid #dfe7ef;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    transition: .25s ease;
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767.98px) {

    .home-clean .sponsor-job-title {
        font-size: 16px;
    }

    .home-clean .sponsor-locked-area {
        min-height: 165px;
        margin-left: 12px;
        margin-right: 12px;
    }

    .home-clean .sponsor-lock-box {
        padding: 14px 15px;
    }

    .home-clean .sponsor-lock-icon {
        width: 43px;
        height: 43px;
        font-size: 17px;
    }
}


/* =========================================================
   AuzSeek Homepage — Conversion + SEO Premium Layer
   Static/UI only: existing WebForms IDs and server events preserved.
========================================================= */
.home-clean .hc-section {
    padding: 92px 0
}

.home-clean .hc-wrap {
    max-width: 1180px;
    margin: 0 auto
}

.home-clean .hc-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #eef6ff;
    color: #174f7e;
    border: 1px solid #dce9f5;
    font-size: 13px;
    font-weight: 900
}

.home-clean .hc-hero {
    padding: 92px 0 52px;
    background: radial-gradient(circle at 12% 12%,rgba(231,132,0,.10),transparent 26%), radial-gradient(circle at 88% 18%,rgba(23,79,126,.09),transparent 28%), linear-gradient(180deg,#f7fbff 0%,#fff 76%);
}

.home-clean .hc-hero-inner {
    max-width: 1040px;
    margin: auto;
    text-align: center
}

.home-clean .hc-hero h1 {
    max-width: 900px;
    margin: 18px auto 20px;
    color: #0f2f4f;
    font-size: clamp(36px,5vw,62px);
    line-height: 1.35;
    font-weight: 950;
    letter-spacing: -.6px
}

    .home-clean .hc-hero h1 .accent {
        color: #e78400
    }

.home-clean .hc-hero-copy {
    max-width: 820px;
    margin: 0 auto;
    color: #475467;
    font-size: 18px;
    line-height: 2.15
}

.home-clean .hc-hero-highlight {
    max-width: 900px;
    margin: 28px auto 0;
    padding: 22px 26px;
    border: 1px solid #d9e7f4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(15,47,79,.07);
    font-size: 18px;
    line-height: 2;
    font-weight: 850;
    color: #123b60
}

    .home-clean .hc-hero-highlight i {
        color: #e78400;
        margin-left: 8px
    }

.home-clean .hc-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 26px
}

    .home-clean .hc-actions .theme-btn {
        min-width: 215px;
        justify-content: center
    }

.home-clean .hc-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 22px;
    border: 1px solid #174f7e;
    border-radius: 12px;
    color: #174f7e;
    background: #fff;
    font-weight: 850;
    text-decoration: none;
    transition: .25s ease
}

    .home-clean .hc-secondary:hover {
        transform: translateY(-2px);
        background: #f7fbff
    }

.home-clean .hc-note {
    margin: 13px 0 0;
    color: #7b8794;
    font-size: 12px;
    line-height: 1.9
}

.home-clean .hc-search-box {
    max-width: 1060px;
    margin: 38px auto 0;
    background: #fff;
    border: 1px solid #dfe7ef;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 22px 60px rgba(15,47,79,.11)
}

.home-clean .hc-search-title {
    font-size: 21px;
    font-weight: 950;
    color: #0f2f4f;
    margin-bottom: 17px
}

.home-clean .hc-search-subtitle {
    font-size: 13px;
    color: #7b8794;
    margin: -7px 0 18px
}

.home-clean .hc-main-search-row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.home-clean .hc-main-search-row .form-control,
.home-clean .hc-main-search-row .hc-location-select,
.home-clean .hc-main-search-row .select,
.home-clean .hc-main-search-row .ss-main {
    min-height: 50px;
    border-radius: 13px !important
}

.home-clean .hc-main-search-row .theme-btn {
    min-height: 50px;
    width: 100%;
    justify-content: center
}

.home-clean .hc-more-btn {
    margin-top: 13px
}

.home-clean .hc-soft {
    background: #f7f9fc
}

.home-clean .hc-section-head {
    max-width: 850px;
    margin: 0 auto;
    text-align: center
}

.home-clean .hc-title {
    color: #0f2f4f;
    font-size: clamp(29px,3.4vw,44px);
    line-height: 1.5;
    font-weight: 950;
    margin: 14px 0
}

.home-clean .hc-lead {
    max-width: 800px;
    margin: 0 auto;
    color: #667085;
    font-size: 16px;
    line-height: 2.05
}

.home-clean .hc-grid-3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 38px
}

.home-clean .hc-card {
    position: relative;
    background: #fff;
    border: 1px solid #e2e9f1;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 12px 34px rgba(16,24,40,.055);
    transition: .28s ease
}

    .home-clean .hc-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 48px rgba(16,24,40,.10)
    }

.home-clean .hc-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef6ff;
    color: #174f7e;
    font-size: 21px;
    margin-bottom: 18px
}

.home-clean .hc-card h3 {
    font-size: 20px;
    color: #1d2939;
    font-weight: 950;
    margin-bottom: 12px
}

.home-clean .hc-card p {
    margin: 0;
    color: #667085;
    line-height: 2;
    font-size: 14.5px
}

.home-clean .hc-step-no {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0f2f4f;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    font-size: 17px;
    margin-bottom: 17px;
    box-shadow: 0 8px 20px rgba(15,47,79,.16)
}

.home-clean .hc-steps-label {
    margin: 42px auto 10px;
    text-align: center;
    font-size: clamp(24px,3vw,34px);
    font-weight: 950;
    color: #e78400
}

.home-clean .hc-steps-follow {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    color: #123b60;
    font-size: 19px;
    font-weight: 900;
    line-height: 2
}

.home-clean .hc-follow-note {
    max-width: 780px;
    margin: 10px auto 0;
    text-align: center;
    color: #667085;
    line-height: 2
}

.home-clean .hc-sponsor-section {
    background: linear-gradient(180deg,#fff 0%,#f7fbff 100%)
}

.home-clean .hc-sponsor-head {
    max-width: 850px;
    margin: 0 auto 34px;
    text-align: center
}

.home-clean .hc-sponsor-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border-radius: 999px;
    background: #eef6ff;
    border: 1px solid #dce9f5;
    color: #174f7e;
    font-size: 13px;
    font-weight: 950
}

    .home-clean .hc-sponsor-kicker i {
        color: #e78400
    }

.home-clean .hc-sponsor-note {
    max-width: 800px;
    margin: 0 auto;
    color: #667085;
    line-height: 2;
    font-size: 15px
}

.home-clean .sponsor-job-card {
    min-height: 460px
}

.home-clean .sponsor-badge {
    font-weight: 950
}

.home-clean .sponsor-jobs-footnote {
    margin-top: 22px
}

.home-clean .hc-sponsor-subnote {
    max-width: 800px;
    margin: 30px auto 0;
    text-align: center;
    color: #667085;
    line-height: 2;
    font-size: 13px
}

    .home-clean .hc-sponsor-subnote strong {
        display: block;
        color: #123b60;
        font-size: 17px;
        margin-bottom: 4px
    }

.home-clean .hc-dark-panel {
    border-radius: 28px;
    padding: 48px;
    background: linear-gradient(135deg,#0f2f4f,#174f7e);
    color: #fff;
    box-shadow: 0 20px 55px rgba(15,47,79,.16)
}

    .home-clean .hc-dark-panel h2 {
        color: #fff;
        font-size: clamp(28px,3.2vw,42px);
        font-weight: 950;
        line-height: 1.5;
        margin: 0 0 14px
    }

    .home-clean .hc-dark-panel p {
        color: rgba(255,255,255,.82);
        line-height: 2.05;
        margin: 0 0 18px
    }

    .home-clean .hc-dark-panel .theme-btn {
        background: #fff;
        color: #0f2f4f
    }

    .home-clean .hc-dark-panel .hc-secondary {
        background: transparent;
        color: #fff;
        border-color: rgba(255,255,255,.45)
    }

.home-clean .hc-emphasis {
    margin: 24px 0;
    padding: 19px 22px;
    border-right: 4px solid #e78400;
    background: rgba(255,255,255,.08);
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
    line-height: 2;
    font-weight: 900
}

.home-clean .hc-columns {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 35px
}

    .home-clean .hc-columns .hc-card {
        padding: 28px
    }

.home-clean .hc-bottom-message {
    margin: 34px auto 0;
    max-width: 860px;
    text-align: center;
    font-size: 22px;
    line-height: 2;
    font-weight: 950;
    color: #123b60
}

    .home-clean .hc-bottom-message span {
        display: block;
        color: #e78400;
        margin-top: 3px
    }

.home-clean .hc-sponsor-route {
    margin-top: 30px;
    padding: 24px;
    border: 1px solid #dce7f1;
    background: #fff;
    border-radius: 18px;
    color: #667085;
    line-height: 2
}

    .home-clean .hc-sponsor-route strong {
        color: #123b60
    }

.home-clean .hc-faq {
    max-width: 940px;
    margin: 36px auto 0
}

    .home-clean .hc-faq details {
        background: #fff;
        border: 1px solid #e3e9f0;
        border-radius: 16px;
        margin-bottom: 13px;
        overflow: hidden;
        box-shadow: 0 6px 20px rgba(15,47,79,.035)
    }

    .home-clean .hc-faq summary {
        list-style: none;
        cursor: pointer;
        padding: 20px 23px;
        color: #1d2939;
        font-weight: 900;
        position: relative;
        padding-left: 55px
    }

        .home-clean .hc-faq summary::-webkit-details-marker {
            display: none
        }

        .home-clean .hc-faq summary:after {
            content: "+";
            position: absolute;
            left: 21px;
            top: 15px;
            color: #174f7e;
            font-size: 24px
        }

    .home-clean .hc-faq details[open] summary:after {
        content: "−"
    }

    .home-clean .hc-faq p {
        margin: 0;
        padding: 0 23px 22px;
        color: #667085;
        line-height: 2.05
    }

.home-clean .hc-final {
    border: 1px solid #dbe6ef;
    border-radius: 28px;
    padding: 48px;
    background: radial-gradient(circle at 15% 20%,rgba(231,132,0,.08),transparent 28%),#f7fbff;
    text-align: center
}

    .home-clean .hc-final h2 {
        color: #0f2f4f;
        font-size: clamp(28px,3.4vw,44px);
        font-weight: 950;
        line-height: 1.5;
        margin-bottom: 12px
    }

    .home-clean .hc-final p {
        color: #667085;
        line-height: 2;
        max-width: 800px;
        margin: 0 auto 22px
    }

    .home-clean .hc-final .hc-highlight {
        font-size: 19px;
        font-weight: 900;
        color: #123b60;
        margin-bottom: 23px
    }

.home-clean .hc-final-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap
}

    .home-clean .hc-final-actions .theme-btn {
        min-width: 215px;
        justify-content: center
    }

.home-clean .hc-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 23px;
    border: 1px solid #0f2f4f;
    border-radius: 12px;
    color: #0f2f4f;
    font-weight: 850;
    text-decoration: none;
    background: #fff
}

.home-clean .hc-compat {
    display: none !important
}

@media(max-width:991.98px) {
    .home-clean .hc-section {
        padding: 68px 0
    }

    .home-clean .hc-grid-3, .home-clean .hc-columns {
        grid-template-columns: 1fr
    }

    .home-clean .hc-hero {
        padding: 68px 0 40px
    }

    .home-clean .hc-dark-panel {
        padding: 34px 26px
    }
}

@media(max-width:575.98px) {
    .home-clean .hc-section {
        padding: 55px 0
    }

    .home-clean .hc-hero {
        padding: 48px 0 30px
    }

        .home-clean .hc-hero h1 {
            font-size: 34px
        }

    .home-clean .hc-hero-copy {
        font-size: 15px
    }

    .home-clean .hc-hero-highlight {
        padding: 18px;
        font-size: 15px
    }

    .home-clean .hc-actions {
        flex-direction: column
    }

        .home-clean .hc-actions a,
        .home-clean .hc-final-actions a {
            width: 100%;
            min-width: 0
        }

    .home-clean .hc-search-box {
        padding: 18px;
        border-radius: 18px
    }

    .home-clean .hc-card {
        padding: 23px
    }

    .home-clean .hc-dark-panel {
        padding: 28px 20px;
        border-radius: 20px
    }

    .home-clean .hc-emphasis {
        font-size: 15px;
        padding: 16px
    }

    .home-clean .hc-bottom-message {
        font-size: 18px
    }

    .home-clean .hc-final {
        padding: 28px 18px;
        border-radius: 20px
    }
}

/* =========================================================
   AuzSeek Compact Hero Slider
   FRONT-END ONLY
   Backend / WebForms IDs untouched
========================================================= */

.az-compact-hero {
    padding: 38px 0 30px !important;
    position: relative;
    overflow: hidden;
}

    .az-compact-hero .hc-hero-inner {
        max-width: 1100px;
        margin: 0 auto;
        text-align: center;
    }

.az-hero-kicker {
    margin-bottom: 12px !important;
}


/* =========================
   Slider
========================= */

.az-hero-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
}


/*
   همه اسلایدها روی یکدیگر قرار می‌گیرند.
   ارتفاع بر اساس بزرگ‌ترین اسلاید تعیین می‌شود.
*/

.az-hero-slide {
    grid-area: 1 / 1;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(18px) scale(.985);
    transition: opacity .45s ease, transform .45s ease, visibility .45s ease;
}


    /* اسلاید فعال */

    .az-hero-slide.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0) scale(1);
    }


/*
   برای اینکه ارتفاع اسلایدشو بر اساس محتوا تنظیم شود
*/

.az-hero-slider {
    display: grid;
}


/* =========================
   Slide Content
========================= */

.az-slide-content {
    width: 100%;
    min-height: 285px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
}


/* =========================
   Slide 1
========================= */

.az-slide-intro {
    min-height: 250px;
}

    .az-slide-intro h1 {
        margin: 10px auto 0 !important;
        font-size: clamp(29px, 4vw, 46px) !important;
        line-height: 1.55 !important;
        max-width: 800px;
    }


/* =========================
   Search Slide
========================= */

.az-compact-search {
    width: 100%;
    max-width: 980px;
    margin: 0 auto !important;
    padding: 22px !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 40px rgba(11,41,66,.09) !important;
}

    .az-compact-search .hc-search-title {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

    .az-compact-search .hc-search-subtitle {
        margin-bottom: 15px !important;
    }

    .az-compact-search .hc-main-search-row {
        margin-top: 0;
    }


/* =========================
   Message Slide
========================= */

.az-slide-message {
    max-width: 900px;
    margin: auto;
}

    .az-slide-message .hc-hero-copy {
        font-size: 17px;
        line-height: 2;
        margin-bottom: 18px;
    }

    .az-slide-message .hc-hero-highlight {
        width: 100%;
        max-width: 820px;
        margin: 0 auto !important;
        padding: 17px 22px !important;
        font-size: 16px !important;
        line-height: 1.9 !important;
        border-radius: 16px !important;
    }


/* =========================
   Final Slide
========================= */

.az-slide-final {
    max-width: 900px;
    margin: auto;
}

    .az-slide-final .hc-hero-copy {
        font-size: 16px;
        line-height: 2;
        margin-bottom: 18px;
    }

    .az-slide-final .hc-actions {
        margin-top: 10px !important;
    }

    .az-slide-final .hc-note {
        margin-top: 12px !important;
    }


/* =========================
   Slider Navigation
========================= */

.az-hero-slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 16px;
}


/* arrows */

.az-slider-arrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #d7e3ec;
    background: #fff;
    color: #123b60;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .25s ease;
}

    .az-slider-arrow:hover {
        background: #123b60;
        color: #fff;
        border-color: #123b60;
        transform: translateY(-1px);
    }


/* dots */

.az-slider-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .az-slider-dots button {
        width: 8px;
        height: 8px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #cbd8e2;
        cursor: pointer;
        transition: width .25s ease, background .25s ease;
    }

        .az-slider-dots button.active {
            width: 24px;
            border-radius: 10px;
            background: #1aa7c7;
        }


/* =========================
   Desktop Compact
========================= */

@media (min-width: 992px) {

    .az-slide-content {
        min-height: 285px;
    }

    .az-slide-intro {
        min-height: 250px;
    }
}


/* =========================
   Tablet
========================= */

@media (max-width: 991.98px) {

    .az-compact-hero {
        padding: 32px 0 26px !important;
    }

    .az-slide-content {
        min-height: 300px;
    }

    .az-compact-search {
        padding: 18px !important;
    }
}


/* =========================
   Mobile
========================= */

@media (max-width: 575.98px) {

    .az-compact-hero {
        padding: 24px 0 22px !important;
    }

    .az-slide-content {
        min-height: 300px;
        padding: 12px 5px;
    }

    .az-slide-intro {
        min-height: 230px;
    }

        .az-slide-intro h1 {
            font-size: 28px !important;
        }

    .az-compact-search {
        padding: 15px !important;
        border-radius: 16px !important;
    }

    .az-slide-message .hc-hero-copy,
    .az-slide-final .hc-hero-copy {
        font-size: 15px;
    }

    .az-slide-message .hc-hero-highlight {
        font-size: 14px !important;
        padding: 14px !important;
    }

    .az-slide-final .hc-actions {
        flex-direction: column;
        width: 100%;
    }

        .az-slide-final .hc-actions a {
            width: 100%;
        }

    .az-hero-slider-nav {
        margin-top: 10px;
    }
}


@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap");

:root {
    --az-navy: #0b2942;
    --az-navy-2: #123f60;
    --az-blue: #1667a8;
    --az-cyan: #1aa7c7;
    --az-gold: #e6ad45;
    --az-ink: #102131;
    --az-muted: #667585;
    --az-bg: #f5f8fb;
    --az-line: #dfe7ee;
}

body, .home-clean {
    font-family: "Vazirmatn",Tahoma,Arial,sans-serif !important;
    color: var(--az-ink);
    background: #fff;
}

    .home-clean .hc-hero {
        background: radial-gradient(circle at 12% 10%,rgba(26,167,199,.10),transparent 28%), linear-gradient(180deg,#f5f9fc 0%,#fff 100%);
        padding: 70px 0 46px;
    }

    .home-clean .hc-kicker {
        background: #eaf6fa;
        color: var(--az-blue);
        border: 1px solid #d5eaf1;
        font-weight: 800;
    }

    .home-clean .hc-hero h1 {
        color: var(--az-navy);
        font-size: clamp(31px,4vw,52px);
        line-height: 1.42;
        letter-spacing: -.025em;
    }

        .home-clean .hc-hero h1 .accent {
            color: var(--az-cyan);
        }

    .home-clean .hc-hero-copy, .home-clean .hc-lead {
        color: #526274;
    }

    .home-clean .hc-search-box {
        border: 1px solid var(--az-line);
        border-radius: 24px;
        box-shadow: 0 22px 60px rgba(11,41,66,.10);
    }

    .home-clean .hc-search-title {
        color: var(--az-navy);
        font-size: 18px;
    }

    .home-clean .theme-btn {
        background: var(--az-navy);
        border-color: var(--az-navy);
        border-radius: 12px;
        font-weight: 800;
    }

        .home-clean .theme-btn:hover {
            background: var(--az-navy-2);
        }

    .home-clean .hc-secondary, .home-clean .hc-outline {
        border-color: #bfd1df;
        color: var(--az-navy);
        border-radius: 12px;
        font-weight: 800;
    }

    .home-clean .hc-section {
        padding: 72px 0;
    }

    .home-clean .hc-soft {
        background: var(--az-bg);
    }

    .home-clean .hc-section-head {
        margin-bottom: 38px;
    }

    .home-clean .hc-title {
        color: var(--az-navy);
        font-weight: 900;
        letter-spacing: -.018em;
    }

    .home-clean .hc-card {
        border: 1px solid var(--az-line);
        border-radius: 20px;
        box-shadow: 0 12px 34px rgba(11,41,66,.055);
        transition: transform .25s ease,box-shadow .25s ease;
    }

        .home-clean .hc-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 18px 45px rgba(11,41,66,.10);
        }

    .home-clean .hc-icon {
        background: #eaf5fb;
        color: var(--az-blue);
    }

    .home-clean .hc-step-no {
        background: var(--az-navy);
    }

    .home-clean .sponsor-job-card {
        border: 1px solid var(--az-line);
        border-radius: 20px;
        box-shadow: 0 12px 34px rgba(11,41,66,.06);
    }

    .home-clean .sponsor-badge {
        background: #e9f7f1;
        color: #11714d;
    }

    .home-clean .hc-dark-panel, .home-clean .hc-seo-panel {
        background: linear-gradient(135deg,var(--az-navy),var(--az-navy-2));
        border-radius: 28px;
        box-shadow: 0 24px 60px rgba(11,41,66,.16);
    }

    .home-clean .hc-faq details {
        border-color: var(--az-line);
        border-radius: 16px;
        box-shadow: 0 6px 20px rgba(11,41,66,.035);
    }

    .home-clean .hc-faq summary:after {
        color: var(--az-blue);
    }

    .home-clean .hc-final {
        border-color: var(--az-line);
        background: linear-gradient(135deg,#f5f9fc,#fff);
        border-radius: 26px;
    }

        .home-clean .hc-final h2 {
            color: var(--az-navy);
        }

@media(max-width:767.98px) {
    .home-clean .hc-hero {
        padding: 48px 0 30px
    }

        .home-clean .hc-hero h1 {
            font-size: 34px
        }

    .home-clean .hc-section {
        padding: 58px 0
    }
}

/* =========================================================
   AuzSeek Hero Slider
   FRONT-END ONLY
   Backend / WebForms IDs untouched
========================================================= */


/* =========================================================
   Slider
========================================================= */

.az-hero-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: grid;
}


/* همه اسلایدها روی هم */


/* اسلاید فعال */


/* =========================================================
   Slide Content
========================================================= */


/* =========================================================
   Slide 1
========================================================= */


.az-slide-intro h1 .accent {
    color: #1aa7c7;
}


/* =========================================================
   Search Slide
========================================================= */


/* =========================================================
   Search Form
========================================================= */

.az-compact-search .form-control,
.az-compact-search .select,
.az-compact-search .hc-location-select {
    min-height: 48px;
    height: 48px;
    border-radius: 12px !important;
}

.az-compact-search .theme-btn {
    min-height: 48px;
    height: 48px;
    width: 100%;
    justify-content: center;
}


/* =========================================================
   More Filters
========================================================= */

.az-compact-search .hc-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    color: #174f7e;
    font-weight: 800;
    padding: 10px 0 0;
    cursor: pointer;
}

.az-compact-search .hc-more {
    margin-top: 10px;
    padding-top: 18px;
    border-top: 1px solid #edf1f5;
}

    .az-compact-search .hc-more .form-control,
    .az-compact-search .hc-more .select {
        width: 100%;
        min-height: 48px;
        height: 48px;
        border: 1px solid #dce3ec;
        border-radius: 12px;
        background: #fff;
    }


/* =========================================================
   Message Slide
========================================================= */


/* =========================================================
   Final Slide
========================================================= */


/* =========================================================
   Slider Navigation
========================================================= */


/* arrows */


/* dots */


/* =========================================================
   Desktop
========================================================= */


/* =========================================================
   Tablet
========================================================= */


/* =========================================================
   Mobile
========================================================= */