/* =========================================================
   SEA LICENSING
   VESSEL REGISTRATION & FLAGGING
   PREMIUM DESKTOP V1
   Main content only — header/footer untouched
   ========================================================= */

.vr1-main{
  --vr-navy:#002B49;
  --vr-deep:#052B43;
  --vr-deeper:#031F31;
  --vr-ocean:#004E7C;
  --vr-blue:#0084D1;
  --vr-cyan:#49C5F7;
  --vr-pale:#EFF6FA;
  --vr-line:#D9E6EE;
  --vr-text:#17374A;
  --vr-muted:#617887;
  background:#fff;
  color:var(--vr-text);
  overflow:hidden;
}

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

.vr1-shell{
  width:min(calc(100% - 96px),var(--shell,1440px));
  margin-inline:auto;
}

.vr1-eyebrow{
  display:block;
  margin:0 0 14px;
  color:var(--vr-blue);
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.vr1-title{
  margin:0;
  color:var(--vr-deep);
  font-size:44px;
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.045em;
}

.vr1-rule{
  display:block;
  width:48px;
  height:2px;
  margin-top:18px;
  background:linear-gradient(90deg,var(--vr-blue),var(--vr-cyan));
}

/* =========================================================
   HERO
   ========================================================= */

.vr1-hero{
  position:relative;
  min-height:570px;
  display:flex;
  align-items:center;
  isolation:isolate;
  background:var(--vr-deeper);
}

.vr1-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(
      90deg,
      rgba(2,26,42,.97) 0%,
      rgba(2,32,51,.93) 32%,
      rgba(2,36,56,.66) 56%,
      rgba(2,28,43,.24) 78%,
      rgba(2,25,39,.12) 100%
    ),
    url("/assets/images/hero-vessel-registration.jpg") center 44% / cover no-repeat;
}

.vr1-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(0,43,73,.10) 0%,
      rgba(0,43,73,0) 52%,
      rgba(0,21,35,.38) 100%
    );
}

.vr1-hero-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:90px;
  align-items:center;
  padding-top:46px;
  padding-bottom:46px;
}

.vr1-hero-copy{
  max-width:760px;
}

.vr1-hero .vr1-eyebrow{
  color:#79D4FA;
  margin-bottom:18px;
}

.vr1-hero h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:63px;
  line-height:.98;
  font-weight:800;
  letter-spacing:-.055em;
}

.vr1-hero-copy > p{
  max-width:660px;
  margin:24px 0 0;
  color:rgba(255,255,255,.80);
  font-size:15px;
  line-height:1.75;
}

.vr1-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:31px;
}

.vr1-btn{
  min-height:45px;
  padding:0 21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid transparent;
  border-radius:4px;
  text-decoration:none;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
  transition:
    background-color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    color .25s ease;
}

.vr1-btn-primary{
  background:var(--vr-blue);
  color:#fff;
  border-color:var(--vr-blue);
}

.vr1-btn-primary:hover{
  background:#0394E6;
  border-color:#0394E6;
  transform:translateY(-1px);
}

.vr1-btn-ghost{
  color:#fff;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(7px);
}

.vr1-btn-ghost:hover{
  border-color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.08);
}

.vr1-hero-panel{
  justify-self:end;
  width:100%;
  max-width:380px;
  padding:27px 28px 28px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:
    linear-gradient(
      145deg,
      rgba(3,39,61,.72),
      rgba(3,31,49,.48)
    );
  box-shadow:
    0 24px 65px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
}

.vr1-hero-panel-label{
  color:#6ED3FA;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.vr1-hero-panel h2{
  margin:12px 0 0;
  color:#fff;
  font-size:22px;
  line-height:1.14;
  letter-spacing:-.025em;
}

.vr1-hero-panel p{
  margin:11px 0 0;
  color:rgba(255,255,255,.66);
  font-size:11px;
  line-height:1.65;
}

.vr1-hero-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:21px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
}

.vr1-hero-meta div{
  min-width:0;
}

.vr1-hero-meta span{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.43);
  font-size:8px;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.vr1-hero-meta b{
  display:block;
  color:#fff;
  font-size:11px;
  line-height:1.4;
  font-weight:650;
}

/* =========================================================
   APPROACH
   ========================================================= */

.vr1-approach{
  padding:88px 0 86px;
  background:#fff;
}

.vr1-approach-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:104px;
  align-items:center;
}

.vr1-approach-copy{
  max-width:580px;
}

.vr1-approach-copy .vr1-title{
  max-width:520px;
}

.vr1-approach-prose{
  position:relative;
  padding-left:36px;
}

.vr1-approach-prose::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(0,132,209,.08),
    rgba(0,132,209,.52),
    rgba(0,132,209,.08)
  );
}

.vr1-approach-prose p{
  max-width:650px;
  margin:0;
  color:#536C7C;
  font-size:13px;
  line-height:1.82;
}

.vr1-approach-prose p + p{
  margin-top:18px;
}

/* =========================================================
   SERVICE SCOPE
   ========================================================= */

.vr1-scope{
  position:relative;
  padding:82px 0 86px;
  background:
    radial-gradient(circle at 82% 18%,rgba(0,132,209,.10),transparent 31%),
    linear-gradient(135deg,#052E47 0%,#00395B 52%,#042A42 100%);
}

.vr1-scope-head{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:center;
  margin-bottom:39px;
}

.vr1-scope-heading{
  grid-column:1;
}

.vr1-scope .vr1-eyebrow{
  color:#61CDF7;
}

.vr1-scope .vr1-title{
  color:#fff;
  font-size:40px;
}

.vr1-scope-intro{
  position:relative;
  grid-column:2 / 4;
  margin:0;
  padding-left:36px;
  padding-right:44px;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.72;
}

.vr1-scope-intro::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:48px;
  transform:translateY(-50%);
  background:linear-gradient(
    180deg,
    rgba(73,197,247,.10),
    rgba(73,197,247,.76),
    rgba(73,197,247,.10)
  );
}

.vr1-scope-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.vr1-scope-card{
  position:relative;
  min-height:272px;
  padding:29px 29px 27px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:linear-gradient(
    160deg,
    rgba(255,255,255,.065),
    rgba(255,255,255,.025)
  );
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:
    transform .32s ease,
    border-color .32s ease,
    background-color .32s ease;
}

.vr1-scope-card:hover{
  transform:translateY(-3px);
  border-color:rgba(73,197,247,.26);
  background:linear-gradient(
    160deg,
    rgba(255,255,255,.078),
    rgba(255,255,255,.032)
  );
}

.vr1-scope-card::after{
  content:"";
  position:absolute;
  right:-29px;
  bottom:-35px;
  width:190px;
  height:190px;
  opacity:.08;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.vr1-scope-card:nth-child(1)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%2379D4FA' stroke-width='2'%3E%3Cpath d='M30 112h140M50 112V67h100v45M76 67V44h48v23M42 112l16 23h84l16-23'/%3E%3Cpath d='M32 148c11 0 11-6 22-6s11 6 22 6 11-6 22-6 11 6 22 6 11-6 22-6 11 6 22 6'/%3E%3C/g%3E%3C/svg%3E");
}

.vr1-scope-card:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%2379D4FA' stroke-width='2'%3E%3Cpath d='M45 35h75l30 30v98H45zM120 35v30h30'/%3E%3Cpath d='M66 90h62M66 107h62M66 124h46'/%3E%3Ccircle cx='129' cy='139' r='24'/%3E%3Cpath d='M118 139l8 8 15-17'/%3E%3C/g%3E%3C/svg%3E");
}

.vr1-scope-card:nth-child(3)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%2379D4FA' stroke-width='2'%3E%3Ccircle cx='46' cy='139' r='10'/%3E%3Ccircle cx='100' cy='97' r='10'/%3E%3Ccircle cx='154' cy='54' r='10'/%3E%3Cpath d='M55 133l36-28M109 90l36-29' stroke-dasharray='6 6'/%3E%3Cpath d='M132 46h30v30M162 46l-26 26'/%3E%3C/g%3E%3C/svg%3E");
}

.vr1-scope-no{
  display:block;
  margin-bottom:30px;
  color:#55C8F5;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}

.vr1-scope-card h3{
  position:relative;
  z-index:2;
  margin:0;
  color:#fff;
  font-size:21px;
  line-height:1.17;
  letter-spacing:-.02em;
}

.vr1-scope-card p{
  position:relative;
  z-index:2;
  max-width:315px;
  margin:12px 0 0;
  color:rgba(255,255,255,.64);
  font-size:11px;
  line-height:1.65;
}

.vr1-scope-list{
  position:relative;
  z-index:2;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}

.vr1-scope-list li{
  position:relative;
  padding-left:14px;
  color:rgba(255,255,255,.82);
  font-size:10px;
  line-height:1.8;
}

.vr1-scope-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#47C7F6;
}

/* =========================================================
   START PREPARED
   ========================================================= */

.vr1-prepared{
  padding:88px 0 92px;
  background:
    linear-gradient(180deg,#FBFDFE 0%,#F4F8FB 100%);
}

.vr1-prepared-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:100px;
  align-items:end;
  margin-bottom:36px;
}

.vr1-prepared-copy{
  max-width:630px;
}

.vr1-prepared-description{
  max-width:610px;
  margin:0 0 6px;
  color:#607786;
  font-size:12px;
  line-height:1.72;
}

.vr1-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.vr1-info-card{
  position:relative;
  min-height:114px;
  overflow:hidden;
  padding:22px 23px;
  border:1px solid #DDE8EE;
  border-radius:6px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(8,48,72,.025);
}

.vr1-info-card::after{
  content:"";
  position:absolute;
  right:-11px;
  bottom:-15px;
  width:100px;
  height:100px;
  opacity:.045;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.vr1-info-card:nth-child(1)::after,
.vr1-info-card:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Cpath d='M15 62h70M25 62V38h50v24M38 38V24h24v14M20 62l9 14h42l9-14'/%3E%3C/g%3E%3C/svg%3E");
}

.vr1-info-card:nth-child(3)::after,
.vr1-info-card:nth-child(5)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Crect x='22' y='19' width='48' height='62' rx='5'/%3E%3Cpath d='M36 36h22M36 48h22M36 60h17'/%3E%3Cpath d='M48 29l6 6 14-15'/%3E%3C/g%3E%3C/svg%3E");
}

.vr1-info-card:nth-child(4)::after,
.vr1-info-card:nth-child(6)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Ccircle cx='25' cy='72' r='5'/%3E%3Ccircle cx='52' cy='50' r='5'/%3E%3Ccircle cx='79' cy='28' r='5'/%3E%3Cpath d='M30 68l17-14M57 46l17-14' stroke-dasharray='4 5'/%3E%3C/g%3E%3C/svg%3E");
}

.vr1-info-no{
  display:block;
  margin-bottom:13px;
  color:#0084D1;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}

.vr1-info-card b{
  position:relative;
  z-index:2;
  display:block;
  max-width:260px;
  color:#143A51;
  font-size:13px;
  line-height:1.35;
  font-weight:750;
}

/* =========================================================
   WORKFLOW
   ========================================================= */

.vr1-workflow{
  position:relative;
  padding:86px 0 91px;
  background:
    radial-gradient(circle at 50% 120%,rgba(0,132,209,.14),transparent 37%),
    linear-gradient(135deg,#052D45 0%,#003653 55%,#04283E 100%);
}

.vr1-workflow-head{
  width:100%;
  max-width:900px;
  margin:0 auto 68px;
  text-align:center;
}

.vr1-workflow .vr1-eyebrow{
  color:#61CDF7;
}

.vr1-workflow .vr1-title{
  color:#fff;
  font-size:42px;
}

.vr1-workflow-head p{
  max-width:710px;
  margin:17px auto 0;
  color:rgba(255,255,255,.67);
  font-size:11px;
  line-height:1.7;
}

.vr1-stepper{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding-top:44px;
}

.vr1-stepper::before{
  content:"";
  position:absolute;
  left:16.666%;
  right:16.666%;
  top:7px;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(73,197,247,.18),
    rgba(73,197,247,.52),
    rgba(73,197,247,.18)
  );
}

.vr1-step{
  position:relative;
  padding:9px 32px 0;
  text-align:center;
}

.vr1-step::before{
  content:"";
  position:absolute;
  left:50%;
  top:-44px;
  width:15px;
  height:15px;
  transform:translateX(-50%);
  border:3px solid #53CAF7;
  border-radius:50%;
  background:#07304A;
  box-shadow:0 0 0 5px rgba(0,132,209,.12);
}

.vr1-step span{
  display:block;
  margin-bottom:13px;
  color:#58CDF8;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

.vr1-step h3{
  margin:0;
  color:#fff;
  font-size:20px;
  line-height:1.2;
}

.vr1-step p{
  max-width:285px;
  margin:10px auto 0;
  color:rgba(255,255,255,.63);
  font-size:10.5px;
  line-height:1.65;
}

/* =========================================================
   RELATED
   ========================================================= */

.vr1-related{
  position:relative;
  padding:82px 0 84px;
  background:
    radial-gradient(circle at 15% 12%,rgba(0,132,209,.04),transparent 30%),
    linear-gradient(180deg,#FBFDFE 0%,#F4F8FB 100%);
}

.vr1-related-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:60px;
  align-items:end;
  margin-bottom:30px;
}

.vr1-related-head .vr1-title{
  font-size:42px;
}

.vr1-related-all{
  margin-bottom:7px;
  color:#0084D1;
  text-decoration:none;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.03em;
}

.vr1-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.vr1-related-card{
  position:relative;
  min-height:220px;
  overflow:hidden;
  padding:29px 27px 25px;
  border:1px solid #DBE6EC;
  border-radius:7px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(7,48,72,.035);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.vr1-related-card:hover{
  transform:translateY(-3px);
  border-color:#C5DDEA;
  box-shadow:0 17px 40px rgba(7,48,72,.07);
}

.vr1-related-card span{
  display:block;
  margin-bottom:31px;
  color:#0084D1;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

.vr1-related-card h3{
  margin:0;
  color:#092F46;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}

.vr1-related-card p{
  max-width:330px;
  margin:11px 0 0;
  color:#627988;
  font-size:11px;
  line-height:1.62;
}

.vr1-related-card b{
  position:absolute;
  left:27px;
  bottom:24px;
  color:#0084D1;
  font-size:9.5px;
  font-weight:850;
}

/* =========================================================
   FINAL CTA
   ========================================================= */

.vr1-final{
  background:#003B60;
}

.vr1-final-inner{
  min-height:208px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:70px;
  align-items:center;
}

.vr1-final span{
  display:block;
  margin-bottom:10px;
  color:#78D6FB;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.vr1-final h2{
  margin:0;
  color:#fff;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.035em;
}

.vr1-final p{
  max-width:690px;
  margin:11px 0 0;
  color:rgba(255,255,255,.68);
  font-size:11px;
  line-height:1.65;
}

.vr1-final-btn{
  min-width:176px;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:4px;
  color:#003B60;
  background:#fff;
  text-decoration:none;
  font-size:9.5px;
  line-height:1;
  font-weight:850;
  letter-spacing:.035em;
  transition:background-color .25s ease,color .25s ease,transform .25s ease;
}

.vr1-final-btn:hover{
  background:#EDF9FF;
  color:#002B49;
  transform:translateY(-1px);
}

/* =========================================================
   DESKTOP-FIRST SAFETY
   ========================================================= */

@media (max-width:1100px){
  .vr1-shell{
    width:min(calc(100% - 48px),var(--shell,1440px));
  }

  .vr1-hero-grid,
  .vr1-approach-grid,
  .vr1-prepared-head{
    gap:48px;
  }

  .vr1-hero h1{
    font-size:52px;
  }
}


/* ==========================================================
   VESSEL REGISTRATION — HERO SHELL ALIGNMENT
   Align hero content with header/logo and all page sections
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-hero .vr1-hero-grid{
    width:min(calc(100% - 96px),var(--shell,1440px)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .vr1-main .vr1-hero-copy{
    width:100% !important;
    max-width:760px !important;
  }

  .vr1-main .vr1-hero-panel{
    justify-self:end !important;
    margin-right:0 !important;
  }

}


/* ==========================================================
   VESSEL REGISTRATION — FINAL HERO IMAGE
   Uploaded aerial port image
   ========================================================== */

.vr1-main .vr1-hero::before{
  background:
    linear-gradient(
      90deg,
      rgba(2,26,42,.97) 0%,
      rgba(2,32,51,.90) 28%,
      rgba(2,36,56,.58) 52%,
      rgba(2,28,43,.20) 76%,
      rgba(2,25,39,.08) 100%
    ),
    url("/assets/images/aerial_nighttime_container_port_panorama.webp?v=20260922-174914") center center / cover no-repeat !important;
}


/* ==========================================================
   START PREPARED — DESKTOP PROPORTION & SYMMETRY
   Heading area only
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-prepared{
    padding-top:78px !important;
  }

  .vr1-main .vr1-prepared-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:72px !important;
    align-items:center !important;
    margin-bottom:38px !important;
  }

  .vr1-main .vr1-prepared-copy{
    width:100% !important;
    max-width:610px !important;
    margin:0 !important;
  }

  .vr1-main .vr1-prepared-copy .vr1-eyebrow{
    margin-bottom:14px !important;
  }

  .vr1-main .vr1-prepared-copy .vr1-title{
    max-width:600px !important;
    margin:0 !important;
    font-size:40px !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
  }

  .vr1-main .vr1-prepared-copy .vr1-rule{
    margin-top:18px !important;
    width:48px !important;
  }

  .vr1-main .vr1-prepared-description{
    position:relative !important;
    width:100% !important;
    max-width:610px !important;
    justify-self:end !important;
    align-self:center !important;

    margin:0 !important;
    padding:2px 34px 2px 36px !important;

    color:#526D7E !important;
    font-size:13px !important;
    line-height:1.72 !important;
  }

  .vr1-main .vr1-prepared-description::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;

    width:1px !important;
    height:48px !important;

    transform:translateY(-50%) !important;

    background:linear-gradient(
      180deg,
      rgba(0,132,209,.08),
      rgba(0,132,209,.55),
      rgba(0,132,209,.08)
    ) !important;
  }

}


/* SERVICE SCOPE — SLIGHTLY LARGER BULLET TEXT ONLY */
@media (min-width:1101px){

  .vr1-main .vr1-scope-list li{
    font-size:11.5px !important;
    line-height:1.75 !important;
  }

}


/* ==========================================================
   START PREPARED — PREMIUM NAVY HOVER + FIELD VECTORS
   Cards only
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-info-card{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    border:1px solid #D8E5EC !important;
    background:#FFFFFF !important;

    transition:
      transform .38s cubic-bezier(.22,.61,.36,1),
      border-color .38s ease,
      box-shadow .38s ease !important;
  }

  /* Animated navy fill + subtle technical maritime texture */
  .vr1-main .vr1-info-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;

    background-image:
      linear-gradient(
        145deg,
        rgba(4,46,72,.985) 0%,
        rgba(0,56,88,.98) 52%,
        rgba(2,42,66,.99) 100%
      ),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='120' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='%2349C5F7' stroke-opacity='.10' stroke-width='1'%3E%3Cpath d='M-20 29C17 12 46 12 82 29s65 17 101 0 65-17 101 0'/%3E%3Cpath d='M-20 55C17 38 46 38 82 55s65 17 101 0 65-17 101 0'/%3E%3Cpath d='M-20 81C17 64 46 64 82 81s65 17 101 0 65-17 101 0'/%3E%3Cpath d='M24 0v120M83 0v120M142 0v120M201 0v120' stroke-opacity='.035'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-repeat:no-repeat,repeat !important;
    background-size:cover,220px 120px !important;

    transform:scaleY(0) !important;
    transform-origin:bottom center !important;

    transition:
      transform .44s cubic-bezier(.22,.61,.36,1) !important;
  }

  .vr1-main .vr1-info-card > *{
    position:relative !important;
    z-index:3 !important;
  }

  .vr1-main .vr1-info-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(0,132,209,.42) !important;

    box-shadow:
      0 18px 38px rgba(4,43,67,.13),
      0 5px 14px rgba(4,43,67,.06) !important;
  }

  .vr1-main .vr1-info-card:hover::before{
    transform:scaleY(1) !important;
  }

  .vr1-main .vr1-info-no{
    transition:color .32s ease !important;
  }

  .vr1-main .vr1-info-card b{
    transition:color .32s ease !important;
  }

  .vr1-main .vr1-info-card:hover .vr1-info-no{
    color:#62D0FA !important;
  }

  .vr1-main .vr1-info-card:hover b{
    color:#FFFFFF !important;
  }

  /* Main field vector */
  .vr1-main .vr1-info-card::after{
    z-index:2 !important;
    right:10px !important;
    bottom:-4px !important;
    width:112px !important;
    height:112px !important;

    opacity:.055 !important;

    transition:
      opacity .38s ease,
      transform .44s cubic-bezier(.22,.61,.36,1),
      filter .38s ease !important;
  }

  .vr1-main .vr1-info-card:hover::after{
    opacity:.20 !important;
    transform:translate(-4px,-4px) scale(1.06) !important;
    filter:brightness(1.35) !important;
  }


  /* -------------------------------------------------------
     01 — VESSEL PARTICULARS
     vessel profile / hull
     ------------------------------------------------------- */

  .vr1-main .vr1-info-card:nth-child(1)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 71h84l-12 19H32L18 71z'/%3E%3Cpath d='M33 71V48h48v23M45 48V35h23v13'/%3E%3Cpath d='M29 92c7 0 7 4 14 4s7-4 14-4 7 4 14 4 7-4 14-4 7 4 14 4'/%3E%3Cpath d='M42 58h9M57 58h9M72 58h7'/%3E%3C/g%3E%3C/svg%3E") !important;
  }


  /* -------------------------------------------------------
     02 — CURRENT FLAG / REGISTRATION
     maritime flag
     ------------------------------------------------------- */

  .vr1-main .vr1-info-card:nth-child(2)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M35 98V24'/%3E%3Cpath d='M36 29c17-11 30 11 50 0v35c-20 11-33-11-50 0V29z'/%3E%3Cpath d='M25 99h21'/%3E%3Ccircle cx='35' cy='20' r='4'/%3E%3C/g%3E%3C/svg%3E") !important;
  }


  /* -------------------------------------------------------
     03 — OWNERSHIP INFORMATION
     owner / identification document
     ------------------------------------------------------- */

  .vr1-main .vr1-info-card:nth-child(3)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='24' y='26' width='72' height='68' rx='7'/%3E%3Ccircle cx='47' cy='52' r='10'/%3E%3Cpath d='M32 77c4-9 9-13 15-13s11 4 15 13'/%3E%3Cpath d='M68 46h18M68 57h18M68 68h14'/%3E%3Cpath d='M76 26l8 8 12-14'/%3E%3C/g%3E%3C/svg%3E") !important;
  }


  /* -------------------------------------------------------
     04 — TRADING / OPERATING PROFILE
     route / navigation
     ------------------------------------------------------- */

  .vr1-main .vr1-info-card:nth-child(4)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='28' cy='86' r='7'/%3E%3Ccircle cx='88' cy='31' r='7'/%3E%3Cpath d='M35 81c12-9 17-18 27-25 9-7 15-10 20-19' stroke-dasharray='5 6'/%3E%3Cpath d='M73 25h22v22M95 25L72 48'/%3E%3Cpath d='M21 61c10 0 10-5 20-5s10 5 20 5' opacity='.65'/%3E%3C/g%3E%3C/svg%3E") !important;
  }


  /* -------------------------------------------------------
     05 — AVAILABLE VESSEL DOCUMENTS
     stacked certificates / documents
     ------------------------------------------------------- */

  .vr1-main .vr1-info-card:nth-child(5)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='27' y='25' width='55' height='67' rx='5'/%3E%3Cpath d='M43 42h23M43 54h23M43 66h16'/%3E%3Cpath d='M41 25v-8h52v66h-11'/%3E%3Ccircle cx='69' cy='80' r='12'/%3E%3Cpath d='M64 80l4 4 7-9'/%3E%3C/g%3E%3C/svg%3E") !important;
  }


  /* -------------------------------------------------------
     06 — REQUIRED TIMING
     clock / schedule
     ------------------------------------------------------- */

  .vr1-main .vr1-info-card:nth-child(6)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='60' cy='61' r='34'/%3E%3Cpath d='M60 42v21l15 9'/%3E%3Cpath d='M48 18h24M60 18v9'/%3E%3Cpath d='M89 33l7-7M31 33l-7-7'/%3E%3C/g%3E%3C/svg%3E") !important;
  }

}


/* ==========================================================
   VESSEL REGISTRATION — WORKFLOW LINE
   Elegant continuous left-to-right glow
   ========================================================== */

@media (min-width:1101px){

  /* line wrapper */
  .vr1-main .vr1-process-track,
  .vr1-main .vr1-workflow-line,
  .vr1-main .vr1-timeline-line{
    position: relative !important;
    overflow: visible !important;
  }

  /* base line */
  .vr1-main .vr1-process-track::before,
  .vr1-main .vr1-workflow-line::before,
  .vr1-main .vr1-timeline-line::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    height: 2px !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: linear-gradient(
      90deg,
      rgba(79,187,244,.30) 0%,
      rgba(79,187,244,.50) 50%,
      rgba(79,187,244,.30) 100%
    ) !important;
    box-shadow:
      0 0 0 1px rgba(79,187,244,.05),
      0 0 8px rgba(79,187,244,.10) !important;
    z-index: 1 !important;
  }

  /* animated glow streak */
  .vr1-main .vr1-process-track::after,
  .vr1-main .vr1-workflow-line::after,
  .vr1-main .vr1-timeline-line::after{
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -18% !important;
    width: 18% !important;
    height: 10px !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    z-index: 2 !important;
    pointer-events: none !important;

    background: linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(123,214,255,.18) 18%,
      rgba(170,232,255,.72) 50%,
      rgba(123,214,255,.18) 82%,
      rgba(255,255,255,0) 100%
    ) !important;

    filter: blur(1.5px) !important;
    box-shadow:
      0 0 10px rgba(108,209,255,.22),
      0 0 22px rgba(108,209,255,.14),
      0 0 36px rgba(108,209,255,.10) !important;

    animation: vr1WorkflowGlow 5.8s linear infinite !important;
  }

  @keyframes vr1WorkflowGlow{
    0%{
      left:-18%;
      opacity:0;
    }
    6%{
      opacity:.55;
    }
    14%{
      opacity:.95;
    }
    50%{
      opacity:.82;
    }
    86%{
      opacity:.95;
    }
    94%{
      opacity:.55;
    }
    100%{
      left:100%;
      opacity:0;
    }
  }

  /* nodes slightly more premium */
  .vr1-main .vr1-process-node,
  .vr1-main .vr1-timeline-node,
  .vr1-main .vr1-step-node{
    position: relative !important;
    z-index: 3 !important;
    box-shadow:
      0 0 0 4px rgba(79,187,244,.06),
      0 0 14px rgba(79,187,244,.10) !important;
  }
}


/* ==========================================================
   WORKFLOW — EXACT CONTINUOUS LINE GLOW
   Uses actual .vr1-stepper structure
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-stepper{
    position:relative !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

  /* Existing static connecting line */
  .vr1-main .vr1-stepper::before{
    content:"" !important;
    position:absolute !important;
    left:16.666666% !important;
    right:16.666666% !important;
    top:7px !important;

    height:1px !important;
    border-radius:999px !important;

    background:linear-gradient(
      90deg,
      rgba(73,197,247,.18) 0%,
      rgba(73,197,247,.42) 50%,
      rgba(73,197,247,.18) 100%
    ) !important;

    box-shadow:none !important;
    z-index:1 !important;
  }

  /* Moving premium glow */
  .vr1-main .vr1-stepper::after{
    content:"" !important;
    position:absolute !important;

    left:16.666666% !important;
    top:4px !important;

    width:12% !important;
    height:7px !important;

    border-radius:999px !important;
    pointer-events:none !important;
    z-index:2 !important;

    background:linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(92,205,249,.06) 12%,
      rgba(110,216,255,.22) 28%,
      rgba(167,235,255,.58) 44%,
      rgba(235,250,255,.92) 52%,
      rgba(167,235,255,.58) 60%,
      rgba(110,216,255,.22) 76%,
      rgba(92,205,249,.06) 90%,
      rgba(255,255,255,0) 100%
    ) !important;

    box-shadow:
      0 0 5px rgba(116,218,255,.28),
      0 0 12px rgba(73,197,247,.16),
      0 0 22px rgba(0,132,209,.08) !important;

    opacity:0;
    will-change:transform,opacity !important;

    animation:
      vr1WorkflowLineTravel 6.5s linear infinite !important;
  }

  /* Keep timeline dots above moving light */
  .vr1-main .vr1-step::before{
    z-index:5 !important;
  }

}

@keyframes vr1WorkflowLineTravel{

  0%{
    transform:translateX(-100%);
    opacity:0;
  }

  7%{
    opacity:.35;
  }

  16%{
    opacity:.78;
  }

  45%{
    opacity:.92;
  }

  75%{
    opacity:.82;
  }

  92%{
    opacity:.35;
  }

  100%{
    transform:translateX(556%);
    opacity:0;
  }

}


/* ==========================================================
   WORKFLOW — THIN ELEGANT ANIMATED LINE
   Glow travels inside the actual 1px line
   ========================================================== */

@media (min-width:1101px){

  /* remove previous thick travelling glow */
  .vr1-main .vr1-stepper::after{
    content:none !important;
    display:none !important;
    animation:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  /* animate the actual connecting line */
  .vr1-main .vr1-stepper::before{
    content:"" !important;

    position:absolute !important;
    left:16.666666% !important;
    right:16.666666% !important;
    top:7px !important;

    height:1px !important;
    border-radius:0 !important;

    background-image:linear-gradient(
      90deg,
      rgba(73,197,247,.22) 0%,
      rgba(73,197,247,.27) 34%,
      rgba(105,211,251,.42) 43%,
      rgba(176,235,255,.72) 48%,
      rgba(236,251,255,.95) 50%,
      rgba(176,235,255,.72) 52%,
      rgba(105,211,251,.42) 57%,
      rgba(73,197,247,.27) 66%,
      rgba(73,197,247,.22) 100%
    ) !important;

    background-size:260% 100% !important;
    background-position:130% 0;

    box-shadow:
      0 0 3px rgba(73,197,247,.18) !important;

    opacity:1 !important;
    z-index:1 !important;

    animation:
      vr1ThinWorkflowGlow 6.8s linear infinite !important;
  }

  /* keep nodes cleanly above line */
  .vr1-main .vr1-step::before{
    z-index:5 !important;
  }

}

@keyframes vr1ThinWorkflowGlow{
  0%{
    background-position:130% 0;
  }

  100%{
    background-position:-130% 0;
  }
}


/* ==========================================================
   VESSEL REGISTRATION — INSTANT CONTENT RENDER
   Do not wait for global data-reveal Javascript
   ========================================================== */

.vr1-main [data-reveal]{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

/* Prevent reveal system from delaying first paint */
.vr1-main [data-reveal],
.vr1-main [data-reveal].visible,
.vr1-main [data-reveal].is-visible,
.vr1-main [data-reveal].revealed{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

/* Hero must paint immediately */
.vr1-main .vr1-hero-copy,
.vr1-main .vr1-hero-panel{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}


/* ==========================================================
   WORKFLOW — FINAL THIN CONTINUOUS GLOW
   1px line + 1px travelling highlight
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-stepper{
    position:relative !important;
    overflow:visible !important;
  }

  /* Static thin rail */
  .vr1-main .vr1-stepper::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    left:16.666666% !important;
    right:16.666666% !important;
    top:7px !important;

    width:auto !important;
    height:1px !important;

    background:rgba(86,190,238,.30) !important;
    background-image:none !important;
    background-size:auto !important;
    background-position:0 0 !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:0 0 3px rgba(73,197,247,.12) !important;

    opacity:1 !important;
    animation:none !important;
    transform:none !important;
    z-index:1 !important;
  }

  /* Moving light — SAME 1PX THICKNESS AS LINE */
  .vr1-main .vr1-stepper::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    left:16.666666% !important;
    top:7px !important;

    width:12% !important;
    height:1px !important;

    border:0 !important;
    border-radius:0 !important;

    background:linear-gradient(
      90deg,
      rgba(105,211,251,0) 0%,
      rgba(105,211,251,.20) 18%,
      rgba(132,222,255,.52) 35%,
      rgba(218,247,255,1) 50%,
      rgba(132,222,255,.52) 65%,
      rgba(105,211,251,.20) 82%,
      rgba(105,211,251,0) 100%
    ) !important;

    box-shadow:
      0 0 2px rgba(181,236,255,.55),
      0 0 5px rgba(73,197,247,.28) !important;

    filter:none !important;
    opacity:1 !important;

    pointer-events:none !important;
    z-index:2 !important;

    will-change:transform !important;

    animation:
      vr1FinalThinLineTravel 5.2s linear infinite !important;
  }

  /* Nodes stay above the animated line */
  .vr1-main .vr1-step::before{
    z-index:5 !important;
  }

}

@keyframes vr1FinalThinLineTravel{

  0%{
    transform:translateX(-100%);
    opacity:0;
  }

  7%{
    opacity:1;
  }

  93%{
    opacity:1;
  }

  100%{
    transform:translateX(555%);
    opacity:0;
  }

}


/* ==========================================================
   WORKFLOW GLOW — EXACT CIRCLE 01 → CIRCLE 03 TRAVEL
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-stepper::after{
    left:16.666666% !important;
    width:12% !important;
    height:1px !important;
    top:7px !important;

    animation:
      vr1CircleToCircleGlow 5.6s ease-in-out infinite !important;
  }

}

@keyframes vr1CircleToCircleGlow{

  /* glow centre begins exactly on circle 01 */
  0%{
    transform:translateX(-50%);
    opacity:0;
  }

  5%{
    opacity:.65;
  }

  12%{
    opacity:1;
  }

  50%{
    opacity:1;
  }

  88%{
    opacity:1;
  }

  95%{
    opacity:.65;
  }

  /* glow centre finishes exactly on circle 03 */
  100%{
    transform:translateX(505.555%);
    opacity:0;
  }

}


/* ==========================================================
   RELATED SERVICES
   Premium photographic backgrounds + navy hover
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-related-card{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    min-height:245px !important;

    background-color:#fff !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center !important;

    border:1px solid #D8E5EC !important;

    transition:
      transform .38s cubic-bezier(.22,.61,.36,1),
      border-color .38s ease,
      box-shadow .38s ease !important;
  }


  /* ---------------------------------------------
     CARD IMAGES
     --------------------------------------------- */

  .vr1-main .vr1-related-card:nth-child(1){
    background-image:
      url("/assets/images/services/related/related-surveys-certification.webp") !important;
    background-position:center 52% !important;
  }

  .vr1-main .vr1-related-card:nth-child(2){
    background-image:
      url("/assets/images/services/related/related-advisory-compliance.webp") !important;
    background-position:center 46% !important;
  }

  .vr1-main .vr1-related-card:nth-child(3){
    background-image:
      url("/assets/images/services/related/related-flag-states.webp") !important;
    background-position:center center !important;
  }


  /* ---------------------------------------------
     NORMAL LIGHT FADE
     Keeps image subtle and text very readable
     --------------------------------------------- */

  .vr1-main .vr1-related-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 36%,
        rgba(255,255,255,.77) 68%,
        rgba(255,255,255,.46) 100%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.22)
      ) !important;

    transition:
      background .42s ease,
      opacity .42s ease !important;
  }


  /* subtle internal depth */
  .vr1-main .vr1-related-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;

    background:
      radial-gradient(
        circle at 84% 22%,
        rgba(0,132,209,.08),
        transparent 34%
      ) !important;

    opacity:.7 !important;
    transition:opacity .4s ease !important;
  }


  /* content above overlays */
  .vr1-main .vr1-related-card > *{
    position:relative !important;
    z-index:3 !important;
  }


  /* ---------------------------------------------
     HOVER
     --------------------------------------------- */

  .vr1-main .vr1-related-card:hover{
    transform:translateY(-5px) !important;

    border-color:rgba(73,197,247,.54) !important;

    box-shadow:
      0 18px 42px rgba(4,43,67,.15),
      0 5px 14px rgba(4,43,67,.07) !important;
  }

  .vr1-main .vr1-related-card:hover::before{
    background:
      linear-gradient(
        90deg,
        rgba(3,40,63,.97) 0%,
        rgba(3,47,73,.94) 48%,
        rgba(2,53,82,.83) 76%,
        rgba(2,46,71,.70) 100%
      ) !important;
  }

  .vr1-main .vr1-related-card:hover::after{
    opacity:0 !important;
  }


  /* ---------------------------------------------
     TYPOGRAPHY TRANSITION
     --------------------------------------------- */

  .vr1-main .vr1-related-card span,
  .vr1-main .vr1-related-card h3,
  .vr1-main .vr1-related-card p,
  .vr1-main .vr1-related-card b{
    transition:
      color .34s ease,
      transform .34s ease !important;
  }

  .vr1-main .vr1-related-card:hover span{
    color:#62D1FB !important;
  }

  .vr1-main .vr1-related-card:hover h3{
    color:#FFFFFF !important;
  }

  .vr1-main .vr1-related-card:hover p{
    color:rgba(255,255,255,.78) !important;
  }

  .vr1-main .vr1-related-card:hover b{
    color:#65D1FB !important;
    transform:translateX(4px) !important;
  }

}


/* ==========================================================
   RELATED SERVICES — CLEAN HOVER
   Remove blue overlay, retain elegant hover movement
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-related-card{
    transition:
      transform .38s cubic-bezier(.22,.61,.36,1),
      border-color .38s ease,
      box-shadow .38s ease,
      background-size .55s cubic-bezier(.22,.61,.36,1) !important;
  }

  /* Keep same light image treatment on hover */
  .vr1-main .vr1-related-card:hover::before{
    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 36%,
        rgba(255,255,255,.77) 68%,
        rgba(255,255,255,.46) 100%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.22)
      ) !important;

    opacity:1 !important;
  }

  .vr1-main .vr1-related-card:hover::after{
    opacity:.72 !important;
  }

  /* Elegant physical hover only */
  .vr1-main .vr1-related-card:hover{
    transform:translateY(-4px) !important;

    border-color:#BED7E5 !important;

    box-shadow:
      0 17px 38px rgba(4,43,67,.10),
      0 4px 12px rgba(4,43,67,.045) !important;

    background-size:104% auto !important;
  }

  /* Keep original text colors */
  .vr1-main .vr1-related-card:hover span{
    color:#0084D1 !important;
  }

  .vr1-main .vr1-related-card:hover h3{
    color:#092F46 !important;
  }

  .vr1-main .vr1-related-card:hover p{
    color:#627988 !important;
  }

  .vr1-main .vr1-related-card:hover b{
    color:#0084D1 !important;
    transform:translateX(4px) !important;
  }

}


/* ==========================================================
   RELATED SERVICES — FIX EXPLORE LINK POSITION
   ========================================================== */

@media (min-width:1101px){

  .vr1-main .vr1-related-card{
    padding:29px 27px 27px !important;
  }

  .vr1-main .vr1-related-card p{
    margin:11px 0 0 !important;
    padding:0 0 42px 0 !important;
    max-width:330px !important;
  }

  .vr1-main .vr1-related-card b{
    position:absolute !important;
    left:27px !important;
    bottom:25px !important;
    top:auto !important;

    margin:0 !important;
    padding:0 !important;

    z-index:4 !important;

    color:#0084D1 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:850 !important;
  }

  .vr1-main .vr1-related-card:hover b{
    transform:translateX(4px) !important;
  }

}