:root {
    --black: #05070b;
    --navy: #081221;
    --navy-light: #101d34;

    --gold: #d4af37;
    --gold-light: #f2d46f;
    --gold-dark: #947119;

    --ivory: #faf8f2;
    --cream: #eee7d7;
    --cream-light: #f4efe4;

    --text: #17202d;
    --text-soft: #666d77;

    --border: rgba(147, 111, 27, 0.17);
}


/* ========================================
   Base
======================================== */

* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}


body {
    margin: 0;
    overflow-x: hidden;

    font-family:
        "Vazirmatn",
        sans-serif;

    background:
        var(--ivory);

    color:
        var(--text);
}


a {
    color: inherit;
    text-decoration: none;
}


button,
input,
select,
textarea {
    font-family:
        "Vazirmatn",
        sans-serif;
}


button {
    cursor: pointer;
}


section[id] {
    scroll-margin-top: 80px;
}


.container {
    width: 92%;
    max-width: 1220px;
    margin: 0 auto;
}


.section-label {
    margin: 0 0 5px;

    color:
        #96731d;

    font-size:
        11px;

    font-weight:
        600;
}


.light-label {
    color:
        var(--gold-light);
}



/* ========================================
   Header
======================================== */

.site-header {
    position: sticky;
    top: 0;

    z-index: 1000;

    background:
        rgba(5, 10, 18, 0.95);

    color:
        #ffffff;

    backdrop-filter:
        blur(14px);

    border-bottom:
        1px solid
        rgba(212, 175, 55, 0.08);

    transition:
        0.3s ease;
}


.site-header.header-scrolled {
    background:
        rgba(4, 8, 14, 0.99);

    box-shadow:
        0 10px 32px
        rgba(0, 0, 0, 0.18);
}


.header-container {
    min-height: 76px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 25px;

    transition:
        min-height 0.3s ease;
}


.header-scrolled
.header-container {
    min-height: 66px;
}


.logo {
    display: flex;

    flex-direction: column;

    flex-shrink: 0;
}


.logo strong {
    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        var(--gold-light);

    font-size: 25px;

    line-height: 1.35;
}


.logo span {
    color:
        #d9dee7;

    font-size: 9px;
}


.main-nav {
    display: flex;

    align-items: center;

    gap: 23px;
}


.main-nav a {
    position: relative;

    color:
        #e9edf3;

    font-size: 12px;

    transition:
        color 0.3s ease;
}


.main-nav a:hover,
.main-nav a.active {
    color:
        var(--gold-light);
}


.main-nav a::after {
    content: "";

    position: absolute;

    right: 50%;

    bottom: -7px;

    width: 0;

    height: 1px;

    transform:
        translateX(50%);

    background:
        var(--gold);

    transition:
        width 0.3s ease;
}


.main-nav a:hover::after,
.main-nav a.active::after {
    width: 100%;
}


.header-call {
    padding:
        11px 20px;

    flex-shrink: 0;

    border-radius:
        999px;

    background:
        linear-gradient(
            135deg,
            #f6df80,
            #d4af37,
            #947119
        );

    color:
        #080b10;

    font-size: 12px;

    font-weight: 700;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.header-call:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 30px
        rgba(212, 175, 55, 0.2);
}



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

.mobile-menu-button {
    display: none;

    width: 43px;

    height: 43px;

    padding: 0;

    border:
        1px solid
        rgba(212, 175, 55, 0.25);

    border-radius:
        50%;

    background:
        transparent;

    align-items:
        center;

    justify-content:
        center;

    flex-direction:
        column;

    gap: 5px;
}


.mobile-menu-button span {
    width: 18px;

    height: 1px;

    display: block;

    background:
        var(--gold-light);

    transition:
        0.3s ease;
}


.mobile-menu-button.is-open
span:nth-child(1) {
    transform:
        translateY(6px)
        rotate(45deg);
}


.mobile-menu-button.is-open
span:nth-child(2) {
    opacity: 0;
}


.mobile-menu-button.is-open
span:nth-child(3) {
    transform:
        translateY(-6px)
        rotate(-45deg);
}


.mobile-menu {
    max-height: 0;

    overflow: hidden;

    opacity: 0;

    background:
        #050a12;

    transition:
        0.35s ease;
}


.mobile-menu.is-open {
    max-height: 430px;

    opacity: 1;
}


.mobile-menu-inner {
    width: 91%;

    margin:
        0 auto;

    padding:
        12px 0 22px;

    display: flex;

    flex-direction: column;
}


.mobile-menu-inner > a {
    padding:
        12px 3px;

    color:
        #e7ebf0;

    font-size: 13px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.05);
}


.mobile-call {
    margin-top: 16px;

    padding:
        12px !important;

    border:
        0 !important;

    border-radius:
        999px;

    text-align:
        center;

    background:
        var(--gold);

    color:
        #080b10 !important;

    font-weight: 700;
}



/* ========================================
   Hero
======================================== */

.hero {
    position: relative;

    overflow: hidden;

    padding:
        50px 0 80px;

    background:
        linear-gradient(
            135deg,
            #04070c,
            #081321 55%,
            #0e1c2e
        );

    color:
        #ffffff;
}


.hero-glow {
    position: absolute;

    width: 500px;

    height: 500px;

    top: -260px;

    left: -220px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(212, 175, 55, 0.11),
            transparent 68%
        );
}


.hero-container {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1.1fr 0.9fr;

    align-items: center;

    gap: 58px;
}


.hero-meta {
    display: flex;

    align-items: center;

    gap: 9px;

    margin:
        0 0 7px;

    color:
        #d7bf6d;

    font-size: 12px;
}


.hero-meta span {
    width: 24px;

    height: 1px;

    background:
        rgba(212, 175, 55, 0.55);
}


.hero h1 {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        var(--gold-light);

    font-size: 60px;

    line-height: 1.3;
}


.hero-specialty {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #f1f3f6;

    font-size: 23px;
}


.hero-line {
    width: 72px;

    height: 1px;

    margin:
        16px 0;

    background:
        linear-gradient(
            to left,
            var(--gold),
            transparent
        );
}


.hero-description {
    max-width: 555px;

    margin: 0;

    color:
        #cad1dc;

    font-size: 13px;

    line-height: 1.9;
}


.hero-actions {
    margin-top: 21px;

    display: flex;

    gap: 12px;
}


.primary-button,
.secondary-button {
    min-height: 43px;

    padding:
        11px 21px;

    display:
        inline-flex;

    align-items: center;

    justify-content:
        center;

    gap: 7px;

    border-radius:
        999px;

    font-size: 12px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


.primary-button {
    background:
        linear-gradient(
            135deg,
            #f6df80,
            #d4af37,
            #947119
        );

    color:
        #080b10;

    font-weight: 700;
}


.primary-button:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 14px 30px
        rgba(212, 175, 55, 0.18);
}


.secondary-button {
    border:
        1px solid
        rgba(255, 255, 255, 0.18);

    color:
        #e5e9ee;

    background:
        rgba(255, 255, 255, 0.025);
}


.secondary-button:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(212, 175, 55, 0.35);
}


.hero-facts {
    margin-top: 25px;

    display: flex;

    align-items: center;

    gap: 20px;
}


.hero-facts > div:not(.fact-divider) {
    display: flex;

    flex-direction: column;
}


.hero-facts strong {
    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #ffffff;

    font-size: 16px;
}


.hero-facts span {
    color:
        #8792a1;

    font-size: 9px;
}


.fact-divider {
    width: 1px;

    height: 30px;

    background:
        rgba(212, 175, 55, 0.22);
}



/* ========================================
   Hero Image
======================================== */

.hero-visual {
    position: relative;

    width: 100%;

    max-width: 410px;

    margin-right: auto;
}


.hero-photo {
    position: relative;

    z-index: 2;

    padding: 8px;

    border:
        1px solid
        rgba(212, 175, 55, 0.24);

    border-radius:
        28px;

    background:
        rgba(255, 255, 255, 0.025);

    box-shadow:
        0 30px 65px
        rgba(0, 0, 0, 0.28);
}


.hero-photo img {
    width: 100%;

    height: auto;

    display: block;

    border-radius:
        20px;
}


.hero-caption {
    position: absolute;

    right: 20px;

    left: 20px;

    bottom: 20px;

    padding:
        10px 13px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 15px;

    border-radius:
        13px;

    background:
        rgba(5, 10, 18, 0.8);

    backdrop-filter:
        blur(10px);
}


.hero-caption strong {
    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        var(--gold-light);

    font-size: 15px;
}


.hero-caption span {
    color:
        #bfc6d0;

    font-size: 8px;
}


.hero-outline {
    position: absolute;

    top: 12px;

    right: -12px;

    width: 100%;

    height: 100%;

    border:
        1px solid
        rgba(212, 175, 55, 0.12);

    border-radius:
        28px;
}


.hero-curve {
    position: absolute;

    right: -5%;

    left: -5%;

    bottom: -1px;

    height: 49px;

    background:
        var(--cream);

    border-top-left-radius:
        50% 100%;

    border-top-right-radius:
        50% 100%;
}



/* ========================================
   Profile
======================================== */

.profile-section {
    padding:
        14px 0 39px;

    background:
        linear-gradient(
            var(--cream),
            var(--cream-light)
        );
}


.profile-heading {
    margin-bottom: 14px;
}


.profile-heading h2 {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 24px;
}


.profile-strip {
    display: grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;

    padding: 5px;

    border:
        1px solid
        var(--border);

    border-radius:
        20px;

    background:
        rgba(224, 213, 189, 0.64);
}


.profile-item {
    padding:
        15px 17px;

    display: flex;

    flex-direction: column;
}


.profile-item strong {
    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;
}


.profile-item span {
    color:
        #65635e;

    font-size: 9px;
}


.profile-divider {
    width: 1px;

    margin:
        11px 0;

    background:
        rgba(144, 108, 27, 0.25);
}



/* ========================================
   About
======================================== */

.about-section {
    padding:
        48px 0;

    background:
        linear-gradient(
            var(--cream-light),
            var(--ivory)
        );
}


.about-container {
    display: grid;

    grid-template-columns:
        0.9fr 1.1fr;

    align-items: center;

    gap: 45px;
}


.about-photo {
    overflow: hidden;

    padding: 7px;

    border:
        1px solid
        var(--border);

    border-radius:
        26px;
}


.about-photo img {
    width: 100%;

    height: auto;

    display: block;

    border-radius:
        19px;
}


.about-content h2 {
    margin:
        0 0 10px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 31px;

    line-height: 1.5;
}


.about-content > p {
    margin:
        0 0 8px;

    color:
        var(--text-soft);

    font-size: 12px;

    line-height: 1.9;
}


.about-note {
    margin-top: 14px;

    padding:
        10px 14px;

    display: flex;

    gap: 10px;

    border-right:
        2px solid
        var(--gold);

    background:
        rgba(232, 223, 201, 0.35);
}


.about-note > span {
    width: 6px;

    height: 6px;

    margin-top: 7px;

    flex-shrink: 0;

    border-radius:
        50%;

    background:
        var(--gold);
}


.about-note p {
    margin: 0;

    color:
        #68675f;

    font-size: 10px;

    line-height: 1.8;
}



/* ========================================
   Services
======================================== */

.services-section {
    position: relative;

    padding:
        72px 0 60px;

    background:
        linear-gradient(
            145deg,
            #06101c,
            #0b1728,
            #101d31
        );

    color:
        #ffffff;
}


.services-section::before {
    content: "";

    position: absolute;

    top: -1px;

    right: -5%;

    left: -5%;

    height: 32px;

    background:
        var(--ivory);

    border-bottom-left-radius:
        50% 100%;

    border-bottom-right-radius:
        50% 100%;
}


.services-heading {
    display: flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap: 40px;

    margin-bottom: 22px;
}


.services-heading h2 {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 31px;
}


.services-heading > p {
    max-width: 490px;

    margin: 0;

    color:
        #aeb7c4;

    font-size: 11px;

    line-height: 1.8;
}


.services-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    border-top:
        1px solid
        rgba(212, 175, 55, 0.16);
}


.service-item {
    padding:
        15px 17px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.07);

    transition:
        background 0.3s ease,
        padding-right 0.3s ease;
}


.service-item:nth-child(odd) {
    border-left:
        1px solid
        rgba(255, 255, 255, 0.07);
}


.service-item:hover {
    padding-right: 23px;

    background:
        linear-gradient(
            to left,
            rgba(212, 175, 55, 0.04),
            transparent
        );
}


.service-item h3 {
    margin:
        0 0 3px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;
}


.service-item p {
    margin: 0;

    color:
        #aeb7c3;

    font-size: 10px;

    line-height: 1.7;
}


.services-cta {
    margin-top: 18px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 22px;
}


.services-cta p {
    margin: 0;

    color:
        #909ba9;

    font-size: 10px;
}


.services-cta a {
    color:
        var(--gold-light);

    font-size: 11px;
}



/* ========================================
   Process
======================================== */

.process-section {
    padding:
        36px 0;

    background:
        linear-gradient(
            var(--ivory),
            #f5f0e5
        );
}


.process-heading {
    margin-bottom: 15px;

    text-align: center;
}


.process-heading h2 {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 26px;
}


.process-grid {
    display: grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;

    align-items: center;

    gap: 9px;
}


.process-item {
    min-height: 76px;

    padding:
        11px 13px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border:
        1px solid
        var(--border);

    border-radius:
        15px;

    background:
        rgba(255, 255, 255, 0.45);
}


.process-item strong {
    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 15px;
}


.process-item span {
    color:
        var(--text-soft);

    font-size: 9px;
}


.process-arrow {
    color:
        #b78c21;
}



/* ========================================
   Articles
======================================== */

.articles-section {
    padding:
        42px 0 46px;

    background:
        #f5f0e5;
}


.articles-heading {
    display: flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap: 35px;

    margin-bottom: 18px;
}


.articles-heading h2 {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 27px;
}


.articles-heading > p {
    max-width: 480px;

    margin: 0;

    color:
        var(--text-soft);

    font-size: 10px;

    line-height: 1.8;
}


.articles-list {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    border-top:
        1px solid
        var(--border);

    border-bottom:
        1px solid
        var(--border);
}


.article-item {
    padding:
        17px 18px;

    border-left:
        1px solid
        var(--border);
}


.article-item:last-child {
    border-left: 0;
}


.article-item > span {
    color:
        #9a761d;

    font-size: 9px;
}


.article-item h3 {
    margin:
        4px 0 5px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 17px;

    line-height: 1.5;
}


.article-item p {
    margin: 0;

    color:
        var(--text-soft);

    font-size: 9px;

    line-height: 1.7;
}



/* ========================================
   Contact + Consultation
======================================== */

.contact-section {
    position: relative;

    padding:
        68px 0 56px;

    background:
        linear-gradient(
            145deg,
            #050a12,
            #091426,
            #101d32
        );

    color:
        #ffffff;
}


.contact-section::before {
    content: "";

    position: absolute;

    top: -1px;

    right: -5%;

    left: -5%;

    height: 30px;

    background:
        #f5f0e5;

    border-bottom-left-radius:
        50% 100%;

    border-bottom-right-radius:
        50% 100%;
}


.contact-heading {
    position: relative;

    z-index: 2;

    max-width: 760px;

    margin-bottom: 24px;
}


.contact-heading h2 {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 31px;

    line-height: 1.55;
}


.contact-layout {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        0.85fr 1.15fr;

    align-items: start;

    gap: 32px;
}



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

.contact-info {
    padding-top: 3px;
}


.contact-intro p {
    max-width: 480px;

    margin:
        0 0 17px;

    color:
        #b6bec9;

    font-size: 11px;

    line-height: 1.9;
}


.contact-phone {
    max-width: 430px;

    padding:
        14px 16px;

    display: flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap: 20px;

    border:
        1px solid
        rgba(212, 175, 55, 0.22);

    border-radius:
        17px;

    background:
        rgba(255, 255, 255, 0.035);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease;
}


.contact-phone:hover {
    transform:
        translateY(-2px);

    background:
        rgba(255, 255, 255, 0.055);

    border-color:
        rgba(212, 175, 55, 0.42);
}


.contact-phone span {
    color:
        #9aa4b2;

    font-size: 9px;
}


.contact-phone strong {
    color:
        var(--gold-light);

    font-size: 16px;

    font-weight: 600;
}


.consultation-types {
    margin-top: 12px;

    display: flex;

    flex-wrap: wrap;

    gap: 6px;
}


.consultation-types span {
    padding:
        6px 10px;

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    border-radius:
        999px;

    color:
        #c6cdd6;

    background:
        rgba(255, 255, 255, 0.025);

    font-size: 8px;
}


.office-address {
    margin-top: 20px;

    padding:
        16px 0;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.07);

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.07);
}


.contact-small-title {
    color:
        var(--gold-light);

    font-size: 9px;
}


.office-address p {
    margin:
        5px 0 4px;

    color:
        #dde1e6;

    font-size: 11px;

    line-height: 1.9;
}


.office-address small {
    color:
        #8e98a6;

    font-size: 8px;
}


.social-heading {
    margin:
        16px 0 9px;

    display: flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap: 18px;
}


.social-heading span {
    color:
        #8f99a7;

    font-size: 9px;
}


.social-heading strong {
    color:
        var(--gold-light);

    font-size: 10px;

    font-weight: 500;
}


.social-links {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 7px;
}


.social-links a {
    padding:
        10px 11px;

    display: flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap: 10px;

    border:
        1px solid
        rgba(255, 255, 255, 0.07);

    border-radius:
        13px;

    background:
        rgba(255, 255, 255, 0.02);

    transition:
        0.3s ease;
}


.social-links a:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(212, 175, 55, 0.28);

    background:
        rgba(255, 255, 255, 0.04);
}


.social-links strong {
    color:
        #e5e8ed;

    font-size: 10px;

    font-weight: 500;
}


.social-links span {
    color:
        #818c9b;

    font-size: 8px;
}



/* ========================================
   Consultation Form
======================================== */

.consultation-box {
    padding:
        24px;

    border:
        1px solid
        rgba(212, 175, 55, 0.17);

    border-radius:
        24px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.025)
        );

    box-shadow:
        0 20px 45px
        rgba(0, 0, 0, 0.14);
}


.consultation-heading {
    margin-bottom: 18px;
}


.consultation-heading > span {
    color:
        var(--gold-light);

    font-size: 9px;

    font-weight: 500;
}


.consultation-heading h3 {
    margin:
        3px 0 5px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #ffffff;

    font-size: 24px;

    line-height: 1.5;
}


.consultation-heading p {
    max-width: 520px;

    margin: 0;

    color:
        #9ea8b5;

    font-size: 9px;

    line-height: 1.8;
}


.consultation-form {
    display: flex;

    flex-direction: column;

    gap: 12px;
}


.form-row {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 10px;
}


.form-group {
    display: flex;

    flex-direction: column;

    gap: 5px;
}


.form-group label {
    color:
        #d9dee5;

    font-size: 9px;
}


.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;

    min-height: 45px;

    padding:
        11px 12px;

    border:
        1px solid
        rgba(255, 255, 255, 0.09);

    border-radius:
        13px;

    outline: none;

    background:
        rgba(255, 255, 255, 0.045);

    color:
        #ffffff;

    font-size: 11px;

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}


.form-group textarea {
    min-height: 112px;

    resize: vertical;

    line-height: 1.8;
}


.form-group input::placeholder,
.form-group textarea::placeholder {
    color:
        #6f7b8a;
}


.form-group select {
    cursor: pointer;
}


.form-group select option {
    background:
        #0b1524;

    color:
        #ffffff;
}


.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color:
        rgba(212, 175, 55, 0.55);

    background:
        rgba(255, 255, 255, 0.065);

    box-shadow:
        0 0 0 3px
        rgba(212, 175, 55, 0.05);
}


.form-security-note {
    margin:
        1px 0 0;

    padding:
        9px 11px;

    border-right:
        2px solid
        rgba(212, 175, 55, 0.45);

    background:
        rgba(212, 175, 55, 0.04);

    color:
        #939daa;

    font-size: 8px;

    line-height: 1.8;
}


.consultation-submit {
    min-height: 46px;

    padding:
        11px 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border: 0;

    border-radius:
        999px;

    background:
        linear-gradient(
            135deg,
            #f6df80,
            #d4af37,
            #947119
        );

    color:
        #080b10;

    font-size: 11px;

    font-weight: 700;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.consultation-submit:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 14px 30px
        rgba(212, 175, 55, 0.18);
}


.form-status {
    min-height: 18px;

    margin: 0;

    color:
        #aab4c0;

    font-size: 8px;

    line-height: 1.7;
}



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

.site-footer {
    padding:
        24px 0 14px;

    background:
        #04080e;

    color:
        #ffffff;
}


.footer-container {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 30px;
}


.footer-logo {
    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        var(--gold-light);

    font-size: 21px;
}


.footer-brand p {
    margin:
        -2px 0 0;

    color:
        #8f98a5;

    font-size: 8px;
}


.footer-links {
    display: flex;

    gap: 17px;
}


.footer-links a {
    color:
        #aab2bd;

    font-size: 9px;
}


.footer-phone {
    color:
        var(--gold-light);

    font-size: 10px;
}


.footer-bottom {
    margin-top: 15px;

    padding-top: 11px;

    text-align: center;

    color:
        #6e7784;

    font-size: 8px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.05);
}



/* ========================================
   Reveal
======================================== */

.reveal {
    opacity: 1;

    transform: none;
}


.js .reveal {
    opacity: 0;

    transform:
        translateY(18px);

    transition:
        opacity 0.65s ease,
        transform 0.65s ease;
}


.js .reveal-right {
    transform:
        translateX(22px);
}


.js .reveal-left {
    transform:
        translateX(-22px);
}


.js .reveal.is-visible {
    opacity: 1;

    transform:
        translate(0, 0);
}



/* ========================================
   Hero Animations
======================================== */

.hero-animation {
    opacity: 0;

    transform:
        translateY(14px);

    animation:
        heroReveal
        0.7s ease forwards;
}


.hero-animation:nth-child(1) {
    animation-delay:
        0.05s;
}


.hero-animation:nth-child(2) {
    animation-delay:
        0.12s;
}


.hero-animation:nth-child(3) {
    animation-delay:
        0.19s;
}


.hero-animation:nth-child(4) {
    animation-delay:
        0.26s;
}


.hero-animation:nth-child(5) {
    animation-delay:
        0.33s;
}


.hero-animation:nth-child(6) {
    animation-delay:
        0.40s;
}


.hero-image-animation {
    opacity: 0;

    transform:
        translateX(-18px);

    animation:
        heroImageReveal
        0.82s ease 0.18s forwards;
}


@keyframes heroReveal {

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes heroImageReveal {

    to {
        opacity: 1;

        transform:
            translateX(0);
    }

}



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

@media (max-width: 1000px) {

    .main-nav,
    .header-call {
        display: none;
    }


    .mobile-menu-button {
        display: flex;
    }


    .hero-container {
        grid-template-columns:
            1fr 0.8fr;

        gap: 34px;
    }


    .hero h1 {
        font-size: 51px;
    }


    .profile-strip {
        grid-template-columns:
            1fr 1fr;

        gap: 5px;
    }


    .profile-divider {
        display: none;
    }


    .process-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .process-arrow {
        display: none;
    }


    .articles-list {
        grid-template-columns:
            1fr;
    }


    .article-item {
        border-left: 0;

        border-bottom:
            1px solid
            var(--border);
    }


    .article-item:last-child {
        border-bottom: 0;
    }


    .contact-layout {
        grid-template-columns:
            1fr;

        gap: 26px;
    }

}



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

@media (max-width: 700px) {

    body {
        padding-bottom: 65px;
    }


    .container {
        width: 90%;
    }


    html {
        scroll-padding-top: 72px;
    }


    section[id] {
        scroll-margin-top: 72px;
    }


    .header-container {
        min-height: 68px;
    }


    .logo strong {
        font-size: 22px;
    }


    .logo span {
        font-size: 8px;
    }


    /* Hero */

    .hero {
        padding:
            31px 0 58px;
    }


    .hero-container {
        grid-template-columns:
            1fr;

        gap: 22px;

        text-align: center;
    }


    .hero-meta {
        justify-content: center;

        flex-wrap: wrap;
    }


    .hero h1 {
        font-size: 42px;
    }


    .hero-specialty {
        font-size: 18px;
    }


    .hero-line {
        margin:
            13px auto;
    }


    .hero-description {
        margin:
            0 auto;

        font-size: 12px;
    }


    .hero-actions {
        justify-content: center;

        flex-wrap: wrap;
    }


    .hero-facts {
        justify-content: center;
    }


    .hero-visual {
        max-width: 350px;

        margin:
            0 auto;
    }


    .hero-outline {
        top: 7px;

        right: -7px;
    }


    .hero-curve {
        height: 33px;
    }


    /* Profile */

    .profile-section {
        padding:
            10px 0 31px;
    }


    .profile-heading {
        text-align: center;
    }


    .profile-heading h2 {
        font-size: 21px;
    }


    .profile-strip {
        grid-template-columns:
            1fr 1fr;

        gap: 5px;
    }


    .profile-item {
        padding:
            12px 10px;

        text-align: center;
    }


    .profile-item strong {
        font-size: 14px;
    }


    .profile-item span {
        font-size: 8px;
    }


    /* About */

    .about-section {
        padding:
            39px 0;
    }


    .about-container {
        grid-template-columns:
            1fr;

        gap: 20px;
    }


    .about-photo {
        max-width: 430px;

        margin:
            0 auto;
    }


    .about-content {
        text-align: center;
    }


    .about-content h2 {
        font-size: 26px;
    }


    .about-note {
        text-align: right;
    }


    /* Services */

    .services-section {
        padding:
            56px 0 45px;
    }


    .services-heading {
        display: block;

        text-align: center;
    }


    .services-heading > p {
        margin:
            7px auto 0;
    }


    .services-grid {
        grid-template-columns:
            1fr;
    }


    .service-item:nth-child(odd) {
        border-left: 0;
    }


    .service-item {
        padding:
            13px 2px;
    }


    .service-item:hover {
        padding-right: 8px;
    }


    .services-cta {
        display: block;

        text-align: center;
    }


    .services-cta a {
        display: inline-block;

        margin-top: 8px;
    }


    /* Process */

    .process-grid {
        grid-template-columns:
            1fr 1fr;
    }


    /* Articles */

    .articles-heading {
        display: block;

        text-align: center;
    }


    .articles-heading > p {
        margin:
            7px auto 0;
    }


    /* Contact */

    .contact-section {
        padding:
            56px 0 45px;
    }


    .contact-heading {
        text-align: center;

        margin-right: auto;

        margin-left: auto;
    }


    .contact-heading h2 {
        font-size: 26px;
    }


    .contact-info {
        text-align: center;
    }


    .contact-intro p {
        margin-right: auto;

        margin-left: auto;
    }


    .contact-phone {
        margin-right: auto;

        margin-left: auto;
    }


    .consultation-types {
        justify-content: center;
    }


    .office-address {
        text-align: right;
    }


    .consultation-box {
        padding: 18px;
    }


    .form-row {
        grid-template-columns:
            1fr;
    }


    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 16px;
    }


    /* Footer */

    .footer-container {
        flex-direction: column;

        text-align: center;
    }


    .footer-links {
        flex-wrap: wrap;

        justify-content: center;
    }


    /* Mobile Actions */

    .mobile-action-bar {
        position: fixed;

        z-index: 1200;

        right: 10px;

        left: 10px;

        bottom: 9px;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 6px;

        padding: 5px;

        border:
            1px solid
            rgba(212, 175, 55, 0.18);

        border-radius:
            18px;

        background:
            rgba(5, 10, 18, 0.95);

        backdrop-filter:
            blur(14px);
    }


    .mobile-action-bar a {
        min-height: 43px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius:
            14px;

        font-size: 11px;
    }


    .mobile-call-action {
        background:
            var(--gold);

        color:
            #080b10;

        font-weight: 700;
    }


    .mobile-message-action {
        border:
            1px solid
            rgba(255, 255, 255, 0.1);

        color:
            #ffffff;
    }

}



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

@media (max-width: 460px) {

    .profile-strip,
    .process-grid,
    .social-links {
        grid-template-columns:
            1fr;
    }


    .profile-item {
        text-align: right;
    }


    .hero-actions {
        flex-direction: column;

        align-items: center;
    }


    .primary-button,
    .secondary-button {
        width: 100%;

        max-width: 280px;
    }


    .contact-phone {
        flex-direction: column;

        align-items: flex-start;

        text-align: right;
    }


    .consultation-box {
        padding: 15px;
    }

}



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

@media (min-width: 1001px) {

    .mobile-menu {
        display:
            none !important;
    }

}



/* ========================================
   Reduced Motion
======================================== */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }


    *,
    *::before,
    *::after {
        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;
    }


    .reveal {
        opacity:
            1 !important;

        transform:
            none !important;
    }

}


/* =========================================================
   Final Responsive Safety Layer
   برای موبایل، تبلت، لپ‌تاپ و دسکتاپ
========================================================= */


/* ---------- Global safety ---------- */

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


body {
    min-width: 320px;
}


main,
header,
footer,
section {
    width: 100%;
    max-width: 100%;
}


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


img {
    display: block;
}


.container {
    width: min(
        calc(100% - 40px),
        1220px
    );

    margin-right: auto;
    margin-left: auto;
}



/* ---------- Prevent grid overflow ---------- */

.hero-container,
.about-container,
.contact-layout,
.services-grid,
.process-grid,
.articles-list,
.profile-strip,
.form-row,
.social-links {
    min-width: 0;
}


.hero-content,
.hero-visual,
.about-content,
.about-photo,
.contact-info,
.consultation-box,
.service-item,
.article-item,
.profile-item,
.process-item,
.form-group {
    min-width: 0;
}



/* ---------- Text safety ---------- */

h1,
h2,
h3,
p,
a,
span,
strong,
label {
    overflow-wrap: break-word;
    word-break: normal;
}


.hero h1 {
    font-size:
        clamp(
            42px,
            5vw,
            60px
        );
}


.hero-specialty {
    font-size:
        clamp(
            18px,
            2.2vw,
            23px
        );
}


.about-content h2,
.services-heading h2,
.contact-heading h2 {
    font-size:
        clamp(
            25px,
            3vw,
            31px
        );
}


.process-heading h2,
.articles-heading h2 {
    font-size:
        clamp(
            23px,
            2.5vw,
            27px
        );
}



/* ---------- Hero image safety ---------- */

.hero-photo {
    overflow: hidden;
}


.hero-photo img {
    width: 100%;
    height: auto;

    object-fit: cover;

    object-position: center;
}



/* ---------- About image ---------- */

.about-photo img {
    width: 100%;
    height: auto;

    object-fit: cover;

    object-position: center;
}



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

@media (min-width: 1400px) {

    .container {
        width: min(
            calc(100% - 80px),
            1280px
        );
    }


    .hero-container {
        gap: 70px;
    }


    .hero-visual {
        max-width: 430px;
    }

}



/* =========================================================
   Laptop
========================================================= */

@media (
    min-width: 1001px
)
and (
    max-width: 1250px
) {

    .container {
        width:
            calc(100% - 48px);
    }


    .hero-container {
        gap: 38px;

        grid-template-columns:
            1fr 0.82fr;
    }


    .main-nav {
        gap: 17px;
    }


    .main-nav a {
        font-size: 11px;
    }


    .header-call {
        padding:
            10px 17px;
    }


    .about-container {
        gap: 34px;
    }


    .contact-layout {
        gap: 25px;
    }

}



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

@media (
    min-width: 769px
)
and (
    max-width: 1000px
) {

    .container {
        width:
            calc(100% - 40px);
    }


    .hero {
        padding:
            45px 0 72px;
    }


    .hero-container {
        grid-template-columns:
            1fr 0.78fr;

        gap: 28px;
    }


    .hero-visual {
        width: 100%;
        max-width: 350px;
    }


    .hero-caption {
        right: 14px;
        left: 14px;
        bottom: 14px;

        padding:
            8px 10px;
    }


    .about-container {
        grid-template-columns:
            0.9fr 1.1fr;

        gap: 28px;
    }


    .services-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .contact-layout {
        grid-template-columns:
            1fr;

        gap: 24px;
    }


    .consultation-box {
        width: 100%;
    }

}



/* =========================================================
   Tablet Portrait + Large Mobile
========================================================= */

@media (
    min-width: 601px
)
and (
    max-width: 768px
) {

    .container {
        width:
            calc(100% - 32px);
    }


    .hero {
        padding:
            36px 0 62px;
    }


    .hero-container {
        grid-template-columns:
            1fr;

        text-align: center;

        gap: 25px;
    }


    .hero-meta,
    .hero-actions,
    .hero-facts {
        justify-content: center;
    }


    .hero-line {
        margin:
            15px auto;
    }


    .hero-description {
        margin:
            0 auto;
    }


    .hero-visual {
        width: 100%;
        max-width: 420px;

        margin:
            0 auto;
    }


    .about-container {
        grid-template-columns:
            1fr;

        gap: 24px;
    }


    .about-photo {
        width: 100%;
        max-width: 520px;

        margin:
            0 auto;
    }


    .about-content {
        text-align: center;
    }


    .profile-strip {
        grid-template-columns:
            1fr 1fr;
    }


    .profile-divider {
        display: none;
    }


    .services-grid {
        grid-template-columns:
            1fr;
    }


    .service-item:nth-child(odd) {
        border-left: 0;
    }


    .process-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .process-arrow {
        display: none;
    }


    .articles-list {
        grid-template-columns:
            1fr;
    }


    .article-item {
        border-left: 0;

        border-bottom:
            1px solid
            var(--border);
    }


    .contact-layout {
        grid-template-columns:
            1fr;
    }


    .contact-info {
        width: 100%;
    }


    .consultation-box {
        width: 100%;
    }

}



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

@media (max-width: 600px) {

    html {
        scroll-padding-top: 70px;
    }


    body {
        width: 100%;
    }


    .container {
        width:
            calc(100% - 24px);
    }


    .header-container {
        min-height: 64px;

        gap: 12px;
    }


    .logo strong {
        font-size: 21px;
    }


    .logo span {
        font-size: 8px;
    }


    .mobile-menu-button {
        width: 40px;
        height: 40px;

        flex-shrink: 0;
    }


    /* Hero */

    .hero {
        padding:
            30px 0 58px;
    }


    .hero-container {
        grid-template-columns:
            1fr;

        gap: 22px;

        text-align: center;
    }


    .hero-content {
        width: 100%;
    }


    .hero-meta {
        justify-content: center;

        flex-wrap: wrap;

        font-size: 10px;
    }


    .hero h1 {
        font-size:
            clamp(
                38px,
                12vw,
                46px
            );
    }


    .hero-specialty {
        font-size:
            clamp(
                17px,
                5.5vw,
                20px
            );
    }


    .hero-line {
        margin:
            13px auto;
    }


    .hero-description {
        max-width: 100%;

        margin:
            0 auto;

        font-size: 11px;

        line-height: 1.9;
    }


    .hero-actions {
        width: 100%;

        justify-content: center;

        flex-direction: column;

        align-items: center;

        gap: 8px;
    }


    .primary-button,
    .secondary-button {
        width: 100%;

        max-width: 320px;
    }


    .hero-facts {
        width: 100%;

        justify-content: center;

        gap: 14px;
    }


    .hero-facts strong {
        font-size: 14px;
    }


    .hero-visual {
        width: 100%;
        max-width: 360px;

        margin:
            0 auto;
    }


    .hero-outline {
        display: none;
    }


    .hero-caption {
        right: 12px;
        left: 12px;
        bottom: 12px;

        padding:
            8px 10px;
    }


    .hero-caption strong {
        font-size: 13px;
    }


    /* Profile */

    .profile-section {
        padding:
            14px 0 30px;
    }


    .profile-heading {
        text-align: center;
    }


    .profile-strip {
        grid-template-columns:
            1fr 1fr;

        gap: 5px;

        width: 100%;
    }


    .profile-divider {
        display: none;
    }


    .profile-item {
        padding:
            12px 8px;

        text-align: center;
    }


    /* About */

    .about-section {
        padding:
            38px 0;
    }


    .about-container {
        grid-template-columns:
            1fr;

        gap: 20px;
    }


    .about-photo {
        width: 100%;

        margin:
            0 auto;
    }


    .about-content {
        width: 100%;

        text-align: center;
    }


    .about-content > p {
        font-size: 11px;
    }


    .about-note {
        text-align: right;
    }


    /* Services */

    .services-section {
        padding:
            55px 0 44px;
    }


    .services-heading {
        display: block;

        text-align: center;
    }


    .services-heading > p {
        margin:
            8px auto 0;
    }


    .services-grid {
        grid-template-columns:
            1fr;

        width: 100%;
    }


    .service-item {
        width: 100%;

        padding:
            13px 2px;
    }


    .service-item:nth-child(odd) {
        border-left: 0;
    }


    .service-item:hover {
        padding-right: 2px;
    }


    .services-cta {
        display: block;

        text-align: center;
    }


    .services-cta a {
        display: inline-block;

        margin-top: 8px;
    }


    /* Process */

    .process-section {
        padding:
            30px 0;
    }


    .process-grid {
        grid-template-columns:
            1fr 1fr;

        gap: 6px;

        width: 100%;
    }


    .process-arrow {
        display: none;
    }


    .process-item {
        min-height: 72px;

        padding:
            10px;
    }


    /* Articles */

    .articles-section {
        padding:
            34px 0 38px;
    }


    .articles-heading {
        display: block;

        text-align: center;
    }


    .articles-heading > p {
        margin:
            7px auto 0;
    }


    .articles-list {
        grid-template-columns:
            1fr;

        width: 100%;
    }


    .article-item {
        width: 100%;

        border-left: 0;

        border-bottom:
            1px solid
            var(--border);
    }


    /* Contact */

    .contact-section {
        padding:
            56px 0 45px;
    }


    .contact-heading {
        width: 100%;

        text-align: center;
    }


    .contact-layout {
        grid-template-columns:
            1fr;

        gap: 24px;

        width: 100%;
    }


    .contact-info,
    .consultation-box {
        width: 100%;
    }


    .contact-info {
        text-align: center;
    }


    .contact-intro p {
        margin-right: auto;
        margin-left: auto;
    }


    .contact-phone {
        width: 100%;
        max-width: 100%;

        margin:
            0 auto;
    }


    .consultation-types {
        justify-content: center;
    }


    .office-address {
        text-align: right;
    }


    .social-links {
        grid-template-columns:
            1fr 1fr;

        width: 100%;
    }


    .consultation-box {
        padding: 16px;
    }


    .form-row {
        grid-template-columns:
            1fr;

        gap: 10px;
    }


    .form-group input,
    .form-group select,
    .form-group textarea {
        width: 100%;

        font-size: 16px;
    }


    .consultation-submit {
        width: 100%;
    }


    /* Footer */

    .footer-container {
        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 12px;
    }


    .footer-links {
        justify-content: center;

        flex-wrap: wrap;

        gap:
            10px 16px;
    }

}



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

@media (max-width: 420px) {

    .container {
        width:
            calc(100% - 20px);
    }


    .hero {
        padding-top: 25px;
    }


    .hero-meta span {
        display: none;
    }


    .hero-facts {
        align-items: stretch;

        gap: 9px;
    }


    .hero-facts > div:not(.fact-divider) {
        flex: 1;
    }


    .fact-divider {
        height: auto;
    }


    .profile-strip {
        grid-template-columns:
            1fr;
    }


    .profile-item {
        text-align: right;
    }


    .process-grid {
        grid-template-columns:
            1fr;
    }


    .social-links {
        grid-template-columns:
            1fr;
    }


    .social-heading {
        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }


    .contact-phone {
        flex-direction: column;

        align-items: flex-start;

        text-align: right;

        gap: 3px;
    }


    .consultation-box {
        padding: 14px;
    }


    .consultation-heading h3 {
        font-size: 21px;
    }

}



/* =========================================================
   Very Small Mobile
========================================================= */

@media (max-width: 360px) {

    .container {
        width:
            calc(100% - 16px);
    }


    .logo strong {
        font-size: 19px;
    }


    .mobile-menu-button {
        width: 38px;
        height: 38px;
    }


    .hero h1 {
        font-size: 36px;
    }


    .hero-specialty {
        font-size: 16px;
    }


    .hero-facts {
        flex-direction: column;
    }


    .fact-divider {
        width: 100%;
        height: 1px;
    }


    .hero-caption {
        flex-direction: column;

        align-items: flex-start;

        gap: 1px;
    }

}



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

@media (
    max-width: 900px
)
and (
    orientation: landscape
)
and (
    max-height: 500px
) {

    .hero {
        padding:
            28px 0 55px;
    }


    .hero-container {
        grid-template-columns:
            1fr 0.65fr;

        text-align: right;

        gap: 24px;
    }


    .hero-meta {
        justify-content: flex-start;
    }


    .hero-line {
        margin:
            13px 0;
    }


    .hero-description {
        margin: 0;
    }


    .hero-actions,
    .hero-facts {
        justify-content: flex-start;
    }


    .hero-visual {
        max-width: 290px;
    }

}

/* =========================================================
   Internal Service Pages
========================================================= */


/* ========================================
   Service Hero
======================================== */

.service-page-hero {
    position: relative;

    overflow: hidden;

    padding:
        64px 0 62px;

    background:
        linear-gradient(
            135deg,
            #04070c,
            #081321 55%,
            #0e1c2e
        );

    color:
        #ffffff;
}


.service-page-glow {
    position: absolute;

    width: 540px;
    height: 540px;

    left: -250px;
    top: -280px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(212, 175, 55, 0.12),
            transparent 68%
        );
}


.service-page-hero-inner {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(280px, 0.65fr);

    align-items: center;

    gap: 55px;
}


.service-page-hero-content {
    min-width: 0;
}


.breadcrumbs {
    margin-bottom: 20px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    color:
        #8f99a6;

    font-size: 9px;
}


.breadcrumbs a {
    transition:
        color 0.25s ease;
}


.breadcrumbs a:hover {
    color:
        var(--gold-light);
}


.breadcrumbs span {
    color:
        rgba(212, 175, 55, 0.5);
}


.breadcrumbs strong {
    color:
        #d5dbe3;

    font-weight: 400;
}


.service-page-hero h1 {
    max-width: 780px;

    margin:
        4px 0 13px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #ffffff;

    font-size:
        clamp(
            34px,
            4.5vw,
            52px
        );

    line-height: 1.45;
}


.service-page-lead {
    max-width: 760px;

    margin: 0;

    color:
        #c0c8d3;

    font-size: 12px;

    line-height: 2;
}


.service-page-actions {
    margin-top: 23px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;
}



/* ========================================
   Hero Summary Card
======================================== */

.service-page-summary {
    position: relative;

    min-width: 0;

    padding:
        24px 22px;

    border:
        1px solid
        rgba(212, 175, 55, 0.18);

    border-radius:
        24px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.025)
        );

    box-shadow:
        0 24px 55px
        rgba(0, 0, 0, 0.18);
}


.service-page-summary::before {
    content: "";

    position: absolute;

    top: 18px;
    right: 18px;

    width: 34px;
    height: 1px;

    background:
        var(--gold);
}


.service-summary-label {
    display: block;

    margin-bottom: 13px;

    color:
        #9aa4b1;

    font-size: 8px;
}


.service-page-summary > strong {
    display: block;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        var(--gold-light);

    font-size: 25px;

    line-height: 1.4;
}


.service-page-summary > p {
    margin:
        1px 0 13px;

    color:
        #d7dce3;

    font-size: 10px;
}


.service-page-summary ul {
    margin: 0;

    padding: 0;

    list-style: none;
}


.service-page-summary li {
    position: relative;

    padding:
        9px 18px 9px 0;

    color:
        #aab3bf;

    font-size: 9px;

    line-height: 1.7;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.055);
}


.service-page-summary li::before {
    content: "";

    position: absolute;

    right: 1px;
    top: 16px;

    width: 5px;
    height: 5px;

    border-radius:
        50%;

    background:
        rgba(212, 175, 55, 0.8);
}



/* ========================================
   Main Service Content
======================================== */

.service-content-section {
    padding:
        58px 0;

    background:
        linear-gradient(
            180deg,
            var(--ivory),
            #f5f0e5
        );
}


.service-content-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(270px, 330px);

    align-items: start;

    gap: 46px;
}


.service-main-content {
    min-width: 0;
}


.service-content-block {
    padding:
        0 0 31px;

    margin-bottom: 30px;

    border-bottom:
        1px solid
        rgba(147, 111, 27, 0.13);
}


.service-content-block:last-child {
    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0;
}


.service-content-block h2 {
    margin:
        2px 0 11px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #101925;

    font-size:
        clamp(
            24px,
            3vw,
            30px
        );

    line-height: 1.55;
}


.service-content-block > p {
    max-width: 790px;

    margin:
        0 0 10px;

    color:
        #626973;

    font-size: 11px;

    line-height: 2;
}



/* ========================================
   Detail List
======================================== */

.service-detail-list {
    margin-top: 16px;

    border-top:
        1px solid
        rgba(147, 111, 27, 0.15);
}


.service-detail-list > div {
    display: grid;

    grid-template-columns:
        minmax(180px, 0.38fr)
        minmax(0, 0.62fr);

    gap: 22px;

    padding:
        15px 0;

    border-bottom:
        1px solid
        rgba(147, 111, 27, 0.13);
}


.service-detail-list strong {
    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #111b28;

    font-size: 16px;

    line-height: 1.6;
}


.service-detail-list span {
    color:
        #6c727b;

    font-size: 10px;

    line-height: 1.8;
}



/* ========================================
   Notice
======================================== */

.service-notice {
    margin-top: 17px;

    padding:
        12px 15px;

    display: flex;

    align-items: flex-start;

    gap: 10px;

    border-right:
        2px solid
        rgba(180, 139, 37, 0.62);

    background:
        rgba(231, 220, 194, 0.38);
}


.service-notice > span {
    width: 6px;
    height: 6px;

    margin-top: 8px;

    flex-shrink: 0;

    border-radius:
        50%;

    background:
        var(--gold);
}


.service-notice p {
    margin: 0;

    color:
        #686860;

    font-size: 9px;

    line-height: 1.9;
}



/* ========================================
   Sidebar
======================================== */

.service-sidebar {
    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 18px;
}


.service-contact-card {
    position: sticky;

    top: 92px;

    padding:
        22px;

    border:
        1px solid
        rgba(147, 111, 27, 0.16);

    border-radius:
        22px;

    background:
        rgba(255, 255, 255, 0.55);

    box-shadow:
        0 18px 45px
        rgba(21, 28, 38, 0.055);
}


.service-contact-eyebrow {
    color:
        #9a761d;

    font-size: 8px;
}


.service-contact-card h2 {
    margin:
        4px 0 7px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #111a27;

    font-size: 23px;

    line-height: 1.5;
}


.service-contact-card > p {
    margin:
        0 0 15px;

    color:
        #6a7079;

    font-size: 9px;

    line-height: 1.8;
}


.service-phone-button {
    padding:
        12px 13px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 12px;

    border-radius:
        14px;

    background:
        #0a1423;

    color:
        #ffffff;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.service-phone-button:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 30px
        rgba(8, 18, 33, 0.14);
}


.service-phone-button span {
    color:
        #c8d0da;

    font-size: 8px;
}


.service-phone-button strong {
    color:
        var(--gold-light);

    font-size: 11px;
}


.service-form-button {
    min-height: 42px;

    margin-top: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(147, 111, 27, 0.22);

    border-radius:
        14px;

    color:
        #715715;

    background:
        rgba(212, 175, 55, 0.06);

    font-size: 9px;

    font-weight: 600;

    transition:
        background 0.25s ease,
        border-color 0.25s ease;
}


.service-form-button:hover {
    background:
        rgba(212, 175, 55, 0.1);

    border-color:
        rgba(147, 111, 27, 0.36);
}


.service-contact-card small {
    display: block;

    margin-top: 10px;

    color:
        #858982;

    font-size: 7px;

    line-height: 1.7;
}



/* ========================================
   Other Services
======================================== */

.other-services {
    padding:
        18px 20px;

    border:
        1px solid
        rgba(147, 111, 27, 0.13);

    border-radius:
        20px;

    background:
        rgba(236, 228, 210, 0.4);
}


.other-services > span {
    display: block;

    margin-bottom: 8px;

    color:
        #9a761d;

    font-size: 8px;
}


.other-services a {
    min-height: 38px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 14px;

    color:
        #28313e;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 14px;

    border-bottom:
        1px solid
        rgba(147, 111, 27, 0.11);

    transition:
        color 0.25s ease,
        padding-right 0.25s ease;
}


.other-services a:last-child {
    border-bottom: 0;
}


.other-services a:hover {
    padding-right: 5px;

    color:
        #98741d;
}


.other-services b {
    color:
        #aa8220;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-weight: 400;
}



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

.service-bottom-cta {
    padding:
        44px 0;

    background:
        linear-gradient(
            135deg,
            #050a12,
            #0b1728,
            #111f34
        );

    color:
        #ffffff;
}


.service-bottom-cta-inner {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 35px;
}


.service-bottom-cta h2 {
    margin:
        2px 0 4px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #ffffff;

    font-size:
        clamp(
            24px,
            3vw,
            30px
        );

    line-height: 1.5;
}


.service-bottom-cta p {
    max-width: 620px;

    margin: 0;

    color:
        #aeb7c4;

    font-size: 9px;

    line-height: 1.8;
}


.service-bottom-cta
.primary-button {
    flex-shrink: 0;
}



/* =========================================================
   Service Page Tablet
========================================================= */

@media (max-width: 1000px) {

    .service-page-hero-inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(250px, 0.55fr);

        gap: 30px;
    }


    .service-content-grid {
        grid-template-columns:
            minmax(0, 1fr)
            270px;

        gap: 28px;
    }


    .service-contact-card {
        padding: 18px;
    }

}



/* =========================================================
   Service Page Mobile / Tablet
========================================================= */

@media (max-width: 768px) {

    .service-page-hero {
        padding:
            42px 0 48px;
    }


    .service-page-hero-inner {
        grid-template-columns:
            1fr;

        gap: 22px;
    }


    .service-page-hero-content {
        text-align: center;
    }


    .breadcrumbs {
        justify-content: center;
    }


    .service-page-lead {
        margin:
            0 auto;
    }


    .service-page-actions {
        justify-content: center;
    }


    .service-page-summary {
        width: 100%;
        max-width: 520px;

        margin:
            0 auto;
    }


    .service-content-section {
        padding:
            42px 0;
    }


    .service-content-grid {
        grid-template-columns:
            1fr;

        gap: 30px;
    }


    .service-contact-card {
        position: static;
    }


    .service-sidebar {
        width: 100%;
    }


    .service-bottom-cta {
        padding:
            38px 0;
    }


    .service-bottom-cta-inner {
        flex-direction: column;

        align-items: flex-start;

        gap: 18px;
    }

}



/* =========================================================
   Service Page Mobile
========================================================= */

@media (max-width: 600px) {

    .service-page-hero {
        padding:
            33px 0 42px;
    }


    .breadcrumbs {
        margin-bottom: 15px;

        font-size: 8px;
    }


    .service-page-hero h1 {
        font-size:
            clamp(
                31px,
                10vw,
                40px
            );
    }


    .service-page-lead {
        font-size: 11px;
    }


    .service-page-actions {
        flex-direction: column;

        align-items: center;

        width: 100%;
    }


    .service-page-actions
    .primary-button,
    .service-page-actions
    .secondary-button {
        width: 100%;
        max-width: 320px;
    }


    .service-page-summary {
        padding:
            19px 17px;

        border-radius:
            19px;
    }


    .service-page-summary > strong {
        font-size: 22px;
    }


    .service-content-section {
        padding:
            35px 0;
    }


    .service-content-block {
        padding-bottom: 24px;

        margin-bottom: 24px;
    }


    .service-content-block > p {
        font-size: 10px;
    }


    .service-detail-list > div {
        grid-template-columns:
            1fr;

        gap: 4px;

        padding:
            13px 0;
    }


    .service-detail-list strong {
        font-size: 15px;
    }


    .service-detail-list span {
        font-size: 9px;
    }


    .service-contact-card {
        padding: 17px;

        border-radius: 18px;
    }


    .other-services {
        padding:
            15px 17px;
    }


    .service-bottom-cta-inner {
        align-items: center;

        text-align: center;
    }


    .service-bottom-cta
    .primary-button {
        width: 100%;
        max-width: 320px;
    }

}



/* =========================================================
   Very Small Mobile
========================================================= */

@media (max-width: 380px) {

    .service-page-summary {
        padding:
            17px 14px;
    }


    .service-phone-button {
        flex-direction: column;

        align-items: flex-start;

        gap: 2px;
    }


    .other-services a {
        font-size: 13px;
    }

}

.service-item {
    color: inherit;
    text-decoration: none;
}

a.service-item {
    display: block;
    cursor: pointer;
}

@media (max-width: 768px) {

    body {
        padding-bottom: 75px;
    }

    .mobile-action-bar {
        height: 65px;
        bottom: 0;
        z-index: 1000;
    }

    .site-footer {
        padding-bottom: 90px;
    }

}

/* =========================================================
   FINAL MOBILE FOOTER + ACTION BAR FIX
   این بخش باید آخرین کد فایل style.css باشد
========================================================= */

@media (max-width: 768px) {

    /* فضای مصنوعی پایین صفحه حذف شود */
    body {
        padding-bottom: 0 !important;
    }


    /* فوتر جمع‌وجور و حرفه‌ای */
    .site-footer {
        margin: 0 !important;

        padding:
            18px 0
            calc(10px + env(safe-area-inset-bottom))
            !important;

        min-height: 0 !important;

        background: #04080e;

        border-top:
            1px solid
            rgba(212, 175, 55, 0.11);
    }


    .footer-container {
        flex-direction: column;

        align-items: center;
        justify-content: center;

        gap: 7px !important;

        text-align: center;
    }


    .footer-brand {
        margin: 0 !important;
        padding: 0 !important;
    }


    .footer-logo {
        display: inline-block;

        margin: 0;

        font-size: 22px;

        line-height: 1.4;
    }


    .footer-brand p {
        margin:
            -1px 0 0 !important;

        line-height: 1.7;
    }


    .footer-links {
        margin:
            5px 0 0;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

        gap:
            7px 15px !important;
    }


    .footer-links a {
        line-height: 1.7;
    }


    .footer-phone {
        display: inline-flex;

        margin-top: 3px;

        line-height: 1.5;
    }


    .footer-bottom {
        margin-top: 9px !important;

        padding-top: 8px !important;
        padding-bottom: 0 !important;

        line-height: 1.8;

        border-top:
            1px solid
            rgba(255, 255, 255, 0.055);
    }


    /* نوار تماس فقط در بخش اصلی صفحه */
    .mobile-action-bar {
        position: fixed;

        right: 10px;
        left: 10px;

        bottom:
            calc(
                9px +
                env(safe-area-inset-bottom)
            );

        margin: 0 !important;

        transition:
            opacity 0.24s ease,
            transform 0.24s ease,
            visibility 0.24s ease;

        will-change:
            opacity,
            transform;
    }


    /* وقتی فوتر نزدیک شد، نوار کاملاً کنار می‌رود */
    .mobile-action-bar.is-footer-hidden {
        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        transform:
            translateY(24px) !important;
    }

}


.criminal-page {
    --criminal-navy: #07101c;
    --criminal-navy-soft: #0c1929;
    --criminal-ink: #101923;
    --criminal-text: #646b73;
    --criminal-cream: #f5f0e6;
    --criminal-cream-light: #faf7f0;
    --criminal-gold: #b9933d;
    --criminal-gold-light: #d9bc76;
    --criminal-line: rgba(135, 103, 33, 0.16);

    background: var(--criminal-cream-light);
}

.criminal-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.criminal-page img {
    max-width: 100%;
    height: auto;
}

.criminal-hero {
    position: relative;
    overflow: hidden;

    padding: 62px 0 58px;

    background:
        radial-gradient(
            circle at 13% 25%,
            rgba(185, 147, 61, 0.1),
            transparent 28%
        ),
        linear-gradient(
            130deg,
            #040910 0%,
            #091422 57%,
            #101e30 100%
        );

    color: #fff;
}

.criminal-hero::after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    left: -180px;
    bottom: -250px;

    border:
        1px solid
        rgba(217, 188, 118, 0.09);

    border-radius: 50%;
}

.criminal-hero-glow {
    position: absolute;

    width: 520px;
    height: 520px;

    right: -300px;
    top: -290px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(185, 147, 61, 0.12),
            transparent 68%
        );
}

.criminal-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(280px, 0.55fr);

    align-items: center;

    gap: clamp(34px, 6vw, 82px);
}

.criminal-hero-content {
    min-width: 0;
}

.criminal-breadcrumbs {
    margin-bottom: 25px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    color: #87919e;

    font-size: 9px;
}

.criminal-breadcrumbs a {
    color: #aab3bd;

    transition:
        color 0.2s ease;
}

.criminal-breadcrumbs a:hover {
    color: var(--criminal-gold-light);
}

.criminal-breadcrumbs span {
    color:
        rgba(217, 188, 118, 0.45);
}

.criminal-breadcrumbs strong {
    color: #d4dae1;

    font-weight: 400;
}

.criminal-kicker {
    margin-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 10px;
}

.criminal-kicker span {
    width: 28px;
    height: 1px;

    flex-shrink: 0;

    background:
        var(--criminal-gold);
}

.criminal-kicker p {
    margin: 0;

    color:
        var(--criminal-gold-light);

    font-size: 9px;

    letter-spacing: 0.02em;
}

.criminal-hero h1 {
    max-width: 770px;

    margin:
        0 0 17px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color: #fff;

    font-size:
        clamp(
            38px,
            5vw,
            58px
        );

    font-weight: 600;

    line-height: 1.45;
}

.criminal-hero h1 em {
    position: relative;

    color:
        var(--criminal-gold-light);

    font-style: normal;
}

.criminal-hero-lead {
    max-width: 710px;

    margin: 0;

    color: #b5bec9;

    font-size: 11px;

    line-height: 2.05;
}

.criminal-hero-actions {
    margin-top: 23px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 9px;
}

.criminal-primary-action,
.criminal-secondary-action {
    min-height: 44px;

    padding:
        0 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 9px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease;
}

.criminal-primary-action {
    color: #101722;

    border:
        1px solid
        var(--criminal-gold-light);

    background:
        linear-gradient(
            135deg,
            #e1c47d,
            #b78d33
        );

    box-shadow:
        0 12px 28px
        rgba(0, 0, 0, 0.12);
}

.criminal-primary-action:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 16px 34px
        rgba(0, 0, 0, 0.18);
}

.criminal-secondary-action {
    color: #d9dee5;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    background:
        rgba(255, 255, 255, 0.025);
}

.criminal-secondary-action:hover {
    color: #fff;

    border-color:
        rgba(217, 188, 118, 0.38);

    background:
        rgba(217, 188, 118, 0.055);
}

.criminal-hero-meta {
    margin-top: 28px;

    padding-top: 18px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 0;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.07);
}

.criminal-hero-meta > div {
    min-width: 0;

    padding:
        0 13px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);
}

.criminal-hero-meta > div:first-child {
    padding-right: 0;
}

.criminal-hero-meta > div:last-child {
    border-left: 0;
}

.criminal-hero-meta span {
    display: block;

    margin-bottom: 2px;

    color: #778290;

    font-size: 7px;
}

.criminal-hero-meta strong {
    display: block;

    color: #d5dbe3;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 13px;

    font-weight: 500;
}

.criminal-hero-visual {
    position: relative;

    width: 100%;
    max-width: 390px;

    justify-self: end;
}

.criminal-portrait-frame {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.77;

    border-radius:
        170px 170px 26px 26px;

    border:
        1px solid
        rgba(217, 188, 118, 0.26);

    background: #101a28;

    box-shadow:
        0 30px 70px
        rgba(0, 0, 0, 0.32);
}

.criminal-portrait-frame::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 62%,
            rgba(3, 7, 12, 0.4)
        );
}

.criminal-portrait-frame img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center top;
}

.criminal-license-note {
    position: absolute;

    right: -24px;
    bottom: 28px;

    min-width: 126px;

    padding:
        10px 14px;

    border:
        1px solid
        rgba(217, 188, 118, 0.23);

    border-radius: 14px;

    background:
        rgba(5, 11, 19, 0.88);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 12px 30px
        rgba(0, 0, 0, 0.22);
}

.criminal-license-note span {
    display: block;

    color: #89939f;

    font-size: 7px;
}

.criminal-license-note strong {
    display: block;

    margin-top: 2px;

    color:
        var(--criminal-gold-light);

    font-size: 14px;
}

.criminal-situations {
    padding:
        58px 0 55px;

    background:
        var(--criminal-cream-light);
}

.criminal-section-heading {
    margin-bottom: 26px;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 35px;
}

.criminal-section-heading > div {
    min-width: 0;
}

.criminal-section-label {
    display: block;

    margin-bottom: 5px;

    color:
        #957226;

    font-size: 8px;

    font-weight: 600;
}

.criminal-section-heading h2,
.criminal-review-intro h2,
.criminal-documents-content h2,
.criminal-consultation-name h2,
.criminal-consultation-action h2,
.criminal-other-heading h2 {
    margin: 0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        var(--criminal-ink);

    font-size:
        clamp(
            25px,
            3.2vw,
            33px
        );

    font-weight: 600;

    line-height: 1.55;
}

.criminal-section-heading > p {
    max-width: 420px;

    margin: 0;

    color:
        var(--criminal-text);

    font-size: 10px;

    line-height: 1.9;
}

.criminal-situation-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid
        var(--criminal-line);
}

.criminal-situation {
    position: relative;

    min-width: 0;

    padding:
        20px 4px 20px 24px;

    border-bottom:
        1px solid
        var(--criminal-line);
}

.criminal-situation:nth-child(odd) {
    padding-right: 0;

    border-left:
        1px solid
        var(--criminal-line);
}

.criminal-situation:nth-child(even) {
    padding-right: 24px;
}

.criminal-situation-mark {
    display: none;
}

.criminal-situation h3 {
    margin:
        0 0 5px;

    font-family:
        "Noto Naskh Arabic",
        serif;

    color:
        #17212c;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.6;
}

.criminal-situation p {
    max-width: 460px;

    margin: 0;

    color:
        #74797e;

    font-size: 9px;

    line-height: 1.85;
}

.criminal-review {
    padding:
        58px 0;

    background:
        #eee7d9;
}

.criminal-review-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            38px,
            7vw,
            88px
        );
}

.criminal-review-intro {
    position: sticky;

    top: 100px;
}

.criminal-review-intro p {
    margin:
        12px 0 0;

    color:
        #696d70;

    font-size: 10px;

    line-height: 2;
}

.criminal-review-steps {
    border-top:
        1px solid
        rgba(121, 92, 27, 0.17);
}

.criminal-review-step {
    display: grid;

    grid-template-columns:
        115px minmax(0, 1fr);

    gap: 24px;

    padding:
        19px 0;

    border-bottom:
        1px solid
        rgba(121, 92, 27, 0.15);
}

.criminal-review-step > span {
    color:
        #9b7625;

    font-size: 8px;

    padding-top: 4px;
}

.criminal-review-step strong {
    display: block;

    margin-bottom: 3px;

    color:
        #17212c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 17px;

    font-weight: 600;
}

.criminal-review-step p {
    max-width: 570px;

    margin: 0;

    color:
        #6f7375;

    font-size: 9px;

    line-height: 1.9;
}

.criminal-practice {
    padding:
        58px 0;

    background:
        var(--criminal-cream-light);
}

.criminal-practice-list {
    border-top:
        1px solid
        var(--criminal-line);
}

.criminal-practice-item {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding:
        18px 2px;

    border-bottom:
        1px solid
        var(--criminal-line);

    transition:
        padding-right 0.22s ease,
        background 0.22s ease;
}

.criminal-practice-item:hover {
    padding-right: 10px;

    background:
        rgba(185, 147, 61, 0.025);
}

.criminal-practice-item h3 {
    margin:
        0 0 3px;

    color:
        #17212c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 17px;

    font-weight: 600;
}

.criminal-practice-item p {
    margin: 0;

    color:
        #73787e;

    font-size: 9px;

    line-height: 1.75;
}

.criminal-practice-item > span {
    flex-shrink: 0;

    color:
        #a77f25;

    font-size: 17px;
}

.criminal-documents {
    padding:
        49px 0;

    background:
        #0a1421;
}

.criminal-documents-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(280px, 0.68fr);

    align-items: center;

    gap: 55px;
}

.criminal-documents-content h2 {
    color: #fff;
}

.criminal-documents-content p {
    max-width: 690px;

    margin:
        10px 0 0;

    color:
        #abb4c0;

    font-size: 10px;

    line-height: 1.95;
}

.criminal-security-note {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding:
        18px;

    border:
        1px solid
        rgba(217, 188, 118, 0.17);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.028);
}

.criminal-security-icon {
    width: 30px;
    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border:
        1px solid
        rgba(217, 188, 118, 0.35);

    border-radius: 50%;

    color:
        var(--criminal-gold-light);

    font-family: serif;

    font-size: 15px;
}

.criminal-security-note strong {
    display: block;

    margin-bottom: 3px;

    color: #ece7db;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 15px;
}

.criminal-security-note p {
    margin: 0;

    color:
        #9ba5b1;

    font-size: 8px;

    line-height: 1.9;
}

.criminal-consultation {
    padding:
        54px 0;

    background:
        var(--criminal-cream);
}

.criminal-consultation-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(0, 1.2fr);

    align-items: stretch;

    gap: 18px;
}

.criminal-consultation-profile,
.criminal-consultation-action {
    min-width: 0;
}

.criminal-consultation-profile {
    padding:
        24px;

    border:
        1px solid
        var(--criminal-line);

    border-radius: 22px;

    background:
        rgba(255, 255, 255, 0.45);
}

.criminal-consultation-name > span,
.criminal-consultation-action > span {
    display: block;

    margin-bottom: 4px;

    color:
        #987524;

    font-size: 8px;
}

.criminal-consultation-name p {
    margin:
        2px 0 18px;

    color:
        #6f747a;

    font-size: 9px;
}

.criminal-consultation-details {
    border-top:
        1px solid
        var(--criminal-line);
}

.criminal-consultation-details > div {
    padding:
        9px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    border-bottom:
        1px solid
        var(--criminal-line);
}

.criminal-consultation-details span {
    color:
        #85847f;

    font-size: 8px;
}

.criminal-consultation-details strong {
    color:
        #28313a;

    font-size: 10px;

    font-weight: 500;
}

.criminal-consultation-action {
    padding:
        27px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #07111e,
            #0d1b2d
        );
}

.criminal-consultation-action h2 {
    max-width: 610px;

    color: #fff;
}

.criminal-consultation-action > p {
    margin:
        7px 0 17px;

    color:
        #a6afbb;

    font-size: 9px;
}

.criminal-consultation-action > div {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 9px;
}

.criminal-other-services {
    padding:
        43px 0 47px;

    background:
        var(--criminal-cream-light);
}

.criminal-other-heading {
    margin-bottom: 15px;
}

.criminal-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--criminal-line);
}

.criminal-other-links a {
    min-width: 0;

    min-height: 46px;

    padding:
        0 3px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    color:
        #222d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 14px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--criminal-line);

    transition:
        color 0.2s ease,
        padding-right 0.2s ease;
}

.criminal-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--criminal-line);
}

.criminal-other-links a:hover {
    padding-right: 8px;

    color:
        #946f1e;
}

.criminal-other-links span {
    color:
        #a77e24;
}

@media (max-width: 1050px) {

    .criminal-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(250px, 0.48fr);

        gap: 34px;
    }

    .criminal-license-note {
        right: -10px;
    }

    .criminal-review-layout {
        gap: 45px;
    }

    .criminal-documents-layout {
        gap: 32px;
    }

}

@media (max-width: 820px) {

    .criminal-hero {
        padding:
            43px 0 48px;
    }

    .criminal-hero-layout {
        grid-template-columns:
            1fr;

        gap: 28px;
    }

    .criminal-hero-content {
        text-align: center;
    }

    .criminal-breadcrumbs,
    .criminal-kicker,
    .criminal-hero-actions {
        justify-content: center;
    }

    .criminal-hero-lead {
        margin:
            0 auto;
    }

    .criminal-hero-visual {
        max-width: 390px;

        margin:
            0 auto;

        justify-self: center;
    }

    .criminal-license-note {
        right: 12px;
    }

    .criminal-section-heading {
        align-items: flex-start;

        flex-direction: column;

        gap: 8px;
    }

    .criminal-section-heading > p {
        max-width: 650px;
    }

    .criminal-review-layout {
        grid-template-columns:
            1fr;

        gap: 28px;
    }

    .criminal-review-intro {
        position: static;
    }

    .criminal-documents-layout {
        grid-template-columns:
            1fr;

        gap: 24px;
    }

    .criminal-consultation-layout {
        grid-template-columns:
            1fr;
    }

}

@media (max-width: 600px) {

    .criminal-hero {
        padding:
            30px 0 39px;
    }

    .criminal-breadcrumbs {
        margin-bottom: 17px;

        font-size: 8px;
    }

    .criminal-kicker {
        margin-bottom: 7px;
    }

    .criminal-hero h1 {
        font-size:
            clamp(
                34px,
                10vw,
                43px
            );

        line-height: 1.42;
    }

    .criminal-hero-lead {
        font-size: 10px;
    }

    .criminal-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .criminal-hero-actions
    .criminal-primary-action,
    .criminal-hero-actions
    .criminal-secondary-action {
        width: 100%;
        max-width: 320px;
    }

    .criminal-hero-meta {
        grid-template-columns:
            1fr;

        margin-top: 23px;

        padding-top: 10px;
    }

    .criminal-hero-meta > div {
        padding:
            8px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.055);
    }

    .criminal-hero-meta > div:last-child {
        border-bottom: 0;
    }

    .criminal-hero-visual {
        max-width: 330px;
    }

    .criminal-portrait-frame {
        border-radius:
            145px 145px 22px 22px;
    }

    .criminal-license-note {
        right: 10px;
        bottom: 17px;

        min-width: 112px;
    }

    .criminal-situations,
    .criminal-review,
    .criminal-practice {
        padding:
            39px 0;
    }

    .criminal-section-heading {
        margin-bottom: 19px;

        text-align: center;
    }

    .criminal-section-heading > div,
    .criminal-section-heading > p {
        width: 100%;
    }

    .criminal-situation-grid {
        grid-template-columns:
            1fr;
    }

    .criminal-situation,
    .criminal-situation:nth-child(odd),
    .criminal-situation:nth-child(even) {
        padding:
            15px 0;

        border-left: 0;
    }

    .criminal-situation h3 {
        font-size: 16px;
    }

    .criminal-review-intro {
        text-align: center;
    }

    .criminal-review-step {
        grid-template-columns:
            1fr;

        gap: 4px;

        padding:
            15px 0;
    }

    .criminal-review-step > span {
        padding-top: 0;
    }

    .criminal-practice-item {
        gap: 15px;

        padding:
            15px 0;
    }

    .criminal-practice-item:hover {
        padding-right: 0;
    }

    .criminal-documents {
        padding:
            38px 0;
    }

    .criminal-documents-content {
        text-align: center;
    }

    .criminal-security-note {
        border-radius: 15px;
    }

    .criminal-consultation {
        padding:
            39px 0;
    }

    .criminal-consultation-profile,
    .criminal-consultation-action {
        padding:
            19px;

        border-radius: 18px;
    }

    .criminal-consultation-action {
        text-align: center;
    }

    .criminal-consultation-action > div {
        justify-content: center;

        flex-direction: column;
    }

    .criminal-consultation-action
    .criminal-primary-action,
    .criminal-consultation-action
    .criminal-secondary-action {
        width: 100%;
        max-width: 320px;
    }

    .criminal-other-services {
        padding:
            34px 0 38px;
    }

    .criminal-other-heading {
        text-align: center;
    }

    .criminal-other-links {
        grid-template-columns:
            1fr;
    }

    .criminal-other-links a,
    .criminal-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}

@media (max-width: 390px) {

    .criminal-hero h1 {
        font-size: 32px;
    }

    .criminal-hero-visual {
        max-width: 290px;
    }

    .criminal-license-note {
        right: 6px;
    }

    .criminal-security-note {
        padding: 15px;
    }

    .criminal-consultation-details > div {
        align-items: flex-start;

        flex-direction: column;

        gap: 2px;
    }

}

/* =========================================================
   Criminal Page - Readability & Layout Refinement
========================================================= */

.criminal-breadcrumbs {
    font-size: 12px;
}

.criminal-kicker p {
    font-size: 13px;
}

.criminal-hero-lead {
    font-size: 16px;
    line-height: 2;
}

.criminal-primary-action,
.criminal-secondary-action {
    min-height: 48px;
    padding: 0 24px;
    font-size: 14px;
}

.criminal-hero-meta span {
    font-size: 12px;
}

.criminal-hero-meta strong {
    font-size: 16px;
}

.criminal-license-note span {
    font-size: 11px;
}

.criminal-license-note strong {
    font-size: 17px;
}

.criminal-section-label {
    font-size: 13px;
}

.criminal-section-heading > p {
    font-size: 15px;
    line-height: 2;
}

.criminal-situation h3 {
    font-size: 20px;
}

.criminal-situation p {
    font-size: 15px;
    line-height: 1.9;
}

.criminal-review-intro p {
    font-size: 15px;
    line-height: 2;
}

.criminal-review-step > span {
    font-size: 12px;
}

.criminal-review-step strong {
    font-size: 19px;
}

.criminal-review-step p {
    font-size: 15px;
    line-height: 1.9;
}

.criminal-practice-item h3 {
    font-size: 19px;
}

.criminal-practice-item p {
    font-size: 15px;
    line-height: 1.85;
}

.criminal-documents-content p {
    font-size: 15px;
    line-height: 2;
}

.criminal-security-note strong {
    font-size: 17px;
}

.criminal-security-note p {
    font-size: 14px;
    line-height: 1.9;
}

.criminal-consultation {
    padding: 46px 0;
}

.criminal-consultation-layout {
    grid-template-columns:
        minmax(300px, 0.72fr)
        minmax(0, 1.28fr);

    align-items: start;
}

.criminal-consultation-profile,
.criminal-consultation-action {
    height: auto;
    min-height: 0;
}

.criminal-consultation-profile {
    padding: 25px;
}

.criminal-consultation-name > span,
.criminal-consultation-action > span {
    font-size: 12px;
}

.criminal-consultation-name p {
    margin-top: 5px;
    margin-bottom: 18px;

    font-size: 14px;
    line-height: 1.9;
}

.criminal-consultation-details > div {
    padding: 12px 0;
}

.criminal-consultation-details span {
    font-size: 12px;
}

.criminal-consultation-details strong {
    font-size: 14px;
}

.criminal-consultation-action {
    padding: 30px 32px;
}

.criminal-consultation-action > p {
    margin: 10px 0 20px;

    font-size: 14px;
    line-height: 1.9;
}

.criminal-consultation-action
.criminal-primary-action,
.criminal-consultation-action
.criminal-secondary-action {
    min-width: 150px;
}

.criminal-other-links a {
    font-size: 16px;
}

@media (max-width: 820px) {

    .criminal-consultation-layout {
        grid-template-columns: 1fr;
    }

    .criminal-section-heading > p,
    .criminal-review-intro p,
    .criminal-documents-content p {
        font-size: 15px;
    }

}

@media (max-width: 600px) {

    .criminal-breadcrumbs {
        font-size: 11px;
    }

    .criminal-kicker p {
        font-size: 12px;
    }

    .criminal-hero-lead {
        font-size: 15px;
    }

    .criminal-primary-action,
    .criminal-secondary-action {
        font-size: 14px;
    }

    .criminal-hero-meta span {
        font-size: 11px;
    }

    .criminal-hero-meta strong {
        font-size: 15px;
    }

    .criminal-section-label {
        font-size: 12px;
    }

    .criminal-situation h3,
    .criminal-practice-item h3 {
        font-size: 18px;
    }

    .criminal-situation p,
    .criminal-review-intro p,
    .criminal-review-step p,
    .criminal-practice-item p,
    .criminal-documents-content p {
        font-size: 14px;
    }

    .criminal-security-note p {
        font-size: 13px;
    }

    .criminal-consultation-profile,
    .criminal-consultation-action {
        padding: 20px;
    }

    .criminal-consultation-action > p {
        font-size: 14px;
    }

}

/* ========================================
   Criminal Hero - Final Polish
========================================= */

.criminal-hero h1 {
    max-width: 760px;
    font-size: clamp(42px, 4.3vw, 55px);
    line-height: 1.5;
}

.criminal-hero-lead {
    max-width: 720px;
    font-size: 16px;
    line-height: 2.05;
}

.criminal-hero-meta {
    margin-top: 24px;
    padding-top: 17px;
}

.criminal-hero-meta span {
    font-size: 12px;
    color: #929ca8;
}

.criminal-hero-meta strong {
    margin-top: 3px;
    font-size: 15px;
    line-height: 1.8;
}

.criminal-breadcrumbs {
    font-size: 12px;
}

.criminal-kicker p {
    font-size: 13px;
}

.criminal-hero-actions {
    margin-top: 21px;
}

.criminal-primary-action,
.criminal-secondary-action {
    min-height: 50px;
    padding: 0 25px;
    font-size: 14px;
}

@media (max-width: 600px) {

    .criminal-hero h1 {
        font-size: clamp(32px, 9vw, 40px);
        line-height: 1.5;
    }

    .criminal-hero-meta span {
        font-size: 11px;
    }

    .criminal-hero-meta strong {
        font-size: 14px;
    }

}

/* =========================================================
   Family Page
========================================================= */

.family-page {
    --family-bg: #f7f2e9;
    --family-bg-soft: #fbf8f2;
    --family-paper: #fffdf9;
    --family-navy: #091522;
    --family-navy-soft: #122234;
    --family-gold: #b9913f;
    --family-gold-light: #d9bb73;
    --family-text: #525962;
    --family-muted: #7c838a;
    --family-line: rgba(139, 105, 42, 0.16);

    background: var(--family-bg-soft);
}


.family-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}


.family-page img {
    display: block;

    max-width: 100%;
    height: auto;
}



/* =========================================================
   Hero
========================================================= */

.family-hero {
    position: relative;

    padding:
        58px 0 62px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #fbf8f2 0%,
            #f2eadc 100%
        );
}


.family-hero::before {
    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    right: -270px;
    top: -260px;

    border-radius: 50%;

    border:
        1px solid
        rgba(185, 145, 63, 0.11);
}


.family-hero::after {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    left: -190px;
    bottom: -210px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(185, 145, 63, 0.08),
            transparent 70%
        );
}


.family-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(330px, 0.7fr);

    align-items: center;

    gap:
        clamp(
            42px,
            6vw,
            86px
        );
}


.family-hero-content {
    min-width: 0;
}


.family-breadcrumbs {
    margin-bottom: 24px;

    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #7a8188;

    font-size: 12px;
}


.family-breadcrumbs a {
    color: #69717a;

    text-decoration: none;

    transition:
        color 0.2s ease;
}


.family-breadcrumbs a:hover {
    color: #947021;
}


.family-breadcrumbs span {
    color:
        rgba(148, 112, 33, 0.45);
}


.family-breadcrumbs strong {
    color: #343d46;

    font-weight: 500;
}


.family-eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 12px;

    color: #926d21;

    font-size: 13px;

    font-weight: 600;
}


.family-eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background:
        var(--family-gold);
}


.family-hero h1 {
    max-width: 790px;

    margin:
        0 0 18px;

    color:
        var(--family-navy);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            44px,
            4.7vw,
            60px
        );

    font-weight: 600;

    line-height: 1.48;
}


.family-hero h1 em {
    color:
        #a47d28;

    font-style: normal;
}


.family-hero-lead {
    max-width: 720px;

    margin: 0;

    color:
        var(--family-text);

    font-size: 16px;

    line-height: 2.05;
}


.family-hero-actions {
    margin-top: 25px;

    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}


.family-primary-action,
.family-secondary-action {
    min-height: 50px;

    padding:
        0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 999px;

    font-family:
        "Vazirmatn",
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        color 0.22s ease;
}


.family-primary-action {
    color: #111820;

    border:
        1px solid
        var(--family-gold-light);

    background:
        linear-gradient(
            135deg,
            #e3c77f,
            #b98f36
        );

    box-shadow:
        0 11px 28px
        rgba(102, 73, 18, 0.14);
}


.family-primary-action:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 15px 34px
        rgba(102, 73, 18, 0.2);
}


.family-secondary-action {
    color:
        #24303b;

    border:
        1px solid
        rgba(20, 35, 49, 0.16);

    background:
        rgba(255, 255, 255, 0.42);
}


.family-secondary-action:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(185, 145, 63, 0.42);

    background:
        rgba(255, 255, 255, 0.74);
}


.family-trust-line {
    margin-top: 28px;

    padding-top: 20px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--family-line);
}


.family-trust-line > div {
    min-width: 0;

    padding:
        0 15px;

    border-left:
        1px solid
        var(--family-line);
}


.family-trust-line > div:first-child {
    padding-right: 0;
}


.family-trust-line > div:last-child {
    border-left: 0;
}


.family-trust-line span {
    display: block;

    margin-bottom: 3px;

    color:
        #8a8c89;

    font-size: 12px;
}


.family-trust-line strong {
    display: block;

    color:
        #27323d;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.7;
}



/* =========================================================
   Hero Image
========================================================= */

.family-hero-image {
    position: relative;

    width: 100%;
    max-width: 470px;

    justify-self: end;
}


.family-image-frame {
    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.86;

    border-radius:
        34px 150px 34px 34px;

    border:
        1px solid
        rgba(154, 116, 38, 0.18);

    background:
        #e6ddce;

    box-shadow:
        0 27px 65px
        rgba(58, 45, 24, 0.14);
}


.family-image-frame img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}


.family-image-caption {
    position: absolute;

    right: -26px;
    bottom: 30px;

    min-width: 190px;

    padding:
        14px 18px;

    border:
        1px solid
        rgba(185, 145, 63, 0.21);

    border-radius: 16px;

    background:
        rgba(255, 253, 249, 0.91);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 12px 30px
        rgba(55, 41, 17, 0.12);
}


.family-image-caption span {
    display: block;

    color:
        #8c7853;

    font-size: 11px;
}


.family-image-caption strong {
    display: block;

    margin-top: 3px;

    color:
        #26313b;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;
}



/* =========================================================
   Intro
========================================================= */

.family-intro {
    padding:
        58px 0;

    background:
        var(--family-paper);
}


.family-intro-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(0, 1.2fr);

    align-items: start;

    gap:
        clamp(
            42px,
            7vw,
            94px
        );
}


.family-section-label {
    display: block;

    margin-bottom: 7px;

    color:
        #977123;

    font-size: 13px;

    font-weight: 600;
}


.family-intro-heading h2,
.family-section-heading h2,
.family-decision-card h2,
.family-privacy-content h2,
.family-consultation-inner h2,
.family-other-heading h2 {
    margin: 0;

    color:
        var(--family-navy);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            28px,
            3.3vw,
            38px
        );

    font-weight: 600;

    line-height: 1.58;
}


.family-intro-text {
    padding-top: 4px;
}


.family-intro-text p {
    margin:
        0 0 13px;

    color:
        var(--family-text);

    font-size: 16px;

    line-height: 2;
}


.family-intro-text p:last-child {
    margin-bottom: 0;
}



/* =========================================================
   Topics
========================================================= */

.family-topics {
    padding:
        58px 0;

    background:
        var(--family-bg);
}


.family-section-heading {
    margin-bottom: 25px;
}


.family-topic-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid
        var(--family-line);
}


.family-topic {
    min-width: 0;

    padding:
        21px 4px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 28px;

    border-bottom:
        1px solid
        var(--family-line);

    transition:
        background 0.2s ease,
        padding-right 0.2s ease;
}


.family-topic:nth-child(odd) {
    padding-left: 24px;

    border-left:
        1px solid
        var(--family-line);
}


.family-topic:nth-child(even) {
    padding-right: 24px;
}


.family-topic:hover {
    background:
        rgba(185, 145, 63, 0.035);
}


.family-topic h3 {
    margin:
        0 0 5px;

    color:
        #1d2a35;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}


.family-topic p {
    max-width: 480px;

    margin: 0;

    color:
        #666d73;

    font-size: 15px;

    line-height: 1.9;
}


.family-topic > span {
    flex-shrink: 0;

    color:
        #a7802c;

    font-size: 19px;
}



/* =========================================================
   Decision
========================================================= */

.family-decision {
    padding:
        58px 0;

    background:
        #eae1d2;
}


.family-decision-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1.18fr);

    align-items: center;

    gap:
        clamp(
            40px,
            7vw,
            90px
        );
}


.family-decision-card {
    padding:
        28px;

    border:
        1px solid
        rgba(137, 102, 34, 0.15);

    border-radius: 24px;

    background:
        rgba(255, 255, 255, 0.43);
}


.family-decision-card p {
    margin:
        12px 0 0;

    color:
        #5f656a;

    font-size: 16px;

    line-height: 2;
}


.family-decision-points {
    border-top:
        1px solid
        rgba(137, 102, 34, 0.16);
}


.family-decision-point {
    padding:
        18px 0;

    display: grid;

    grid-template-columns:
        13px minmax(0, 1fr);

    align-items: start;

    gap: 14px;

    border-bottom:
        1px solid
        rgba(137, 102, 34, 0.16);
}


.family-decision-point > span {
    width: 8px;
    height: 8px;

    margin-top: 9px;

    border-radius: 50%;

    background:
        var(--family-gold);
}


.family-decision-point strong {
    display: block;

    color:
        #24303a;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}


.family-decision-point p {
    margin:
        3px 0 0;

    color:
        #676d71;

    font-size: 15px;

    line-height: 1.9;
}



/* =========================================================
   Privacy
========================================================= */

.family-privacy {
    padding:
        50px 0;

    background:
        var(--family-navy);
}


.family-privacy-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(280px, 0.55fr);

    align-items: center;

    gap: 54px;
}


.family-privacy-content h2 {
    color: #fff;
}


.family-privacy-content p {
    max-width: 720px;

    margin:
        10px 0 0;

    color:
        #b4bdc7;

    font-size: 15px;

    line-height: 2;
}


.family-privacy .family-section-label {
    color:
        var(--family-gold-light);
}


.family-privacy-note {
    padding:
        20px;

    border:
        1px solid
        rgba(217, 187, 115, 0.19);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.035);
}


.family-privacy-note strong {
    display: block;

    margin-bottom: 6px;

    color:
        #f1eadb;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;
}


.family-privacy-note p {
    margin: 0;

    color:
        #aab4bf;

    font-size: 14px;

    line-height: 1.9;
}



/* =========================================================
   Consultation
========================================================= */

.family-consultation {
    padding:
        52px 0;

    background:
        var(--family-paper);
}


.family-consultation-inner {
    padding:
        32px 36px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 38px;

    border:
        1px solid
        var(--family-line);

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            #f7efe2,
            #fffdf9
        );
}


.family-consultation-inner > div:first-child {
    min-width: 0;
}


.family-consultation-inner p {
    margin:
        7px 0 0;

    color:
        #697076;

    font-size: 14px;
}


.family-consultation-actions {
    flex-shrink: 0;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 9px;
}



/* =========================================================
   Other Services
========================================================= */

.family-other-services {
    padding:
        44px 0 48px;

    background:
        var(--family-bg-soft);
}


.family-other-heading {
    margin-bottom: 17px;
}


.family-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--family-line);
}


.family-other-links a {
    min-width: 0;

    min-height: 52px;

    padding:
        0 5px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    color:
        #29333c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--family-line);

    transition:
        color 0.2s ease,
        padding-right 0.2s ease,
        background 0.2s ease;
}


.family-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--family-line);
}


.family-other-links a:hover {
    padding-right: 10px;

    color:
        #956f20;

    background:
        rgba(185, 145, 63, 0.025);
}


.family-other-links span {
    color:
        #a98231;

    font-size: 17px;
}



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

@media (max-width: 1050px) {

    .family-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(300px, 0.65fr);

        gap: 40px;
    }


    .family-image-caption {
        right: -10px;
    }


    .family-intro-layout,
    .family-decision-layout {
        gap: 48px;
    }


    .family-privacy-layout {
        gap: 35px;
    }

}



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

@media (max-width: 820px) {

    .family-hero {
        padding:
            44px 0 49px;
    }


    .family-hero-layout {
        grid-template-columns:
            1fr;

        gap: 34px;
    }


    .family-hero-content {
        text-align: center;
    }


    .family-breadcrumbs,
    .family-hero-actions {
        justify-content: center;
    }


    .family-eyebrow {
        justify-content: center;
    }


    .family-hero-lead {
        margin:
            0 auto;
    }


    .family-hero-image {
        max-width: 520px;

        margin:
            0 auto;

        justify-self: center;
    }


    .family-image-frame {
        aspect-ratio: 1.15;

        border-radius:
            30px 110px 30px 30px;
    }


    .family-image-caption {
        right: 14px;
        bottom: 18px;
    }


    .family-intro-layout,
    .family-decision-layout,
    .family-privacy-layout {
        grid-template-columns:
            1fr;
    }


    .family-intro-layout {
        gap: 20px;
    }


    .family-decision-layout {
        gap: 28px;
    }


    .family-privacy-layout {
        gap: 24px;
    }


    .family-consultation-inner {
        align-items: flex-start;

        flex-direction: column;

        gap: 22px;
    }


    .family-consultation-actions {
        width: 100%;
    }

}



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

@media (max-width: 600px) {

    .family-hero {
        padding:
            30px 0 40px;
    }


    .family-breadcrumbs {
        margin-bottom: 18px;

        font-size: 11px;
    }


    .family-eyebrow {
        margin-bottom: 8px;

        font-size: 12px;
    }


    .family-hero h1 {
        font-size:
            clamp(
                34px,
                9.5vw,
                42px
            );

        line-height: 1.48;
    }


    .family-hero-lead {
        font-size: 15px;

        line-height: 2;
    }


    .family-hero-actions {
        width: 100%;

        flex-direction: column;
    }


    .family-hero-actions
    .family-primary-action,
    .family-hero-actions
    .family-secondary-action {
        width: 100%;

        max-width: 330px;
    }


    .family-trust-line {
        grid-template-columns:
            1fr;

        margin-top: 24px;

        padding-top: 10px;
    }


    .family-trust-line > div,
    .family-trust-line > div:first-child {
        padding:
            9px 0;

        border-left: 0;

        border-bottom:
            1px solid
            var(--family-line);
    }


    .family-trust-line > div:last-child {
        border-bottom: 0;
    }


    .family-trust-line span {
        font-size: 11px;
    }


    .family-trust-line strong {
        font-size: 15px;
    }


    .family-hero-image {
        max-width: 100%;
    }


    .family-image-frame {
        aspect-ratio: 1;

        border-radius:
            24px 75px 24px 24px;
    }


    .family-image-caption {
        right: 12px;
        left: 12px;

        bottom: 12px;

        min-width: 0;
    }


    .family-intro,
    .family-topics,
    .family-decision {
        padding:
            40px 0;
    }


    .family-intro-heading,
    .family-section-heading {
        text-align: center;
    }


    .family-intro-text p {
        font-size: 15px;
    }


    .family-topic-list {
        grid-template-columns:
            1fr;
    }


    .family-topic,
    .family-topic:nth-child(odd),
    .family-topic:nth-child(even) {
        padding:
            17px 0;

        border-left: 0;
    }


    .family-topic h3 {
        font-size: 18px;
    }


    .family-topic p {
        font-size: 14px;
    }


    .family-decision-card {
        padding: 21px;

        text-align: center;

        border-radius: 19px;
    }


    .family-decision-card p {
        font-size: 15px;
    }


    .family-decision-point strong {
        font-size: 18px;
    }


    .family-decision-point p {
        font-size: 14px;
    }


    .family-privacy {
        padding:
            39px 0;
    }


    .family-privacy-content {
        text-align: center;
    }


    .family-privacy-content p {
        font-size: 14px;
    }


    .family-privacy-note {
        padding: 17px;

        border-radius: 15px;
    }


    .family-consultation {
        padding:
            39px 0;
    }


    .family-consultation-inner {
        padding:
            23px 20px;

        align-items: center;

        text-align: center;

        border-radius: 19px;
    }


    .family-consultation-actions {
        flex-direction: column;

        align-items: center;
    }


    .family-consultation-actions
    .family-primary-action,
    .family-consultation-actions
    .family-secondary-action {
        width: 100%;

        max-width: 330px;
    }


    .family-other-services {
        padding:
            34px 0 39px;
    }


    .family-other-heading {
        text-align: center;
    }


    .family-other-links {
        grid-template-columns:
            1fr;
    }


    .family-other-links a,
    .family-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}



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

@media (max-width: 390px) {

    .family-hero h1 {
        font-size: 32px;
    }


    .family-primary-action,
    .family-secondary-action {
        min-height: 48px;

        padding:
            0 19px;
    }


    .family-image-frame {
        border-radius:
            21px 58px 21px 21px;
    }


    .family-image-caption {
        padding:
            12px 14px;
    }


    .family-image-caption strong {
        font-size: 15px;
    }


    .family-consultation-inner {
        padding:
            20px 16px;
    }

}

/* =========================================================
   PROPERTY PAGE
   صفحه دعاوی ملکی
========================================================= */

.property-page {
    --property-navy: #07111d;
    --property-navy-soft: #0d1b2b;
    --property-cream: #f6f1e7;
    --property-paper: #fbf8f2;
    --property-gold: #b9903c;
    --property-gold-light: #dcc17b;
    --property-ink: #17212b;
    --property-text: #5e666d;
    --property-muted: #81868a;
    --property-line: rgba(134, 101, 36, 0.17);

    background: var(--property-paper);
}

.property-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.property-page img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   HERO
========================================================= */

.property-hero {
    position: relative;
    overflow: hidden;

    padding: 60px 0 62px;

    color: #ffffff;

    background:
        linear-gradient(
            120deg,
            #050a11 0%,
            #091522 52%,
            #102237 100%
        );
}

.property-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px
        );

    background-size:
        80px 80px;
}

.property-hero-accent {
    position: absolute;

    width: 520px;
    height: 520px;

    left: -300px;
    top: -280px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(185, 144, 60, 0.14),
            transparent 68%
        );
}

.property-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(320px, 0.68fr);

    align-items: center;

    gap:
        clamp(
            42px,
            6vw,
            82px
        );
}

.property-hero-copy {
    min-width: 0;
}

.property-breadcrumbs {
    margin-bottom: 23px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #8e98a4;

    font-size: 12px;
}

.property-breadcrumbs a {
    color: #aab3bd;

    text-decoration: none;

    transition:
        color 0.2s ease;
}

.property-breadcrumbs a:hover {
    color: var(--property-gold-light);
}

.property-breadcrumbs span {
    color:
        rgba(220, 193, 123, 0.42);
}

.property-breadcrumbs strong {
    color: #d5dbe1;

    font-weight: 500;
}

.property-eyebrow {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 11px;

    color:
        var(--property-gold-light);

    font-size: 13px;

    font-weight: 600;
}

.property-eyebrow::before {
    content: "";

    width: 32px;
    height: 1px;

    background:
        var(--property-gold);
}

.property-hero h1 {
    max-width: 800px;

    margin:
        0 0 17px;

    color: #ffffff;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            43px,
            4.5vw,
            58px
        );

    font-weight: 600;

    line-height: 1.5;
}

.property-hero h1 em {
    color:
        var(--property-gold-light);

    font-style: normal;
}

.property-hero-lead {
    max-width: 730px;

    margin: 0;

    color: #b9c1cb;

    font-size: 16px;

    line-height: 2.05;
}

.property-hero-actions {
    margin-top: 24px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.property-primary-action,
.property-secondary-action {
    min-height: 50px;

    padding:
        0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.property-primary-action {
    color: #101720;

    border:
        1px solid
        var(--property-gold-light);

    background:
        linear-gradient(
            135deg,
            #e2c57c,
            #b68c32
        );

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.16);
}

.property-primary-action:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 17px 36px
        rgba(0, 0, 0, 0.22);
}

.property-secondary-action {
    color: #e2e7ec;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    background:
        rgba(255, 255, 255, 0.03);
}

.property-secondary-action:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(220, 193, 123, 0.38);

    background:
        rgba(220, 193, 123, 0.06);
}

.property-quick-facts {
    margin-top: 29px;

    padding-top: 19px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        rgba(255, 255, 255, 0.075);
}

.property-quick-facts > div {
    min-width: 0;

    padding:
        0 15px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.065);
}

.property-quick-facts > div:first-child {
    padding-right: 0;
}

.property-quick-facts > div:last-child {
    border-left: 0;
}

.property-quick-facts span {
    display: block;

    margin-bottom: 3px;

    color: #8d97a3;

    font-size: 12px;
}

.property-quick-facts strong {
    display: block;

    color: #e0e5ea;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.7;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.property-hero-media {
    position: relative;

    width: 100%;
    max-width: 470px;

    justify-self: end;
}

.property-image-shell {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.88;

    border:
        1px solid
        rgba(220, 193, 123, 0.24);

    border-radius:
        8px 70px 8px 8px;

    background: #101c29;

    box-shadow:
        0 32px 70px
        rgba(0, 0, 0, 0.28);
}

.property-image-shell::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(3, 8, 13, 0.32)
        );
}

.property-image-shell img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}

.property-floating-note {
    position: absolute;

    right: -26px;
    bottom: 27px;

    max-width: 230px;

    padding:
        14px 17px;

    border:
        1px solid
        rgba(220, 193, 123, 0.23);

    border-radius: 12px;

    background:
        rgba(7, 17, 29, 0.92);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 13px 32px
        rgba(0, 0, 0, 0.22);
}

.property-floating-note span {
    display: block;

    margin-bottom: 3px;

    color: #a9b1ba;

    font-size: 11px;
}

.property-floating-note strong {
    display: block;

    color:
        var(--property-gold-light);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.65;
}


/* =========================================================
   OVERVIEW
========================================================= */

.property-overview {
    padding:
        58px 0;

    background:
        var(--property-paper);
}

.property-overview-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(0, 1.2fr);

    align-items: start;

    gap:
        clamp(
            45px,
            7vw,
            95px
        );
}

.property-section-label {
    display: block;

    margin-bottom: 7px;

    color: #927024;

    font-size: 13px;

    font-weight: 600;
}

.property-overview-title h2,
.property-section-heading h2,
.property-check-intro h2,
.property-document-card h2,
.property-lawyer h2,
.property-consultation-cta h2,
.property-other-heading h2 {
    margin: 0;

    color:
        var(--property-ink);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            28px,
            3.25vw,
            38px
        );

    font-weight: 600;

    line-height: 1.58;
}

.property-overview-copy {
    padding-top: 4px;
}

.property-overview-copy p {
    margin:
        0 0 13px;

    color:
        var(--property-text);

    font-size: 16px;

    line-height: 2;
}

.property-overview-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   MATTERS
========================================================= */

.property-matters {
    padding:
        58px 0;

    background:
        var(--property-cream);
}

.property-section-heading {
    margin-bottom: 27px;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 35px;
}

.property-section-heading > p {
    max-width: 430px;

    margin: 0;

    color:
        var(--property-text);

    font-size: 15px;

    line-height: 1.9;
}

.property-matter-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--property-line);

    border-right:
        1px solid
        var(--property-line);
}

.property-matter {
    min-width: 0;

    min-height: 175px;

    padding:
        24px;

    border-left:
        1px solid
        var(--property-line);

    border-bottom:
        1px solid
        var(--property-line);

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.property-matter:hover {
    background:
        rgba(255, 255, 255, 0.38);

    transform:
        translateY(-2px);
}

.property-matter h3 {
    margin:
        0 0 8px;

    color:
        #1c2833;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.property-matter p {
    margin: 0;

    color:
        #656c71;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   CHECK
========================================================= */

.property-check {
    padding:
        58px 0;

    background:
        #e7dfd2;
}

.property-check-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            45px,
            7vw,
            90px
        );
}

.property-check-intro {
    position: sticky;

    top: 100px;
}

.property-check-intro p {
    margin:
        11px 0 0;

    color:
        #61676b;

    font-size: 16px;

    line-height: 2;
}

.property-check-list {
    border-top:
        1px solid
        rgba(126, 93, 29, 0.18);
}

.property-check-item {
    padding:
        19px 0;

    border-bottom:
        1px solid
        rgba(126, 93, 29, 0.17);
}

.property-check-item strong {
    display: block;

    margin-bottom: 4px;

    color:
        #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.property-check-item p {
    max-width: 600px;

    margin: 0;

    color:
        #666c70;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   DOCUMENTS
========================================================= */

.property-documents {
    padding:
        50px 0;

    background:
        var(--property-navy);
}

.property-documents-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 0.58fr);

    align-items: center;

    gap: 48px;
}

.property-document-card h2 {
    color: #ffffff;
}

.property-documents
.property-section-label {
    color:
        var(--property-gold-light);
}

.property-document-tags {
    margin-top: 20px;

    display: flex;
    flex-wrap: wrap;

    gap: 9px;
}

.property-document-tags span {
    padding:
        9px 13px;

    border:
        1px solid
        rgba(220, 193, 123, 0.19);

    border-radius: 8px;

    color: #d3d9df;

    background:
        rgba(255, 255, 255, 0.035);

    font-size: 13px;
}

.property-security {
    padding:
        20px;

    display: flex;

    align-items: flex-start;

    gap: 14px;

    border:
        1px solid
        rgba(220, 193, 123, 0.18);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, 0.03);
}

.property-security-mark {
    width: 32px;
    height: 32px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(220, 193, 123, 0.33);

    border-radius: 50%;

    color:
        var(--property-gold-light);

    font-size: 16px;
}

.property-security strong {
    display: block;

    margin-bottom: 5px;

    color: #f1ece2;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.property-security p {
    margin: 0;

    color: #abb5bf;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   CONSULTATION
========================================================= */

.property-consultation {
    padding:
        52px 0;

    background:
        var(--property-paper);
}

.property-consultation-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.65fr)
        minmax(0, 1.35fr);

    align-items: start;

    gap: 18px;
}

.property-lawyer,
.property-consultation-cta {
    min-width: 0;

    padding:
        27px;

    border-radius: 16px;
}

.property-lawyer {
    border:
        1px solid
        var(--property-line);

    background:
        #f3ede2;
}

.property-lawyer > span {
    display: block;

    margin-bottom: 4px;

    color: #987527;

    font-size: 12px;
}

.property-lawyer p {
    margin:
        4px 0 18px;

    color:
        #666d73;

    font-size: 14px;

    line-height: 1.8;
}

.property-lawyer-meta {
    border-top:
        1px solid
        var(--property-line);
}

.property-lawyer-meta > div {
    padding:
        11px 0;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid
        var(--property-line);
}

.property-lawyer-meta span {
    color:
        #7b7f80;

    font-size: 12px;
}

.property-lawyer-meta strong {
    color:
        #28333c;

    font-size: 14px;

    font-weight: 600;
}

.property-consultation-cta {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #07111d,
            #10243a
        );
}

.property-consultation-cta
.property-section-label {
    color:
        var(--property-gold-light);
}

.property-consultation-cta h2 {
    max-width: 650px;

    color: #ffffff;
}

.property-consultation-cta > p {
    margin:
        8px 0 20px;

    color:
        #aeb7c0;

    font-size: 14px;
}

.property-consultation-cta > div {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}


/* =========================================================
   OTHER SERVICES
========================================================= */

.property-other-services {
    padding:
        44px 0 48px;

    background:
        var(--property-cream);
}

.property-other-heading {
    margin-bottom: 17px;
}

.property-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--property-line);
}

.property-other-links a {
    min-width: 0;

    min-height: 52px;

    padding:
        0 5px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    color:
        #26323c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--property-line);

    transition:
        color 0.2s ease,
        padding-right 0.2s ease,
        background 0.2s ease;
}

.property-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--property-line);
}

.property-other-links a:hover {
    padding-right: 10px;

    color:
        #956f20;

    background:
        rgba(185, 144, 60, 0.025);
}

.property-other-links span {
    color:
        #a68130;

    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .property-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(290px, 0.6fr);

        gap: 38px;
    }

    .property-floating-note {
        right: -10px;
    }

    .property-matter-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .property-check-layout {
        gap: 45px;
    }

    .property-documents-layout {
        gap: 32px;
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 820px) {

    .property-hero {
        padding:
            43px 0 48px;
    }

    .property-hero-layout {
        grid-template-columns:
            1fr;

        gap: 31px;
    }

    .property-hero-copy {
        text-align: center;
    }

    .property-breadcrumbs,
    .property-eyebrow,
    .property-hero-actions {
        justify-content: center;
    }

    .property-hero-lead {
        margin:
            0 auto;
    }

    .property-hero-media {
        max-width: 520px;

        margin:
            0 auto;

        justify-self: center;
    }

    .property-image-shell {
        aspect-ratio: 1.15;

        border-radius:
            8px 60px 8px 8px;
    }

    .property-floating-note {
        right: 13px;
        bottom: 16px;
    }

    .property-overview-layout,
    .property-check-layout,
    .property-documents-layout {
        grid-template-columns:
            1fr;
    }

    .property-overview-layout {
        gap: 20px;
    }

    .property-check-layout {
        gap: 26px;
    }

    .property-check-intro {
        position: static;
    }

    .property-documents-layout {
        gap: 24px;
    }

    .property-consultation-layout {
        grid-template-columns:
            1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .property-hero {
        padding:
            30px 0 39px;
    }

    .property-breadcrumbs {
        margin-bottom: 17px;

        font-size: 11px;
    }

    .property-eyebrow {
        margin-bottom: 8px;

        font-size: 12px;
    }

    .property-hero h1 {
        font-size:
            clamp(
                33px,
                9.5vw,
                41px
            );

        line-height: 1.48;
    }

    .property-hero-lead {
        font-size: 15px;
    }

    .property-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .property-hero-actions
    .property-primary-action,
    .property-hero-actions
    .property-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .property-quick-facts {
        grid-template-columns:
            1fr;

        margin-top: 24px;

        padding-top: 10px;
    }

    .property-quick-facts > div,
    .property-quick-facts > div:first-child {
        padding:
            9px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06);
    }

    .property-quick-facts > div:last-child {
        border-bottom: 0;
    }

    .property-quick-facts span {
        font-size: 11px;
    }

    .property-quick-facts strong {
        font-size: 15px;
    }

    .property-hero-media {
        max-width: 100%;
    }

    .property-image-shell {
        aspect-ratio: 1;

        border-radius:
            7px 48px 7px 7px;
    }

    .property-floating-note {
        right: 11px;
        left: 11px;

        bottom: 11px;

        max-width: none;
    }

    .property-overview,
    .property-matters,
    .property-check {
        padding:
            40px 0;
    }

    .property-overview-title,
    .property-section-heading,
    .property-check-intro {
        text-align: center;
    }

    .property-overview-copy p,
    .property-section-heading > p,
    .property-check-intro p {
        font-size: 15px;
    }

    .property-section-heading {
        align-items: center;

        flex-direction: column;

        gap: 8px;
    }

    .property-section-heading > p {
        max-width: 100%;

        text-align: center;
    }

    .property-matter-grid {
        grid-template-columns:
            1fr;

        border-right: 0;
    }

    .property-matter {
        min-height: 0;

        padding:
            18px 0;

        border-left: 0;
    }

    .property-matter h3 {
        font-size: 19px;
    }

    .property-matter p {
        font-size: 14px;
    }

    .property-check-item {
        padding:
            16px 0;
    }

    .property-check-item strong {
        font-size: 18px;
    }

    .property-check-item p {
        font-size: 14px;
    }

    .property-documents {
        padding:
            39px 0;
    }

    .property-document-card {
        text-align: center;
    }

    .property-document-tags {
        justify-content: center;
    }

    .property-document-tags span {
        font-size: 12px;
    }

    .property-security {
        padding: 17px;

        border-radius: 12px;
    }

    .property-security p {
        font-size: 13px;
    }

    .property-consultation {
        padding:
            39px 0;
    }

    .property-lawyer,
    .property-consultation-cta {
        padding:
            21px;

        border-radius: 14px;
    }

    .property-consultation-cta {
        text-align: center;
    }

    .property-consultation-cta > div {
        justify-content: center;

        flex-direction: column;
    }

    .property-consultation-cta
    .property-primary-action,
    .property-consultation-cta
    .property-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .property-other-services {
        padding:
            34px 0 39px;
    }

    .property-other-heading {
        text-align: center;
    }

    .property-other-links {
        grid-template-columns:
            1fr;
    }

    .property-other-links a,
    .property-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 390px) {

    .property-hero h1 {
        font-size: 31px;
    }

    .property-primary-action,
    .property-secondary-action {
        min-height: 48px;

        padding:
            0 19px;
    }

    .property-document-tags {
        gap: 7px;
    }

    .property-lawyer-meta > div {
        align-items: flex-start;

        flex-direction: column;

        gap: 2px;
    }

}

/* =========================================================
   CIVIL PAGE
   صفحه دعاوی حقوقی
========================================================= */

.civil-page {
    --civil-bg: #f7f3eb;
    --civil-paper: #fcfaf6;
    --civil-navy: #08131f;
    --civil-navy-soft: #102235;
    --civil-gold: #b58d38;
    --civil-gold-light: #dcc17c;
    --civil-ink: #19242e;
    --civil-text: #5e666d;
    --civil-muted: #84898d;
    --civil-line: rgba(137, 103, 35, 0.17);

    background: var(--civil-paper);
}

.civil-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.civil-page img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   HERO
========================================================= */

.civil-hero {
    position: relative;
    overflow: hidden;

    padding: 60px 0 62px;

    color: #ffffff;

    background:
        linear-gradient(
            125deg,
            #050b12 0%,
            #091521 53%,
            #10263b 100%
        );
}

.civil-hero-pattern {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            transparent 57%,
            rgba(218, 189, 116, 0.035) 57%,
            rgba(218, 189, 116, 0.035) 58%,
            transparent 58%
        );
}

.civil-hero::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -320px;
    bottom: -340px;

    border-radius: 50%;

    border:
        1px solid
        rgba(220, 193, 124, 0.08);
}

.civil-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(320px, 0.68fr);

    align-items: center;

    gap:
        clamp(
            42px,
            6vw,
            82px
        );
}

.civil-hero-content {
    min-width: 0;
}

.civil-breadcrumbs {
    margin-bottom: 23px;

    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #929ba5;

    font-size: 12px;
}

.civil-breadcrumbs a {
    color: #adb5be;

    text-decoration: none;

    transition: color 0.2s ease;
}

.civil-breadcrumbs a:hover {
    color: var(--civil-gold-light);
}

.civil-breadcrumbs span {
    color: rgba(220, 193, 124, 0.4);
}

.civil-breadcrumbs strong {
    color: #d6dce2;
    font-weight: 500;
}

.civil-eyebrow {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 11px;

    color: var(--civil-gold-light);

    font-size: 13px;

    font-weight: 600;
}

.civil-eyebrow::before {
    content: "";

    width: 30px;
    height: 1px;

    background: var(--civil-gold);
}

.civil-hero h1 {
    max-width: 810px;

    margin: 0 0 18px;

    color: #ffffff;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            43px,
            4.6vw,
            59px
        );

    font-weight: 600;

    line-height: 1.5;
}

.civil-hero h1 em {
    color: var(--civil-gold-light);

    font-style: normal;
}

.civil-hero-lead {
    max-width: 730px;

    margin: 0;

    color: #b8c1cb;

    font-size: 16px;

    line-height: 2.05;
}

.civil-hero-actions {
    margin-top: 24px;

    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.civil-primary-action,
.civil-secondary-action {
    min-height: 50px;

    padding: 0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 999px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease;
}

.civil-primary-action {
    color: #111821;

    border:
        1px solid
        var(--civil-gold-light);

    background:
        linear-gradient(
            135deg,
            #e3c67d,
            #b48a31
        );

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.16);
}

.civil-primary-action:hover {
    transform: translateY(-2px);

    box-shadow:
        0 17px 35px
        rgba(0, 0, 0, 0.22);
}

.civil-secondary-action {
    color: #e0e6eb;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    background:
        rgba(255, 255, 255, 0.025);
}

.civil-secondary-action:hover {
    transform: translateY(-2px);

    border-color:
        rgba(220, 193, 124, 0.4);

    background:
        rgba(220, 193, 124, 0.055);
}


/* =========================================================
   HERO INFO
========================================================= */

.civil-hero-info {
    margin-top: 29px;

    padding-top: 19px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        rgba(255, 255, 255, 0.075);
}

.civil-hero-info > div {
    min-width: 0;

    padding: 0 15px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);
}

.civil-hero-info > div:first-child {
    padding-right: 0;
}

.civil-hero-info > div:last-child {
    border-left: 0;
}

.civil-hero-info span {
    display: block;

    margin-bottom: 3px;

    color: #8d97a3;

    font-size: 12px;
}

.civil-hero-info strong {
    display: block;

    color: #e0e5ea;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.7;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.civil-hero-visual {
    position: relative;

    width: 100%;
    max-width: 470px;

    justify-self: end;
}

.civil-image-frame {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.86;

    border-radius:
        30px 30px 130px 30px;

    border:
        1px solid
        rgba(220, 193, 124, 0.22);

    background: #111b27;

    box-shadow:
        0 32px 70px
        rgba(0, 0, 0, 0.3);
}

.civil-image-frame::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(5, 10, 16, 0.32)
        );
}

.civil-image-frame img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}

.civil-image-note {
    position: absolute;

    left: -24px;
    bottom: 28px;

    max-width: 225px;

    padding: 14px 18px;

    border:
        1px solid
        rgba(220, 193, 124, 0.22);

    border-radius: 15px;

    background:
        rgba(7, 15, 24, 0.92);

    backdrop-filter: blur(12px);

    box-shadow:
        0 13px 32px
        rgba(0, 0, 0, 0.22);
}

.civil-image-note span {
    display: block;

    margin-bottom: 3px;

    color: #9ba5b0;

    font-size: 11px;
}

.civil-image-note strong {
    display: block;

    color: var(--civil-gold-light);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.65;
}


/* =========================================================
   SHARED HEADINGS
========================================================= */

.civil-section-label {
    display: block;

    margin-bottom: 7px;

    color: #947022;

    font-size: 13px;

    font-weight: 600;
}

.civil-definition-title h2,
.civil-section-heading h2,
.civil-evidence-intro h2,
.civil-process-heading h2,
.civil-security-copy h2,
.civil-lawyer-card h2,
.civil-consultation-content h2,
.civil-other-heading h2 {
    margin: 0;

    color: var(--civil-ink);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            28px,
            3.25vw,
            38px
        );

    font-weight: 600;

    line-height: 1.58;
}


/* =========================================================
   DEFINITION
========================================================= */

.civil-definition {
    padding: 58px 0;

    background: var(--civil-paper);
}

.civil-definition-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            45px,
            7vw,
            95px
        );
}

.civil-definition-copy {
    padding-top: 4px;
}

.civil-definition-copy p {
    margin: 0 0 13px;

    color: var(--civil-text);

    font-size: 16px;

    line-height: 2;
}

.civil-definition-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   AREAS
========================================================= */

.civil-areas {
    padding: 58px 0;

    background: #f0e9de;
}

.civil-section-heading {
    margin-bottom: 27px;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 35px;
}

.civil-section-heading > p {
    max-width: 420px;

    margin: 0;

    color: var(--civil-text);

    font-size: 15px;

    line-height: 1.9;
}

.civil-area-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid
        var(--civil-line);
}

.civil-area {
    position: relative;

    min-width: 0;

    padding: 21px 24px;

    display: grid;

    grid-template-columns:
        4px minmax(0, 1fr);

    gap: 18px;

    border-bottom:
        1px solid
        var(--civil-line);

    transition:
        background 0.2s ease;
}

.civil-area:nth-child(odd) {
    padding-right: 0;

    border-left:
        1px solid
        var(--civil-line);
}

.civil-area:hover {
    background:
        rgba(255, 255, 255, 0.3);
}

.civil-area-line {
    width: 3px;
    min-height: 72px;

    border-radius: 99px;

    background:
        linear-gradient(
            to bottom,
            var(--civil-gold),
            rgba(181, 141, 56, 0.08)
        );
}

.civil-area h3 {
    margin: 0 0 6px;

    color: #1d2934;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.civil-area p {
    margin: 0;

    color: #626a70;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   EVIDENCE
========================================================= */

.civil-evidence {
    padding: 58px 0;

    background: var(--civil-paper);
}

.civil-evidence-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.28fr);

    align-items: start;

    gap:
        clamp(
            44px,
            7vw,
            90px
        );
}

.civil-evidence-intro {
    position: sticky;

    top: 100px;
}

.civil-evidence-intro p {
    margin: 11px 0 0;

    color: var(--civil-text);

    font-size: 16px;

    line-height: 2;
}

.civil-evidence-board {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}

.civil-evidence-item {
    min-width: 0;

    padding: 22px;

    border:
        1px solid
        var(--civil-line);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #fffdf9,
            #f4eee4
        );

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.civil-evidence-item:hover {
    transform:
        translateY(-3px);

    box-shadow:
        0 14px 32px
        rgba(57, 44, 22, 0.08);
}

.civil-evidence-item > span {
    display: block;

    margin-bottom: 7px;

    color: #9b7528;

    font-size: 12px;

    font-weight: 600;
}

.civil-evidence-item strong {
    display: block;

    margin-bottom: 5px;

    color: #222e38;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.civil-evidence-item p {
    margin: 0;

    color: #687076;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   PROCESS
========================================================= */

.civil-process {
    padding: 55px 0 60px;

    background:
        #e7dfd2;
}

.civil-process-heading {
    margin-bottom: 33px;

    text-align: center;
}

.civil-process-line {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 0;
}

.civil-process-line::before {
    content: "";

    position: absolute;

    top: 8px;
    right: 8%;

    width: 84%;
    height: 1px;

    background:
        rgba(142, 106, 35, 0.25);
}

.civil-process-item {
    position: relative;
    z-index: 1;

    padding: 0 17px;

    text-align: center;
}

.civil-process-dot {
    width: 17px;
    height: 17px;

    margin:
        0 auto 16px;

    display: block;

    border:
        4px solid
        #e7dfd2;

    border-radius: 50%;

    background:
        var(--civil-gold);

    box-shadow:
        0 0 0 1px
        rgba(142, 106, 35, 0.35);
}

.civil-process-item strong {
    display: block;

    margin-bottom: 5px;

    color: #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.civil-process-item p {
    max-width: 230px;

    margin: 0 auto;

    color: #686e72;

    font-size: 14px;

    line-height: 1.85;
}


/* =========================================================
   SECURITY
========================================================= */

.civil-security {
    padding: 49px 0;

    background: var(--civil-navy);
}

.civil-security-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(290px, 0.58fr);

    align-items: center;

    gap: 48px;
}

.civil-security
.civil-section-label {
    color:
        var(--civil-gold-light);
}

.civil-security-copy h2 {
    color: #ffffff;
}

.civil-security-copy p {
    max-width: 710px;

    margin: 10px 0 0;

    color: #afb8c2;

    font-size: 15px;

    line-height: 2;
}

.civil-security-note {
    padding: 19px;

    display: flex;

    align-items: flex-start;

    gap: 14px;

    border:
        1px solid
        rgba(220, 193, 124, 0.18);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.03);
}

.civil-security-icon {
    width: 32px;
    height: 32px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(220, 193, 124, 0.34);

    border-radius: 50%;

    color: var(--civil-gold-light);

    font-size: 16px;
}

.civil-security-note strong {
    display: block;

    margin-bottom: 5px;

    color: #f0ebe1;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.civil-security-note p {
    margin: 0;

    color: #a8b2bc;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   CONSULTATION
========================================================= */

.civil-consultation {
    padding: 52px 0;

    background: var(--civil-paper);
}

.civil-consultation-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.7fr)
        minmax(0, 1.3fr);

    align-items: start;

    gap: 18px;
}

.civil-lawyer-card,
.civil-consultation-content {
    min-width: 0;

    padding: 27px;

    border-radius: 20px;
}

.civil-lawyer-card {
    border:
        1px solid
        var(--civil-line);

    background:
        #f1ebe1;
}

.civil-lawyer-card > span {
    display: block;

    margin-bottom: 4px;

    color: #997427;

    font-size: 12px;
}

.civil-lawyer-card p {
    margin: 4px 0 18px;

    color: #656d73;

    font-size: 14px;

    line-height: 1.85;
}

.civil-lawyer-details {
    border-top:
        1px solid
        var(--civil-line);
}

.civil-lawyer-details > div {
    padding: 11px 0;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    border-bottom:
        1px solid
        var(--civil-line);
}

.civil-lawyer-details span {
    color: #7e8283;

    font-size: 12px;
}

.civil-lawyer-details strong {
    max-width: 68%;

    color: #28333c;

    font-size: 14px;

    font-weight: 600;

    text-align: left;

    line-height: 1.7;
}

.civil-consultation-content {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #08131f,
            #11283e
        );
}

.civil-consultation-content
.civil-section-label {
    color:
        var(--civil-gold-light);
}

.civil-consultation-content h2 {
    max-width: 670px;

    color: #ffffff;
}

.civil-consultation-content > p {
    max-width: 650px;

    margin: 8px 0 20px;

    color: #adb7c1;

    font-size: 14px;

    line-height: 1.9;
}

.civil-consultation-content > div {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}


/* =========================================================
   OTHER SERVICES
========================================================= */

.civil-other-services {
    padding: 44px 0 48px;

    background:
        var(--civil-bg);
}

.civil-other-heading {
    margin-bottom: 17px;
}

.civil-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--civil-line);
}

.civil-other-links a {
    min-width: 0;

    min-height: 52px;

    padding: 0 5px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    color: #27323c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--civil-line);

    transition:
        padding-right 0.2s ease,
        color 0.2s ease,
        background 0.2s ease;
}

.civil-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--civil-line);
}

.civil-other-links a:hover {
    padding-right: 10px;

    color: #966f20;

    background:
        rgba(181, 141, 56, 0.025);
}

.civil-other-links span {
    color: #a47d2d;

    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .civil-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(290px, 0.6fr);

        gap: 38px;
    }

    .civil-image-note {
        left: -8px;
    }

    .civil-evidence-layout {
        gap: 42px;
    }

    .civil-security-layout {
        gap: 32px;
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 820px) {

    .civil-hero {
        padding:
            43px 0 48px;
    }

    .civil-hero-layout {
        grid-template-columns: 1fr;

        gap: 32px;
    }

    .civil-hero-content {
        text-align: center;
    }

    .civil-breadcrumbs,
    .civil-eyebrow,
    .civil-hero-actions {
        justify-content: center;
    }

    .civil-hero-lead {
        margin:
            0 auto;
    }

    .civil-hero-visual {
        max-width: 520px;

        margin:
            0 auto;

        justify-self: center;
    }

    .civil-image-frame {
        aspect-ratio: 1.12;

        border-radius:
            28px 28px 90px 28px;
    }

    .civil-image-note {
        left: 14px;
        bottom: 16px;
    }

    .civil-definition-layout,
    .civil-evidence-layout,
    .civil-security-layout {
        grid-template-columns: 1fr;
    }

    .civil-definition-layout {
        gap: 20px;
    }

    .civil-evidence-layout {
        gap: 27px;
    }

    .civil-evidence-intro {
        position: static;
    }

    .civil-security-layout {
        gap: 24px;
    }

    .civil-consultation-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .civil-hero {
        padding:
            30px 0 39px;
    }

    .civil-breadcrumbs {
        margin-bottom: 17px;

        font-size: 11px;
    }

    .civil-eyebrow {
        margin-bottom: 8px;

        font-size: 12px;
    }

    .civil-hero h1 {
        font-size:
            clamp(
                33px,
                9.5vw,
                41px
            );

        line-height: 1.48;
    }

    .civil-hero-lead {
        font-size: 15px;
    }

    .civil-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .civil-hero-actions
    .civil-primary-action,
    .civil-hero-actions
    .civil-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .civil-hero-info {
        grid-template-columns: 1fr;

        margin-top: 24px;

        padding-top: 10px;
    }

    .civil-hero-info > div,
    .civil-hero-info > div:first-child {
        padding: 9px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06);
    }

    .civil-hero-info > div:last-child {
        border-bottom: 0;
    }

    .civil-hero-info span {
        font-size: 11px;
    }

    .civil-hero-info strong {
        font-size: 15px;
    }

    .civil-image-frame {
        aspect-ratio: 1;

        border-radius:
            24px 24px 62px 24px;
    }

    .civil-image-note {
        right: 12px;
        left: 12px;

        bottom: 12px;

        max-width: none;
    }

    .civil-definition,
    .civil-areas,
    .civil-evidence,
    .civil-process {
        padding:
            40px 0;
    }

    .civil-definition-title,
    .civil-section-heading,
    .civil-evidence-intro,
    .civil-process-heading {
        text-align: center;
    }

    .civil-definition-copy p,
    .civil-evidence-intro p {
        font-size: 15px;
    }

    .civil-section-heading {
        align-items: center;

        flex-direction: column;

        gap: 8px;
    }

    .civil-section-heading > p {
        max-width: 100%;

        text-align: center;

        font-size: 15px;
    }

    .civil-area-list {
        grid-template-columns: 1fr;
    }

    .civil-area,
    .civil-area:nth-child(odd) {
        padding:
            17px 0;

        border-left: 0;
    }

    .civil-area {
        grid-template-columns:
            3px minmax(0, 1fr);

        gap: 14px;
    }

    .civil-area h3 {
        font-size: 18px;
    }

    .civil-area p {
        font-size: 14px;
    }

    .civil-evidence-board {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .civil-evidence-item {
        padding: 18px;

        border-radius: 15px;
    }

    .civil-evidence-item strong {
        font-size: 18px;
    }

    .civil-evidence-item p {
        font-size: 14px;
    }

    .civil-process-line {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .civil-process-line::before {
        top: 15px;
        bottom: 15px;

        right: 8px;

        width: 1px;
        height: auto;
    }

    .civil-process-item {
        padding:
            0 30px 22px 0;

        text-align: right;
    }

    .civil-process-item:last-child {
        padding-bottom: 0;
    }

    .civil-process-dot {
        position: absolute;

        top: 2px;
        right: 0;

        margin: 0;

        border-color:
            #e7dfd2;
    }

    .civil-process-item p {
        max-width: none;

        margin: 0;

        font-size: 14px;
    }

    .civil-security {
        padding:
            39px 0;
    }

    .civil-security-copy {
        text-align: center;
    }

    .civil-security-copy p {
        font-size: 14px;
    }

    .civil-security-note {
        padding: 17px;

        border-radius: 15px;
    }

    .civil-security-note p {
        font-size: 13px;
    }

    .civil-consultation {
        padding:
            39px 0;
    }

    .civil-lawyer-card,
    .civil-consultation-content {
        padding: 21px;

        border-radius: 17px;
    }

    .civil-lawyer-details > div {
        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }

    .civil-lawyer-details strong {
        max-width: 100%;

        text-align: right;
    }

    .civil-consultation-content {
        text-align: center;
    }

    .civil-consultation-content > p {
        font-size: 14px;
    }

    .civil-consultation-content > div {
        justify-content: center;

        flex-direction: column;
    }

    .civil-consultation-content
    .civil-primary-action,
    .civil-consultation-content
    .civil-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .civil-other-services {
        padding:
            34px 0 39px;
    }

    .civil-other-heading {
        text-align: center;
    }

    .civil-other-links {
        grid-template-columns: 1fr;
    }

    .civil-other-links a,
    .civil-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 390px) {

    .civil-hero h1 {
        font-size: 31px;
    }

    .civil-primary-action,
    .civil-secondary-action {
        min-height: 48px;

        padding:
            0 19px;
    }

    .civil-evidence-item {
        padding: 16px;
    }

    .civil-security-note {
        align-items: flex-start;
    }

}

/* =========================================================
   CONTRACTS PAGE
   صفحه قراردادها
========================================================= */

.contracts-page {
    --contracts-bg: #f7f2e9;
    --contracts-paper: #fdfaf5;
    --contracts-navy: #08131f;
    --contracts-navy-soft: #112338;
    --contracts-gold: #b68e3a;
    --contracts-gold-light: #dec27d;
    --contracts-ink: #18232d;
    --contracts-text: #60676d;
    --contracts-muted: #85898c;
    --contracts-line: rgba(139, 104, 35, 0.17);

    background: var(--contracts-paper);
}

.contracts-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.contracts-page img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   HERO
========================================================= */

.contracts-hero {
    position: relative;
    overflow: hidden;

    padding: 60px 0 62px;

    color: #fff;

    background:
        linear-gradient(
            124deg,
            #050b12 0%,
            #091521 52%,
            #12273c 100%
        );
}

.contracts-hero::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    left: -360px;
    top: -370px;

    border-radius: 50%;

    border:
        1px solid
        rgba(222, 194, 125, 0.08);
}

.contracts-hero-shape {
    position: absolute;

    width: 520px;
    height: 520px;

    right: -300px;
    bottom: -330px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(182, 142, 58, 0.13),
            transparent 68%
        );
}

.contracts-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(320px, 0.72fr);

    align-items: center;

    gap:
        clamp(
            42px,
            6vw,
            82px
        );
}

.contracts-hero-content {
    min-width: 0;
}

.contracts-breadcrumbs {
    margin-bottom: 23px;

    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #909aa5;

    font-size: 12px;
}

.contracts-breadcrumbs a {
    color: #adb5bd;

    text-decoration: none;

    transition: color 0.2s ease;
}

.contracts-breadcrumbs a:hover {
    color: var(--contracts-gold-light);
}

.contracts-breadcrumbs span {
    color:
        rgba(222, 194, 125, 0.4);
}

.contracts-breadcrumbs strong {
    color: #d9dee3;

    font-weight: 500;
}

.contracts-eyebrow {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 11px;

    color:
        var(--contracts-gold-light);

    font-size: 13px;

    font-weight: 600;
}

.contracts-eyebrow::before {
    content: "";

    width: 31px;
    height: 1px;

    background:
        var(--contracts-gold);
}

.contracts-hero h1 {
    max-width: 820px;

    margin:
        0 0 18px;

    color: #fff;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            43px,
            4.6vw,
            59px
        );

    font-weight: 600;

    line-height: 1.5;
}

.contracts-hero h1 em {
    color:
        var(--contracts-gold-light);

    font-style: normal;
}

.contracts-hero-lead {
    max-width: 730px;

    margin: 0;

    color: #b9c1ca;

    font-size: 16px;

    line-height: 2.05;
}

.contracts-hero-actions {
    margin-top: 24px;

    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.contracts-primary-action,
.contracts-secondary-action {
    min-height: 50px;

    padding:
        0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease;
}

.contracts-primary-action {
    color: #111821;

    border:
        1px solid
        var(--contracts-gold-light);

    background:
        linear-gradient(
            135deg,
            #e4c87f,
            #b58b32
        );

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.16);
}

.contracts-primary-action:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 17px 36px
        rgba(0, 0, 0, 0.22);
}

.contracts-secondary-action {
    color: #e2e7ec;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    background:
        rgba(255, 255, 255, 0.03);
}

.contracts-secondary-action:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(222, 194, 125, 0.4);

    background:
        rgba(222, 194, 125, 0.055);
}


/* =========================================================
   HERO META
========================================================= */

.contracts-hero-meta {
    margin-top: 29px;

    padding-top: 19px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        rgba(255, 255, 255, 0.075);
}

.contracts-hero-meta > div {
    min-width: 0;

    padding:
        0 15px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);
}

.contracts-hero-meta > div:first-child {
    padding-right: 0;
}

.contracts-hero-meta > div:last-child {
    border-left: 0;
}

.contracts-hero-meta span {
    display: block;

    margin-bottom: 3px;

    color: #8f98a2;

    font-size: 12px;
}

.contracts-hero-meta strong {
    display: block;

    color: #e0e5ea;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.7;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.contracts-hero-visual {
    position: relative;

    width: 100%;
    max-width: 470px;

    justify-self: end;
}

.contracts-image-frame {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.86;

    border-radius:
        18px 18px 18px 125px;

    border:
        1px solid
        rgba(222, 194, 125, 0.22);

    background:
        #111b27;

    box-shadow:
        0 32px 70px
        rgba(0, 0, 0, 0.3);
}

.contracts-image-frame::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 56%,
            rgba(4, 9, 15, 0.33)
        );
}

.contracts-image-frame img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}

.contracts-paper-note {
    position: absolute;

    left: -28px;
    bottom: 26px;

    width: min(245px, 80%);

    padding:
        16px 18px;

    border:
        1px solid
        rgba(182, 142, 58, 0.2);

    border-radius: 12px;

    background:
        rgba(253, 250, 245, 0.94);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 14px 34px
        rgba(0, 0, 0, 0.18);
}

.contracts-paper-note span {
    display: block;

    margin-bottom: 3px;

    color: #957128;

    font-size: 11px;

    font-weight: 600;
}

.contracts-paper-note strong {
    display: block;

    color:
        var(--contracts-ink);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.65;
}

.contracts-paper-note p {
    margin:
        5px 0 0;

    color:
        var(--contracts-text);

    font-size: 13px;

    line-height: 1.8;
}


/* =========================================================
   SHARED TITLES
========================================================= */

.contracts-section-label {
    display: block;

    margin-bottom: 7px;

    color: #967125;

    font-size: 13px;

    font-weight: 600;
}

.contracts-intro-title h2,
.contracts-section-heading h2,
.contracts-before-copy h2,
.contracts-types-heading h2,
.contracts-dispute-title h2,
.contracts-security-content h2,
.contracts-lawyer h2,
.contracts-consultation-content h2,
.contracts-other-heading h2 {
    margin: 0;

    color:
        var(--contracts-ink);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            28px,
            3.25vw,
            38px
        );

    font-weight: 600;

    line-height: 1.58;
}


/* =========================================================
   INTRO
========================================================= */

.contracts-intro {
    padding:
        58px 0;

    background:
        var(--contracts-paper);
}

.contracts-intro-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            45px,
            7vw,
            95px
        );
}

.contracts-intro-copy {
    padding-top: 4px;
}

.contracts-intro-copy p {
    margin:
        0 0 13px;

    color:
        var(--contracts-text);

    font-size: 16px;

    line-height: 2;
}

.contracts-intro-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CLAUSES
========================================================= */

.contracts-clauses {
    padding:
        58px 0;

    background:
        #efe7db;
}

.contracts-section-heading {
    margin-bottom: 27px;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 35px;
}

.contracts-section-heading > p {
    max-width: 430px;

    margin: 0;

    color:
        var(--contracts-text);

    font-size: 15px;

    line-height: 1.9;
}

.contracts-clause-board {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid
        var(--contracts-line);
}

.contracts-clause {
    min-width: 0;

    padding:
        21px 24px;

    display: grid;

    grid-template-columns:
        16px minmax(0, 1fr);

    gap: 14px;

    border-bottom:
        1px solid
        var(--contracts-line);

    transition:
        background 0.2s ease;
}

.contracts-clause:nth-child(odd) {
    padding-right: 0;

    border-left:
        1px solid
        var(--contracts-line);
}

.contracts-clause:hover {
    background:
        rgba(255, 255, 255, 0.3);
}

.contracts-clause-mark {
    width: 10px;
    height: 10px;

    margin-top: 9px;

    border:
        2px solid
        var(--contracts-gold);

    transform:
        rotate(45deg);
}

.contracts-clause h3 {
    margin:
        0 0 5px;

    color:
        #1e2a34;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.contracts-clause p {
    margin: 0;

    color: #656c71;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   BEFORE SIGN
========================================================= */

.contracts-before-sign {
    padding:
        58px 0;

    background:
        var(--contracts-paper);
}

.contracts-before-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.28fr);

    align-items: start;

    gap:
        clamp(
            44px,
            7vw,
            90px
        );
}

.contracts-before-copy {
    position: sticky;

    top: 100px;
}

.contracts-before-copy p {
    margin:
        11px 0 0;

    color:
        var(--contracts-text);

    font-size: 16px;

    line-height: 2;
}

.contracts-before-list {
    border-top:
        1px solid
        var(--contracts-line);
}

.contracts-before-item {
    padding:
        19px 0;

    border-bottom:
        1px solid
        var(--contracts-line);
}

.contracts-before-item strong {
    display: block;

    margin-bottom: 4px;

    color:
        #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.contracts-before-item p {
    max-width: 600px;

    margin: 0;

    color: #666d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   TYPES
========================================================= */

.contracts-types {
    padding:
        54px 0 58px;

    background:
        #e6ded1;
}

.contracts-types-heading {
    margin-bottom: 27px;

    text-align: center;
}

.contracts-types-row {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    border-top:
        1px solid
        var(--contracts-line);

    border-right:
        1px solid
        var(--contracts-line);
}

.contracts-type {
    min-width: 0;

    padding:
        22px 18px;

    border-left:
        1px solid
        var(--contracts-line);

    border-bottom:
        1px solid
        var(--contracts-line);

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.contracts-type:hover {
    transform:
        translateY(-3px);

    background:
        rgba(255, 255, 255, 0.3);
}

.contracts-type span {
    display: block;

    margin-bottom: 6px;

    color:
        #24303a;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.contracts-type p {
    margin: 0;

    color: #686e72;

    font-size: 14px;

    line-height: 1.85;
}


/* =========================================================
   DISPUTE
========================================================= */

.contracts-dispute {
    padding:
        58px 0;

    background:
        var(--contracts-paper);
}

.contracts-dispute-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.75fr)
        minmax(0, 1.25fr);

    gap:
        clamp(
            42px,
            7vw,
            90px
        );
}

.contracts-dispute-content {
    border-top:
        1px solid
        var(--contracts-line);
}

.contracts-dispute-row {
    padding:
        17px 0;

    display: grid;

    grid-template-columns:
        145px minmax(0, 1fr);

    gap: 20px;

    border-bottom:
        1px solid
        var(--contracts-line);
}

.contracts-dispute-row span {
    color:
        #9a7427;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.contracts-dispute-row p {
    margin: 0;

    color:
        var(--contracts-text);

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   SECURITY
========================================================= */

.contracts-security {
    padding:
        49px 0;

    background:
        var(--contracts-navy);
}

.contracts-security-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(290px, 0.58fr);

    align-items: center;

    gap: 48px;
}

.contracts-security
.contracts-section-label {
    color:
        var(--contracts-gold-light);
}

.contracts-security-content h2 {
    color: #fff;
}

.contracts-security-content p {
    max-width: 710px;

    margin:
        10px 0 0;

    color: #afb8c1;

    font-size: 15px;

    line-height: 2;
}

.contracts-security-note {
    padding:
        20px;

    border:
        1px solid
        rgba(222, 194, 125, 0.18);

    border-radius: 16px;

    background:
        rgba(255, 255, 255, 0.03);
}

.contracts-security-note strong {
    display: block;

    margin-bottom: 6px;

    color: #f0ebe0;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.contracts-security-note p {
    margin: 0;

    color: #a8b2bc;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   CONSULTATION
========================================================= */

.contracts-consultation {
    padding:
        52px 0;

    background:
        var(--contracts-paper);
}

.contracts-consultation-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.66fr)
        minmax(0, 1.34fr);

    align-items: start;

    gap: 18px;
}

.contracts-lawyer,
.contracts-consultation-content {
    min-width: 0;

    padding:
        27px;

    border-radius: 16px;
}

.contracts-lawyer {
    border:
        1px solid
        var(--contracts-line);

    background:
        #f1eadf;
}

.contracts-lawyer > span {
    display: block;

    margin-bottom: 4px;

    color: #997427;

    font-size: 12px;
}

.contracts-lawyer p {
    margin:
        4px 0 18px;

    color:
        #656d73;

    font-size: 14px;

    line-height: 1.85;
}

.contracts-lawyer-meta {
    border-top:
        1px solid
        var(--contracts-line);
}

.contracts-lawyer-meta > div {
    padding:
        11px 0;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    border-bottom:
        1px solid
        var(--contracts-line);
}

.contracts-lawyer-meta span {
    color:
        #7e8283;

    font-size: 12px;
}

.contracts-lawyer-meta strong {
    color:
        #28333c;

    font-size: 14px;

    font-weight: 600;
}

.contracts-consultation-content {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #08131f,
            #11283f
        );
}

.contracts-consultation-content
.contracts-section-label {
    color:
        var(--contracts-gold-light);
}

.contracts-consultation-content h2 {
    max-width: 670px;

    color: #fff;
}

.contracts-consultation-content > p {
    max-width: 650px;

    margin:
        8px 0 20px;

    color: #adb7c1;

    font-size: 14px;

    line-height: 1.9;
}

.contracts-consultation-content > div {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}


/* =========================================================
   OTHER SERVICES
========================================================= */

.contracts-other-services {
    padding:
        44px 0 48px;

    background:
        var(--contracts-bg);
}

.contracts-other-heading {
    margin-bottom: 17px;
}

.contracts-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--contracts-line);
}

.contracts-other-links a {
    min-width: 0;

    min-height: 52px;

    padding:
        0 5px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    color:
        #27323c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--contracts-line);

    transition:
        padding-right 0.2s ease,
        color 0.2s ease,
        background 0.2s ease;
}

.contracts-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--contracts-line);
}

.contracts-other-links a:hover {
    padding-right: 10px;

    color:
        #966f20;

    background:
        rgba(182, 142, 58, 0.025);
}

.contracts-other-links span {
    color:
        #a57e2e;

    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .contracts-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(290px, 0.6fr);

        gap: 38px;
    }

    .contracts-paper-note {
        left: -8px;
    }

    .contracts-types-row {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 820px) {

    .contracts-hero {
        padding:
            43px 0 48px;
    }

    .contracts-hero-layout {
        grid-template-columns: 1fr;

        gap: 32px;
    }

    .contracts-hero-content {
        text-align: center;
    }

    .contracts-breadcrumbs,
    .contracts-eyebrow,
    .contracts-hero-actions {
        justify-content: center;
    }

    .contracts-hero-lead {
        margin:
            0 auto;
    }

    .contracts-hero-visual {
        max-width: 520px;

        margin:
            0 auto;

        justify-self: center;
    }

    .contracts-image-frame {
        aspect-ratio: 1.12;

        border-radius:
            18px 18px 18px 85px;
    }

    .contracts-paper-note {
        left: 14px;
        bottom: 16px;
    }

    .contracts-intro-layout,
    .contracts-before-layout,
    .contracts-dispute-layout,
    .contracts-security-layout {
        grid-template-columns: 1fr;
    }

    .contracts-intro-layout {
        gap: 20px;
    }

    .contracts-before-layout,
    .contracts-dispute-layout {
        gap: 27px;
    }

    .contracts-before-copy {
        position: static;
    }

    .contracts-security-layout {
        gap: 24px;
    }

    .contracts-consultation-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .contracts-hero {
        padding:
            30px 0 39px;
    }

    .contracts-breadcrumbs {
        margin-bottom: 17px;

        font-size: 11px;
    }

    .contracts-eyebrow {
        margin-bottom: 8px;

        font-size: 12px;
    }

    .contracts-hero h1 {
        font-size:
            clamp(
                33px,
                9.5vw,
                41px
            );

        line-height: 1.48;
    }

    .contracts-hero-lead {
        font-size: 15px;
    }

    .contracts-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .contracts-hero-actions
    .contracts-primary-action,
    .contracts-hero-actions
    .contracts-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .contracts-hero-meta {
        grid-template-columns: 1fr;

        margin-top: 24px;

        padding-top: 10px;
    }

    .contracts-hero-meta > div,
    .contracts-hero-meta > div:first-child {
        padding:
            9px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06);
    }

    .contracts-hero-meta > div:last-child {
        border-bottom: 0;
    }

    .contracts-hero-meta span {
        font-size: 11px;
    }

    .contracts-hero-meta strong {
        font-size: 15px;
    }

    .contracts-image-frame {
        aspect-ratio: 1;

        border-radius:
            15px 15px 15px 58px;
    }

    .contracts-paper-note {
        right: 12px;
        left: 12px;

        bottom: 12px;

        width: auto;
        max-width: none;
    }

    .contracts-intro,
    .contracts-clauses,
    .contracts-before-sign,
    .contracts-types,
    .contracts-dispute {
        padding:
            40px 0;
    }

    .contracts-intro-title,
    .contracts-section-heading,
    .contracts-before-copy,
    .contracts-types-heading,
    .contracts-dispute-title {
        text-align: center;
    }

    .contracts-intro-copy p,
    .contracts-before-copy p {
        font-size: 15px;
    }

    .contracts-section-heading {
        align-items: center;

        flex-direction: column;

        gap: 8px;
    }

    .contracts-section-heading > p {
        max-width: 100%;

        text-align: center;

        font-size: 15px;
    }

    .contracts-clause-board {
        grid-template-columns: 1fr;
    }

    .contracts-clause,
    .contracts-clause:nth-child(odd) {
        padding:
            17px 0;

        border-left: 0;
    }

    .contracts-clause {
        grid-template-columns:
            14px minmax(0, 1fr);

        gap: 12px;
    }

    .contracts-clause h3 {
        font-size: 18px;
    }

    .contracts-clause p {
        font-size: 14px;
    }

    .contracts-before-item {
        padding:
            16px 0;
    }

    .contracts-before-item strong {
        font-size: 18px;
    }

    .contracts-before-item p {
        font-size: 14px;
    }

    .contracts-types-row {
        grid-template-columns: 1fr;

        border-right: 0;
    }

    .contracts-type {
        padding:
            17px 0;

        border-left: 0;
    }

    .contracts-type span {
        font-size: 18px;
    }

    .contracts-type p {
        font-size: 14px;
    }

    .contracts-dispute-row {
        grid-template-columns: 1fr;

        gap: 3px;

        padding:
            15px 0;
    }

    .contracts-dispute-row span {
        font-size: 17px;
    }

    .contracts-dispute-row p {
        font-size: 14px;
    }

    .contracts-security {
        padding:
            39px 0;
    }

    .contracts-security-content {
        text-align: center;
    }

    .contracts-security-content p {
        font-size: 14px;
    }

    .contracts-security-note {
        padding: 17px;

        border-radius: 14px;
    }

    .contracts-security-note p {
        font-size: 13px;
    }

    .contracts-consultation {
        padding:
            39px 0;
    }

    .contracts-lawyer,
    .contracts-consultation-content {
        padding: 21px;

        border-radius: 14px;
    }

    .contracts-lawyer-meta > div {
        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }

    .contracts-consultation-content {
        text-align: center;
    }

    .contracts-consultation-content > p {
        font-size: 14px;
    }

    .contracts-consultation-content > div {
        justify-content: center;

        flex-direction: column;
    }

    .contracts-consultation-content
    .contracts-primary-action,
    .contracts-consultation-content
    .contracts-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .contracts-other-services {
        padding:
            34px 0 39px;
    }

    .contracts-other-heading {
        text-align: center;
    }

    .contracts-other-links {
        grid-template-columns: 1fr;
    }

    .contracts-other-links a,
    .contracts-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 390px) {

    .contracts-hero h1 {
        font-size: 31px;
    }

    .contracts-primary-action,
    .contracts-secondary-action {
        min-height: 48px;

        padding:
            0 19px;
    }

    .contracts-paper-note {
        padding:
            13px 15px;
    }

    .contracts-paper-note strong {
        font-size: 16px;
    }

}

/* =========================================================
   CLAIMS PAGE
   صفحه مطالبات
========================================================= */

.claims-page {
    --claims-bg: #f6f1e8;
    --claims-paper: #fcfaf6;
    --claims-navy: #08131f;
    --claims-navy-soft: #102235;
    --claims-gold: #b78e39;
    --claims-gold-light: #dfc27b;
    --claims-ink: #19242e;
    --claims-text: #5f676d;
    --claims-muted: #858a8e;
    --claims-line: rgba(138, 103, 35, 0.17);

    background: var(--claims-paper);
}

.claims-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.claims-page img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   HERO
========================================================= */

.claims-hero {
    position: relative;
    overflow: hidden;

    padding: 60px 0 62px;

    color: #fff;

    background:
        linear-gradient(
            124deg,
            #050b12 0%,
            #091521 54%,
            #10243a 100%
        );
}

.claims-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.018) 50%,
            transparent 100%
        );
}

.claims-hero-glow {
    position: absolute;

    width: 540px;
    height: 540px;

    left: -320px;
    bottom: -330px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(183, 142, 57, 0.14),
            transparent 68%
        );
}

.claims-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(320px, 0.7fr);

    align-items: center;

    gap:
        clamp(
            42px,
            6vw,
            82px
        );
}

.claims-hero-content {
    min-width: 0;
}

.claims-breadcrumbs {
    margin-bottom: 23px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #919ba5;

    font-size: 12px;
}

.claims-breadcrumbs a {
    color: #adb5bd;

    text-decoration: none;

    transition: color 0.2s ease;
}

.claims-breadcrumbs a:hover {
    color: var(--claims-gold-light);
}

.claims-breadcrumbs span {
    color: rgba(223, 194, 123, 0.4);
}

.claims-breadcrumbs strong {
    color: #d7dde3;

    font-weight: 500;
}

.claims-eyebrow {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 11px;

    color: var(--claims-gold-light);

    font-size: 13px;

    font-weight: 600;
}

.claims-eyebrow::before {
    content: "";

    width: 30px;
    height: 1px;

    background: var(--claims-gold);
}

.claims-hero h1 {
    max-width: 800px;

    margin: 0 0 18px;

    color: #fff;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            43px,
            4.6vw,
            59px
        );

    font-weight: 600;

    line-height: 1.5;
}

.claims-hero h1 em {
    color: var(--claims-gold-light);

    font-style: normal;
}

.claims-hero-lead {
    max-width: 730px;

    margin: 0;

    color: #b8c1cb;

    font-size: 16px;

    line-height: 2.05;
}

.claims-hero-actions {
    margin-top: 24px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.claims-primary-action,
.claims-secondary-action {
    min-height: 50px;

    padding: 0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease;
}

.claims-primary-action {
    color: #111821;

    border:
        1px solid
        var(--claims-gold-light);

    background:
        linear-gradient(
            135deg,
            #e3c67c,
            #b48a31
        );

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.16);
}

.claims-primary-action:hover {
    transform: translateY(-2px);

    box-shadow:
        0 17px 35px
        rgba(0, 0, 0, 0.22);
}

.claims-secondary-action {
    color: #e1e6eb;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    background:
        rgba(255, 255, 255, 0.03);
}

.claims-secondary-action:hover {
    transform: translateY(-2px);

    border-color:
        rgba(223, 194, 123, 0.4);

    background:
        rgba(223, 194, 123, 0.055);
}


/* =========================================================
   HERO STATS
========================================================= */

.claims-hero-stats {
    margin-top: 29px;

    padding-top: 19px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        rgba(255, 255, 255, 0.075);
}

.claims-hero-stats > div {
    min-width: 0;

    padding: 0 15px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);
}

.claims-hero-stats > div:first-child {
    padding-right: 0;
}

.claims-hero-stats > div:last-child {
    border-left: 0;
}

.claims-hero-stats span {
    display: block;

    margin-bottom: 3px;

    color: #8f99a4;

    font-size: 12px;
}

.claims-hero-stats strong {
    display: block;

    color: #e0e5ea;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.7;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.claims-hero-visual {
    position: relative;

    width: 100%;
    max-width: 470px;

    justify-self: end;
}

.claims-image-frame {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.88;

    border-radius:
        75px 18px 18px 18px;

    border:
        1px solid
        rgba(223, 194, 123, 0.22);

    background: #101b28;

    box-shadow:
        0 32px 70px
        rgba(0, 0, 0, 0.3);
}

.claims-image-frame::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 54%,
            rgba(5, 10, 16, 0.34)
        );
}

.claims-image-frame img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}

.claims-balance-note {
    position: absolute;

    right: -25px;
    bottom: 27px;

    max-width: 225px;

    padding:
        14px 18px;

    border:
        1px solid
        rgba(223, 194, 123, 0.22);

    border-radius: 14px;

    background:
        rgba(7, 16, 25, 0.92);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 14px 33px
        rgba(0, 0, 0, 0.22);
}

.claims-balance-note span {
    display: block;

    margin-bottom: 3px;

    color: #9ca6b0;

    font-size: 11px;
}

.claims-balance-note strong {
    display: block;

    color:
        var(--claims-gold-light);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.65;
}


/* =========================================================
   COMMON TITLES
========================================================= */

.claims-section-label {
    display: block;

    margin-bottom: 7px;

    color: #967124;

    font-size: 13px;

    font-weight: 600;
}

.claims-intro-title h2,
.claims-section-heading h2,
.claims-evidence-copy h2,
.claims-path-heading h2,
.claims-caution-title h2,
.claims-security-copy h2,
.claims-lawyer h2,
.claims-consultation-content h2,
.claims-other-heading h2 {
    margin: 0;

    color: var(--claims-ink);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            28px,
            3.25vw,
            38px
        );

    font-weight: 600;

    line-height: 1.58;
}


/* =========================================================
   INTRO
========================================================= */

.claims-intro {
    padding: 58px 0;

    background: var(--claims-paper);
}

.claims-intro-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            45px,
            7vw,
            95px
        );
}

.claims-intro-copy {
    padding-top: 4px;
}

.claims-intro-copy p {
    margin: 0 0 13px;

    color: var(--claims-text);

    font-size: 16px;

    line-height: 2;
}

.claims-intro-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SOURCES
========================================================= */

.claims-sources {
    padding: 58px 0;

    background:
        #efe8dc;
}

.claims-section-heading {
    margin-bottom: 27px;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 35px;
}

.claims-section-heading > p {
    max-width: 430px;

    margin: 0;

    color: var(--claims-text);

    font-size: 15px;

    line-height: 1.9;
}

.claims-source-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--claims-line);

    border-right:
        1px solid
        var(--claims-line);
}

.claims-source {
    min-width: 0;

    min-height: 165px;

    padding:
        23px;

    border-left:
        1px solid
        var(--claims-line);

    border-bottom:
        1px solid
        var(--claims-line);

    background:
        rgba(255, 255, 255, 0.08);

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.claims-source:hover {
    transform:
        translateY(-3px);

    background:
        rgba(255, 255, 255, 0.38);
}

.claims-source h3 {
    margin:
        0 0 7px;

    color:
        #1e2a34;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.claims-source p {
    margin: 0;

    color:
        #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   EVIDENCE
========================================================= */

.claims-evidence {
    padding: 58px 0;

    background:
        var(--claims-paper);
}

.claims-evidence-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.28fr);

    align-items: start;

    gap:
        clamp(
            44px,
            7vw,
            90px
        );
}

.claims-evidence-copy {
    position: sticky;

    top: 100px;
}

.claims-evidence-copy p {
    margin:
        11px 0 0;

    color:
        var(--claims-text);

    font-size: 16px;

    line-height: 2;
}

.claims-evidence-list {
    border-top:
        1px solid
        var(--claims-line);
}

.claims-evidence-row {
    padding:
        18px 0;

    display: grid;

    grid-template-columns:
        170px minmax(0, 1fr);

    gap: 22px;

    border-bottom:
        1px solid
        var(--claims-line);
}

.claims-evidence-row span {
    color:
        #997426;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.claims-evidence-row p {
    margin: 0;

    color:
        var(--claims-text);

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   PATH
========================================================= */

.claims-path {
    padding:
        55px 0 59px;

    background:
        #e7dfd2;
}

.claims-path-heading {
    margin-bottom: 30px;

    text-align: center;
}

.claims-path-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;
}

.claims-path-item {
    min-width: 0;

    padding:
        22px;

    border:
        1px solid
        rgba(138, 103, 35, 0.16);

    border-radius: 16px;

    background:
        rgba(255, 255, 255, 0.26);

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.claims-path-item:hover {
    transform:
        translateY(-3px);

    background:
        rgba(255, 255, 255, 0.42);
}

.claims-path-item strong {
    display: block;

    margin-bottom: 6px;

    color:
        #222e38;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.claims-path-item p {
    margin: 0;

    color:
        #676e73;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   CAUTION
========================================================= */

.claims-caution {
    padding:
        58px 0;

    background:
        var(--claims-paper);
}

.claims-caution-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.74fr)
        minmax(0, 1.26fr);

    align-items: start;

    gap:
        clamp(
            44px,
            7vw,
            90px
        );
}

.claims-caution-list {
    border-top:
        1px solid
        var(--claims-line);
}

.claims-caution-item {
    padding:
        18px 0;

    display: grid;

    grid-template-columns:
        12px minmax(0, 1fr);

    gap: 14px;

    border-bottom:
        1px solid
        var(--claims-line);
}

.claims-caution-item > span {
    width: 8px;
    height: 8px;

    margin-top: 9px;

    border-radius: 50%;

    background:
        var(--claims-gold);
}

.claims-caution-item strong {
    display: block;

    margin-bottom: 4px;

    color:
        #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.claims-caution-item p {
    margin: 0;

    color:
        #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   SECURITY
========================================================= */

.claims-security {
    padding:
        49px 0;

    background:
        var(--claims-navy);
}

.claims-security-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(290px, 0.58fr);

    align-items: center;

    gap: 48px;
}

.claims-security
.claims-section-label {
    color:
        var(--claims-gold-light);
}

.claims-security-copy h2 {
    color: #fff;
}

.claims-security-copy p {
    max-width: 700px;

    margin:
        10px 0 0;

    color:
        #afb8c2;

    font-size: 15px;

    line-height: 2;
}

.claims-security-note {
    padding:
        20px;

    border:
        1px solid
        rgba(223, 194, 123, 0.18);

    border-radius: 16px;

    background:
        rgba(255, 255, 255, 0.03);
}

.claims-security-note strong {
    display: block;

    margin-bottom: 6px;

    color:
        #f1ece2;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.claims-security-note p {
    margin: 0;

    color:
        #a9b3bd;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   CONSULTATION
========================================================= */

.claims-consultation {
    padding:
        52px 0;

    background:
        var(--claims-paper);
}

.claims-consultation-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.66fr)
        minmax(0, 1.34fr);

    align-items: start;

    gap: 18px;
}

.claims-lawyer,
.claims-consultation-content {
    min-width: 0;

    padding:
        27px;

    border-radius: 17px;
}

.claims-lawyer {
    border:
        1px solid
        var(--claims-line);

    background:
        #f1eadf;
}

.claims-lawyer > span {
    display: block;

    margin-bottom: 4px;

    color:
        #987426;

    font-size: 12px;
}

.claims-lawyer p {
    margin:
        4px 0 18px;

    color:
        #656d73;

    font-size: 14px;

    line-height: 1.85;
}

.claims-lawyer-meta {
    border-top:
        1px solid
        var(--claims-line);
}

.claims-lawyer-meta > div {
    padding:
        11px 0;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    border-bottom:
        1px solid
        var(--claims-line);
}

.claims-lawyer-meta span {
    color:
        #7e8283;

    font-size: 12px;
}

.claims-lawyer-meta strong {
    color:
        #28333c;

    font-size: 14px;

    font-weight: 600;
}

.claims-consultation-content {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #08131f,
            #11283f
        );
}

.claims-consultation-content
.claims-section-label {
    color:
        var(--claims-gold-light);
}

.claims-consultation-content h2 {
    max-width: 670px;

    color: #fff;
}

.claims-consultation-content > p {
    max-width: 650px;

    margin:
        8px 0 20px;

    color:
        #adb7c1;

    font-size: 14px;

    line-height: 1.9;
}

.claims-consultation-content > div {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}


/* =========================================================
   OTHER SERVICES
========================================================= */

.claims-other-services {
    padding:
        44px 0 48px;

    background:
        var(--claims-bg);
}

.claims-other-heading {
    margin-bottom: 17px;
}

.claims-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--claims-line);
}

.claims-other-links a {
    min-width: 0;

    min-height: 52px;

    padding:
        0 5px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    color:
        #27323c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--claims-line);

    transition:
        padding-right 0.2s ease,
        color 0.2s ease,
        background 0.2s ease;
}

.claims-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--claims-line);
}

.claims-other-links a:hover {
    padding-right: 10px;

    color:
        #966f20;

    background:
        rgba(183, 142, 57, 0.025);
}

.claims-other-links span {
    color:
        #a57e2e;

    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .claims-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(290px, 0.6fr);

        gap: 38px;
    }

    .claims-balance-note {
        right: -8px;
    }

    .claims-source-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .claims-path-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 820px) {

    .claims-hero {
        padding:
            43px 0 48px;
    }

    .claims-hero-layout {
        grid-template-columns: 1fr;

        gap: 32px;
    }

    .claims-hero-content {
        text-align: center;
    }

    .claims-breadcrumbs,
    .claims-eyebrow,
    .claims-hero-actions {
        justify-content: center;
    }

    .claims-hero-lead {
        margin:
            0 auto;
    }

    .claims-hero-visual {
        max-width: 520px;

        margin:
            0 auto;

        justify-self: center;
    }

    .claims-image-frame {
        aspect-ratio: 1.12;

        border-radius:
            60px 18px 18px 18px;
    }

    .claims-balance-note {
        right: 14px;
        bottom: 16px;
    }

    .claims-intro-layout,
    .claims-evidence-layout,
    .claims-caution-layout,
    .claims-security-layout {
        grid-template-columns: 1fr;
    }

    .claims-intro-layout {
        gap: 20px;
    }

    .claims-evidence-layout,
    .claims-caution-layout {
        gap: 27px;
    }

    .claims-evidence-copy {
        position: static;
    }

    .claims-security-layout {
        gap: 24px;
    }

    .claims-consultation-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .claims-hero {
        padding:
            30px 0 39px;
    }

    .claims-breadcrumbs {
        margin-bottom: 17px;

        font-size: 11px;
    }

    .claims-eyebrow {
        margin-bottom: 8px;

        font-size: 12px;
    }

    .claims-hero h1 {
        font-size:
            clamp(
                33px,
                9.5vw,
                41px
            );

        line-height: 1.48;
    }

    .claims-hero-lead {
        font-size: 15px;
    }

    .claims-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .claims-hero-actions
    .claims-primary-action,
    .claims-hero-actions
    .claims-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .claims-hero-stats {
        grid-template-columns: 1fr;

        margin-top: 24px;

        padding-top: 10px;
    }

    .claims-hero-stats > div,
    .claims-hero-stats > div:first-child {
        padding:
            9px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06);
    }

    .claims-hero-stats > div:last-child {
        border-bottom: 0;
    }

    .claims-hero-stats span {
        font-size: 11px;
    }

    .claims-hero-stats strong {
        font-size: 15px;
    }

    .claims-image-frame {
        aspect-ratio: 1;

        border-radius:
            48px 15px 15px 15px;
    }

    .claims-balance-note {
        right: 12px;
        left: 12px;

        bottom: 12px;

        max-width: none;
    }

    .claims-intro,
    .claims-sources,
    .claims-evidence,
    .claims-path,
    .claims-caution {
        padding:
            40px 0;
    }

    .claims-intro-title,
    .claims-section-heading,
    .claims-evidence-copy,
    .claims-path-heading,
    .claims-caution-title {
        text-align: center;
    }

    .claims-intro-copy p,
    .claims-evidence-copy p {
        font-size: 15px;
    }

    .claims-section-heading {
        align-items: center;

        flex-direction: column;

        gap: 8px;
    }

    .claims-section-heading > p {
        max-width: 100%;

        text-align: center;

        font-size: 15px;
    }

    .claims-source-grid {
        grid-template-columns: 1fr;

        border-right: 0;
    }

    .claims-source {
        min-height: 0;

        padding:
            18px 0;

        border-left: 0;
    }

    .claims-source h3 {
        font-size: 18px;
    }

    .claims-source p {
        font-size: 14px;
    }

    .claims-evidence-row {
        grid-template-columns: 1fr;

        gap: 3px;

        padding:
            15px 0;
    }

    .claims-evidence-row span {
        font-size: 17px;
    }

    .claims-evidence-row p {
        font-size: 14px;
    }

    .claims-path-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .claims-path-item {
        padding: 18px;

        border-radius: 14px;
    }

    .claims-path-item strong {
        font-size: 18px;
    }

    .claims-path-item p {
        font-size: 14px;
    }

    .claims-caution-item {
        padding:
            16px 0;
    }

    .claims-caution-item strong {
        font-size: 18px;
    }

    .claims-caution-item p {
        font-size: 14px;
    }

    .claims-security {
        padding:
            39px 0;
    }

    .claims-security-copy {
        text-align: center;
    }

    .claims-security-copy p {
        font-size: 14px;
    }

    .claims-security-note {
        padding: 17px;

        border-radius: 14px;
    }

    .claims-security-note p {
        font-size: 13px;
    }

    .claims-consultation {
        padding:
            39px 0;
    }

    .claims-lawyer,
    .claims-consultation-content {
        padding: 21px;

        border-radius: 15px;
    }

    .claims-lawyer-meta > div {
        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }

    .claims-consultation-content {
        text-align: center;
    }

    .claims-consultation-content > p {
        font-size: 14px;
    }

    .claims-consultation-content > div {
        justify-content: center;

        flex-direction: column;
    }

    .claims-consultation-content
    .claims-primary-action,
    .claims-consultation-content
    .claims-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .claims-other-services {
        padding:
            34px 0 39px;
    }

    .claims-other-heading {
        text-align: center;
    }

    .claims-other-links {
        grid-template-columns: 1fr;
    }

    .claims-other-links a,
    .claims-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 390px) {

    .claims-hero h1 {
        font-size: 31px;
    }

    .claims-primary-action,
    .claims-secondary-action {
        min-height: 48px;

        padding:
            0 19px;
    }

    .claims-balance-note {
        padding:
            13px 15px;
    }

}

/* =========================================================
   CHEQUE PAGE
   صفحه چک و سفته
========================================================= */

.cheque-page {
    --cheque-bg: #f7f2e9;
    --cheque-paper: #fcfaf6;
    --cheque-navy: #08131f;
    --cheque-navy-soft: #102338;
    --cheque-gold: #b68d38;
    --cheque-gold-light: #dfc27b;
    --cheque-ink: #19242e;
    --cheque-text: #60686f;
    --cheque-muted: #858a8f;
    --cheque-line: rgba(139, 104, 35, 0.17);

    background: var(--cheque-paper);
}

.cheque-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.cheque-page img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   HERO
========================================================= */

.cheque-hero {
    position: relative;
    overflow: hidden;

    padding: 60px 0 62px;

    color: #fff;

    background:
        linear-gradient(
            125deg,
            #050b12 0%,
            #091521 54%,
            #10243a 100%
        );
}

.cheque-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 89px,
            rgba(255, 255, 255, 0.018) 90px
        );
}

.cheque-hero-glow {
    position: absolute;

    width: 540px;
    height: 540px;

    right: -320px;
    top: -330px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(182, 141, 56, 0.14),
            transparent 68%
        );
}

.cheque-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(320px, 0.7fr);

    align-items: center;

    gap:
        clamp(
            42px,
            6vw,
            82px
        );
}

.cheque-hero-content {
    min-width: 0;
}

.cheque-breadcrumbs {
    margin-bottom: 23px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #919ba6;

    font-size: 12px;
}

.cheque-breadcrumbs a {
    color: #adb5bd;

    text-decoration: none;

    transition: color 0.2s ease;
}

.cheque-breadcrumbs a:hover {
    color: var(--cheque-gold-light);
}

.cheque-breadcrumbs span {
    color: rgba(223, 194, 123, 0.4);
}

.cheque-breadcrumbs strong {
    color: #d7dde3;
    font-weight: 500;
}

.cheque-eyebrow {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 11px;

    color: var(--cheque-gold-light);

    font-size: 13px;
    font-weight: 600;
}

.cheque-eyebrow::before {
    content: "";

    width: 30px;
    height: 1px;

    background: var(--cheque-gold);
}

.cheque-hero h1 {
    max-width: 810px;

    margin: 0 0 18px;

    color: #fff;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            43px,
            4.6vw,
            59px
        );

    font-weight: 600;

    line-height: 1.5;
}

.cheque-hero h1 em {
    color: var(--cheque-gold-light);

    font-style: normal;
}

.cheque-hero-lead {
    max-width: 730px;

    margin: 0;

    color: #b8c1cb;

    font-size: 16px;

    line-height: 2.05;
}

.cheque-hero-actions {
    margin-top: 24px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.cheque-primary-action,
.cheque-secondary-action {
    min-height: 50px;

    padding: 0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease;
}

.cheque-primary-action {
    color: #111821;

    border:
        1px solid
        var(--cheque-gold-light);

    background:
        linear-gradient(
            135deg,
            #e3c67c,
            #b48a31
        );

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.16);
}

.cheque-primary-action:hover {
    transform: translateY(-2px);

    box-shadow:
        0 17px 35px
        rgba(0, 0, 0, 0.22);
}

.cheque-secondary-action {
    color: #e1e6eb;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    background:
        rgba(255, 255, 255, 0.03);
}

.cheque-secondary-action:hover {
    transform: translateY(-2px);

    border-color:
        rgba(223, 194, 123, 0.4);

    background:
        rgba(223, 194, 123, 0.055);
}


/* =========================================================
   HERO INFO
========================================================= */

.cheque-hero-info {
    margin-top: 29px;

    padding-top: 19px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        rgba(255, 255, 255, 0.075);
}

.cheque-hero-info > div {
    min-width: 0;

    padding: 0 15px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);
}

.cheque-hero-info > div:first-child {
    padding-right: 0;
}

.cheque-hero-info > div:last-child {
    border-left: 0;
}

.cheque-hero-info span {
    display: block;

    margin-bottom: 3px;

    color: #909aa4;

    font-size: 12px;
}

.cheque-hero-info strong {
    display: block;

    color: #e0e5ea;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.7;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.cheque-hero-visual {
    position: relative;

    width: 100%;
    max-width: 470px;

    justify-self: end;
}

.cheque-image-frame {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.88;

    border-radius:
        18px 75px 18px 18px;

    border:
        1px solid
        rgba(223, 194, 123, 0.22);

    background: #101b28;

    box-shadow:
        0 32px 70px
        rgba(0, 0, 0, 0.3);
}

.cheque-image-frame::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 54%,
            rgba(5, 10, 16, 0.34)
        );
}

.cheque-image-frame img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}

.cheque-date-note {
    position: absolute;

    left: -24px;
    bottom: 27px;

    max-width: 235px;

    padding: 14px 18px;

    border:
        1px solid
        rgba(223, 194, 123, 0.22);

    border-radius: 14px;

    background:
        rgba(7, 16, 25, 0.92);

    backdrop-filter: blur(12px);

    box-shadow:
        0 14px 33px
        rgba(0, 0, 0, 0.22);
}

.cheque-date-note span {
    display: block;

    margin-bottom: 3px;

    color: #9ca6b0;

    font-size: 11px;
}

.cheque-date-note strong {
    display: block;

    color: var(--cheque-gold-light);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.65;
}


/* =========================================================
   TITLES
========================================================= */

.cheque-section-label {
    display: block;

    margin-bottom: 7px;

    color: #967124;

    font-size: 13px;

    font-weight: 600;
}

.cheque-intro-title h2,
.cheque-section-heading h2,
.cheque-time-copy h2,
.cheque-documents-title h2,
.cheque-caution-card h2,
.cheque-security-copy h2,
.cheque-lawyer h2,
.cheque-consultation-content h2,
.cheque-other-heading h2 {
    margin: 0;

    color: var(--cheque-ink);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            28px,
            3.25vw,
            38px
        );

    font-weight: 600;

    line-height: 1.58;
}


/* =========================================================
   INTRO
========================================================= */

.cheque-intro {
    padding: 58px 0;

    background: var(--cheque-paper);
}

.cheque-intro-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            45px,
            7vw,
            95px
        );
}

.cheque-intro-copy {
    padding-top: 4px;
}

.cheque-intro-copy p {
    margin: 0 0 13px;

    color: var(--cheque-text);

    font-size: 16px;

    line-height: 2;
}

.cheque-intro-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SITUATIONS
========================================================= */

.cheque-situations {
    padding: 58px 0;

    background: #efe8dc;
}

.cheque-section-heading {
    margin-bottom: 27px;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 35px;
}

.cheque-section-heading > p {
    max-width: 430px;

    margin: 0;

    color: var(--cheque-text);

    font-size: 15px;

    line-height: 1.9;
}

.cheque-situation-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid
        var(--cheque-line);
}

.cheque-situation {
    min-width: 0;

    padding:
        21px 24px;

    border-bottom:
        1px solid
        var(--cheque-line);

    transition:
        background 0.2s ease,
        padding-right 0.2s ease;
}

.cheque-situation:nth-child(odd) {
    padding-right: 0;

    border-left:
        1px solid
        var(--cheque-line);
}

.cheque-situation:hover {
    background:
        rgba(255, 255, 255, 0.3);

    padding-right: 10px;
}

.cheque-situation strong {
    display: block;

    margin-bottom: 5px;

    color: #1e2a34;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.cheque-situation p {
    margin: 0;

    color: #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   TIME
========================================================= */

.cheque-time {
    padding: 58px 0;

    background: var(--cheque-paper);
}

.cheque-time-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.28fr);

    align-items: start;

    gap:
        clamp(
            44px,
            7vw,
            90px
        );
}

.cheque-time-copy {
    position: sticky;

    top: 100px;
}

.cheque-time-copy p {
    margin:
        11px 0 0;

    color: var(--cheque-text);

    font-size: 16px;

    line-height: 2;
}

.cheque-time-line {
    position: relative;

    padding-right: 28px;
}

.cheque-time-line::before {
    content: "";

    position: absolute;

    top: 10px;
    bottom: 10px;
    right: 6px;

    width: 1px;

    background:
        rgba(139, 104, 35, 0.23);
}

.cheque-time-item {
    position: relative;

    padding:
        0 0 20px;

    display: grid;

    grid-template-columns:
        14px minmax(0, 1fr);

    gap: 14px;
}

.cheque-time-item:last-child {
    padding-bottom: 0;
}

.cheque-time-item > span {
    width: 12px;
    height: 12px;

    margin-top: 7px;

    border:
        3px solid
        var(--cheque-paper);

    border-radius: 50%;

    background:
        var(--cheque-gold);

    box-shadow:
        0 0 0 1px
        rgba(139, 104, 35, 0.3);
}

.cheque-time-item strong {
    display: block;

    margin-bottom: 4px;

    color: #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.cheque-time-item p {
    margin: 0;

    color: #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   DOCUMENTS
========================================================= */

.cheque-documents {
    padding:
        54px 0;

    background:
        #e7dfd2;
}

.cheque-documents-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.28fr);

    align-items: center;

    gap:
        clamp(
            40px,
            7vw,
            85px
        );
}

.cheque-document-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}

.cheque-document {
    min-height: 54px;

    padding:
        0 16px;

    display: flex;

    align-items: center;

    border:
        1px solid
        var(--cheque-line);

    border-radius: 10px;

    background:
        rgba(255, 255, 255, 0.34);

    color:
        #28333d;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.cheque-document:hover {
    transform:
        translateY(-2px);

    background:
        rgba(255, 255, 255, 0.55);
}


/* =========================================================
   CAUTION
========================================================= */

.cheque-caution {
    padding:
        58px 0;

    background:
        var(--cheque-paper);
}

.cheque-caution-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            42px,
            7vw,
            88px
        );
}

.cheque-caution-card {
    padding:
        27px;

    border:
        1px solid
        var(--cheque-line);

    border-radius: 18px;

    background:
        #f1eadf;
}

.cheque-caution-card p {
    margin:
        11px 0 0;

    color:
        var(--cheque-text);

    font-size: 15px;

    line-height: 2;
}

.cheque-caution-notes {
    border-top:
        1px solid
        var(--cheque-line);
}

.cheque-caution-note {
    padding:
        18px 0;

    border-bottom:
        1px solid
        var(--cheque-line);
}

.cheque-caution-note strong {
    display: block;

    margin-bottom: 4px;

    color:
        #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.cheque-caution-note p {
    margin: 0;

    color:
        #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   SECURITY
========================================================= */

.cheque-security {
    padding:
        49px 0;

    background:
        var(--cheque-navy);
}

.cheque-security-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(290px, 0.58fr);

    align-items: center;

    gap: 48px;
}

.cheque-security
.cheque-section-label {
    color:
        var(--cheque-gold-light);
}

.cheque-security-copy h2 {
    color: #fff;
}

.cheque-security-copy p {
    max-width: 710px;

    margin:
        10px 0 0;

    color:
        #afb8c2;

    font-size: 15px;

    line-height: 2;
}

.cheque-security-note {
    padding:
        20px;

    border:
        1px solid
        rgba(223, 194, 123, 0.18);

    border-radius: 16px;

    background:
        rgba(255, 255, 255, 0.03);
}

.cheque-security-note strong {
    display: block;

    margin-bottom: 6px;

    color:
        #f1ece2;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.cheque-security-note p {
    margin: 0;

    color:
        #a9b3bd;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   CONSULTATION
========================================================= */

.cheque-consultation {
    padding:
        52px 0;

    background:
        var(--cheque-paper);
}

.cheque-consultation-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.66fr)
        minmax(0, 1.34fr);

    align-items: start;

    gap: 18px;
}

.cheque-lawyer,
.cheque-consultation-content {
    min-width: 0;

    padding:
        27px;

    border-radius: 16px;
}

.cheque-lawyer {
    border:
        1px solid
        var(--cheque-line);

    background:
        #f1eadf;
}

.cheque-lawyer > span {
    display: block;

    margin-bottom: 4px;

    color:
        #987426;

    font-size: 12px;
}

.cheque-lawyer p {
    margin:
        4px 0 18px;

    color:
        #656d73;

    font-size: 14px;

    line-height: 1.85;
}

.cheque-lawyer-meta {
    border-top:
        1px solid
        var(--cheque-line);
}

.cheque-lawyer-meta > div {
    padding:
        11px 0;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    border-bottom:
        1px solid
        var(--cheque-line);
}

.cheque-lawyer-meta span {
    color:
        #7e8283;

    font-size: 12px;
}

.cheque-lawyer-meta strong {
    color:
        #28333c;

    font-size: 14px;

    font-weight: 600;
}

.cheque-consultation-content {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #08131f,
            #11283f
        );
}

.cheque-consultation-content
.cheque-section-label {
    color:
        var(--cheque-gold-light);
}

.cheque-consultation-content h2 {
    max-width: 670px;

    color: #fff;
}

.cheque-consultation-content > p {
    max-width: 650px;

    margin:
        8px 0 20px;

    color:
        #adb7c1;

    font-size: 14px;

    line-height: 1.9;
}

.cheque-consultation-content > div {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}


/* =========================================================
   OTHER SERVICES
========================================================= */

.cheque-other-services {
    padding:
        44px 0 48px;

    background:
        var(--cheque-bg);
}

.cheque-other-heading {
    margin-bottom: 17px;
}

.cheque-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--cheque-line);
}

.cheque-other-links a {
    min-width: 0;

    min-height: 52px;

    padding:
        0 5px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    color:
        #27323c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--cheque-line);

    transition:
        padding-right 0.2s ease,
        color 0.2s ease,
        background 0.2s ease;
}

.cheque-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--cheque-line);
}

.cheque-other-links a:hover {
    padding-right: 10px;

    color: #966f20;

    background:
        rgba(182, 141, 56, 0.025);
}

.cheque-other-links span {
    color:
        #a57e2e;

    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .cheque-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(290px, 0.6fr);

        gap: 38px;
    }

    .cheque-date-note {
        left: -8px;
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 820px) {

    .cheque-hero {
        padding:
            43px 0 48px;
    }

    .cheque-hero-layout {
        grid-template-columns: 1fr;

        gap: 32px;
    }

    .cheque-hero-content {
        text-align: center;
    }

    .cheque-breadcrumbs,
    .cheque-eyebrow,
    .cheque-hero-actions {
        justify-content: center;
    }

    .cheque-hero-lead {
        margin: 0 auto;
    }

    .cheque-hero-visual {
        max-width: 520px;

        margin: 0 auto;

        justify-self: center;
    }

    .cheque-image-frame {
        aspect-ratio: 1.12;

        border-radius:
            18px 60px 18px 18px;
    }

    .cheque-date-note {
        left: 14px;
        bottom: 16px;
    }

    .cheque-intro-layout,
    .cheque-time-layout,
    .cheque-documents-layout,
    .cheque-caution-layout,
    .cheque-security-layout {
        grid-template-columns: 1fr;
    }

    .cheque-intro-layout {
        gap: 20px;
    }

    .cheque-time-layout,
    .cheque-caution-layout {
        gap: 27px;
    }

    .cheque-time-copy {
        position: static;
    }

    .cheque-documents-layout,
    .cheque-security-layout {
        gap: 24px;
    }

    .cheque-consultation-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cheque-hero {
        padding:
            30px 0 39px;
    }

    .cheque-breadcrumbs {
        margin-bottom: 17px;

        font-size: 11px;
    }

    .cheque-eyebrow {
        margin-bottom: 8px;

        font-size: 12px;
    }

    .cheque-hero h1 {
        font-size:
            clamp(
                33px,
                9.5vw,
                41px
            );

        line-height: 1.48;
    }

    .cheque-hero-lead {
        font-size: 15px;
    }

    .cheque-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .cheque-hero-actions
    .cheque-primary-action,
    .cheque-hero-actions
    .cheque-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .cheque-hero-info {
        grid-template-columns: 1fr;

        margin-top: 24px;

        padding-top: 10px;
    }

    .cheque-hero-info > div,
    .cheque-hero-info > div:first-child {
        padding: 9px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06);
    }

    .cheque-hero-info > div:last-child {
        border-bottom: 0;
    }

    .cheque-hero-info span {
        font-size: 11px;
    }

    .cheque-hero-info strong {
        font-size: 15px;
    }

    .cheque-image-frame {
        aspect-ratio: 1;

        border-radius:
            15px 48px 15px 15px;
    }

    .cheque-date-note {
        right: 12px;
        left: 12px;

        bottom: 12px;

        max-width: none;
    }

    .cheque-intro,
    .cheque-situations,
    .cheque-time,
    .cheque-documents,
    .cheque-caution {
        padding: 40px 0;
    }

    .cheque-intro-title,
    .cheque-section-heading,
    .cheque-time-copy,
    .cheque-documents-title,
    .cheque-caution-card {
        text-align: center;
    }

    .cheque-intro-copy p,
    .cheque-time-copy p {
        font-size: 15px;
    }

    .cheque-section-heading {
        align-items: center;

        flex-direction: column;

        gap: 8px;
    }

    .cheque-section-heading > p {
        max-width: 100%;

        text-align: center;

        font-size: 15px;
    }

    .cheque-situation-list {
        grid-template-columns: 1fr;
    }

    .cheque-situation,
    .cheque-situation:nth-child(odd) {
        padding:
            17px 0;

        border-left: 0;
    }

    .cheque-situation:hover {
        padding-right: 0;
    }

    .cheque-situation strong {
        font-size: 18px;
    }

    .cheque-situation p {
        font-size: 14px;
    }

    .cheque-time-line {
        padding-right: 24px;
    }

    .cheque-time-item strong {
        font-size: 18px;
    }

    .cheque-time-item p {
        font-size: 14px;
    }

    .cheque-document-grid {
        grid-template-columns: 1fr;
    }

    .cheque-document {
        min-height: 50px;

        justify-content: center;

        font-size: 15px;
    }

    .cheque-caution-card {
        padding: 21px;

        border-radius: 15px;
    }

    .cheque-caution-card p {
        font-size: 14px;
    }

    .cheque-caution-note {
        padding:
            16px 0;
    }

    .cheque-caution-note strong {
        font-size: 18px;
    }

    .cheque-caution-note p {
        font-size: 14px;
    }

    .cheque-security {
        padding:
            39px 0;
    }

    .cheque-security-copy {
        text-align: center;
    }

    .cheque-security-copy p {
        font-size: 14px;
    }

    .cheque-security-note {
        padding: 17px;

        border-radius: 14px;
    }

    .cheque-security-note p {
        font-size: 13px;
    }

    .cheque-consultation {
        padding:
            39px 0;
    }

    .cheque-lawyer,
    .cheque-consultation-content {
        padding: 21px;

        border-radius: 14px;
    }

    .cheque-lawyer-meta > div {
        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }

    .cheque-consultation-content {
        text-align: center;
    }

    .cheque-consultation-content > p {
        font-size: 14px;
    }

    .cheque-consultation-content > div {
        justify-content: center;

        flex-direction: column;
    }

    .cheque-consultation-content
    .cheque-primary-action,
    .cheque-consultation-content
    .cheque-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .cheque-other-services {
        padding:
            34px 0 39px;
    }

    .cheque-other-heading {
        text-align: center;
    }

    .cheque-other-links {
        grid-template-columns: 1fr;
    }

    .cheque-other-links a,
    .cheque-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 390px) {

    .cheque-hero h1 {
        font-size: 31px;
    }

    .cheque-primary-action,
    .cheque-secondary-action {
        min-height: 48px;

        padding: 0 19px;
    }

    .cheque-date-note {
        padding:
            13px 15px;
    }

}

/* =========================================================
   INHERITANCE PAGE
   صفحه ارث و تقسیم ترکه
========================================================= */

.inheritance-page {
    --inheritance-bg: #f7f2e9;
    --inheritance-paper: #fcfaf6;
    --inheritance-navy: #09131d;
    --inheritance-navy-soft: #122333;
    --inheritance-gold: #b58d3d;
    --inheritance-gold-light: #dfc584;
    --inheritance-ink: #1a252d;
    --inheritance-text: #60686d;
    --inheritance-muted: #858a8e;
    --inheritance-line: rgba(139, 105, 38, 0.17);

    background: var(--inheritance-paper);
}

.inheritance-page main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.inheritance-page img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   HERO
========================================================= */

.inheritance-hero {
    position: relative;
    overflow: hidden;

    padding: 60px 0 62px;

    color: #fff;

    background:
        linear-gradient(
            128deg,
            #050b11 0%,
            #0a151f 54%,
            #142434 100%
        );
}

.inheritance-hero::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: -300px;
    top: -320px;

    border-radius: 50%;

    border:
        1px solid
        rgba(223, 197, 132, 0.08);
}

.inheritance-hero-glow {
    position: absolute;

    width: 560px;
    height: 560px;

    right: -330px;
    bottom: -350px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(181, 141, 61, 0.13),
            transparent 68%
        );
}

.inheritance-hero-layout {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(320px, 0.72fr);

    align-items: center;

    gap:
        clamp(
            42px,
            6vw,
            82px
        );
}

.inheritance-hero-content {
    min-width: 0;
}

.inheritance-breadcrumbs {
    margin-bottom: 23px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    color: #929ba4;

    font-size: 12px;
}

.inheritance-breadcrumbs a {
    color: #adb5bd;

    text-decoration: none;

    transition: color 0.2s ease;
}

.inheritance-breadcrumbs a:hover {
    color: var(--inheritance-gold-light);
}

.inheritance-breadcrumbs span {
    color:
        rgba(223, 197, 132, 0.4);
}

.inheritance-breadcrumbs strong {
    color: #d9dee3;

    font-weight: 500;
}

.inheritance-eyebrow {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 11px;

    color:
        var(--inheritance-gold-light);

    font-size: 13px;

    font-weight: 600;
}

.inheritance-eyebrow::before {
    content: "";

    width: 30px;
    height: 1px;

    background:
        var(--inheritance-gold);
}

.inheritance-hero h1 {
    max-width: 820px;

    margin:
        0 0 18px;

    color: #fff;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            43px,
            4.6vw,
            59px
        );

    font-weight: 600;

    line-height: 1.5;
}

.inheritance-hero h1 em {
    color:
        var(--inheritance-gold-light);

    font-style: normal;
}

.inheritance-hero-lead {
    max-width: 730px;

    margin: 0;

    color: #b9c1ca;

    font-size: 16px;

    line-height: 2.05;
}

.inheritance-hero-actions {
    margin-top: 24px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.inheritance-primary-action,
.inheritance-secondary-action {
    min-height: 50px;

    padding:
        0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 999px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease;
}

.inheritance-primary-action {
    color: #111821;

    border:
        1px solid
        var(--inheritance-gold-light);

    background:
        linear-gradient(
            135deg,
            #e5ca86,
            #b38a33
        );

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.16);
}

.inheritance-primary-action:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 17px 35px
        rgba(0, 0, 0, 0.22);
}

.inheritance-secondary-action {
    color: #e1e6eb;

    border:
        1px solid
        rgba(255, 255, 255, 0.14);

    background:
        rgba(255, 255, 255, 0.03);
}

.inheritance-secondary-action:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(223, 197, 132, 0.4);

    background:
        rgba(223, 197, 132, 0.055);
}


/* =========================================================
   HERO INFO
========================================================= */

.inheritance-hero-info {
    margin-top: 29px;

    padding-top: 19px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        rgba(255, 255, 255, 0.075);
}

.inheritance-hero-info > div {
    min-width: 0;

    padding:
        0 15px;

    border-left:
        1px solid
        rgba(255, 255, 255, 0.06);
}

.inheritance-hero-info > div:first-child {
    padding-right: 0;
}

.inheritance-hero-info > div:last-child {
    border-left: 0;
}

.inheritance-hero-info span {
    display: block;

    margin-bottom: 3px;

    color: #909aa4;

    font-size: 12px;
}

.inheritance-hero-info strong {
    display: block;

    color: #e0e5ea;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.7;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.inheritance-hero-visual {
    position: relative;

    width: 100%;
    max-width: 470px;

    justify-self: end;
}

.inheritance-image-frame {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 0.87;

    border-radius:
        125px 24px 24px 24px;

    border:
        1px solid
        rgba(223, 197, 132, 0.22);

    background: #111c27;

    box-shadow:
        0 32px 70px
        rgba(0, 0, 0, 0.3);
}

.inheritance-image-frame::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 54%,
            rgba(4, 9, 15, 0.32)
        );
}

.inheritance-image-frame img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}

.inheritance-image-note {
    position: absolute;

    left: -24px;
    bottom: 27px;

    max-width: 245px;

    padding:
        14px 18px;

    border:
        1px solid
        rgba(223, 197, 132, 0.22);

    border-radius: 16px;

    background:
        rgba(7, 16, 25, 0.92);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 14px 33px
        rgba(0, 0, 0, 0.22);
}

.inheritance-image-note span {
    display: block;

    margin-bottom: 3px;

    color: #9da7b0;

    font-size: 11px;
}

.inheritance-image-note strong {
    display: block;

    color:
        var(--inheritance-gold-light);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.65;
}


/* =========================================================
   SHARED TITLES
========================================================= */

.inheritance-section-label {
    display: block;

    margin-bottom: 7px;

    color: #967227;

    font-size: 13px;

    font-weight: 600;
}

.inheritance-intro-title h2,
.inheritance-section-heading h2,
.inheritance-path-copy h2,
.inheritance-issues-heading h2,
.inheritance-agreement-card h2,
.inheritance-security-copy h2,
.inheritance-lawyer h2,
.inheritance-consultation-content h2,
.inheritance-other-heading h2 {
    margin: 0;

    color:
        var(--inheritance-ink);

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size:
        clamp(
            28px,
            3.25vw,
            38px
        );

    font-weight: 600;

    line-height: 1.58;
}


/* =========================================================
   INTRO
========================================================= */

.inheritance-intro {
    padding:
        58px 0;

    background:
        var(--inheritance-paper);
}

.inheritance-intro-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            45px,
            7vw,
            95px
        );
}

.inheritance-intro-copy {
    padding-top: 4px;
}

.inheritance-intro-copy p {
    margin:
        0 0 13px;

    color:
        var(--inheritance-text);

    font-size: 16px;

    line-height: 2;
}

.inheritance-intro-copy p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   ESTATE
========================================================= */

.inheritance-estate {
    padding:
        58px 0;

    background:
        #efe8dc;
}

.inheritance-section-heading {
    margin-bottom: 27px;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 35px;
}

.inheritance-section-heading > p {
    max-width: 430px;

    margin: 0;

    color:
        var(--inheritance-text);

    font-size: 15px;

    line-height: 1.9;
}

.inheritance-estate-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}

.inheritance-estate-item {
    position: relative;

    min-width: 0;

    padding:
        24px;

    border:
        1px solid
        var(--inheritance-line);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.29);

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.inheritance-estate-item:hover {
    transform:
        translateY(-3px);

    background:
        rgba(255, 255, 255, 0.48);

    box-shadow:
        0 13px 30px
        rgba(61, 47, 24, 0.07);
}

.inheritance-estate-item > span {
    display: block;

    width: 24px;
    height: 2px;

    margin-bottom: 14px;

    background:
        var(--inheritance-gold);
}

.inheritance-estate-item h3 {
    margin:
        0 0 6px;

    color:
        #202c35;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 20px;

    font-weight: 600;
}

.inheritance-estate-item p {
    margin: 0;

    color:
        #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   PATH
========================================================= */

.inheritance-path {
    padding:
        58px 0;

    background:
        var(--inheritance-paper);
}

.inheritance-path-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.72fr)
        minmax(0, 1.28fr);

    align-items: start;

    gap:
        clamp(
            44px,
            7vw,
            90px
        );
}

.inheritance-path-copy {
    position: sticky;

    top: 100px;
}

.inheritance-path-copy p {
    margin:
        11px 0 0;

    color:
        var(--inheritance-text);

    font-size: 16px;

    line-height: 2;
}

.inheritance-path-list {
    border-top:
        1px solid
        var(--inheritance-line);
}

.inheritance-path-item {
    padding:
        19px 0;

    display: grid;

    grid-template-columns:
        18px minmax(0, 1fr);

    gap: 15px;

    border-bottom:
        1px solid
        var(--inheritance-line);
}

.inheritance-path-mark {
    width: 11px;
    height: 11px;

    margin-top: 8px;

    border:
        2px solid
        var(--inheritance-gold);

    border-radius:
        50%;
}

.inheritance-path-item strong {
    display: block;

    margin-bottom: 4px;

    color:
        #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.inheritance-path-item p {
    margin: 0;

    color:
        #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   ISSUES
========================================================= */

.inheritance-issues {
    padding:
        55px 0 59px;

    background:
        #e7dfd2;
}

.inheritance-issues-heading {
    margin-bottom: 28px;

    text-align: center;
}

.inheritance-issues-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px solid
        var(--inheritance-line);
}

.inheritance-issue {
    min-width: 0;

    padding:
        20px 24px;

    border-bottom:
        1px solid
        var(--inheritance-line);

    transition:
        background 0.2s ease;
}

.inheritance-issue:nth-child(odd) {
    padding-right: 0;

    border-left:
        1px solid
        var(--inheritance-line);
}

.inheritance-issue:hover {
    background:
        rgba(255, 255, 255, 0.28);
}

.inheritance-issue strong {
    display: block;

    margin-bottom: 5px;

    color:
        #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.inheritance-issue p {
    margin: 0;

    color:
        #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   AGREEMENT
========================================================= */

.inheritance-agreement {
    padding:
        58px 0;

    background:
        var(--inheritance-paper);
}

.inheritance-agreement-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.78fr)
        minmax(0, 1.22fr);

    align-items: start;

    gap:
        clamp(
            42px,
            7vw,
            88px
        );
}

.inheritance-agreement-card {
    padding:
        27px;

    border:
        1px solid
        var(--inheritance-line);

    border-radius: 20px;

    background:
        #f2eadf;
}

.inheritance-agreement-card p {
    margin:
        11px 0 0;

    color:
        var(--inheritance-text);

    font-size: 15px;

    line-height: 2;
}

.inheritance-agreement-notes {
    border-top:
        1px solid
        var(--inheritance-line);
}

.inheritance-agreement-note {
    padding:
        18px 0;

    border-bottom:
        1px solid
        var(--inheritance-line);
}

.inheritance-agreement-note strong {
    display: block;

    margin-bottom: 4px;

    color:
        #202d37;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 19px;

    font-weight: 600;
}

.inheritance-agreement-note p {
    margin: 0;

    color:
        #656d72;

    font-size: 15px;

    line-height: 1.9;
}


/* =========================================================
   SECURITY
========================================================= */

.inheritance-security {
    padding:
        49px 0;

    background:
        var(--inheritance-navy);
}

.inheritance-security-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(290px, 0.58fr);

    align-items: center;

    gap: 48px;
}

.inheritance-security
.inheritance-section-label {
    color:
        var(--inheritance-gold-light);
}

.inheritance-security-copy h2 {
    color: #fff;
}

.inheritance-security-copy p {
    max-width: 710px;

    margin:
        10px 0 0;

    color:
        #afb8c2;

    font-size: 15px;

    line-height: 2;
}

.inheritance-security-note {
    padding:
        20px;

    border:
        1px solid
        rgba(223, 197, 132, 0.18);

    border-radius: 17px;

    background:
        rgba(255, 255, 255, 0.03);
}

.inheritance-security-note strong {
    display: block;

    margin-bottom: 6px;

    color:
        #f1ece2;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 18px;

    font-weight: 600;
}

.inheritance-security-note p {
    margin: 0;

    color:
        #a9b3bd;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   CONSULTATION
========================================================= */

.inheritance-consultation {
    padding:
        52px 0;

    background:
        var(--inheritance-paper);
}

.inheritance-consultation-layout {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.66fr)
        minmax(0, 1.34fr);

    align-items: start;

    gap: 18px;
}

.inheritance-lawyer,
.inheritance-consultation-content {
    min-width: 0;

    padding:
        27px;

    border-radius: 18px;
}

.inheritance-lawyer {
    border:
        1px solid
        var(--inheritance-line);

    background:
        #f1eadf;
}

.inheritance-lawyer > span {
    display: block;

    margin-bottom: 4px;

    color:
        #987426;

    font-size: 12px;
}

.inheritance-lawyer p {
    margin:
        4px 0 18px;

    color:
        #656d73;

    font-size: 14px;

    line-height: 1.85;
}

.inheritance-lawyer-meta {
    border-top:
        1px solid
        var(--inheritance-line);
}

.inheritance-lawyer-meta > div {
    padding:
        11px 0;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    border-bottom:
        1px solid
        var(--inheritance-line);
}

.inheritance-lawyer-meta span {
    color:
        #7e8283;

    font-size: 12px;
}

.inheritance-lawyer-meta strong {
    color:
        #28333c;

    font-size: 14px;

    font-weight: 600;
}

.inheritance-consultation-content {
    color: #fff;

    background:
        linear-gradient(
            135deg,
            #09131d,
            #14283a
        );
}

.inheritance-consultation-content
.inheritance-section-label {
    color:
        var(--inheritance-gold-light);
}

.inheritance-consultation-content h2 {
    max-width: 670px;

    color: #fff;
}

.inheritance-consultation-content > p {
    max-width: 650px;

    margin:
        8px 0 20px;

    color:
        #adb7c1;

    font-size: 14px;

    line-height: 1.9;
}

.inheritance-consultation-content > div {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}


/* =========================================================
   OTHER SERVICES
========================================================= */

.inheritance-other-services {
    padding:
        44px 0 48px;

    background:
        var(--inheritance-bg);
}

.inheritance-other-heading {
    margin-bottom: 17px;
}

.inheritance-other-links {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        1px solid
        var(--inheritance-line);
}

.inheritance-other-links a {
    min-width: 0;

    min-height: 52px;

    padding:
        0 5px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    color:
        #27323c;

    font-family:
        "Noto Naskh Arabic",
        serif;

    font-size: 16px;

    text-decoration: none;

    border-bottom:
        1px solid
        var(--inheritance-line);

    transition:
        padding-right 0.2s ease,
        color 0.2s ease,
        background 0.2s ease;
}

.inheritance-other-links a:not(:nth-child(3n)) {
    border-left:
        1px solid
        var(--inheritance-line);
}

.inheritance-other-links a:hover {
    padding-right: 10px;

    color:
        #966f20;

    background:
        rgba(181, 141, 61, 0.025);
}

.inheritance-other-links span {
    color:
        #a57e2e;

    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .inheritance-hero-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(290px, 0.6fr);

        gap: 38px;
    }

    .inheritance-image-note {
        left: -8px;
    }

    .inheritance-estate-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 820px) {

    .inheritance-hero {
        padding:
            43px 0 48px;
    }

    .inheritance-hero-layout {
        grid-template-columns: 1fr;

        gap: 32px;
    }

    .inheritance-hero-content {
        text-align: center;
    }

    .inheritance-breadcrumbs,
    .inheritance-eyebrow,
    .inheritance-hero-actions {
        justify-content: center;
    }

    .inheritance-hero-lead {
        margin:
            0 auto;
    }

    .inheritance-hero-visual {
        max-width: 520px;

        margin:
            0 auto;

        justify-self: center;
    }

    .inheritance-image-frame {
        aspect-ratio: 1.12;

        border-radius:
            85px 20px 20px 20px;
    }

    .inheritance-image-note {
        left: 14px;
        bottom: 16px;
    }

    .inheritance-intro-layout,
    .inheritance-path-layout,
    .inheritance-agreement-layout,
    .inheritance-security-layout {
        grid-template-columns: 1fr;
    }

    .inheritance-intro-layout {
        gap: 20px;
    }

    .inheritance-path-layout,
    .inheritance-agreement-layout {
        gap: 27px;
    }

    .inheritance-path-copy {
        position: static;
    }

    .inheritance-security-layout {
        gap: 24px;
    }

    .inheritance-consultation-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .inheritance-hero {
        padding:
            30px 0 39px;
    }

    .inheritance-breadcrumbs {
        margin-bottom: 17px;

        font-size: 11px;
    }

    .inheritance-eyebrow {
        margin-bottom: 8px;

        font-size: 12px;
    }

    .inheritance-hero h1 {
        font-size:
            clamp(
                33px,
                9.5vw,
                41px
            );

        line-height: 1.48;
    }

    .inheritance-hero-lead {
        font-size: 15px;
    }

    .inheritance-hero-actions {
        width: 100%;

        flex-direction: column;
    }

    .inheritance-hero-actions
    .inheritance-primary-action,
    .inheritance-hero-actions
    .inheritance-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .inheritance-hero-info {
        grid-template-columns: 1fr;

        margin-top: 24px;

        padding-top: 10px;
    }

    .inheritance-hero-info > div,
    .inheritance-hero-info > div:first-child {
        padding:
            9px 0;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06);
    }

    .inheritance-hero-info > div:last-child {
        border-bottom: 0;
    }

    .inheritance-hero-info span {
        font-size: 11px;
    }

    .inheritance-hero-info strong {
        font-size: 15px;
    }

    .inheritance-image-frame {
        aspect-ratio: 1;

        border-radius:
            58px 16px 16px 16px;
    }

    .inheritance-image-note {
        right: 12px;
        left: 12px;

        bottom: 12px;

        max-width: none;
    }

    .inheritance-intro,
    .inheritance-estate,
    .inheritance-path,
    .inheritance-issues,
    .inheritance-agreement {
        padding:
            40px 0;
    }

    .inheritance-intro-title,
    .inheritance-section-heading,
    .inheritance-path-copy,
    .inheritance-issues-heading,
    .inheritance-agreement-card {
        text-align: center;
    }

    .inheritance-intro-copy p,
    .inheritance-path-copy p {
        font-size: 15px;
    }

    .inheritance-section-heading {
        align-items: center;

        flex-direction: column;

        gap: 8px;
    }

    .inheritance-section-heading > p {
        max-width: 100%;

        text-align: center;

        font-size: 15px;
    }

    .inheritance-estate-grid {
        grid-template-columns: 1fr;
    }

    .inheritance-estate-item {
        padding: 19px;

        border-radius: 15px;
    }

    .inheritance-estate-item h3 {
        font-size: 18px;
    }

    .inheritance-estate-item p {
        font-size: 14px;
    }

    .inheritance-path-item {
        padding:
            16px 0;
    }

    .inheritance-path-item strong {
        font-size: 18px;
    }

    .inheritance-path-item p {
        font-size: 14px;
    }

    .inheritance-issues-list {
        grid-template-columns: 1fr;
    }

    .inheritance-issue,
    .inheritance-issue:nth-child(odd) {
        padding:
            17px 0;

        border-left: 0;
    }

    .inheritance-issue strong {
        font-size: 18px;
    }

    .inheritance-issue p {
        font-size: 14px;
    }

    .inheritance-agreement-card {
        padding: 21px;

        border-radius: 16px;
    }

    .inheritance-agreement-card p {
        font-size: 14px;
    }

    .inheritance-agreement-note {
        padding:
            16px 0;
    }

    .inheritance-agreement-note strong {
        font-size: 18px;
    }

    .inheritance-agreement-note p {
        font-size: 14px;
    }

    .inheritance-security {
        padding:
            39px 0;
    }

    .inheritance-security-copy {
        text-align: center;
    }

    .inheritance-security-copy p {
        font-size: 14px;
    }

    .inheritance-security-note {
        padding: 17px;

        border-radius: 14px;
    }

    .inheritance-security-note p {
        font-size: 13px;
    }

    .inheritance-consultation {
        padding:
            39px 0;
    }

    .inheritance-lawyer,
    .inheritance-consultation-content {
        padding: 21px;

        border-radius: 15px;
    }

    .inheritance-lawyer-meta > div {
        align-items: flex-start;

        flex-direction: column;

        gap: 3px;
    }

    .inheritance-consultation-content {
        text-align: center;
    }

    .inheritance-consultation-content > p {
        font-size: 14px;
    }

    .inheritance-consultation-content > div {
        justify-content: center;

        flex-direction: column;
    }

    .inheritance-consultation-content
    .inheritance-primary-action,
    .inheritance-consultation-content
    .inheritance-secondary-action {
        width: 100%;

        max-width: 330px;
    }

    .inheritance-other-services {
        padding:
            34px 0 39px;
    }

    .inheritance-other-heading {
        text-align: center;
    }

    .inheritance-other-links {
        grid-template-columns: 1fr;
    }

    .inheritance-other-links a,
    .inheritance-other-links a:not(:nth-child(3n)) {
        border-left: 0;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 390px) {

    .inheritance-hero h1 {
        font-size: 31px;
    }

    .inheritance-primary-action,
    .inheritance-secondary-action {
        min-height: 48px;

        padding:
            0 19px;
    }

    .inheritance-image-note {
        padding:
            13px 15px;
    }

}