:root{
 --arl-navy:#071b36;
 --arl-navy-2:#102f59;
 --arl-blue:#183f70;
 --arl-gold:#c9952e;
 --arl-gold-2:#e0b55b;
 --arl-white:#fff;
 --arl-bg:#f3f6fa;
 --arl-line:#dfe5ed;
 --arl-text:#14233d;
 --arl-muted:#64748b;
 --arl-green:#15803d;
}
.arl-public-shell{display:flex;min-height:100vh;background:var(--arl-bg);color:var(--arl-text)}
.arl-sidebar{width:286px;flex:0 0 286px;background:linear-gradient(180deg,#061a35 0%,#0b274b 72%,#06182f 100%);color:#fff;position:relative;min-height:100vh;overflow:hidden}
.arl-sidebar-brand{padding:18px 17px 14px;border-bottom:1px solid rgba(255,255,255,.10)}
.arl-dual-logos{display:flex;align-items:center;justify-content:center;gap:10px}
.arl-dual-logos img{width:104px;height:62px;object-fit:contain}
.arl-dual-logos span{width:1px;height:45px;background:rgba(255,255,255,.28)}
.arl-sidebar-tagline{font-size:8px;letter-spacing:.06em;text-align:center;color:#d7deea;margin-top:7px;white-space:nowrap}
.arl-sidebar-nav{padding:10px 10px 80px;position:relative;z-index:2}
.arl-nav-item,.arl-nav-title{display:flex;align-items:center;gap:11px;padding:11px 13px;color:#eef4fb;font-size:14px;border-radius:8px}
.arl-nav-item{margin:2px 0}
.arl-nav-item:hover,.arl-nav-item.active{background:linear-gradient(90deg,var(--arl-gold),#e4b65b);color:#071b36}
.arl-nav-item i,.arl-nav-title>i:first-child{width:20px;text-align:center}
.arl-nav-group{margin:3px 0 5px}
.arl-nav-title{font-weight:700;color:#fff}
.arl-nav-group>a{display:block;padding:5px 10px 5px 44px;color:#cbd6e6;font-size:12px}
.arl-nav-group>a:hover{color:var(--arl-gold-2)}
.arl-sidebar-watermark{position:absolute;bottom:35px;left:20px;font-size:100px;color:rgba(255,255,255,.035);transform:rotate(-5deg)}
.arl-sidebar-copy{position:absolute;bottom:10px;left:22px;font-size:10px;color:#aebbd0}
.arl-main{min-width:0;flex:1}
.arl-topbar{height:66px;background:#fff;border-bottom:1px solid var(--arl-line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}
.arl-top-brand strong{display:block;color:var(--arl-navy);font-size:18px}
.arl-top-brand small{color:var(--arl-muted);font-size:10px}
.arl-top-actions{display:flex;align-items:center;gap:12px}
.arl-search-mini{height:38px;width:220px;border:1px solid #ccd6e3;border-radius:20px;display:flex;align-items:center;padding:0 12px;color:var(--arl-muted)}
.arl-search-mini input{border:0;outline:0;width:100%;margin-left:8px;font-size:12px}
.arl-language{height:38px;border:1px solid #ccd6e3;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--arl-navy)}
.arl-portal{background:var(--arl-gold);color:#071b36;padding:10px 15px;border-radius:7px;font-weight:700;font-size:12px}
.arl-hero{min-height:345px;background:linear-gradient(90deg,rgba(5,25,51,.96) 0%,rgba(9,39,74,.83) 45%,rgba(8,30,55,.55) 100%),url('/assets/img/hero/arl-hero-v3-background.jpg') center/cover;position:relative;display:flex;align-items:center;padding:35px 34px}
.arl-hero-content{position:relative;z-index:2;max-width:700px;color:#fff}
.arl-eyebrow{color:#f2cc78;font-weight:700;font-size:12px;letter-spacing:.06em;margin-bottom:12px}
.arl-hero h1{font-size:39px;line-height:1.12;margin:0 0 14px;font-weight:800}
.arl-hero h1 span{color:#efc35e}
.arl-hero p{font-size:15px;color:#e6edf7;line-height:1.65;margin-bottom:20px}
.arl-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.arl-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:7px;font-weight:800;font-size:11px}
.arl-btn-gold{background:var(--arl-gold);color:#071b36}
.arl-btn-outline{border:1px solid rgba(255,255,255,.75);color:#fff}
.arl-hero-services{position:absolute;right:25px;top:27px;width:230px;z-index:3;display:grid;gap:7px}
.arl-hero-services a{display:flex;align-items:center;gap:11px;padding:10px 12px;background:rgba(6,28,56,.78);border:1px solid rgba(224,181,91,.28);border-radius:7px;color:#fff;backdrop-filter:blur(4px)}
.arl-hero-services i{font-size:23px;color:var(--arl-gold-2);width:28px;text-align:center}
.arl-hero-services b{display:block;font-size:11px}.arl-hero-services small{display:block;font-size:9px;color:#c9d4e3;margin-top:2px}
.arl-entity-strip{background:#fff;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--arl-line)}
.arl-entity-card{padding:25px 28px;border-right:1px solid #e7ebf1}
.arl-entity-card:last-child{border-right:0}
.arl-entity-card img{height:48px;width:120px;object-fit:contain;object-position:left center}
.arl-entity-icon{width:48px;height:48px;border:2px solid var(--arl-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--arl-gold);font-size:22px}
.arl-entity-card h3{font-size:17px;color:var(--arl-navy);margin:10px 0 6px}
.arl-entity-card p{font-size:12px;color:var(--arl-muted);line-height:1.65;margin:0 0 10px}
.arl-entity-card a{font-size:11px;font-weight:800;color:var(--arl-navy)}
.arl-section{padding:32px 34px}
.arl-light{background:#f2f5f9}
.arl-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.arl-section-head span,.arl-feature-panel>span,.arl-classification-banner>div>span{font-size:10px;letter-spacing:.12em;color:var(--arl-gold);font-weight:800}
.arl-section-head h2{font-size:25px;color:var(--arl-navy);margin:3px 0 0}
.arl-section-head>a{font-size:11px;font-weight:800;color:var(--arl-navy)}
.arl-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.arl-service-card{min-height:150px;border-radius:7px;padding:17px;color:#fff;position:relative;box-shadow:0 5px 15px rgba(7,27,54,.08)}
.arl-service-card.navy{background:linear-gradient(145deg,#09264a,#174a7c)}
.arl-service-card.gold{background:linear-gradient(145deg,#a87316,#d6a13e);color:#071b36}
.arl-service-card i{font-size:28px;margin-bottom:14px}
.arl-service-card h3{font-size:14px;line-height:1.25;margin:0 0 8px}
.arl-service-card p{font-size:10px;line-height:1.5;margin:0;opacity:.92}
.arl-service-card b{position:absolute;right:10px;bottom:10px;background:#fff;color:#122b4f;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px}
.arl-two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
.arl-feature-panel,.arl-framework-card{border:1px solid var(--arl-line);border-radius:9px;background:#fff;padding:24px;box-shadow:0 6px 18px rgba(7,27,54,.05)}
.arl-feature-panel h2{font-size:25px;color:var(--arl-navy);margin:5px 0 9px}
.arl-feature-panel p{font-size:13px;color:var(--arl-muted);line-height:1.7}
.arl-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}
.arl-check-grid span{font-size:11px;font-weight:700;color:#263952}
.arl-check-grid i{color:var(--arl-green);margin-right:5px}
.arl-text-btn{font-size:11px;font-weight:800;color:var(--arl-navy)}
.arl-framework-card{background:linear-gradient(145deg,#09264a,#123e6b);color:#fff}
.arl-framework-head{display:flex;gap:13px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.16)}
.arl-framework-head i{font-size:28px;color:var(--arl-gold-2)}
.arl-framework-head b{display:block;font-size:14px}.arl-framework-head small{font-size:10px;color:#cbd7e8}
.arl-framework-list{display:grid;gap:0;margin-top:8px}
.arl-framework-list span{font-size:11px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.arl-marine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.arl-marine-card{background:#fff;border:1px solid var(--arl-line);border-radius:8px;padding:18px;min-height:145px}
.arl-marine-card i{font-size:25px;color:var(--arl-gold);margin-bottom:11px}
.arl-marine-card h3{font-size:14px;color:var(--arl-navy);margin:0 0 5px}.arl-marine-card p{font-size:11px;color:var(--arl-muted);margin:0;line-height:1.6}
.arl-classification-banner{background:linear-gradient(115deg,#061a35,#153e6d);color:#fff;border-radius:10px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.arl-classification-banner h2{font-size:24px;margin:4px 0 7px}.arl-classification-banner p{font-size:12px;color:#d9e2ee;max-width:760px;margin:0}
.arl-classification-banner>i{font-size:110px;color:rgba(224,181,91,.15);margin-right:25px}
.arl-class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.arl-class-grid>div{background:#fff;border:1px solid var(--arl-line);border-radius:8px;padding:18px}
.arl-class-grid i{font-size:25px;color:var(--arl-gold)}.arl-class-grid h3{font-size:14px;color:var(--arl-navy);margin:10px 0 4px}.arl-class-grid p{font-size:10px;color:var(--arl-muted);margin:0;line-height:1.6}
.arl-standard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.arl-standard-grid a{background:#fff;border:1px solid var(--arl-line);border-radius:7px;padding:15px;transition:.2s}
.arl-standard-grid a:hover{border-color:var(--arl-gold);transform:translateY(-2px)}
.arl-standard-grid b{display:block;color:var(--arl-navy);font-size:14px}.arl-standard-grid small{display:block;color:var(--arl-muted);font-size:9px;margin-top:4px}
.arl-accreditation-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--arl-line);background:#fff;border-radius:8px}
.arl-accreditation-grid div{padding:24px;text-align:center;border-right:1px solid var(--arl-line)}.arl-accreditation-grid div:last-child{border-right:0}
.arl-accreditation-grid strong{display:block;font-size:25px;color:var(--arl-navy)}.arl-accreditation-grid small{font-size:10px;color:var(--arl-muted)}
.arl-footer{background:#06182f;color:#d5deeb;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px}
.arl-footer strong{display:block;color:#fff;font-size:14px}.arl-footer small{font-size:9px}.arl-footer-links{display:flex;gap:15px}.arl-footer-links a:hover{color:var(--arl-gold-2)}
@media(max-width:1200px){.arl-service-grid{grid-template-columns:repeat(3,1fr)}.arl-hero-services{position:relative;right:auto;top:auto;margin-top:20px;width:100%;grid-template-columns:repeat(2,1fr)}.arl-hero{display:block}.arl-standard-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.arl-sidebar{width:235px;flex-basis:235px}.arl-dual-logos img{width:84px}.arl-entity-strip,.arl-two-col,.arl-marine-grid,.arl-class-grid{grid-template-columns:1fr}.arl-standard-grid{grid-template-columns:repeat(2,1fr)}.arl-accreditation-grid{grid-template-columns:1fr 1fr}.arl-accreditation-grid div:nth-child(2){border-right:0}.arl-accreditation-grid div:nth-child(-n+2){border-bottom:1px solid var(--arl-line)}.arl-top-brand{display:none}}
@media(max-width:700px){.arl-public-shell{display:block}.arl-sidebar{width:100%;min-height:auto;position:relative}.arl-sidebar-nav{display:none}.arl-sidebar-copy,.arl-sidebar-watermark{display:none}.arl-topbar{position:relative}.arl-search-mini{display:none}.arl-section{padding:25px 16px}.arl-service-grid{grid-template-columns:1fr 1fr}.arl-hero h1{font-size:29px}.arl-hero{padding:28px 18px}.arl-hero-services{grid-template-columns:1fr}.arl-footer{display:block}.arl-footer-links{margin:12px 0}.arl-entity-card{border-right:0;border-bottom:1px solid var(--arl-line)}}


/* =========================================================
   ARL PUBLIC REDESIGN V2
   Sidebar / contrast / readability refinements
   ========================================================= */

.arl-public-shell{
    align-items:flex-start;
}

.arl-sidebar{
    position:sticky;
    top:0;
    height:100vh;
    min-height:100vh;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-color:rgba(224,181,91,.55) transparent;
}

.arl-sidebar::-webkit-scrollbar{
    width:6px;
}

.arl-sidebar::-webkit-scrollbar-track{
    background:transparent;
}

.arl-sidebar::-webkit-scrollbar-thumb{
    background:rgba(224,181,91,.45);
    border-radius:10px;
}

.arl-sidebar-nav{
    min-height:calc(100vh - 145px);
}

.arl-service-card.navy,
.arl-service-card.navy h3,
.arl-service-card.navy p{
    color:#fff !important;
}

.arl-service-card.gold,
.arl-service-card.gold h3,
.arl-service-card.gold p{
    color:#071b36 !important;
}

.arl-service-card.navy p,
.arl-service-card.gold p{
    opacity:1;
}

.arl-service-card.navy b,
.arl-service-card.gold b{
    color:#122b4f !important;
}

.arl-framework-card,
.arl-framework-card h2,
.arl-framework-card h3,
.arl-framework-card b,
.arl-framework-card strong,
.arl-framework-card span{
    color:#fff !important;
}

.arl-framework-card small{
    color:#d8e2ef !important;
}

.arl-hero-services a,
.arl-hero-services a b{
    color:#fff !important;
}

.arl-hero-services a small{
    color:#d9e3ef !important;
}

.arl-nav-title{
    min-height:42px;
}

.arl-nav-group>a{
    line-height:1.45;
}

.arl-nav-group>a:hover{
    background:rgba(201,149,46,.08);
}

.arl-main{
    width:100%;
    min-width:0;
}

@media(min-width:1201px){
    .arl-sidebar{
        width:286px;
        flex:0 0 286px;
    }

    .arl-section{
        padding-left:36px;
        padding-right:36px;
    }
}

@media(max-width:700px){
    .arl-sidebar{
        position:relative;
        top:auto;
        height:auto;
        min-height:auto;
        overflow:visible;
    }

    .arl-sidebar-nav{
        min-height:auto;
    }
}

.arl-public-shell a:focus-visible,
.arl-public-shell button:focus-visible,
.arl-public-shell input:focus-visible{
    outline:2px solid var(--arl-gold-2);
    outline-offset:2px;
}

/* =========================================================
   ARL PUBLIC HOMEPAGE V3 - CLEAN / LESS CROWDED
   ========================================================= */
.arl-hero-clean{min-height:405px;padding:42px 38px}
.arl-hero-clean .arl-hero-content{max-width:820px}
.arl-hero-clean .arl-hero-content p{max-width:690px}
.arl-home-head{margin-bottom:15px}
.arl-home-services{padding-top:30px;padding-bottom:30px;background:#fff}
.arl-service-grid-clean{grid-template-columns:repeat(3,1fr);gap:14px}
.arl-service-grid-clean .arl-service-card{min-height:165px;padding:22px}
.arl-service-grid-clean .arl-service-card h3{font-size:16px}
.arl-service-grid-clean .arl-service-card p{font-size:11px;max-width:270px}
.arl-value-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#071b36;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.arl-value-strip>div{display:flex;align-items:center;gap:13px;padding:18px 24px;border-right:1px solid rgba(255,255,255,.1)}
.arl-value-strip>div:last-child{border-right:0}
.arl-value-strip i{font-size:24px;color:#e0b55b;width:28px;text-align:center}
.arl-value-strip strong{display:block;font-size:12px;color:#fff}
.arl-value-strip small{display:block;font-size:9px;color:#bfcce0;margin-top:3px}
.arl-home-intro{padding-top:32px;padding-bottom:32px}
.arl-home-intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;align-items:center}
.arl-home-intro-grid>div:first-child>span,.arl-home-verify>div>span{font-size:10px;letter-spacing:.12em;color:var(--arl-gold);font-weight:800}
.arl-home-intro h2,.arl-home-verify h2{font-size:24px;color:var(--arl-navy);margin:4px 0 8px}
.arl-home-intro p,.arl-home-verify p{font-size:12px;color:var(--arl-muted);line-height:1.7;margin:0 0 12px;max-width:700px}
.arl-home-mini-card{background:linear-gradient(145deg,#09264a,#153e6d);border-radius:9px;padding:25px;color:#fff;box-shadow:0 6px 18px rgba(7,27,54,.08)}
.arl-home-mini-card strong{display:block;font-size:18px;color:#fff}
.arl-home-mini-card span{display:block;font-size:11px;color:#e0b55b;margin:5px 0 12px}
.arl-home-mini-card small{font-size:10px;color:#d8e2ef;line-height:1.6}
.arl-home-classification{padding-top:10px;padding-bottom:32px;background:#fff}
.arl-classification-banner-clean{padding:28px 30px}
.arl-classification-banner-clean p{max-width:800px;margin-bottom:15px}
.arl-home-verify{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f3f6fa;border-top:1px solid var(--arl-line)}
.arl-home-verify .arl-btn{flex:0 0 auto}
@media(max-width:900px){
  .arl-service-grid-clean{grid-template-columns:1fr 1fr}
  .arl-value-strip{grid-template-columns:1fr}
  .arl-value-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .arl-value-strip>div:last-child{border-bottom:0}
  .arl-home-intro-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .arl-hero-clean{min-height:360px;padding:30px 18px}
  .arl-service-grid-clean{grid-template-columns:1fr}
  .arl-home-verify{display:block}
  .arl-home-verify .arl-btn{margin-top:14px}
}

/* =========================================================
   V3 HERO CLEANUP
   Hide baked-in text from hero background image
   ========================================================= */

.arl-hero-clean {
    position: relative;
    overflow: hidden;
}

.arl-hero-clean::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(5,25,51,0.98) 0%,
            rgba(5,25,51,0.94) 34%,
            rgba(5,25,51,0.78) 55%,
            rgba(5,25,51,0.30) 76%,
            rgba(5,25,51,0.08) 100%
        );
}

.arl-hero-clean .arl-hero-content {
    position: relative;
    z-index: 3;
}


/* =========================================================
   V3 HERO - REMOVE BAKED-IN IMAGE TEXT
   AND PLACE NEW ARL LOGO
   ========================================================= */

.arl-hero-clean {
    position: relative;
    overflow: hidden;
}

/* Cover the original text that is embedded inside the image */
.arl-hero-clean::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            #071b36 0%,
            #071b36 31%,
            rgba(7,27,54,0.99) 39%,
            rgba(7,27,54,0.94) 47%,
            rgba(7,27,54,0.72) 57%,
            rgba(7,27,54,0.30) 70%,
            rgba(7,27,54,0.08) 100%
        );
}

/* New ARL logo */
.arl-hero-clean::after {
    content: "";
    position: absolute;
    left: 38px;
    top: 28px;
    width: 125px;
    height: 78px;

    background-image: url('/assets/img/logo/arl-new-logo.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;

    z-index: 2;
    pointer-events: none;
}

/* Keep all real hero content above the overlays */
.arl-hero-clean .arl-hero-content {
    position: relative;
    z-index: 3;
}


/* =========================================================
   V3 FINAL HERO - CLEAN NAVY VERSION
   Remove old background image completely
   ========================================================= */

.arl-hero-clean {
    min-height: 345px !important;
    background: #071b36 !important;
    background-image: none !important;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 38px 46px !important;
}

/* Disable all previous Hero overlays */
.arl-hero-clean::before,
.arl-hero-clean::after,
.arl-hero-clean .arl-hero-overlay {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Hero content */
.arl-hero-clean .arl-hero-content {
    position: relative;
    z-index: 5;
    max-width: 950px;
}

/* New ARL logo */
.arl-hero-logo {
    display: block;
    width: 105px;
    height: auto;
    max-height: 82px;
    object-fit: contain;
    object-position: left center;
    margin: 0 0 18px 0;
}

/* Main Hero title */
.arl-hero-clean h1 {
    margin: 0 0 16px !important;
    font-size: 39px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    color: #ffffff !important;
}

.arl-hero-clean h1 span {
    color: #efc35e !important;
}

/* Hero paragraph */
.arl-hero-clean p {
    color: #e6edf7 !important;
    max-width: 900px;
    margin-bottom: 22px;
}

/* Hero buttons */
.arl-hero-clean .arl-hero-actions {
    position: relative;
    z-index: 6;
}


/* =========================================================
   ARL V3 HERO - CERTIFICATION / INSPECTION / MARINE
   ========================================================= */

.arl-hero-v3 {
    position: relative;
    min-height: 470px !important;
    overflow: hidden;
    display: flex;
    background:
        radial-gradient(circle at 68% 40%, rgba(30,90,145,.45), transparent 32%),
        linear-gradient(110deg, #061a35 0%, #092b50 55%, #071b36 100%) !important;
    color: #fff;
}

/* World map / network atmosphere */
.arl-hero-v3-map {
    position: absolute;
    inset: 0;
    opacity: .20;
    pointer-events: none;
    background-image:
        radial-gradient(circle, rgba(91,170,220,.55) 1px, transparent 1.5px);
    background-size: 13px 13px;
    mask-image: radial-gradient(ellipse at 65% 45%, black 0%, transparent 68%);
}

/* Main text area */
.arl-hero-v3-content {
    position: relative;
    z-index: 10;
    width: 57%;
    padding: 38px 35px 42px 42px;
}

/* New ARL logo */
.arl-hero-v3-logo {
    width: 125px;
    height: auto;
    margin-bottom: 17px;
}

/* Small service line */
.arl-hero-v3-kicker {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #f2f5f9;
}

.arl-hero-v3-kicker b {
    color: #dca62b;
}

/* Main heading */
.arl-hero-v3 h1 {
    margin: 0 0 17px;
    font-size: clamp(34px, 3.4vw, 55px);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -1.5px;
    color: #fff;
}

.arl-hero-v3 h1 strong {
    display: block;
    color: #e6ad2c;
    font-weight: 800;
}

/* Description */
.arl-hero-v3-content > p {
    max-width: 670px;
    margin: 0 0 24px;
    color: #e8eef5;
    font-size: 16px;
    line-height: 1.65;
}

/* Visual area */
.arl-hero-v3-visual {
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
    overflow: hidden;
}

/* Existing image is only used as a right-side visual */
.arl-hero-v3-photo {
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
    overflow: hidden;
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);
    opacity: .62;
}

.arl-hero-v3-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            #09294b 0%,
            rgba(9,41,75,.72) 30%,
            rgba(9,41,75,.08) 100%
        );
}

.arl-hero-v3-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ISO certificate visual */
.arl-hero-v3-certificate {
    position: absolute;
    z-index: 5;
    left: 2%;
    top: 35%;
    width: 270px;
    min-height: 125px;
    padding: 20px;
    transform: rotate(-7deg);
    background: rgba(255,255,255,.96);
    color: #09294b;
    box-shadow: 0 20px 50px rgba(0,0,0,.30);
    border-radius: 5px;
}

.arl-cert-icon {
    font-size: 28px;
    color: #dca62b;
    margin-bottom: 7px;
}

.arl-hero-v3-certificate strong {
    display: block;
    font-size: 16px;
}

.arl-hero-v3-certificate small {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    color: #657589;
}

.arl-cert-seal {
    position: absolute;
    right: 18px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    border: 3px solid #dca62b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dca62b;
}

/* Service hexagon-like badges */
.arl-hero-v3-service {
    position: absolute;
    z-index: 8;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255,255,255,.75);
    clip-path: polygon(25% 4%,75% 4%,98% 50%,75% 96%,25% 96%,2% 50%);
    background: rgba(5,27,53,.78);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    backdrop-filter: blur(5px);
}

.arl-hero-v3-service i {
    font-size: 22px;
    color: #e6ad2c;
    margin-bottom: 6px;
}

.arl-hero-v3-service span {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .5px;
}

.service-cert {
    right: 25%;
    top: 9%;
}

.service-inspection {
    right: 10%;
    top: 25%;
}

.service-marine {
    right: 25%;
    bottom: 11%;
}

.service-compliance {
    right: 4%;
    bottom: 8%;
}

/* Responsive */
@media (max-width: 1000px) {
    .arl-hero-v3-content {
        width: 100%;
        padding-right: 30px;
    }

    .arl-hero-v3-visual {
        opacity: .35;
        width: 65%;
    }

    .arl-hero-v3 h1 {
        font-size: 38px;
    }
}

@media (max-width: 700px) {
    .arl-hero-v3 {
        min-height: 520px !important;
    }

    .arl-hero-v3-content {
        width: 100%;
        padding: 28px 24px;
    }

    .arl-hero-v3-kicker {
        flex-wrap: wrap;
    }

    .arl-hero-v3 h1 {
        font-size: 34px;
    }

    .arl-hero-v3-visual {
        width: 100%;
        opacity: .18;
    }
}


/* =========================================================
   ARL HERO V3 - FINAL VISUAL
   Background: Certification + Inspection + Marine
   ========================================================= */

.arl-hero-v3 {
    position: relative !important;
    min-height: 480px !important;
    height: 480px !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(4,25,50,.88) 0%,
            rgba(4,25,50,.62) 38%,
            rgba(4,25,50,.12) 72%,
            rgba(4,25,50,0) 100%
        ),
        url('/assets/img/hero/arl-hero-v3-background.jpg') !important;

    background-size: cover !important;
    background-position: center center !important;
}

/* Remove all artificial map/dots layers */
.arl-hero-v3-map {
    display: none !important;
}

/* Main Hero content */
.arl-hero-v3-content {
    position: absolute !important;
    z-index: 20 !important;
    left: 42px !important;
    top: 32px !important;
    width: 54% !important;
    max-width: 720px !important;
    padding: 0 !important;
}

/* Large ARL logo */
.arl-hero-v3-logo {
    display: block !important;
    width: 285px !important;
    height: auto !important;
    max-height: 125px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 0 18px 0 !important;

    filter:
        drop-shadow(0 5px 12px rgba(0,0,0,.35));
}

/* Animated logo if GIF is available */
.arl-hero-v3-content::before {
    content: "";
}

/* Service line */
.arl-hero-v3-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-bottom: 13px !important;

    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
}

.arl-hero-v3-kicker b {
    color: #e3ae31 !important;
}

/* Main heading */
.arl-hero-v3 h1 {
    margin: 0 0 15px !important;

    font-size: clamp(38px, 4vw, 57px) !important;
    line-height: .98 !important;
    letter-spacing: -1.5px !important;

    color: #fff !important;
    font-weight: 800 !important;

    text-shadow: 0 3px 15px rgba(0,0,0,.35);
}

.arl-hero-v3 h1 strong {
    display: block !important;
    color: #e5ad28 !important;
}

/* Description */
.arl-hero-v3-content > p {
    max-width: 610px !important;
    margin: 0 0 23px !important;

    color: #f3f6fa !important;
    font-size: 15px !important;
    line-height: 1.55 !important;

    text-shadow: 0 2px 8px rgba(0,0,0,.4);
}

/* Buttons */
.arl-hero-v3 .arl-hero-actions {
    display: flex !important;
    gap: 12px !important;
}

.arl-hero-v3 .arl-btn {
    height: 48px !important;
    padding: 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    border-radius: 6px !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
}

.arl-hero-v3 .arl-btn-gold {
    background: #dca62b !important;
    color: #071b36 !important;
    border: 1px solid #dca62b !important;
}

.arl-hero-v3 .arl-btn-outline {
    background: rgba(4,25,50,.25) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.75) !important;
}

/* Right visual */
.arl-hero-v3-visual {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* Hide the old duplicated photo */
.arl-hero-v3-photo {
    display: none !important;
}

/* Certificate card */
.arl-hero-v3-certificate {
    position: absolute !important;
    z-index: 12 !important;

    left: 51% !important;
    top: 57% !important;

    width: 265px !important;
    min-height: 130px !important;

    padding: 18px !important;

    transform: rotate(-9deg) !important;

    background: rgba(255,255,255,.97) !important;
    border-radius: 3px !important;

    box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
}

/* Right service badges */
.arl-hero-v3-service {
    position: absolute !important;
    z-index: 15 !important;

    width: 88px !important;
    height: 88px !important;

    border: 1px solid rgba(255,255,255,.8) !important;

    background: rgba(4,25,50,.62) !important;

    backdrop-filter: blur(5px) !important;

    clip-path: polygon(
        25% 4%,
        75% 4%,
        98% 50%,
        75% 96%,
        25% 96%,
        2% 50%
    ) !important;

    color: #fff !important;
}

.arl-hero-v3-service i {
    color: #e8b32f !important;
}

/* Exact right-side positioning */
.service-certification,
.service-cert {
    right: 25% !important;
    top: 6% !important;
}

.service-inspection {
    right: 20% !important;
    top: 30% !important;
}

.service-marine {
    right: 25% !important;
    bottom: 7% !important;
}

.service-compliance {
    right: 9% !important;
    bottom: 7% !important;
}

/* Responsive */
@media (max-width: 1200px) {
    .arl-hero-v3-content {
        left: 32px !important;
        width: 58% !important;
    }

    .arl-hero-v3-logo {
        width: 240px !important;
    }
}

@media (max-width: 800px) {
    .arl-hero-v3 {
        height: 560px !important;
        min-height: 560px !important;
    }

    .arl-hero-v3-content {
        left: 25px !important;
        top: 28px !important;
        width: calc(100% - 50px) !important;
    }

    .arl-hero-v3-logo {
        width: 210px !important;
    }

    .arl-hero-v3 h1 {
        font-size: 38px !important;
    }

    .arl-hero-v3-visual {
        opacity: .7 !important;
    }
}


/* =========================================================
   ARL FINAL HERO - CLEAN VERSION
   ========================================================= */

/* Page returns to clean white background */
html,
body {
    background: #ffffff !important;
}

/* Final Hero */
.arl-hero-v3 {
    position: relative !important;
    width: 100% !important;
    height: 480px !important;
    min-height: 480px !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: block !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(4, 25, 50, .88) 0%,
            rgba(4, 25, 50, .68) 38%,
            rgba(4, 25, 50, .18) 70%,
            rgba(4, 25, 50, 0) 100%
        ),
        url('/assets/img/hero/arl-hero-v3-background.jpg') !important;

    background-size: cover !important;
    background-position: center center !important;
}

/* No artificial overlays */
.arl-hero-v3-map {
    display: none !important;
}

/* Hero content */
.arl-hero-v3-content {
    position: absolute !important;
    left: 42px !important;
    top: 34px !important;
    width: 52% !important;
    max-width: 700px !important;
    padding: 0 !important;
    z-index: 10 !important;
}

/* Transparent PNG logo */
.arl-hero-v3-logo {
    display: block !important;
    width: 300px !important;
    height: auto !important;
    max-height: 135px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 0 16px !important;

    background: transparent !important;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.35)) !important;
}

/* Service line */
.arl-hero-v3-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-bottom: 12px !important;

    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.7px !important;
}

.arl-hero-v3-kicker b {
    color: #e5ad28 !important;
}

/* Heading */
.arl-hero-v3 h1 {
    margin: 0 0 15px !important;
    color: #ffffff !important;
    font-size: clamp(38px, 4vw, 56px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -1.5px !important;
}

.arl-hero-v3 h1 strong {
    display: block !important;
    color: #e5ad28 !important;
}

/* Description */
.arl-hero-v3-content > p {
    max-width: 620px !important;
    margin: 0 0 22px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Buttons */
.arl-hero-v3 .arl-hero-actions {
    display: flex !important;
    gap: 12px !important;
}

.arl-hero-v3 .arl-btn {
    height: 48px !important;
    padding: 0 23px !important;
    border-radius: 5px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.arl-hero-v3 .arl-btn-gold {
    background: #dda92d !important;
    color: #071b36 !important;
    border: 1px solid #dda92d !important;
}

.arl-hero-v3 .arl-btn-outline {
    background: rgba(5, 25, 50, .25) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.8) !important;
}

/* =========================================================
   REMOVE ALL BADGES / MARKERS FROM THE HERO
   ========================================================= */

.arl-hero-v3-service,
.arl-hero-v3-service *,
.service-cert,
.service-inspection,
.service-marine,
.service-compliance {
    display: none !important;
}

/* Certificate card is also removed.
   The background already contains the real certificate image. */
.arl-hero-v3-certificate,
.arl-cert-icon,
.arl-cert-seal {
    display: none !important;
}

/* Do not duplicate the old photo */
.arl-hero-v3-photo {
    display: none !important;
}

/* Hero visual becomes only a positioning layer */
.arl-hero-v3-visual {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* =========================================================
   WHITE CONTENT AREA BELOW HERO
   ========================================================= */

.arl-hero-v3 + * {
    background: #ffffff !important;
}

/* Core services section */
.arl-core-services,
.arl-services-section,
section.arl-core-services {
    background: #ffffff !important;
}

/* Keep service cards */
.arl-service-card {
    border-radius: 8px !important;
}

/* =========================================================
   HEADER - NO OLD LOGO / TRANSPARENT LOGO POLICY
   ========================================================= */

.arl-topbar {
    background: #ffffff !important;
}

.arl-top-brand {
    background: transparent !important;
}

.arl-top-brand strong,
.arl-top-brand small {
    background: transparent !important;
}

/* If a header logo exists, never give it a white box */
.arl-topbar img {
    background: transparent !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {
    .arl-hero-v3-content {
        left: 30px !important;
        width: 62% !important;
    }

    .arl-hero-v3-logo {
        width: 250px !important;
    }
}

@media (max-width: 700px) {
    .arl-hero-v3 {
        height: 540px !important;
        min-height: 540px !important;
    }

    .arl-hero-v3-content {
        left: 24px !important;
        top: 28px !important;
        width: calc(100% - 48px) !important;
    }

    .arl-hero-v3-logo {
        width: 210px !important;
    }

    .arl-hero-v3 h1 {
        font-size: 36px !important;
    }
}


/* =========================================================
   ARL FINAL HERO CLEANUP
   ========================================================= */

/* Remove all decorative service badges */
.arl-hero-v3 .arl-hero-v3-service,
.arl-hero-v3 .service-cert,
.arl-hero-v3 .service-inspection,
.arl-hero-v3 .service-marine,
.arl-hero-v3 .service-compliance,
.arl-hero-v3 .arl-hero-v3-certificate {
    display: none !important;
}

/* Remove duplicate image/card layer */
.arl-hero-v3 .arl-hero-v3-photo {
    display: none !important;
}

/* Large transparent ARL logo */
.arl-hero-v3 .arl-hero-v3-logo {
    width: 360px !important;
    max-width: 360px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 20px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 5px 12px rgba(0,0,0,.28)) !important;
}

/* Clean Hero */
.arl-hero-v3 {
    background-color: #061b35 !important;
}

/* White page below Hero */
.arl-hero-v3 + section,
.arl-core-services,
.arl-services-section,
.arl-hero-v3 ~ section {
    background-color: #ffffff !important;
}

/* Keep Core Services white */
.arl-hero-v3 ~ .arl-section,
.arl-hero-v3 ~ section {
    background-color: #ffffff !important;
}

/* No GIF anywhere in the Hero */
.arl-hero-v3 img[src*=".gif"] {
    display: none !important;
}


/* Final Hero Logo Size */
.arl-hero-v3 .arl-hero-v3-logo {
    width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    max-height: 100px !important;
    margin: 0 0 14px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.25)) !important;
}

.arl-hero-v3-content {
    top: 28px !important;
}


/* Hero Logo - Final Size 280px */
.arl-hero-v3 .arl-hero-v3-logo {
    width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    max-height: 120px !important;
    margin: 0 0 14px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Hero Logo - 300px */
.arl-hero-v3 .arl-hero-v3-logo {
    width: 300px !important;
    max-width: 300px !important;
    height: auto !important;
    max-height: 125px !important;
    margin: 0 0 14px 0 !important;
}


/* Slightly taller old ARL logo */
.arl-topbar img:first-of-type {
    height: 64px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* Sidebar logos - equal visual height */
.arl-sidebar img:first-of-type,
.arl-sidebar .logo:first-of-type {
    height: 76px !important;
    width: auto !important;
    object-fit: contain !important;
}

.arl-sidebar img:nth-of-type(2),
.arl-sidebar .logo:nth-of-type(2) {
    height: 76px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* =========================================================
   SIDEBAR DUAL LOGOS - EQUAL HEIGHT
   ========================================================= */

.arl-dual-logos {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
}

.arl-dual-logos img {
    height: 76px !important;
    width: auto !important;
    max-height: 76px !important;
    object-fit: contain !important;
    display: block !important;
}

.arl-dual-logos span {
    height: 54px !important;
    width: 1px !important;
    flex: 0 0 1px !important;
}


/* =========================================================
   FINAL SIDEBAR LOGO PROPORTIONS
   ========================================================= */

.arl-dual-logos {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    height: 82px !important;
}

.arl-dual-logos img {
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
    max-height: none !important;
}

/* OLD ARL LOGO */
.arl-dual-logos img:first-child {
    width: 130px !important;
    height: 76px !important;
}

/* NEW ARL LOGO */
.arl-dual-logos img:last-child {
    width: 76px !important;
    height: 76px !important;
}

/* Divider */
.arl-dual-logos span {
    display: block !important;
    width: 1px !important;
    height: 54px !important;
    flex: 0 0 1px !important;
}


/* =========================================================
   BRANDING SWAP
   Logo -> Header
   Name + Tagline -> Hero
   ========================================================= */

/* Header logo */
.arl-header-logo-brand {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 5px 0 !important;
}

.arl-header-logo-brand img {
    display: block !important;
    width: 190px !important;
    height: 72px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hero company name */
.arl-hero-v3-brand-text {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 0 18px 0 !important;
}

.arl-hero-v3-brand-text strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -.5px !important;
    text-shadow: 0 3px 12px rgba(0,0,0,.35) !important;
}

.arl-hero-v3-brand-text span {
    display: block !important;
    margin-top: 7px !important;
    color: #dce7f2 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

/* Remove old logo sizing rules from Hero */
.arl-hero-v3 .arl-hero-v3-logo {
    display: none !important;
}

@media (max-width: 800px) {
    .arl-header-logo-brand img {
        width: 150px !important;
        height: 62px !important;
    }

    .arl-hero-v3-brand-text strong {
        font-size: 28px !important;
    }

    .arl-hero-v3-brand-text span {
        font-size: 11px !important;
    }
}


/* =========================================================
   FINAL HEADER BRAND
   Logo + ARL Middle East side by side
   ========================================================= */

.arl-top-brand.arl-header-logo-brand {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    height: 100% !important;
    padding: 4px 0 !important;
}

.arl-header-logo-brand > img {
    display: block !important;
    width: 92px !important;
    height: 64px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    flex: 0 0 auto !important;
}

.arl-header-brand-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

.arl-header-brand-text strong {
    display: block !important;
    margin: 0 !important;
    color: #09264a !important;
    font-size: 25px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.arl-header-brand-text small {
    display: block !important;
    margin-top: 7px !important;
    color: #506b88 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

/* Hero starts cleanly with the main message */
.arl-hero-v3-brand-text {
    display: none !important;
}

@media (max-width: 900px) {
    .arl-header-logo-brand > img {
        width: 78px !important;
        height: 58px !important;
    }

    .arl-header-brand-text strong {
        font-size: 21px !important;
    }

    .arl-header-brand-text small {
        font-size: 10px !important;
    }
}


/* =========================================================
   SIDEBAR - OLD ARL LOGO ONLY
   ========================================================= */

.arl-dual-logos.arl-single-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 82px !important;
    gap: 0 !important;
}

.arl-dual-logos.arl-single-logo img {
    width: 150px !important;
    height: 76px !important;
    max-width: 150px !important;
    object-fit: contain !important;
    display: block !important;
}

.arl-dual-logos.arl-single-logo span {
    display: none !important;
}


/* =========================================================
   ARL HOMEPAGE - FINAL HERO COMPOSITION
   ========================================================= */

/* Hero height and clean composition */
.arl-hero-clean {
    min-height: 480px !important;
    height: 480px !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch !important;

    background-position: center center !important;
    background-size: cover !important;
}

/* Strong but clean dark area behind the text */
.arl-hero-clean::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.94) 0%,
            rgba(4,27,53,.84) 34%,
            rgba(4,27,53,.45) 57%,
            rgba(4,27,53,.08) 78%,
            rgba(4,27,53,0) 100%
        ) !important;
}

/* Hero content */
.arl-hero-clean .arl-hero-content {
    position: relative !important;
    z-index: 5 !important;

    width: 62% !important;
    max-width: 820px !important;

    margin: 0 !important;
    padding: 55px 0 35px 46px !important;

    color: #fff !important;
}

/* Service line */
.arl-hero-clean .arl-eyebrow {
    margin: 0 0 15px !important;
    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
}

.arl-hero-clean .arl-eyebrow::first-letter {
    color: #e0ad2d !important;
}

/* Main headline */
.arl-hero-clean h1 {
    margin: 0 0 18px !important;

    color: #fff !important;
    font-size: clamp(42px, 4vw, 62px) !important;
    line-height: .98 !important;
    font-weight: 800 !important;
    letter-spacing: -1.8px !important;

    text-transform: uppercase !important;
}

.arl-hero-clean h1 span {
    display: block !important;
    margin-top: 4px !important;

    color: #e5ad28 !important;
}

/* Description */
.arl-hero-clean p {
    max-width: 680px !important;
    margin: 0 0 24px !important;

    color: #f1f5fa !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Buttons */
.arl-hero-clean .arl-hero-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.arl-hero-clean .arl-btn {
    min-height: 48px !important;
    padding: 0 22px !important;

    border-radius: 6px !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
}

.arl-hero-clean .arl-btn-gold {
    background: #dda92d !important;
    color: #061b35 !important;
    border: 1px solid #dda92d !important;
}

.arl-hero-clean .arl-btn-outline {
    background: rgba(3,22,45,.25) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.78) !important;
}

/* Remove all old floating hero badges */
.arl-hero-clean .arl-hero-services,
.arl-hero-clean .arl-hero-service,
.arl-hero-clean .service-cert,
.arl-hero-clean .service-inspection,
.arl-hero-clean .service-marine,
.arl-hero-clean .service-compliance {
    display: none !important;
}

/* Remove old certificate overlay/card */
.arl-hero-clean .arl-hero-certificate,
.arl-hero-clean .arl-cert-card,
.arl-hero-clean .arl-cert-icon,
.arl-hero-clean .arl-cert-seal {
    display: none !important;
}

/* =========================================================
   WHITE CONTENT BELOW HERO
   ========================================================= */

.arl-home-services {
    background: #fff !important;
    color: #071f40 !important;
}

.arl-home-services .arl-section-head h2 {
    color: #08274c !important;
}

.arl-home-services .arl-section-head span {
    color: #c9952e !important;
}

/* Keep service cards clean */
.arl-service-grid-clean {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

.arl-service-grid-clean .arl-service-card {
    min-height: 170px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {
    .arl-hero-clean .arl-hero-content {
        width: 68% !important;
        padding-left: 38px !important;
    }

    .arl-hero-clean h1 {
        font-size: 50px !important;
    }
}

@media (max-width: 900px) {
    .arl-hero-clean {
        height: 500px !important;
        min-height: 500px !important;
    }

    .arl-hero-clean .arl-hero-content {
        width: 78% !important;
        padding-left: 30px !important;
    }

    .arl-hero-clean h1 {
        font-size: 43px !important;
    }
}

@media (max-width: 700px) {
    .arl-hero-clean {
        height: 540px !important;
        min-height: 540px !important;
    }

    .arl-hero-clean .arl-hero-content {
        width: 100% !important;
        padding: 38px 22px !important;
    }

    .arl-hero-clean h1 {
        font-size: 37px !important;
    }

    .arl-hero-clean p {
        font-size: 14px !important;
    }

    .arl-service-grid-clean {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   ARL HERO FINAL V4
   Clean Corporate / Certification / Inspection / Marine
   ========================================================= */

.arl-hero-final {
    position: relative !important;
    min-height: 500px !important;
    height: 500px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    background:
        linear-gradient(
            90deg,
            rgba(3, 20, 43, 0.98) 0%,
            rgba(5, 31, 62, 0.94) 38%,
            rgba(5, 31, 62, 0.62) 63%,
            rgba(5, 31, 62, 0.18) 100%
        ),
        url('/assets/img/hero/arl-hero-v3-background.jpg') center center / cover no-repeat !important;
}

/* Remove old V3 decorative map layer */
.arl-hero-final .arl-hero-v3-map {
    display: none !important;
}

/* Main text */
.arl-hero-final-content {
    position: relative !important;
    z-index: 5 !important;
    width: 58% !important;
    max-width: 780px !important;
    padding: 72px 0 45px 52px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Service line */
.arl-hero-final .arl-hero-v3-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin-bottom: 20px !important;
    color: #e7bd55 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.7px !important;
}

.arl-hero-final .arl-hero-v3-kicker b {
    color: rgba(255,255,255,.45) !important;
    font-weight: 400 !important;
}

/* Headline */
.arl-hero-final h1 {
    margin: 0 0 20px !important;
    color: #ffffff !important;
    font-size: clamp(43px, 4.2vw, 64px) !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    letter-spacing: -1.8px !important;
    max-width: 700px !important;
}

.arl-hero-final h1 strong {
    display: block !important;
    color: #e5b33e !important;
    font-weight: 800 !important;
}

/* Description */
.arl-hero-final p {
    margin: 0 0 27px !important;
    max-width: 650px !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

/* Buttons */
.arl-hero-final .arl-hero-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.arl-hero-final .arl-btn {
    min-height: 45px !important;
    padding: 0 20px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .4px !important;
}

.arl-hero-final .arl-btn-gold {
    background: #e5b33e !important;
    color: #061c38 !important;
    border: 1px solid #e5b33e !important;
}

.arl-hero-final .arl-btn-outline {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.65) !important;
}

/* Right visual */
.arl-hero-final-visual {
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    right: 0 !important;
    width: 57% !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Photo */
.arl-hero-final-photo {
    position: absolute !important;
    inset: 0 !important;
}

.arl-hero-final-photo::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
        linear-gradient(
            90deg,
            rgba(4,25,51,.95) 0%,
            rgba(4,25,51,.45) 25%,
            rgba(4,25,51,.08) 65%,
            rgba(4,25,51,.20) 100%
        ) !important;
}

.arl-hero-final-photo::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    background: linear-gradient(
        180deg,
        rgba(2,18,38,.10),
        rgba(2,18,38,.32)
    ) !important;
}

.arl-hero-final-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    transform: scale(1.02) !important;
}

/* Completely disable old V3 floating elements */
.arl-hero-final .arl-hero-v3-certificate,
.arl-hero-final .arl-hero-v3-service,
.arl-hero-final .service-cert,
.arl-hero-final .service-inspection,
.arl-hero-final .service-marine,
.arl-hero-final .service-compliance {
    display: none !important;
}

/* Mobile */
@media (max-width: 900px) {

    .arl-hero-final {
        min-height: 610px !important;
        height: auto !important;
    }

    .arl-hero-final-visual {
        width: 100% !important;
        height: 100% !important;
    }

    .arl-hero-final-content {
        width: 100% !important;
        max-width: none !important;
        min-height: 610px !important;
        padding: 55px 28px 45px !important;
        justify-content: center !important;
        background: linear-gradient(
            90deg,
            rgba(3,20,43,.96),
            rgba(3,20,43,.68)
        ) !important;
    }

    .arl-hero-final h1 {
        font-size: clamp(39px, 9vw, 52px) !important;
    }
}

@media (max-width: 560px) {

    .arl-hero-final {
        min-height: 650px !important;
    }

    .arl-hero-final-content {
        min-height: 650px !important;
        padding: 45px 22px !important;
    }

    .arl-hero-final .arl-hero-v3-kicker {
        gap: 6px !important;
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }

    .arl-hero-final h1 {
        font-size: 39px !important;
        letter-spacing: -1px !important;
    }

    .arl-hero-final p {
        font-size: 14px !important;
    }

    .arl-hero-final .arl-hero-actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .arl-hero-final .arl-btn {
        justify-content: center !important;
    }
}


/* =========================================================
   FINAL HERO BACKGROUND
   Use the complete V3 background as one unified composition
   ========================================================= */

.arl-hero-final .arl-hero-final-visual {
    display: none !important;
}

.arl-hero-final {
    background:
        linear-gradient(
            90deg,
            rgba(3, 20, 43, 0.96) 0%,
            rgba(5, 31, 62, 0.88) 38%,
            rgba(5, 31, 62, 0.48) 68%,
            rgba(5, 31, 62, 0.20) 100%
        ),
        url('/assets/img/hero/arl-hero-v3-background.jpg')
        center center / cover no-repeat !important;
}


/* =========================================================
   ARL HERO — FINAL POLISH
   Premium Corporate Certification / Inspection / Marine
   ========================================================= */

.arl-hero-final {
    min-height: 500px !important;
    height: 500px !important;
}

/* Better balance between text and visual */
.arl-hero-final-content {
    width: 55% !important;
    max-width: 760px !important;
    padding: 58px 0 42px 48px !important;
}

/* Slightly more refined service line */
.arl-hero-final .arl-hero-v3-kicker {
    margin-bottom: 16px !important;
    font-size: 11px !important;
    letter-spacing: 1.55px !important;
}

/* Premium headline sizing */
.arl-hero-final h1 {
    max-width: 670px !important;
    margin-bottom: 18px !important;
    font-size: clamp(40px, 3.65vw, 56px) !important;
    line-height: 1.04 !important;
    letter-spacing: -1.35px !important;
}

.arl-hero-final h1 strong {
    margin-top: 2px !important;
}

/* Cleaner description */
.arl-hero-final p {
    max-width: 610px !important;
    margin-bottom: 24px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* Refined buttons */
.arl-hero-final .arl-btn {
    min-height: 43px !important;
    padding: 0 18px !important;
    border-radius: 4px !important;
}

/* Preserve the visual while making the left side blend naturally */
.arl-hero-final::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,20,43,.12) 0%,
            rgba(3,20,43,.02) 45%,
            rgba(3,20,43,.10) 100%
        ) !important;
}

/* Keep content above all overlays */
.arl-hero-final-content {
    z-index: 5 !important;
}

/* Desktop visual balance */
@media (min-width: 1200px) {
    .arl-hero-final-content {
        padding-left: 54px !important;
    }

    .arl-hero-final h1 {
        font-size: 55px !important;
    }
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 901px) {
    .arl-hero-final-content {
        width: 58% !important;
        padding-left: 38px !important;
    }

    .arl-hero-final h1 {
        font-size: 47px !important;
    }
}

/* Mobile */
@media (max-width: 900px) {
    .arl-hero-final-content {
        width: 100% !important;
        padding: 55px 28px 45px !important;
    }

    .arl-hero-final h1 {
        font-size: clamp(38px, 8vw, 50px) !important;
    }
}

@media (max-width: 560px) {
    .arl-hero-final h1 {
        font-size: 37px !important;
        line-height: 1.06 !important;
    }

    .arl-hero-final .arl-hero-v3-kicker {
        font-size: 8.5px !important;
        letter-spacing: .9px !important;
    }
}


/* =========================================================
   ARL SITE CLEANUP V1
   Sidebar / Classification / Sticky Header
   ========================================================= */

/* ---------- SIDEBAR ---------- */

.arl-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    z-index: 100 !important;
}

.arl-sidebar-nav {
    padding-bottom: 120px !important;
    min-height: calc(100vh - 150px) !important;
    box-sizing: border-box !important;
}

.arl-sidebar-copy {
    position: sticky !important;
    bottom: 0 !important;
    left: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    margin-top: 10px !important;
    background: rgba(4, 22, 45, .96) !important;
    color: #b9c5d6 !important;
    font-size: 9px !important;
    text-align: center !important;
    z-index: 20 !important;
}

.arl-sidebar-watermark {
    pointer-events: none !important;
}

/* ---------- CLASSIFICATION BANNER ---------- */

.arl-classification-banner,
.arl-classification-banner-clean {
    color: #ffffff !important;
}

.arl-classification-banner > div {
    position: relative !important;
    z-index: 3 !important;
}

.arl-classification-banner > div > span {
    display: block !important;
    color: #e5b33e !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
}

.arl-classification-banner h2,
.arl-classification-banner-clean h2 {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
    margin: 5px 0 10px !important;
}

.arl-classification-banner p,
.arl-classification-banner-clean p {
    color: #e5edf7 !important;
    opacity: 1 !important;
}

.arl-classification-banner > i {
    color: rgba(224,181,91,.18) !important;
    z-index: 1 !important;
}

/* ---------- STICKY HEADER ---------- */

.arl-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 500 !important;
    box-sizing: border-box !important;
}

/* ---------- MAIN CONTENT ---------- */

.arl-public-main {
    min-width: 0 !important;
}

/* ---------- MOBILE ---------- */

@media (max-width: 700px) {

    .arl-sidebar {
        position: relative !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    .arl-sidebar-nav {
        padding-bottom: 20px !important;
        min-height: auto !important;
    }

    .arl-sidebar-copy {
        position: relative !important;
        margin-top: 0 !important;
    }

    .arl-topbar {
        position: relative !important;
        z-index: 50 !important;
    }
}


/* =========================================================
   ARL TRUST & VERIFICATION FOOTER
   ========================================================= */

.arl-footer-trust {
    margin: 24px 0 26px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.arl-footer-trust-title {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 13px;
}

.arl-footer-trust-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
}

.arl-trust-item {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 8px;
    background: rgba(255,255,255,.045);
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all .22s ease;
}

.arl-trust-item:hover {
    background: rgba(255,255,255,.09);
    border-color: rgba(229,173,40,.55);
    transform: translateY(-1px);
}

.arl-trust-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #ffffff;
    color: #0a315f;
    font-size: 14px;
}

.arl-trust-item span:nth-child(2) {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.arl-trust-item strong {
    color: #ffffff;
    font-size: 12px;
    line-height: 1.25;
}

.arl-trust-item small {
    color: rgba(255,255,255,.62);
    font-size: 9px;
    line-height: 1.35;
    margin-top: 2px;
}

.arl-trust-arrow {
    margin-left: auto;
    color: #e5ad28;
    font-size: 10px;
}

.arl-footer-trust + .footer-social {
    margin-top: 8px;
}

@media (max-width: 767px) {
    .arl-footer-trust {
        margin-top: 18px;
    }

    .arl-trust-item {
        min-height: 54px;
    }
}


/* =========================================================
   ARL MIDDLE EAST
   GLOBAL PUBLIC WEBSITE DESIGN SYSTEM
   V3 GLOBAL UNIFICATION
   ========================================================= */

:root {
    --arl-navy: #071b36;
    --arl-navy-2: #0b2d55;
    --arl-blue: #0d5fbd;
    --arl-blue-2: #1475d1;
    --arl-gold: #e5ad28;
    --arl-text: #17253a;
    --arl-muted: #66758a;
    --arl-light: #f5f8fc;
    --arl-white: #ffffff;
}

/* ---------------- HEADER ---------------- */

.arl-site-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid #e8edf4;
    box-shadow: 0 4px 18px rgba(7,27,54,.06);
}

.arl-header-inner {
    min-height: 92px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 34px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.arl-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 330px;
    text-decoration: none !important;
}

.arl-brand-logo {
    width: 78px;
    height: 62px;
    object-fit: contain;
    display: block;
}

.arl-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.arl-brand-text strong {
    color: var(--arl-navy);
    font-size: 20px;
    font-weight: 850;
}

.arl-brand-text small {
    margin-top: 6px;
    color: #718096;
    font-size: 9px;
    line-height: 1.35;
    max-width: 280px;
}

.arl-main-nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.arl-main-nav a {
    position: relative;
    padding: 10px 9px;
    color: #26384f !important;
    font-size: 11px;
    font-weight: 750;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .2s ease;
}

.arl-main-nav a::after {
    content: "";
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 2px;
    height: 2px;
    background: var(--arl-gold);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

.arl-main-nav a:hover,
.arl-main-nav a.active {
    color: var(--arl-blue) !important;
}

.arl-main-nav a:hover::after,
.arl-main-nav a.active::after {
    transform: scaleX(1);
}

.arl-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.arl-language-switch {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5fa;
    color: var(--arl-navy) !important;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none !important;
}

.arl-language-switch i {
    display: none;
}

.arl-header-verify {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 11px 14px;
    border-radius: 6px;
    background: var(--arl-navy);
    color: #fff !important;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none !important;
}

.arl-header-verify:hover {
    background: var(--arl-blue);
}

.arl-mobile-toggle {
    display: none;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 6px;
    background: var(--arl-navy);
    color: #fff;
}

.arl-mobile-nav {
    display: none;
}

/* ---------------- PAGE HERO ---------------- */

.arl-page-hero {
    min-height: 300px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background:
        linear-gradient(90deg,
            rgba(5,25,51,.97) 0%,
            rgba(8,40,78,.90) 55%,
            rgba(8,30,55,.68) 100%),
        url('/assets/img/hero/law_hero2.jpg') center / cover;
}

.arl-page-hero::after {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    right: -170px;
    top: -190px;
    border: 1px solid rgba(229,173,40,.18);
    border-radius: 50%;
}

.arl-page-hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 55px 40px;
}

.arl-page-hero-eyebrow {
    color: var(--arl-gold);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .16em;
    margin-bottom: 12px;
}

.arl-page-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.05;
    font-weight: 850;
}

.arl-page-hero p {
    max-width: 650px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.7;
}

.arl-page-hero-line {
    width: 62px;
    height: 3px;
    margin-top: 22px;
    background: var(--arl-gold);
}

/* Hide legacy page hero because layout now supplies the unified one */
.slider-area {
    display: none !important;
}

/* ---------------- GENERAL CONTENT ---------------- */

main {
    background: #fff;
}

main > section:not(.arl-page-hero) {
    position: relative;
}

.section-tittle h2,
.section-title h2 {
    color: var(--arl-navy);
    font-weight: 850;
}

.section-tittle h2::after,
.section-title h2::after {
    background: var(--arl-gold);
}

/* ---------------- CERTIFICATE SEARCH ---------------- */

.wantToWork-area {
    background: var(--arl-light) !important;
    padding: 45px 0 !important;
}

.wantToWork-caption h2 {
    color: var(--arl-navy) !important;
    font-size: 25px !important;
    font-weight: 850 !important;
    margin-bottom: 15px !important;
}

.wantToWork-caption .form-control {
    height: 52px;
    min-width: 420px;
    border: 1px solid #dce4ef;
    border-radius: 7px;
    box-shadow: none;
    font-size: 13px;
    padding: 0 17px;
}

.wantToWork-caption .form-control:focus {
    border-color: var(--arl-blue);
    box-shadow: 0 0 0 3px rgba(13,95,189,.08);
}

.btn-ans {
    background: var(--arl-navy) !important;
    color: #fff !important;
    border-radius: 7px !important;
    padding: 14px 22px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.btn-ans:hover {
    background: var(--arl-blue) !important;
}

/* ---------------- CERTIFICATE CARDS ---------------- */

.legal-practice-area {
    background: #fff !important;
    padding-top: 65px !important;
    padding-bottom: 70px !important;
}

.single-practice {
    overflow: hidden;
    height: 100%;
    background: #fff !important;
    border: 1px solid #e7edf4 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 28px rgba(7,27,54,.06) !important;
    transition: transform .25s ease, box-shadow .25s ease;
}

.single-practice:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 38px rgba(7,27,54,.11) !important;
}

.practice-img {
    position: relative;
    height: 205px;
    overflow: hidden;
}

.practice-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.practice-icon {
    background: var(--arl-gold) !important;
    color: var(--arl-navy) !important;
}

.practice-caption {
    padding: 23px !important;
}

.practice-caption h4 a {
    color: var(--arl-navy) !important;
    font-size: 17px;
    font-weight: 850;
}

.practice-caption p {
    color: var(--arl-muted) !important;
    font-size: 13px;
    line-height: 1.7;
}

/* ---------------- FOOTER ---------------- */

.arl-site-footer {
    background: var(--arl-navy);
    color: #fff;
}

.arl-footer-main {
    max-width: 1440px;
    margin: 0 auto;
    padding: 62px 42px 30px;
}

.arl-footer-grid {
    display: grid;
    grid-template-columns: 1.45fr .85fr .85fr 1.15fr;
    gap: 45px;
}

.arl-footer-brand img {
    width: 145px;
    height: auto;
    max-height: 75px;
    object-fit: contain;
    object-position: left center;
}

.arl-footer-company h3 {
    color: #fff;
    margin: 17px 0 9px;
    font-size: 19px;
    font-weight: 850;
}

.arl-footer-company p {
    max-width: 390px;
    color: rgba(255,255,255,.63);
    font-size: 12px;
    line-height: 1.8;
    margin: 0 0 20px;
}

.arl-footer-column h4 {
    color: var(--arl-gold);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .1em;
    margin: 7px 0 19px;
}

.arl-footer-column > a:not(.arl-trust-card) {
    display: block;
    width: fit-content;
    color: rgba(255,255,255,.68) !important;
    font-size: 11px;
    margin-bottom: 10px;
    text-decoration: none !important;
    transition: color .2s ease;
}

.arl-footer-column > a:not(.arl-trust-card):hover {
    color: #fff !important;
}

.arl-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.arl-footer-social a {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.08);
    color: #fff !important;
    text-decoration: none !important;
    transition: all .2s ease;
}

.arl-footer-social a:hover {
    background: var(--arl-gold);
    color: var(--arl-navy) !important;
    transform: translateY(-2px);
}

/* TRUST */

.arl-trust-card {
    display: grid;
    grid-template-columns: 35px 1fr 12px;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
    padding: 9px 10px;
    min-height: 55px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 7px;
    background: rgba(255,255,255,.045);
    color: #fff !important;
    text-decoration: none !important;
}

.arl-trust-card:hover {
    background: rgba(255,255,255,.09);
    border-color: rgba(229,173,40,.55);
}

.arl-trust-card-icon {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--arl-navy);
}

.arl-trust-card span:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.arl-trust-card strong {
    color: #fff;
    font-size: 11px;
}

.arl-trust-card small {
    margin-top: 2px;
    color: rgba(255,255,255,.57);
    font-size: 8px;
}

.arl-trust-card > i:last-child {
    color: var(--arl-gold);
    font-size: 9px;
}

/* IAF */

.arl-footer-iaf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 35px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.1);
}

.arl-footer-iaf-copy {
    display: flex;
    flex-direction: column;
}

.arl-footer-iaf-copy strong {
    color: #fff;
    font-size: 11px;
    letter-spacing: .12em;
}

.arl-footer-iaf-copy span {
    margin-top: 4px;
    color: rgba(255,255,255,.5);
    font-size: 9px;
}

.arl-iaf-mark {
    min-width: 150px;
    min-height: 42px;
}

.arl-footer-bottom {
    min-height: 58px;
    padding: 0 42px;
    border-top: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: rgba(255,255,255,.48);
    font-size: 9px;
}

.arl-footer-bottom a {
    color: rgba(255,255,255,.65) !important;
    text-decoration: none !important;
}

.arl-footer-bottom-links {
    display: flex;
    gap: 9px;
}

/* ---------------- MOBILE ---------------- */

@media (max-width: 1199px) {

    .arl-header-inner {
        padding: 0 22px;
    }

    .arl-brand {
        min-width: 270px;
    }

    .arl-brand-text strong {
        font-size: 17px;
    }

    .arl-main-nav a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 9px;
    }

    .arl-header-verify {
        display: none;
    }

    .arl-footer-grid {
        grid-template-columns: 1.3fr 1fr 1fr;
    }

    .arl-footer-trust-column {
        grid-column: span 3;
    }
}

@media (max-width: 991px) {

    .arl-main-nav {
        display: none;
    }

    .arl-mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .arl-mobile-nav {
        padding: 10px 22px 22px;
        background: #fff;
        border-top: 1px solid #edf1f6;
    }

    .arl-mobile-nav.open {
        display: grid;
    }

    .arl-mobile-nav a {
        padding: 12px 4px;
        border-bottom: 1px solid #edf1f6;
        color: var(--arl-navy) !important;
        font-size: 12px;
        font-weight: 750;
        text-decoration: none !important;
    }

    .arl-mobile-nav .arl-mobile-verify {
        margin-top: 10px;
        padding: 13px 15px;
        border-radius: 6px;
        background: var(--arl-navy);
        color: #fff !important;
    }

    .arl-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .arl-footer-trust-column {
        grid-column: span 2;
    }
}

@media (max-width: 767px) {

    .arl-header-inner {
        min-height: 76px;
        padding: 0 15px;
    }

    .arl-brand {
        min-width: 0;
        flex: 1;
    }

    .arl-brand-logo {
        width: 59px;
        height: 48px;
    }

    .arl-brand-text strong {
        font-size: 15px;
    }

    .arl-brand-text small {
        display: none;
    }

    .arl-page-hero {
        min-height: 230px;
    }

    .arl-page-hero-inner {
        padding: 40px 22px;
    }

    .arl-page-hero h1 {
        font-size: 35px;
    }

    .arl-page-hero p {
        font-size: 12px;
    }

    .wantToWork-caption .form-control {
        min-width: 0;
        width: 100%;
    }

    .wantToWork-area .row {
        gap: 16px;
    }

    .arl-footer-main {
        padding: 45px 22px 25px;
    }

    .arl-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .arl-footer-trust-column {
        grid-column: auto;
    }

    .arl-footer-iaf {
        align-items: flex-start;
        flex-direction: column;
    }

    .arl-footer-bottom {
        padding: 17px 22px;
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================
   ARL V3 GLOBAL POLISH
   AFTER HEADER / HERO UNIFICATION
   ========================================================= */

/* ---------------------------------------------------------
   GLOBAL SECTION SPACING
   --------------------------------------------------------- */

main > section:not(.arl-page-hero) {
    margin-top: 0 !important;
}

/* Prevent legacy theme from creating oversized vertical gaps */
.section-padding30,
.section-padding,
.legal-practice-area {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.section-tittle {
    margin-bottom: 38px !important;
}

.section-tittle h2 {
    margin-bottom: 14px !important;
}

/* ---------------------------------------------------------
   PAGE CONTENT TITLES
   --------------------------------------------------------- */

main .section-tittle h2 {
    color: var(--arl-navy) !important;
    font-size: clamp(34px, 4vw, 54px) !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

main .section-tittle h2::after {
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    margin: 18px auto 0;
    background: var(--arl-gold);
}

/* ---------------------------------------------------------
   ABOUT / GENERAL CONTENT
   --------------------------------------------------------- */

main .container {
    position: relative;
}

.about-area,
.about-us-area,
.about-section {
    background: #fff !important;
}

/* Reduce excessive top whitespace generated by old theme */
.about-area.section-padding,
.about-area.section-padding30,
.about-us-area.section-padding,
.about-us-area.section-padding30 {
    padding-top: 55px !important;
}

/* ---------------------------------------------------------
   CERTIFICATE SEARCH
   --------------------------------------------------------- */

.wantToWork-area {
    padding: 48px 0 !important;
    background: #f5f8fc !important;
}

.wantToWork-area .container {
    max-width: 1200px;
}

.wantToWork-area .row {
    align-items: flex-end !important;
}

.wantToWork-caption h2 {
    margin: 0 0 14px !important;
    color: var(--arl-navy) !important;
    font-size: 29px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.wantToWork-caption .form-group {
    margin-bottom: 0 !important;
}

.wantToWork-caption .form-control {
    width: 505px !important;
    max-width: 100% !important;
    height: 56px !important;
    background: #fff !important;
    border: 1px solid #d8e2ee !important;
    border-radius: 8px !important;
    color: var(--arl-text) !important;
    font-size: 13px !important;
}

.wantToWork-btn {
    margin-bottom: 0 !important;
}

.btn-ans {
    min-width: 130px !important;
    height: 50px !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: var(--arl-navy) !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.btn-ans:hover {
    background: var(--arl-blue) !important;
}

/* ---------------------------------------------------------
   CERTIFICATE CARDS
   --------------------------------------------------------- */

.legal-practice-area .row:last-child {
    row-gap: 24px;
}

.single-practice {
    min-height: 100%;
    margin-bottom: 0 !important;
}

.practice-img {
    height: 190px !important;
    background: #f4f7fb;
}

.practice-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.practice-caption {
    min-height: 145px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.practice-caption h4 {
    margin-bottom: 10px !important;
}

.practice-caption h4 a {
    font-size: 17px !important;
    line-height: 1.35 !important;
}

.practice-caption p {
    margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   ACCREDITATION CARDS
   --------------------------------------------------------- */

.arl-accreditation-card,
.accreditation-card {
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #e5ebf3 !important;
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(7,27,54,.06) !important;
}

/* Keep accreditation images inside their cards */
.arl-accreditation-card img,
.accreditation-card img {
    max-width: 100% !important;
    height: 180px !important;
    object-fit: contain !important;
    padding: 22px !important;
}

/* ---------------------------------------------------------
   PROCESS PAGE
   --------------------------------------------------------- */

.process-area,
.certification-process,
.legal-practice-area {
    background: #fff !important;
}

/* Remove excessive legacy vertical spacing */
.process-area .section-padding30,
.process-area.section-padding30 {
    padding-top: 55px !important;
    padding-bottom: 60px !important;
}

/* ---------------------------------------------------------
   OLD BACK TO TOP BUTTON
   --------------------------------------------------------- */

/* Replace old red theme button with ARL navy/gold */
#scrollUp {
    width: 48px !important;
    height: 48px !important;
    right: 25px !important;
    bottom: 25px !important;
    border-radius: 50% !important;
    background: var(--arl-navy) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(7,27,54,.18) !important;
    border: 2px solid rgba(229,173,40,.8) !important;
}

#scrollUp:hover {
    background: var(--arl-blue) !important;
}

/* ---------------------------------------------------------
   TAWK CHAT POSITION
   --------------------------------------------------------- */

@media (min-width: 701px) {

    iframe[title*="chat"],
    iframe[title*="Chat"],
    iframe[src*="tawk.to"] {
        right: 20px !important;
        bottom: 20px !important;
    }

}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .section-padding30,
    .section-padding,
    .legal-practice-area {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .wantToWork-area {
        padding: 35px 18px !important;
    }

    .wantToWork-caption .form-control {
        width: 100% !important;
    }

    .wantToWork-area .row {
        display: flex;
        flex-direction: column;
        align-items: stretch !important;
    }

    .wantToWork-btn {
        margin-top: 12px;
    }

    .btn-ans {
        width: 100%;
    }

    #scrollUp {
        right: 15px !important;
        bottom: 18px !important;
    }

}