@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--ink:#14252c;--muted:#637178;--green:#91bf44;--deep:#183f3a;--teal:#1a6c65;--pale:#edf5ea;--cream:#f7f8f5;--line:#e5ebe8;--white:#fff;--shadow:0 17px 55px rgba(19,40,36,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,'DM Sans',sans-serif;font-size:14px}body[dir=rtl]{font-family:Tajawal,sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:1230px;padding:0 28px;margin:auto}.topline{background:#173a36;color:#cee6d8;display:flex;justify-content:space-between;gap:15px;padding:8px max(28px,calc((100vw - 1174px)/2));font-size:11px}.topline a{color:inherit}.header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 max(25px,calc((100vw - 1174px)/2));background:white;position:sticky;top:0;z-index:15;border-bottom:1px solid #eaf0ec}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:72px;height:58px;object-fit:contain;object-position:center;background:#e0e0e0}.brand-caption{font-weight:800;font-size:15px;line-height:1.2;letter-spacing:.7px}.brand-caption small{display:block;color:#87918e;letter-spacing:0;font-weight:500;font-size:9px;margin-top:5px}.header nav{display:flex;align-items:center;gap:20px}.header nav a{font-size:12px;color:#33433f;white-space:nowrap;font-weight:700}.header nav a:hover{color:var(--teal)}.header-actions{display:flex;gap:9px;align-items:center}.lang{border:0;background:#eff5f0;border-radius:8px;padding:10px 12px;color:#24534c;font-weight:800}.button{border:1px solid var(--teal);display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--deep);color:white;padding:14px 23px;border-radius:8px;font-size:13px;font-weight:800;transition:.2s}.button:hover{background:#27655c;transform:translateY(-1px)}.button.outline{background:white;color:#23554f}.button.outline:hover{background:#f1f6f1}.button.green{background:#a2cf5a;color:#19382e;border-color:#a2cf5a}.button.small{padding:10px 15px;font-size:11px;white-space:nowrap}.hamburger{display:none;background:transparent;border:0;font-size:26px}.hero{background:linear-gradient(115deg,#153d38 0%,#194b43 55%,#296457 100%);position:relative;min-height:575px;overflow:hidden;color:white}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(230,255,231,.14);transform:rotate(32deg);right:8%;top:-180px;border-radius:90px}.hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(230,255,231,.15);transform:rotate(32deg);right:-90px;bottom:-220px;border-radius:70px}.hero-wrap{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:575px;gap:50px;position:relative;z-index:1}.eyebrow{font-weight:800;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--teal)}.hero .eyebrow{color:#b4dc77}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-2.8px;margin:18px 0 23px;font-weight:800;max-width:750px}.hero h1 em{font-style:normal;color:#b4da76}.hero p{color:#d1e5da;font-size:15px;line-height:1.9;max-width:540px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-art{min-height:400px;position:relative;display:grid;place-items:center}.hero-board{width:88%;max-width:400px;background:#fff;border:8px solid #e4eeea;border-radius:16px;box-shadow:0 30px 80px #0a2823aa;transform:rotate(-4deg);overflow:hidden}.board-top{background:#f3f7f4;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;color:#173a36;font-size:11px;font-weight:800}.board-top b{color:#91bf44}.board-content{padding:26px 18px 15px;color:#183f3a}.board-content h3{font-size:20px;margin:0 0 18px}.board-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.board-numbers>div{background:#eaf3ed;text-align:center;padding:16px 6px;border-radius:9px}.board-numbers strong{font-size:25px;display:block}.board-numbers small{font-size:9px}.board-bars{margin-top:17px;display:flex;gap:7px;align-items:flex-end;height:90px}.board-bars i{display:block;background:#a4ce61;flex:1;border-radius:4px 4px 0 0}.board-bars i:nth-child(2n){background:#478e7b}.board-bottom{padding:12px;background:#e5f2e6;color:#376259;font-size:10px}.floating-note{position:absolute;bottom:20px;left:0;background:white;color:#21473f;border-radius:13px;padding:16px 18px;box-shadow:var(--shadow);font-weight:800;transform:rotate(4deg)}.floating-note span{display:block;color:#83918d;font-size:10px;font-weight:500;margin-top:3px}.statline{background:#f3f7f2;border-bottom:1px solid var(--line)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:26px 12px;text-align:center;border-right:1px solid #dfebe2}.stat strong{font-size:27px;color:#245f53}.stat p{font-size:11px;color:#71847a;margin:3px}.section{padding:85px 0}.section.alt{background:#f7f9f7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2,.page-heading h1{font-size:clamp(30px,3.4vw,43px);margin:9px 0 10px;letter-spacing:-1.5px;line-height:1.16}.section-heading p,.lead{color:#6b7a74;line-height:1.8;max-width:680px}.text-link{font-weight:800;color:#24695a;font-size:12px}.cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 4px 20px rgba(20,40,32,.025);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-body{padding:22px}.card h3{font-size:16px;line-height:1.5;margin:8px 0}.card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 17px}.card-icon{height:125px;display:flex;align-items:center;justify-content:space-between;padding:23px;color:#d9f0cc;background:linear-gradient(135deg,#204c45,#357c66);position:relative;overflow:hidden}.card-icon:after{content:"";width:170px;height:170px;border:2px solid #ffffff25;position:absolute;right:-60px;top:-65px;border-radius:38px;transform:rotate(22deg)}.card-icon span{font-size:50px;z-index:1}.card-icon small{color:#d5ead9;font-size:11px;z-index:1}.pill{display:inline-block;padding:5px 10px;background:#eaf5e3;color:#396c3d;border-radius:40px;font-size:10px;font-weight:800}.tileline{display:flex;align-items:center;justify-content:space-between;color:#1e695a;font-weight:800;font-size:12px}.banner{border-radius:18px;background:linear-gradient(115deg,#1b5048,#1e7968);color:white;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:28px}.banner h2{font-size:30px;margin:5px 0 10px}.banner p{color:#d3eadb;margin:0;max-width:580px;line-height:1.8}.banner .button{white-space:nowrap}.page-heading{padding:55px 0 35px;background:#f7faf7}.page-heading .eyebrow{margin:0}.breadcrumbs{font-size:11px;color:#73847d;margin-bottom:12px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:25px}.input,.select,textarea{border:1px solid #dce7e0;border-radius:9px;padding:13px 14px;background:white;color:#1f3830;outline-color:var(--green);min-width:0}.search{flex:1;min-width:190px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.chip{padding:10px 13px;border:1px solid #e0e9e2;border-radius:50px;background:white;font-size:11px;font-weight:800;color:#647670}.chip.active{background:#194d43;color:white;border-color:#194d43}.listgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detailgrid{display:grid;grid-template-columns:1.45fr .75fr;gap:35px}.detail-panel{border:1px solid var(--line);border-radius:15px;padding:26px;background:white}.detail-panel h3{margin:0 0 18px}.detail-panel p,.detail-panel li{line-height:1.9;color:#67756e}.detail-panel ul{padding-inline-start:20px}.file{padding:13px 0;border-bottom:1px solid #edf0ed;display:flex;justify-content:space-between;align-items:center;gap:15px}.file:last-child{border:0}.file small{display:block;color:#87928e}.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form{display:grid;gap:14px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{font-size:11px;font-weight:800;color:#435e54;display:grid;gap:6px}.form textarea{min-height:120px;resize:vertical}.notice{padding:15px;border:1px solid #d2e7d8;border-radius:9px;background:#f2f9ed;color:#315b48;line-height:1.7}.pricegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.pricecard{border:1px solid var(--line);border-radius:14px;padding:25px;background:#fff}.pricecard.featured{border:2px solid #75b76a;background:#f7fbf3}.pricecard h3{margin:10px 0}.pricecard ul{padding-inline-start:20px;min-height:190px;color:#65766c;line-height:2;font-size:12px}.pricecard .button{width:100%}.pricecard .price{font-size:14px;font-weight:800;color:#286451}.featureboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.featurebox{padding:27px;background:white;border:1px solid var(--line);border-radius:13px}.featurebox .symbol{font-size:28px}.featurebox h3{margin:14px 0 7px}.featurebox p{color:var(--muted);line-height:1.8}.admin-layout{display:grid;grid-template-columns:210px 1fr;gap:30px}.admin-side{padding:15px;border-radius:11px;background:#173d37;align-self:start}.admin-side button{display:block;width:100%;background:none;border:0;color:#c5e0d5;text-align:start;padding:13px;border-radius:7px;font-weight:700}.admin-side button.active{color:#173c34;background:#b7da82}.tablewrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:start;background:#f2f6f3;padding:14px;font-size:11px}.data-table td{padding:15px;border-bottom:1px solid var(--line);font-size:12px}.data-table button{background:none;border:0;color:#1b7361;font-weight:800}.tag{background:#edf6ec;padding:5px 9px;border-radius:40px;color:#2e6d52;font-size:10px}.muted{color:#768880}.empty{padding:35px;text-align:center;color:#83918a;background:#f9fbf9;border-radius:10px;grid-column:1/-1}.footer{background:#152e2b;color:#e2ebe5;padding:55px 0 0}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:45px}.footergrid p{color:#a4bbb0;line-height:1.8}.footergrid a{display:block;margin:10px 0;color:#d1ddd6;font-size:12px}.footergrid h4{margin-top:0}.footer-title{font-weight:900;font-size:26px}.footer-title span{color:#a8ce70}.footerbottom{border-top:1px solid #31514b;margin-top:45px;padding:22px max(28px,calc((100vw - 1174px)/2));font-size:11px;color:#a2bbb0}.prototype{float:right;color:#b7d78f}.modal{position:fixed;inset:0;background:#0a201bd1;z-index:50;display:grid;place-items:center;padding:18px}.hidden{display:none!important}.modal-inner{width:min(560px,100%);max-height:88vh;overflow:auto;background:#fff;padding:32px;border-radius:17px;position:relative}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:22px;color:#668076}.modal h2{margin-top:0}.helper{font-size:11px;color:#708278;line-height:1.7}.inline-hero{padding:40px;background:linear-gradient(135deg,#21463f,#246e5f);color:white;border-radius:13px}.inline-hero h2{font-size:29px}.inline-hero p{line-height:1.8;color:#d9e9df}body[dir=rtl] .hero-board{transform:rotate(4deg)}body[dir=rtl] .floating-note{left:auto;right:0}body[dir=rtl] .prototype{float:left}body[dir=rtl] .footergrid a{text-align:right}@media(max-width:1100px){.header nav{gap:10px}.header nav a{font-size:11px}.brand-caption{display:none}.cardgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.topline{display:none}.header{height:72px;flex-wrap:wrap}.hamburger{display:block;margin-left:auto}.header nav{display:none;position:absolute;top:71px;left:0;right:0;background:white;box-shadow:0 15px 25px #173d3720;padding:18px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero-wrap{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.hero-art{display:none}.hero{min-height:auto}.cardgrid,.listgrid{grid-template-columns:repeat(2,1fr)}.pricegrid{grid-template-columns:repeat(2,1fr)}.detailgrid,.split,.admin-layout{grid-template-columns:1fr}.footergrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.container{padding:0 18px}.header{padding:0 15px;gap:10px}.header-actions{gap:6px}.brand img{width:58px;height:50px}.button.small{padding:9px}.hero h1{font-size:40px;letter-spacing:-1.5px}.section{padding:55px 0}.cardgrid,.listgrid,.pricegrid,.featureboxes,.statgrid{grid-template-columns:1fr}.section-heading{display:block}.banner{padding:26px;display:block}.banner .button{margin-top:20px}.form .row{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}.footerbottom .prototype{float:none;display:block;margin-top:8px}}

/* v2: partner carousel and curated LinkedIn window */
.bottom-partners{padding:76px 0 55px;background:#fff;border-top:1px solid #e8efe9}.bottom-section-heading{text-align:center;margin:0 auto 26px}.bottom-section-heading h2,.bottom-linkedin h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.1px;margin:10px 0}.bottom-section-heading p,.bottom-linkedin p{color:#697c71;line-height:1.85}.partner-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:10px 3px 15px;min-height:154px}.partner-logo{flex:0 0 210px;border-radius:14px;border:1px solid #e0eae4;background:white;min-height:135px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;padding:15px;scroll-snap-align:start;transition:.2s}.partner-logo:hover{box-shadow:0 10px 24px #2849361a;transform:translateY(-2px)}.partner-logo img{max-width:160px;width:100%;height:76px;object-fit:contain}.partner-logo span{color:#4b6255;font-size:12px;font-weight:700;text-align:center}.partner-placeholder{width:100%;border:1px dashed #b9ccc0;border-radius:15px;background:#f8faf8;min-height:150px;text-align:center;display:grid;place-content:center;padding:20px;color:#647a6c}.partner-placeholder p{margin:4px 0}.placeholder-symbol{font-size:32px;color:#95bd93}.partner-buttons{display:flex;justify-content:center;gap:9px;margin-top:12px}.partner-buttons[hidden]{display:none}.partner-buttons button{width:39px;height:39px;border:1px solid #d4e2d9;border-radius:50%;background:white;color:#285c4e;cursor:pointer;font-size:23px}.bottom-linkedin{background:#f2f7f2;padding:66px 0 75px;border-top:1px solid #e2ece4}.linkedin-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.linkedin-layout>div:first-child p{max-width:420px}.linkedin-button{margin-top:15px;background:#0a66c2;color:white!important;padding:13px 19px;border-radius:8px;display:inline-flex;font-weight:700}.linkedin-window{background:white;border:1px solid #d6e3dc;border-radius:14px;box-shadow:0 10px 35px #173f3110;overflow:hidden;min-height:240px}.linkedin-window-top{display:flex;align-items:center;gap:12px;padding:19px 23px;border-bottom:1px solid #e5ece7}.linkedin-mark{font-family:Arial,sans-serif;font-weight:900;background:#0a66c2;color:white;border-radius:4px;padding:3px 7px;font-size:21px}.linkedin-updates-label{font-size:11px;color:#758b80;margin-inline-start:auto}.linkedin-window-content{padding:18px 24px}.linkedin-empty{text-align:center;padding:22px 12px}.linkedin-empty span{font-size:30px;color:#7bad9e}.linkedin-empty p{font-size:13px;margin:8px auto}.linkedin-post{display:grid;grid-template-columns:1fr auto;gap:4px;border-bottom:1px solid #ebf0ec;padding:12px 0}.linkedin-post:last-child{border:0}.linkedin-post small{grid-column:1/-1;color:#74867b}.linkedin-post strong{font-size:13px;color:#315c4f}.linkedin-post span{color:#0a66c2}.bottom-linkedin .eyebrow{color:#2a846b}body[dir=rtl] .linkedin-post{text-align:right}@media(max-width:780px){.linkedin-layout{grid-template-columns:1fr;gap:25px}.bottom-partners,.bottom-linkedin{padding:45px 0}.partner-logo{flex-basis:170px}}
/* =========================================================
   HSEARABIA WEBSITE
   PHASE 7 - PROFESSIONAL SERVICE & PRODUCT PRESENTATION
   VERSION 7.1

   Scope:
   - Service and product details
   - Catalogue cards
   - Image galleries
   - PDF documents
   - Enquiry panel
   - Responsive layout
   - Arabic and English

   Existing website styling is preserved.
   ========================================================= */


/* =========================================================
   1. SERVICE AND PRODUCT CARDS
   ========================================================= */

.cardgrid .card,
.listgrid .card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 14px;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cardgrid .card:hover,
.listgrid .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(23, 65, 52, 0.12);
}

.cardgrid .card .card-body,
.listgrid .card .card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.cardgrid .card .card-body h3,
.listgrid .card .card-body h3 {
    line-height: 1.45;
    margin: 12px 0;
    overflow-wrap: anywhere;
}

.cardgrid .card .card-body p,
.listgrid .card .card-body p {
    line-height: 1.75;
    color: #586e65;
    flex: 1;
}

.cardgrid .card .tileline,
.listgrid .card .tileline {
    margin-top: auto;
    padding-top: 18px;
}


/* =========================================================
   2. SERVICE DETAILS PAGE
   ========================================================= */

.detailgrid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(270px, 330px);
    gap: 28px;
    align-items: start;
}

.detailgrid > div,
.detailgrid > aside {
    min-width: 0;
}

.detailgrid .detail-panel {
    background: #ffffff;
    border: 1px solid #e1eae4;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(18, 60, 46, 0.045);
}

.detailgrid .detail-panel h3 {
    color: #174f40;
    font-size: 20px;
    line-height: 1.4;
    margin-top: 25px;
    margin-bottom: 14px;
}

.detailgrid .detail-panel h3:first-child {
    margin-top: 0;
}

.detailgrid .detail-panel p {
    line-height: 1.9;
    color: #435d52;
    overflow-wrap: anywhere;
}


/* =========================================================
   3. ADDITIONAL INFORMATION SECTIONS
   ========================================================= */

.detailgrid .hse-phase6-section {
    background: #f8fbf9 !important;
    border: 1px solid #e0ebe4 !important;
    border-inline-start: 4px solid #287d60 !important;
    border-radius: 11px !important;
    padding: 23px !important;
    margin: 25px 0 !important;
}

.detailgrid .hse-phase6-section h3 {
    margin: 0 0 14px !important;
    color: #16513f !important;
    font-size: 19px;
    font-weight: 700;
}

.detailgrid .hse-phase6-section div {
    color: #42594e;
    font-size: 15px;
    line-height: 1.95 !important;
    overflow-wrap: anywhere;
}


/* =========================================================
   4. IMAGE GALLERY
   ========================================================= */

.detailgrid .detail-panel img {
    max-width: 100%;
}

.detailgrid .detail-panel a:has(> div > img) {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.detailgrid .detail-panel a:has(> div > img):hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(20, 70, 50, 0.1);
}


/* =========================================================
   5. PDF DOCUMENTS AND BROCHURES
   ========================================================= */

.detailgrid .file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    margin: 12px 0;
    border: 1px solid #dce9e1;
    border-radius: 10px;
    background: #f9fbfa;
}

.detailgrid .file > div {
    min-width: 0;
}

.detailgrid .file strong {
    color: #204c3d;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.detailgrid .file small {
    display: block;
    color: #718278;
    margin-top: 6px;
}

.detailgrid .file .text-link {
    font-weight: 700;
    white-space: nowrap;
}

.detailgrid .file a:hover {
    text-decoration: underline;
}


/* =========================================================
   6. ENQUIRY SIDEBAR
   ========================================================= */

.detailgrid aside {
    position: sticky;
    top: 25px;
}

.detailgrid aside .detail-panel {
    background: linear-gradient(
        160deg,
        #ffffff 0%,
        #f5faf7 100%
    );
    border: 1px solid #d9e9df;
}

.detailgrid aside .detail-panel h3 {
    font-size: 21px;
    margin-top: 0;
}

.detailgrid aside .detail-panel p {
    color: #526c5e;
    font-size: 15px;
}

.detailgrid aside .button {
    text-align: center;
    border-radius: 9px;
    padding: 13px 17px;
}


/* =========================================================
   7. ARABIC / RTL SUPPORT
   ========================================================= */

html[dir="rtl"] .detailgrid .detail-panel,
body[dir="rtl"] .detailgrid .detail-panel {
    text-align: right;
}

html[dir="rtl"] .detailgrid .file,
body[dir="rtl"] .detailgrid .file {
    direction: rtl;
}

html[dir="rtl"] .detailgrid .hse-phase6-section,
body[dir="rtl"] .detailgrid .hse-phase6-section {
    border-inline-start: 4px solid #287d60 !important;
}

html[dir="rtl"] .detailgrid .hse-phase6-section div,
body[dir="rtl"] .detailgrid .hse-phase6-section div {
    text-align: right;
}


/* =========================================================
   8. TABLET RESPONSIVENESS
   ========================================================= */

@media (max-width: 950px) {

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

    .detailgrid aside {
        position: static;
    }

}


/* =========================================================
   9. MOBILE RESPONSIVENESS
   ========================================================= */

@media (max-width: 600px) {

    .detailgrid {
        gap: 18px;
    }

    .detailgrid .detail-panel {
        padding: 20px;
        border-radius: 12px;
    }

    .detailgrid .detail-panel h3 {
        font-size: 18px;
    }

    .detailgrid .hse-phase6-section {
        padding: 16px !important;
    }

    .detailgrid .file {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .detailgrid .file .text-link {
        white-space: normal;
    }

    html[dir="rtl"] .detailgrid .file,
    body[dir="rtl"] .detailgrid .file {
        align-items: flex-start;
    }

    .cardgrid .card .card-body,
    .listgrid .card .card-body {
        padding: 18px;
    }

}


/* =========================================================
   10. ACCESSIBILITY
   ========================================================= */

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

    .cardgrid .card,
    .listgrid .card,
    .detailgrid .detail-panel a {
        transition: none;
    }

    .cardgrid .card:hover,
    .listgrid .card:hover {
        transform: none;
    }

}


/* =========================================================
   END - HSEARABIA PHASE 7 VERSION 7.1
   ========================================================= */