/* Original Lawfer Academy section styles supplied through the user-owned FutureMirror reference. */


/* =========================================================
   LAWFER ACADEMY HERO
   ========================================================= */

.lawfer-hero {
  --lawfer-primary: #08003D;
  --lawfer-white: #ffffff;
  --lawfer-light: #f5f4fa;

  width: 100%;
  background: var(--lawfer-primary);
  color: var(--lawfer-white);
  overflow: hidden;

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

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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


/* =========================
   CONTAINER
   ========================= */

.lawfer-hero-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;

  padding: clamp(50px, 6vw, 90px)
           clamp(20px, 6vw, 90px);

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(360px, 0.95fr);

  align-items: center;

  gap: clamp(40px, 6vw, 90px);
}


/* =========================
   CONTENT
   ========================= */

.lawfer-hero-content {
  min-width: 0;
  position: relative;
  z-index: 2;
}

.lawfer-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 22px;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.4px;
  line-height: 1;

  color: rgba(255,255,255,0.68);
}

.lawfer-eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  flex: 0 0 28px;

  background: #ffffff;
  opacity: 0.7;
}


/* =========================
   HEADING
   ========================= */

.lawfer-hero h1 {
  margin: 0;
  padding: 0;

  max-width: 780px;

  font-family: "Poppins", sans-serif;
  font-size: clamp(44px, 5.6vw, 80px);
  line-height: 1.04;
  font-weight: 700;

  letter-spacing: -2.8px;

  color: #ffffff;
}

.lawfer-hero h1 span {
  display: block;
  color: rgba(255,255,255,0.68);
}


/* =========================
   DESCRIPTION
   ========================= */

.lawfer-hero-description {
  max-width: 650px;

  margin: 28px 0 30px;

  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.45vw, 18px);
  line-height: 1.75;
  font-weight: 400;

  color: rgba(255,255,255,0.78);
}


/* =========================
   BUTTONS
   ========================= */

.lawfer-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
}

.lawfer-primary-btn,
.lawfer-secondary-btn {
  min-height: 52px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 22px;

  border-radius: 9px;

  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;

  text-decoration: none !important;

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

.lawfer-primary-btn {
  gap: 13px;

  background: #ffffff;
  color: var(--lawfer-primary) !important;
}

.lawfer-primary-btn span {
  font-size: 20px;
  line-height: 1;

  transition: transform .2s ease;
}

.lawfer-primary-btn:hover {
  transform: translateY(-2px);
  background: #f3f3f7;
}

.lawfer-primary-btn:hover span {
  transform: translateX(4px);
}

.lawfer-secondary-btn {
  color: #ffffff !important;

  background: transparent;

  border: 1px solid rgba(255,255,255,0.26);
}

.lawfer-secondary-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.55);
}


/* =========================
   TRUST ITEMS
   ========================= */

.lawfer-trust {
  margin-top: 52px;

  display: flex;
  align-items: stretch;
  flex-wrap: wrap;

  gap: 19px;
}

.lawfer-trust-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.lawfer-trust-item strong {
  margin: 0;

  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;

  color: #ffffff;
}

.lawfer-trust-item span {
  margin: 0;

  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;

  color: rgba(255,255,255,0.48);
}

.lawfer-trust-line {
  width: 1px;
  background: rgba(255,255,255,0.17);
}


/* =========================
   IMAGE AREA
   ========================= */

.lawfer-hero-media {
  position: relative;

  min-width: 0;

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

  padding: 8px 15px 30px 10px;
}


/* =========================
   IMAGE BOX
   ========================= */

.lawfer-image-box {
  width: 100%;
  max-width: 580px;

  aspect-ratio: 0.86 / 1;

  position: relative;

  overflow: hidden;

  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      #18134a 0%,
      #100941 100%
    );

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

.lawfer-image-box img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  position: relative;
  z-index: 2;
}


/* =========================
   PLACEHOLDER
   ========================= */

.lawfer-image-placeholder {
  position: absolute;
  inset: 0;

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

  z-index: 1;

  color: rgba(255,255,255,0.18);

  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
}

.lawfer-image-box:has(img[src=""]) .lawfer-image-placeholder {
  display: flex;
}


/* =========================
   IMAGE OVERLAY
   ========================= */

.lawfer-image-overlay {
  position: absolute;
  inset: 0;

  z-index: 3;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(8,0,61,0) 30%,
      rgba(8,0,61,0.78) 100%
    );
}


/* =========================
   IMAGE TEXT
   ========================= */

.lawfer-image-content {
  position: absolute;

  left: 27px;
  right: 27px;
  bottom: 26px;

  z-index: 4;

  display: flex;
  flex-direction: column;

  gap: 7px;
}

.lawfer-image-content small {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 2px;

  color: rgba(255,255,255,0.65);
}

.lawfer-image-content strong {
  max-width: 370px;

  font-size: clamp(18px, 2vw, 27px);
  line-height: 1.3;
  font-weight: 500;

  color: #ffffff;
}


/* =========================
   FLOATING CARD
   ========================= */

.lawfer-floating-card {
  position: absolute;

  left: -5px;
  bottom: 0;

  width: 130px;
  min-height: 130px;

  padding: 19px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  border-radius: 17px;

  background: #ffffff;

  color: var(--lawfer-primary);

  box-shadow:
    0 17px 40px rgba(0,0,0,0.23);
}

.lawfer-floating-number {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.6px;

  color: rgba(8,0,61,0.48);
}

.lawfer-floating-card strong {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}


/* =========================================================
   1200px
   ========================================================= */

@media (max-width: 1200px) {

  .lawfer-hero-container {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(350px, 0.82fr);

    gap: 45px;
  }

  .lawfer-hero h1 {
    font-size: clamp(44px, 5.5vw, 70px);
  }

  .lawfer-floating-card {
    left: -4px;
  }

}


/* =========================================================
   900px — TABLET
   ========================================================= */

@media (max-width: 900px) {

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

    padding:
      64px
      6%
      70px;

    gap: 52px;
  }

  .lawfer-hero-content {
    max-width: 760px;
  }

  .lawfer-hero h1 {
    font-size: clamp(46px, 7vw, 68px);
  }

  .lawfer-hero-description {
    max-width: 650px;
  }

  .lawfer-hero-media {
    padding:
      5px
      45px
      30px;
  }

  .lawfer-image-box {
    max-width: 620px;
  }

}


/* =========================================================
   600px — MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .lawfer-hero-container {
    padding:
      46px
      20px
      52px;

    gap: 42px;
  }

  .lawfer-eyebrow {
    margin-bottom: 17px;

    font-size: 10px;
    letter-spacing: 1.9px;
  }

  .lawfer-eyebrow::before {
    width: 21px;
    flex-basis: 21px;
  }

  .lawfer-hero h1 {
    font-size: clamp(38px, 11.8vw, 53px);
    line-height: 1.05;
    letter-spacing: -1.7px;
  }

  .lawfer-hero-description {
    margin-top: 20px;
    margin-bottom: 24px;

    font-size: 14px;
    line-height: 1.72;
  }

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

    flex-direction: column;
    align-items: stretch;
  }

  .lawfer-primary-btn,
  .lawfer-secondary-btn {
    width: 100%;
    min-height: 51px;
  }

  .lawfer-trust {
    margin-top: 36px;

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

    gap: 20px 16px;
  }

  .lawfer-trust-line {
    display: none;
  }

  .lawfer-hero-media {
    padding:
      0
      8px
      28px;
  }

  .lawfer-image-box {
    width: 100%;
    max-width: 520px;

    aspect-ratio: 0.88 / 1;

    border-radius: 19px;
  }

  .lawfer-image-content {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .lawfer-image-content strong {
    font-size: 19px;
  }

  .lawfer-floating-card {
    left: 1px;
    bottom: 0;

    width: 105px;
    min-height: 105px;

    padding: 16px;

    border-radius: 14px;
  }

  .lawfer-floating-card strong {
    font-size: 11px;
  }

}


/* =========================================================
   380px — SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-hero-container {
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .lawfer-hero-description {
    font-size: 13px;
  }

  .lawfer-trust {
    grid-template-columns: 1fr;
  }

  .lawfer-hero-media {
    padding-left: 0;
    padding-right: 0;
  }

  .lawfer-floating-card {
    left: -2px;
  }

}


/* =========================================================
   TOUCH DEVICES
   ========================================================= */

@media (hover: none) {

  .lawfer-primary-btn:hover,
  .lawfer-secondary-btn:hover {
    transform: none;
  }

}




/* =========================================================
   LAWFER ACADEMY — FEATURED COURSES
   ========================================================= */

.lawfer-featured-courses {

  --lfc-primary: #08003D;
  --lfc-white: #FFFFFF;
  --lfc-bg: #F7F7FA;
  --lfc-border: #E7E7ED;
  --lfc-muted: #6B6B73;

  width: 100%;

  background: var(--lfc-bg);

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


.lawfer-featured-courses *,
.lawfer-featured-courses *::before,
.lawfer-featured-courses *::after {
  box-sizing: border-box;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.lfc-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(70px, 8vw, 115px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lfc-header {

  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 30px;

  margin-bottom: 45px;
}


.lfc-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 18px;

  color: rgba(8,0,61,.55);

  font-size: 11px;
  font-weight: 600;

  letter-spacing: 2.2px;
  line-height: 1;
}


.lfc-label::before {

  content: "";

  width: 25px;
  height: 2px;

  background: var(--lfc-primary);
}


.lfc-header h2 {

  margin: 0;

  max-width: 720px;

  color: var(--lfc-primary);

  font-size: clamp(39px, 5vw, 64px);

  line-height: 1.05;

  letter-spacing: -2.3px;

  font-weight: 700;
}


.lfc-header h2 span {

  display: block;

  color: rgba(8,0,61,.4);
}


/* =========================================================
   VIEW ALL
   ========================================================= */

.lfc-view-all {

  display: inline-flex;

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

  gap: 10px;

  padding: 13px 17px;

  border: 1px solid var(--lfc-border);
  border-radius: 8px;

  background: var(--lfc-white);

  color: var(--lfc-primary) !important;

  font-size: 12px;
  font-weight: 600;

  text-decoration: none !important;

  white-space: nowrap;

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


.lfc-view-all span {

  font-size: 18px;

  line-height: 1;
}


.lfc-view-all:hover {

  border-color: var(--lfc-primary);

  transform: translateY(-2px);
}


/* =========================================================
   COURSE GRID
   ========================================================= */

.lfc-grid {

  display: grid;

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

  gap: 20px;

  align-items: stretch;
}


/* =========================================================
   COURSE CARD
   ========================================================= */

.lfc-card {

  min-width: 0;

  display: flex;

  flex-direction: column;

  overflow: hidden;

  background: var(--lfc-white);

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

  border-radius: 17px;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.lfc-card:hover {

  transform: translateY(-5px);

  box-shadow:
    0 20px 50px rgba(8,0,61,.08);
}


/* =========================================================
   CARD IMAGE
   ========================================================= */

.lfc-card-image {

  position: relative;

  width: 100%;

  aspect-ratio: 1.42 / 1;

  overflow: hidden;

  background: #E8E7EF;
}


.lfc-image-placeholder {

  position: absolute;

  inset: 0;

  display: flex;

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

  background:
    linear-gradient(
      135deg,
      #E8E7EF 0%,
      #D8D7E2 100%
    );

  color: rgba(8,0,61,.30);

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 2px;
}


.lfc-card-tag {

  position: absolute;

  top: 16px;
  left: 16px;

  padding: 7px 10px;

  border-radius: 6px;

  background: rgba(255,255,255,.95);

  color: var(--lfc-primary);

  font-size: 9px;

  font-weight: 600;

  letter-spacing: .35px;

  text-transform: uppercase;
}


/* =========================================================
   CARD BODY
   ========================================================= */

.lfc-card-body {

  flex: 1;

  display: flex;

  flex-direction: column;

  padding: 25px;
}


.lfc-card-meta {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 7px;

  margin-bottom: 13px;

  color: #85858D;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: .3px;

  text-transform: uppercase;
}


.lfc-card-body h3 {

  margin: 0;

  max-width: 420px;

  color: var(--lfc-primary);

  font-size: 22px;

  line-height: 1.25;

  letter-spacing: -.6px;

  font-weight: 600;
}


.lfc-card-body p {

  margin: 14px 0 22px;

  color: var(--lfc-muted);

  font-size: 12.5px;

  line-height: 1.75;

  font-weight: 400;
}


/* =========================================================
   CARD BOTTOM
   ========================================================= */

.lfc-card-bottom {

  margin-top: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  padding-top: 17px;

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


.lfc-course-type {

  color: rgba(8,0,61,.45);

  font-size: 10px;

  font-weight: 600;

  letter-spacing: .5px;

  text-transform: uppercase;
}


.lfc-course-link {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  color: var(--lfc-primary) !important;

  font-size: 11px;

  font-weight: 600;

  text-decoration: none !important;

  white-space: nowrap;
}


.lfc-course-link span {

  font-size: 16px;

  line-height: 1;

  transition: transform .2s ease;
}


.lfc-course-link:hover span {

  transform: translateX(4px);
}


/* =========================================================
   BOTTOM CTA
   ========================================================= */

.lfc-bottom {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 40px;
}


.lfc-bottom p {

  max-width: 620px;

  margin: 0;

  color: #74747C;

  font-size: 13px;

  line-height: 1.7;
}


.lfc-main-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: var(--lfc-primary) !important;

  font-size: 12px;

  font-weight: 600;

  text-decoration: none !important;

  white-space: nowrap;
}


.lfc-main-link span {

  font-size: 18px;

  line-height: 1;

  transition: transform .2s ease;
}


.lfc-main-link:hover span {

  transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .lfc-grid {

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

    gap: 18px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .lfc-container {

    padding:
      65px
      20px;
  }


  .lfc-header {

    align-items: flex-start;

    flex-direction: column;

    gap: 25px;

    margin-bottom: 32px;
  }


  .lfc-label {

    margin-bottom: 15px;

    font-size: 10px;

    letter-spacing: 1.8px;
  }


  .lfc-label::before {

    width: 21px;
  }


  .lfc-header h2 {

    font-size: 39px;

    line-height: 1.07;

    letter-spacing: -1.7px;
  }


  .lfc-view-all {

    padding: 12px 15px;

    font-size: 11px;
  }


  .lfc-grid {

    grid-template-columns: 1fr;

    gap: 18px;
  }


  .lfc-card-image {

    aspect-ratio: 1.35 / 1;
  }


  .lfc-card-body {

    padding: 21px;
  }


  .lfc-card-body h3 {

    font-size: 20px;

    line-height: 1.28;
  }


  .lfc-card-body p {

    font-size: 12px;

    line-height: 1.75;
  }


  .lfc-bottom {

    align-items: flex-start;

    flex-direction: column;

    gap: 18px;

    margin-top: 30px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lfc-container {

    padding-left: 16px;
    padding-right: 16px;
  }


  .lfc-header h2 {

    font-size: 35px;

    letter-spacing: -1.5px;
  }


  .lfc-card-body h3 {

    font-size: 19px;
  }

}




/* =========================================================
   LAWFER ACADEMY — BEYOND THE DEGREE
   ========================================================= */

.lawfer-fomo {

  --lf-primary: #08003D;
  --lf-white: #FFFFFF;
  --lf-soft-white: rgba(255,255,255,0.68);
  --lf-border: rgba(255,255,255,0.16);

  width: 100%;

  background: var(--lf-primary);

  color: #FFFFFF;

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
}


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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-fomo-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 120px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lawfer-fomo-header {

  max-width: 850px;

  margin-bottom: 55px;
}


.lawfer-fomo-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 19px;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 2px;

  color: rgba(255,255,255,0.55);
}


.lawfer-fomo-label::before {

  content: "";

  width: 25px;

  height: 2px;

  background: #FFFFFF;
}


.lawfer-fomo-header h2 {

  margin: 0;

  max-width: 820px;

  font-size: clamp(42px, 5.4vw, 72px);

  line-height: 1.04;

  letter-spacing: -2.8px;

  font-weight: 700;

  color: #FFFFFF;
}


.lawfer-fomo-header h2 span {

  display: block;

  color: rgba(255,255,255,0.43);
}


.lawfer-fomo-header p {

  max-width: 700px;

  margin: 23px 0 0;

  font-size: 15px;

  line-height: 1.8;

  color: rgba(255,255,255,0.65);
}


/* =========================================================
   STATS GRID
   ========================================================= */

.lawfer-fomo-grid {

  display: grid;

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

  gap: 16px;
}


/* =========================================================
   STAT CARD
   ========================================================= */

.lawfer-fomo-stat {

  min-width: 0;

  padding: 30px;

  min-height: 350px;

  display: flex;

  flex-direction: column;

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

  border-radius: 18px;

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


.lawfer-fomo-stat-number {

  font-size: clamp(55px, 6vw, 82px);

  line-height: .95;

  letter-spacing: -3.5px;

  font-weight: 700;

  color: #FFFFFF;
}


.lawfer-fomo-stat h3 {

  margin: auto 0 12px;

  font-size: 18px;

  line-height: 1.4;

  font-weight: 600;

  color: #FFFFFF;
}


.lawfer-fomo-stat p {

  margin: 0;

  font-size: 12.5px;

  line-height: 1.8;

  color: rgba(255,255,255,0.62);
}


.lawfer-fomo-source {

  margin-top: 22px;

  padding-top: 16px;

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

  font-size: 9px;

  line-height: 1.55;

  letter-spacing: .25px;

  color: rgba(255,255,255,0.38);
}


/* =========================================================
   BOTTOM
   ========================================================= */

.lawfer-fomo-bottom {

  margin-top: 38px;

  padding-top: 27px;

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

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 35px;
}


.lawfer-fomo-bottom-main h3 {

  margin: 0;

  font-size: clamp(23px, 2.7vw, 34px);

  line-height: 1.25;

  letter-spacing: -.8px;

  font-weight: 500;

  color: #FFFFFF;
}


.lawfer-fomo-bottom-main p {

  max-width: 730px;

  margin: 9px 0 0;

  font-size: 12.5px;

  line-height: 1.75;

  color: rgba(255,255,255,0.53);
}


.lawfer-fomo-btn {

  flex: 0 0 auto;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 50px;

  padding: 0 20px;

  border-radius: 8px;

  background: #FFFFFF;

  color: var(--lf-primary) !important;

  font-size: 12px;

  font-weight: 600;

  text-decoration: none !important;

  white-space: nowrap;

  transition: transform .2s ease;
}


.lawfer-fomo-btn span {

  font-size: 18px;

  line-height: 1;

  transition: transform .2s ease;
}


.lawfer-fomo-btn:hover {

  transform: translateY(-2px);
}


.lawfer-fomo-btn:hover span {

  transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .lawfer-fomo-grid {

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

  .lawfer-fomo-stat:last-child {

    grid-column: span 2;
  }

  .lawfer-fomo-bottom {

    align-items: flex-start;

    flex-direction: column;

    gap: 22px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .lawfer-fomo-container {

    padding:
      65px
      20px;
  }


  .lawfer-fomo-header {

    margin-bottom: 35px;
  }


  .lawfer-fomo-label {

    margin-bottom: 15px;

    font-size: 9px;

    letter-spacing: 1.7px;
  }


  .lawfer-fomo-label::before {

    width: 21px;
  }


  .lawfer-fomo-header h2 {

    font-size: 40px;

    line-height: 1.06;

    letter-spacing: -1.8px;
  }


  .lawfer-fomo-header p {

    margin-top: 19px;

    font-size: 13px;

    line-height: 1.8;
  }


  .lawfer-fomo-grid {

    grid-template-columns: 1fr;

    gap: 14px;
  }


  .lawfer-fomo-stat:last-child {

    grid-column: auto;
  }


  .lawfer-fomo-stat {

    min-height: 300px;

    padding: 24px;

    border-radius: 16px;
  }


  .lawfer-fomo-stat-number {

    font-size: 62px;

    letter-spacing: -3px;
  }


  .lawfer-fomo-stat h3 {

    font-size: 17px;
  }


  .lawfer-fomo-stat p {

    font-size: 12px;

    line-height: 1.75;
  }


  .lawfer-fomo-bottom {

    margin-top: 30px;

    padding-top: 23px;
  }


  .lawfer-fomo-bottom-main h3 {

    font-size: 23px;
  }


  .lawfer-fomo-bottom-main p {

    font-size: 12px;
  }


  .lawfer-fomo-btn {

    width: 100%;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-fomo-container {

    padding-left: 16px;

    padding-right: 16px;
  }


  .lawfer-fomo-header h2 {

    font-size: 36px;
  }


  .lawfer-fomo-stat-number {

    font-size: 56px;
  }

}




/* =========================================================
   LAWFER ACADEMY — CAREER PATHS
   ========================================================= */

.lawfer-careers {

  --lc-primary: #08003D;
  --lc-white: #FFFFFF;
  --lc-bg: #F7F7FA;
  --lc-border: #E4E3EA;
  --lc-muted: #696970;

  width: 100%;

  background: var(--lc-bg);

  color: var(--lc-primary);

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-careers-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 120px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lawfer-careers-header {

  margin-bottom: 50px;
}


.lawfer-careers-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 18px;

  color: rgba(8,0,61,.52);

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 2.1px;

  line-height: 1;
}


.lawfer-careers-label::before {

  content: "";

  width: 25px;

  height: 2px;

  background: var(--lc-primary);
}


.lawfer-careers-heading-row {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 50px;
}


.lawfer-careers-heading-row h2 {

  margin: 0;

  max-width: 700px;

  font-size: clamp(42px, 5.2vw, 68px);

  line-height: 1.04;

  letter-spacing: -2.6px;

  font-weight: 700;

  color: var(--lc-primary);
}


.lawfer-careers-heading-row h2 span {

  display: block;

  color: rgba(8,0,61,.38);
}


.lawfer-careers-heading-row p {

  width: min(100%, 490px);

  margin: 0 0 5px;

  font-size: 14px;

  line-height: 1.8;

  color: var(--lc-muted);
}


/* =========================================================
   GRID
   ========================================================= */

.lawfer-careers-grid {

  display: grid;

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

  gap: 16px;
}


/* =========================================================
   CARD
   ========================================================= */

.lawfer-career-card {

  min-width: 0;

  min-height: 350px;

  padding: 27px;

  display: flex;

  flex-direction: column;

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

  border-radius: 18px;

  background: #FFFFFF;

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


.lawfer-career-card:hover {

  transform: translateY(-4px);

  border-color: rgba(8,0,61,.18);

  box-shadow:
    0 18px 45px rgba(8,0,61,.07);
}


/* =========================================================
   TOP
   ========================================================= */

.lawfer-career-top {

  display: flex;

  align-items: flex-start;
}


.lawfer-career-category {

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 1.5px;

  line-height: 1.5;

  color: rgba(8,0,61,.43);
}


/* =========================================================
   CONTENT
   ========================================================= */

.lawfer-career-content {

  margin-top: auto;

  padding-top: 60px;
}


.lawfer-career-content h3 {

  max-width: 420px;

  margin: 0;

  font-size: clamp(24px, 2.5vw, 33px);

  line-height: 1.12;

  letter-spacing: -1px;

  font-weight: 600;

  color: var(--lc-primary);
}


.lawfer-career-content p {

  max-width: 420px;

  margin: 15px 0 0;

  font-size: 12.5px;

  line-height: 1.78;

  color: var(--lc-muted);
}


/* =========================================================
   BOTTOM
   ========================================================= */

.lawfer-career-bottom {

  margin-top: 25px;

  padding-top: 17px;

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

  font-size: 9px;

  font-weight: 600;

  letter-spacing: .45px;

  color: rgba(8,0,61,.43);
}


/* =========================================================
   RESEARCH NOTE
   ========================================================= */

.lawfer-careers-note {

  margin-top: 38px;

  padding: 25px 0 0;

  display: grid;

  grid-template-columns: 130px 1fr 220px;

  gap: 30px;

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

  align-items: start;
}


.lawfer-careers-note-title {

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 1.7px;

  color: rgba(8,0,61,.4);
}


.lawfer-careers-note-content strong {

  display: block;

  max-width: 780px;

  font-size: clamp(18px, 2vw, 25px);

  line-height: 1.35;

  letter-spacing: -.5px;

  font-weight: 500;

  color: var(--lc-primary);
}


.lawfer-careers-note-content p {

  max-width: 760px;

  margin: 9px 0 0;

  font-size: 11px;

  line-height: 1.7;

  color: #77777F;
}


.lawfer-careers-note-source {

  padding-left: 22px;

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


.lawfer-careers-note-source span {

  display: block;

  margin-bottom: 7px;

  font-size: 8px;

  font-weight: 600;

  letter-spacing: 1.7px;

  color: rgba(8,0,61,.38);
}


.lawfer-careers-note-source small {

  font-size: 9px;

  line-height: 1.6;

  color: #85858B;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .lawfer-careers-heading-row {

    align-items: flex-start;

    flex-direction: column;

    gap: 20px;
  }


  .lawfer-careers-heading-row p {

    width: 100%;

    max-width: 680px;
  }


  .lawfer-careers-grid {

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


  .lawfer-careers-note {

    grid-template-columns:
      110px 1fr;
  }


  .lawfer-careers-note-source {

    grid-column: 2;

    padding-left: 0;

    padding-top: 17px;

    border-left: 0;

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

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .lawfer-careers-container {

    padding:
      65px
      20px;
  }


  .lawfer-careers-header {

    margin-bottom: 34px;
  }


  .lawfer-careers-label {

    margin-bottom: 15px;

    font-size: 9px;

    letter-spacing: 1.7px;
  }


  .lawfer-careers-label::before {

    width: 21px;
  }


  .lawfer-careers-heading-row h2 {

    font-size: 40px;

    line-height: 1.06;

    letter-spacing: -1.8px;
  }


  .lawfer-careers-heading-row p {

    font-size: 13px;

    line-height: 1.8;
  }


  .lawfer-careers-grid {

    grid-template-columns: 1fr;

    gap: 14px;
  }


  .lawfer-career-card {

    min-height: 300px;

    padding: 23px;

    border-radius: 16px;
  }


  .lawfer-career-content {

    padding-top: 52px;
  }


  .lawfer-career-content h3 {

    font-size: 28px;

    letter-spacing: -.7px;
  }


  .lawfer-career-content p {

    font-size: 12px;

    line-height: 1.75;
  }


  .lawfer-career-bottom {

    font-size: 8px;
  }


  .lawfer-careers-note {

    margin-top: 30px;

    grid-template-columns: 1fr;

    gap: 15px;
  }


  .lawfer-careers-note-source {

    grid-column: auto;

    padding-left: 0;

    padding-top: 17px;

    border-left: 0;

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


  .lawfer-careers-note-content strong {

    font-size: 20px;

    letter-spacing: -.3px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-careers-container {

    padding-left: 16px;

    padding-right: 16px;
  }


  .lawfer-careers-heading-row h2 {

    font-size: 36px;
  }


  .lawfer-career-card {

    min-height: 285px;

    padding: 20px;
  }


  .lawfer-career-content h3 {

    font-size: 26px;
  }

}




.lawfer-about {
  width: 100%;
  background: #ffffff;
  color: #08003D;
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

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

.lawfer-about-container {
  width: min(1320px, 100%);
  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 125px)
    clamp(20px, 5vw, 70px);
}


/* LABEL */

.lawfer-about-label {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 38px;

  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1;

  color: rgba(8, 0, 61, 0.55);
}

.lawfer-about-label::before {
  content: "";

  width: 26px;
  height: 2px;

  background: #08003D;
}


/* MAIN GRID */

.lawfer-about-grid {
  display: grid;

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

  gap: clamp(45px, 9vw, 130px);

  align-items: start;
}


/* HEADING */

.lawfer-about-heading h2 {
  margin: 0;

  max-width: 620px;

  font-size: clamp(42px, 5.3vw, 72px);
  line-height: 1.04;
  letter-spacing: -2.8px;
  font-weight: 700;

  color: #08003D;
}

.lawfer-about-heading h2 span {
  display: block;
  color: rgba(8, 0, 61, 0.38);
}


/* CONTENT */

.lawfer-about-content {
  max-width: 610px;
}

.lawfer-about-lead {
  margin: 0 0 22px;

  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.7;
  font-weight: 500;

  color: #08003D;
}

.lawfer-about-text {
  margin: 0 0 28px;

  font-size: 14px;
  line-height: 1.85;
  font-weight: 400;

  color: #686872;
}


/* LINK */

.lawfer-about-link {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  color: #08003D !important;

  font-size: 13px;
  font-weight: 600;

  text-decoration: none !important;
}

.lawfer-about-link span {
  font-size: 19px;
  transition: transform .2s ease;
}

.lawfer-about-link:hover span {
  transform: translateX(4px);
}


/* BOTTOM STATEMENT */

.lawfer-about-statement {
  margin-top: clamp(70px, 8vw, 110px);

  padding-top: 24px;

  border-top: 1px solid rgba(8, 0, 61, 0.14);

  display: grid;

  grid-template-columns: 60px 1fr;

  gap: 25px;

  align-items: start;
}

.lawfer-about-statement > span {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;

  color: rgba(8, 0, 61, 0.42);
}

.lawfer-about-statement p {
  max-width: 820px;

  margin: 0;

  font-size: clamp(20px, 2.5vw, 34px);
  line-height: 1.35;
  letter-spacing: -0.8px;
  font-weight: 400;

  color: rgba(8, 0, 61, 0.52);
}

.lawfer-about-statement strong {
  color: #08003D;
  font-weight: 600;
}


/* TABLET */

@media (max-width: 900px) {

  .lawfer-about-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .lawfer-about-content {
    max-width: 720px;
  }

}


/* MOBILE */

@media (max-width: 600px) {

  .lawfer-about-container {
    padding:
      65px
      20px;
  }

  .lawfer-about-label {
    margin-bottom: 27px;

    font-size: 10px;
    letter-spacing: 1.8px;
  }

  .lawfer-about-label::before {
    width: 21px;
  }

  .lawfer-about-heading h2 {
    font-size: 40px;
    line-height: 1.06;
    letter-spacing: -1.7px;
  }

  .lawfer-about-lead {
    margin-top: 2px;

    font-size: 16px;
    line-height: 1.7;
  }

  .lawfer-about-text {
    font-size: 13px;
    line-height: 1.8;
  }

  .lawfer-about-statement {
    margin-top: 55px;

    grid-template-columns: 35px 1fr;

    gap: 15px;
  }

  .lawfer-about-statement p {
    font-size: 21px;
    letter-spacing: -0.4px;
  }

}


/* SMALL MOBILE */

@media (max-width: 380px) {

  .lawfer-about-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lawfer-about-heading h2 {
    font-size: 36px;
  }

  .lawfer-about-statement {
    grid-template-columns: 1fr;
    gap: 10px;
  }

}




/* =========================================================
   LAWFER ACADEMY — WHY LEARN WITH US
   ========================================================= */

.lawfer-why {

  --lawfer-primary: #08003D;
  --lawfer-white: #FFFFFF;
  --lawfer-text: #16161C;
  --lawfer-muted: #6D6D75;
  --lawfer-border: #E6E5EB;
  --lawfer-soft: #F7F7FA;

  width: 100%;

  background: #FFFFFF;

  color: var(--lawfer-primary);

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
}


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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-why-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 120px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lawfer-why-header {
  max-width: 860px;

  margin-bottom: 65px;
}


.lawfer-why-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 18px;

  font-size: 11px;
  font-weight: 600;

  letter-spacing: 2.2px;

  line-height: 1;

  color: rgba(8,0,61,.55);
}


.lawfer-why-label::before {

  content: "";

  width: 25px;
  height: 2px;

  background: var(--lawfer-primary);
}


.lawfer-why-header h2 {

  margin: 0;

  max-width: 800px;

  font-size: clamp(42px, 5.3vw, 70px);

  line-height: 1.04;

  letter-spacing: -2.7px;

  font-weight: 700;

  color: var(--lawfer-primary);
}


.lawfer-why-header h2 span {

  display: block;

  color: rgba(8,0,61,.38);
}


.lawfer-why-header p {

  max-width: 650px;

  margin: 25px 0 0;

  font-size: 15px;

  line-height: 1.8;

  color: var(--lawfer-muted);
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.lawfer-why-grid {

  display: grid;

  grid-template-columns:
    minmax(0, .85fr)
    minmax(0, 1.15fr);

  gap: clamp(50px, 8vw, 115px);

  align-items: stretch;
}


/* =========================================================
   FEATURE BLOCK
   ========================================================= */

.lawfer-why-feature {

  min-height: 470px;

  padding: 31px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  border-radius: 21px;

  background: var(--lawfer-primary);

  color: #FFFFFF;
}


.lawfer-why-feature-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 1.7px;

  color: rgba(255,255,255,.55);
}


.lawfer-why-feature-main h3 {

  margin: 0;

  max-width: 450px;

  font-size: clamp(36px, 4.2vw, 57px);

  line-height: 1.05;

  letter-spacing: -1.9px;

  font-weight: 600;

  color: #FFFFFF;
}


.lawfer-why-feature-main h3 span {

  display: block;

  color: rgba(255,255,255,.55);
}


.lawfer-why-feature-main p {

  max-width: 490px;

  margin: 24px 0 0;

  font-size: 14px;

  line-height: 1.8;

  color: rgba(255,255,255,.68);
}


/* =========================================================
   LIST
   ========================================================= */

.lawfer-why-list {

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


.lawfer-why-item {

  display: grid;

  grid-template-columns: 55px 1fr;

  gap: 20px;

  padding: 26px 0;

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


.lawfer-why-number {

  padding-top: 2px;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 1.3px;

  color: rgba(8,0,61,.36);
}


.lawfer-why-item-content h3 {

  margin: 0 0 7px;

  font-size: 18px;

  line-height: 1.35;

  font-weight: 600;

  color: var(--lawfer-primary);
}


.lawfer-why-item-content p {

  max-width: 590px;

  margin: 0;

  font-size: 13px;

  line-height: 1.75;

  color: var(--lawfer-muted);
}


/* =========================================================
   BOTTOM STRIP
   ========================================================= */

.lawfer-why-bottom {

  margin-top: 65px;

  padding-top: 23px;

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

  display: grid;

  grid-template-columns: 55px 1fr;

  gap: 20px;

  align-items: start;
}


.lawfer-why-bottom-number {

  padding-top: 2px;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 1.3px;

  color: rgba(8,0,61,.36);
}


.lawfer-why-bottom-text {

  display: flex;

  flex-direction: column;

  gap: 7px;
}


.lawfer-why-bottom-text span {

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 2px;

  color: rgba(8,0,61,.4);
}


.lawfer-why-bottom-text strong {

  max-width: 850px;

  font-size: clamp(20px, 2.5vw, 31px);

  line-height: 1.35;

  letter-spacing: -.7px;

  font-weight: 400;

  color: rgba(8,0,61,.55);
}


.lawfer-why-bottom-text em {

  color: var(--lawfer-primary);

  font-style: normal;

  font-weight: 600;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .lawfer-why-grid {

    grid-template-columns: 1fr;

    gap: 40px;
  }


  .lawfer-why-feature {

    min-height: 390px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .lawfer-why-container {

    padding:
      65px
      20px;
  }


  .lawfer-why-header {

    margin-bottom: 42px;
  }


  .lawfer-why-label {

    margin-bottom: 15px;

    font-size: 10px;

    letter-spacing: 1.8px;
  }


  .lawfer-why-label::before {

    width: 21px;
  }


  .lawfer-why-header h2 {

    font-size: 40px;

    line-height: 1.06;

    letter-spacing: -1.8px;
  }


  .lawfer-why-header p {

    margin-top: 19px;

    font-size: 13px;

    line-height: 1.8;
  }


  .lawfer-why-feature {

    min-height: 350px;

    padding: 24px;

    border-radius: 18px;
  }


  .lawfer-why-feature-main h3 {

    font-size: 37px;

    letter-spacing: -1.4px;
  }


  .lawfer-why-feature-main p {

    margin-top: 18px;

    font-size: 13px;

    line-height: 1.75;
  }


  .lawfer-why-item {

    grid-template-columns: 38px 1fr;

    gap: 14px;

    padding: 22px 0;
  }


  .lawfer-why-item-content h3 {

    font-size: 16px;
  }


  .lawfer-why-item-content p {

    font-size: 12px;

    line-height: 1.75;
  }


  .lawfer-why-bottom {

    margin-top: 48px;

    grid-template-columns: 35px 1fr;

    gap: 14px;
  }


  .lawfer-why-bottom-text strong {

    font-size: 21px;

    letter-spacing: -.4px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-why-container {

    padding-left: 16px;

    padding-right: 16px;
  }


  .lawfer-why-header h2 {

    font-size: 36px;
  }


  .lawfer-why-feature {

    min-height: 330px;

    padding: 21px;
  }


  .lawfer-why-feature-main h3 {

    font-size: 33px;
  }

}




/* =========================================================
   LAWFER ACADEMY — LEARNING FORMATS
   ========================================================= */

.lawfer-formats {

  --lf-primary: #08003D;
  --lf-white: #FFFFFF;
  --lf-bg: #F7F7FA;
  --lf-border: #E5E4EB;
  --lf-muted: #6A6A72;

  width: 100%;

  background: var(--lf-bg);

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
}


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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-formats-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 120px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lawfer-formats-header {

  margin-bottom: 52px;
}


.lawfer-formats-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 19px;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 2.1px;

  line-height: 1;

  color: rgba(8,0,61,.52);
}


.lawfer-formats-label::before {

  content: "";

  width: 25px;

  height: 2px;

  background: var(--lf-primary);
}


.lawfer-formats-heading-wrap {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 45px;
}


.lawfer-formats-heading-wrap h2 {

  margin: 0;

  max-width: 720px;

  color: var(--lf-primary);

  font-size: clamp(42px, 5.2vw, 68px);

  line-height: 1.04;

  letter-spacing: -2.6px;

  font-weight: 700;
}


.lawfer-formats-heading-wrap h2 span {

  display: block;

  color: rgba(8,0,61,.38);
}


.lawfer-formats-heading-wrap p {

  width: min(100%, 470px);

  margin: 0 0 4px;

  color: var(--lf-muted);

  font-size: 14px;

  line-height: 1.8;

  font-weight: 400;
}


/* =========================================================
   GRID
   ========================================================= */

.lawfer-formats-grid {

  display: grid;

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

  gap: 18px;
}


/* =========================================================
   CARD
   ========================================================= */

.lawfer-format-card {

  min-height: 365px;

  padding: 28px;

  display: flex;

  flex-direction: column;

  position: relative;

  overflow: hidden;

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

  border-radius: 19px;

  background: var(--lf-white);

  text-decoration: none !important;

  color: var(--lf-primary) !important;

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


.lawfer-format-card:hover {

  transform: translateY(-5px);

  border-color: rgba(8,0,61,.20);

  box-shadow:
    0 20px 45px rgba(8,0,61,.08);
}


/* subtle background shape */

.lawfer-format-card::after {

  content: "";

  position: absolute;

  width: 190px;

  height: 190px;

  right: -100px;

  bottom: -105px;

  border-radius: 50%;

  background: rgba(8,0,61,.035);

  transition:
    transform .35s ease;
}


.lawfer-format-card:hover::after {

  transform: scale(1.3);
}


/* =========================================================
   TOP
   ========================================================= */

.lawfer-format-top {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 20px;
}


.lawfer-format-type {

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 1.7px;

  color: rgba(8,0,61,.43);
}


.lawfer-format-arrow {

  width: 39px;

  height: 39px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius: 50%;

  font-size: 17px;

  color: var(--lf-primary);

  transition:
    transform .25s ease,
    background .25s ease;
}


.lawfer-format-card:hover .lawfer-format-arrow {

  transform: translate(2px,-2px);

  background: #F6F5FA;
}


/* =========================================================
   CONTENT
   ========================================================= */

.lawfer-format-content {

  position: relative;

  z-index: 2;

  margin-top: auto;

  padding-top: 65px;
}


.lawfer-format-content h3 {

  max-width: 400px;

  margin: 0;

  font-size: clamp(27px, 2.7vw, 37px);

  line-height: 1.08;

  letter-spacing: -1.2px;

  font-weight: 600;

  color: var(--lf-primary);
}


.lawfer-format-content p {

  max-width: 420px;

  margin: 17px 0 0;

  font-size: 13px;

  line-height: 1.78;

  color: var(--lf-muted);
}


/* =========================================================
   BOTTOM
   ========================================================= */

.lawfer-format-bottom {

  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  gap: 8px;

  margin-top: 28px;

  padding-top: 18px;

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

  font-size: 11px;

  font-weight: 600;

  color: var(--lf-primary);
}


.lawfer-format-bottom span {

  font-size: 17px;

  transition:
    transform .2s ease;
}


.lawfer-format-card:hover .lawfer-format-bottom span {

  transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .lawfer-formats-heading-wrap {

    align-items: flex-start;

    flex-direction: column;

    gap: 20px;
  }

  .lawfer-formats-heading-wrap p {

    max-width: 650px;

    width: 100%;
  }

  .lawfer-formats-grid {

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

  .lawfer-format-card:last-child {

    grid-column: span 2;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .lawfer-formats-container {

    padding:
      65px
      20px;
  }


  .lawfer-formats-header {

    margin-bottom: 35px;
  }


  .lawfer-formats-label {

    margin-bottom: 15px;

    font-size: 10px;

    letter-spacing: 1.8px;
  }


  .lawfer-formats-label::before {

    width: 21px;
  }


  .lawfer-formats-heading-wrap h2 {

    font-size: 40px;

    line-height: 1.06;

    letter-spacing: -1.8px;
  }


  .lawfer-formats-heading-wrap p {

    font-size: 13px;

    line-height: 1.8;
  }


  .lawfer-formats-grid {

    grid-template-columns: 1fr;

    gap: 15px;
  }


  .lawfer-format-card:last-child {

    grid-column: auto;
  }


  .lawfer-format-card {

    min-height: 320px;

    padding: 23px;

    border-radius: 17px;
  }


  .lawfer-format-content {

    padding-top: 55px;
  }


  .lawfer-format-content h3 {

    font-size: 29px;

    letter-spacing: -.8px;
  }


  .lawfer-format-content p {

    margin-top: 14px;

    font-size: 12px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-formats-container {

    padding-left: 16px;

    padding-right: 16px;
  }


  .lawfer-formats-heading-wrap h2 {

    font-size: 36px;
  }


  .lawfer-format-card {

    min-height: 300px;
  }

}




/* =========================================================
   LAWFER ACADEMY — CERTIFICATE VERIFICATION
   ========================================================= */

.lawfer-certificate {

  --lc-primary: #08003D;
  --lc-white: #FFFFFF;
  --lc-bg: #F7F7FA;
  --lc-border: #E4E3EA;
  --lc-muted: #6B6B73;

  width: 100%;

  background: var(--lc-bg);

  color: var(--lc-primary);

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-certificate-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 120px)
    clamp(20px, 5vw, 70px);

  display: grid;

  grid-template-columns:
    minmax(0, .85fr)
    minmax(0, 1.15fr);

  gap: clamp(50px, 8vw, 110px);

  align-items: center;
}


/* =========================================================
   LEFT
   ========================================================= */

.lawfer-certificate-content {
  max-width: 570px;
}


.lawfer-certificate-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 18px;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 2px;

  line-height: 1;

  color: rgba(8,0,61,.5);
}


.lawfer-certificate-label::before {

  content: "";

  width: 25px;

  height: 2px;

  background: var(--lc-primary);
}


.lawfer-certificate-content h2 {

  margin: 0;

  font-size: clamp(43px, 5vw, 67px);

  line-height: 1.04;

  letter-spacing: -2.5px;

  font-weight: 700;

  color: var(--lc-primary);
}


.lawfer-certificate-content h2 span {

  display: block;

  color: rgba(8,0,61,.36);
}


.lawfer-certificate-lead {

  max-width: 560px;

  margin: 23px 0 35px;

  font-size: 15px;

  line-height: 1.8;

  color: var(--lc-muted);
}


/* =========================================================
   POINTS
   ========================================================= */

.lawfer-certificate-points {

  display: flex;

  flex-direction: column;

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


.lawfer-certificate-point {

  display: grid;

  grid-template-columns: 34px 1fr;

  gap: 16px;

  padding: 19px 0;

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


.lawfer-check {

  width: 27px;

  height: 27px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: var(--lc-primary);

  color: #FFFFFF;

  font-size: 11px;

  font-weight: 600;
}


.lawfer-certificate-point strong {

  display: block;

  margin-bottom: 4px;

  font-size: 14px;

  font-weight: 600;

  color: var(--lc-primary);
}


.lawfer-certificate-point p {

  margin: 0;

  font-size: 11.5px;

  line-height: 1.7;

  color: var(--lc-muted);
}


/* =========================================================
   BUTTON
   ========================================================= */

.lawfer-certificate-button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  min-height: 50px;

  margin-top: 28px;

  padding: 0 21px;

  border-radius: 8px;

  background: var(--lc-primary);

  color: #FFFFFF !important;

  font-size: 12px;

  font-weight: 600;

  text-decoration: none !important;

  white-space: nowrap;

  transition:
    transform .2s ease,
    opacity .2s ease;
}


.lawfer-certificate-button span {

  font-size: 18px;

  line-height: 1;

  transition: transform .2s ease;
}


.lawfer-certificate-button:hover {

  transform: translateY(-2px);

  opacity: .94;
}


.lawfer-certificate-button:hover span {

  transform: translateX(4px);
}


/* =========================================================
   CERTIFICATE PREVIEW
   ========================================================= */

.lawfer-certificate-preview {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 24px 0;
}


.lawfer-certificate-paper {

  width: min(100%, 650px);

  aspect-ratio: 1.42 / 1;

  padding: clamp(28px, 4vw, 50px);

  position: relative;

  background: #FFFFFF;

  border: 1px solid #E1E0E6;

  box-shadow:
    0 25px 65px rgba(8,0,61,.10);

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;
}


/* =========================================================
   CERTIFICATE CONTENT
   ========================================================= */

.lawfer-cert-brand {

  margin-bottom: 20px;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 2px;

  color: rgba(8,0,61,.48);

  text-transform: uppercase;
}


.lawfer-cert-heading {

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

  line-height: 1.2;

  font-weight: 600;

  color: var(--lc-primary);
}


.lawfer-cert-subtitle {

  margin-top: 16px;

  font-size: 9px;

  letter-spacing: .8px;

  color: #85858C;
}


.lawfer-cert-name {

  margin-top: 13px;

  font-size: clamp(20px, 2.4vw, 28px);

  line-height: 1.2;

  font-weight: 500;

  color: var(--lc-primary);
}


.lawfer-cert-course-label {

  margin-top: 15px;

  font-size: 9px;

  color: #85858C;
}


.lawfer-cert-course {

  max-width: 470px;

  margin-top: 7px;

  font-size: clamp(13px, 1.5vw, 17px);

  line-height: 1.45;

  font-weight: 600;

  color: var(--lc-primary);
}


.lawfer-cert-divider {

  width: 45px;

  height: 2px;

  margin: 20px auto 0;

  background: var(--lc-primary);
}


/* =========================================================
   CERTIFICATE BOTTOM
   ========================================================= */

.lawfer-cert-bottom {

  width: 100%;

  margin-top: auto;

  padding-top: 22px;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 25px;

  text-align: left;
}


.lawfer-cert-meta {

  display: flex;

  gap: clamp(25px, 4vw, 60px);
}


.lawfer-cert-meta div {

  display: flex;

  flex-direction: column;

  gap: 4px;
}


.lawfer-cert-meta span {

  font-size: 7px;

  font-weight: 600;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: #9A9AA0;
}


.lawfer-cert-meta strong {

  font-size: 9px;

  font-weight: 600;

  color: var(--lc-primary);
}


.lawfer-cert-verify {

  display: flex;

  align-items: center;

  gap: 8px;
}


.lawfer-qr {

  width: 46px;

  height: 46px;

  padding: 4px;

  background: var(--lc-primary);

  display: flex;

  align-items: center;

  justify-content: center;
}


.lawfer-qr-inner {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #FFFFFF;

  color: var(--lc-primary);

  font-size: 7px;

  font-weight: 700;
}


.lawfer-cert-verify > span {

  font-size: 7px;

  line-height: 1.4;

  color: #85858C;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .lawfer-certificate-container {

    grid-template-columns: 1fr;

    gap: 55px;
  }

  .lawfer-certificate-content {

    max-width: 750px;
  }

  .lawfer-certificate-paper {

    max-width: 680px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .lawfer-certificate-container {

    padding:
      65px
      20px;
  }


  .lawfer-certificate-label {

    font-size: 9px;

    letter-spacing: 1.7px;
  }


  .lawfer-certificate-label::before {

    width: 21px;
  }


  .lawfer-certificate-content h2 {

    font-size: 40px;

    letter-spacing: -1.8px;
  }


  .lawfer-certificate-lead {

    margin-top: 19px;

    font-size: 13px;

    line-height: 1.8;
  }


  .lawfer-certificate-point {

    grid-template-columns: 30px 1fr;

    gap: 13px;

    padding: 17px 0;
  }


  .lawfer-check {

    width: 24px;

    height: 24px;

    font-size: 10px;
  }


  .lawfer-certificate-point strong {

    font-size: 13px;
  }


  .lawfer-certificate-point p {

    font-size: 11px;
  }


  .lawfer-certificate-button {

    width: 100%;
  }


  .lawfer-certificate-paper {

    width: 100%;

    aspect-ratio: 1.18 / 1;

    padding: 22px 18px;

    box-shadow:
      0 18px 40px rgba(8,0,61,.08);
  }


  .lawfer-cert-brand {

    margin-bottom: 13px;

    font-size: 8px;

    letter-spacing: 1.5px;
  }


  .lawfer-cert-heading {

    font-size: 21px;
  }


  .lawfer-cert-subtitle {

    margin-top: 11px;

    font-size: 7px;
  }


  .lawfer-cert-name {

    margin-top: 9px;

    font-size: 20px;
  }


  .lawfer-cert-course-label {

    margin-top: 11px;

    font-size: 7px;
  }


  .lawfer-cert-course {

    font-size: 11px;
  }


  .lawfer-cert-divider {

    margin-top: 14px;
  }


  .lawfer-cert-bottom {

    padding-top: 15px;

    gap: 12px;
  }


  .lawfer-cert-meta {

    gap: 15px;
  }


  .lawfer-cert-meta span {

    font-size: 6px;
  }


  .lawfer-cert-meta strong {

    font-size: 7px;
  }


  .lawfer-qr {

    width: 35px;

    height: 35px;
  }


  .lawfer-cert-verify > span {

    display: none;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-certificate-container {

    padding-left: 16px;
    padding-right: 16px;
  }


  .lawfer-certificate-content h2 {

    font-size: 36px;
  }


  .lawfer-certificate-paper {

    padding: 19px 14px;
  }


  .lawfer-cert-heading {

    font-size: 19px;
  }


  .lawfer-cert-name {

    font-size: 18px;
  }

}




/* =========================================================
   LAWFER ACADEMY — FACULTY
   ========================================================= */

.lawfer-faculty {

  --lf-primary: #08003D;
  --lf-white: #FFFFFF;
  --lf-bg: #F7F7FA;
  --lf-border: #E5E4EA;
  --lf-muted: #6A6A72;

  width: 100%;

  background: var(--lf-bg);

  color: var(--lf-primary);

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-faculty-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 120px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lawfer-faculty-header {

  margin-bottom: 52px;
}


.lawfer-faculty-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 19px;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 2.1px;

  line-height: 1;

  color: rgba(8,0,61,.52);
}


.lawfer-faculty-label::before {

  content: "";

  width: 25px;

  height: 2px;

  background: var(--lf-primary);
}


.lawfer-faculty-heading-row {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 45px;
}


.lawfer-faculty-heading-row h2 {

  margin: 0;

  max-width: 720px;

  font-size: clamp(42px, 5.2vw, 68px);

  line-height: 1.04;

  letter-spacing: -2.5px;

  font-weight: 700;

  color: var(--lf-primary);
}


.lawfer-faculty-heading-row h2 span {

  display: block;

  color: rgba(8,0,61,.38);
}


.lawfer-faculty-heading-row > p {

  width: min(100%, 490px);

  margin: 0 0 5px;

  font-size: 14px;

  line-height: 1.8;

  color: var(--lf-muted);
}


/* =========================================================
   FACULTY GRID
   ========================================================= */

.lawfer-faculty-grid {

  display: grid;

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

  gap: 16px;
}


/* =========================================================
   CARD
   ========================================================= */

.lawfer-faculty-card {

  min-width: 0;

  overflow: hidden;

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

  border-radius: 17px;

  background: #FFFFFF;

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


.lawfer-faculty-card:hover {

  transform: translateY(-4px);

  border-color: rgba(8,0,61,.16);

  box-shadow:
    0 18px 42px rgba(8,0,61,.07);
}


/* =========================================================
   PHOTO
   ========================================================= */

.lawfer-faculty-photo {

  width: 100%;

  aspect-ratio: 0.9 / 1;

  overflow: hidden;

  background: #E7E6ED;
}


.lawfer-faculty-photo-placeholder {

  width: 100%;
  height: 100%;

  display: flex;

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

  background:
    linear-gradient(
      145deg,
      #E7E6ED 0%,
      #DAD9E3 100%
    );

  color: rgba(8,0,61,.30);

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 1.7px;
}


/* =========================================================
   INFO
   ========================================================= */

.lawfer-faculty-info {

  padding: 20px 20px 22px;
}


.lawfer-faculty-info h3 {

  margin: 0;

  font-size: 18px;

  line-height: 1.3;

  letter-spacing: -.3px;

  font-weight: 600;

  color: var(--lf-primary);
}


.lawfer-faculty-role {

  margin: 7px 0 11px;

  font-size: 11px;

  line-height: 1.6;

  font-weight: 500;

  color: #55555E;
}


.lawfer-faculty-area {

  display: block;

  font-size: 9px;

  line-height: 1.6;

  color: rgba(8,0,61,.43);

  letter-spacing: .15px;
}


/* =========================================================
   BOTTOM
   ========================================================= */

.lawfer-faculty-bottom {

  margin-top: 34px;

  padding-top: 22px;

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

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;
}


.lawfer-faculty-bottom p {

  max-width: 700px;

  margin: 0;

  font-size: 12px;

  line-height: 1.7;

  color: #77777F;
}


.lawfer-faculty-btn {

  display: inline-flex;

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

  gap: 9px;

  min-height: 48px;

  padding: 0 18px;

  border-radius: 8px;

  background: var(--lf-primary);

  color: #FFFFFF !important;

  font-size: 12px;

  font-weight: 600;

  text-decoration: none !important;

  white-space: nowrap;

  transition:
    transform .2s ease,
    opacity .2s ease;
}


.lawfer-faculty-btn span {

  font-size: 17px;

  transition: transform .2s ease;
}


.lawfer-faculty-btn:hover {

  transform: translateY(-2px);

  opacity: .94;
}


.lawfer-faculty-btn:hover span {

  transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .lawfer-faculty-heading-row {

    align-items: flex-start;

    flex-direction: column;

    gap: 22px;
  }

  .lawfer-faculty-heading-row > p {

    width: 100%;

    max-width: 700px;
  }

  .lawfer-faculty-grid {

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

    gap: 18px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .lawfer-faculty-container {

    padding:
      65px
      20px;
  }


  .lawfer-faculty-header {

    margin-bottom: 35px;
  }


  .lawfer-faculty-label {

    margin-bottom: 15px;

    font-size: 10px;

    letter-spacing: 1.8px;
  }


  .lawfer-faculty-label::before {

    width: 21px;
  }


  .lawfer-faculty-heading-row h2 {

    font-size: 40px;

    line-height: 1.06;

    letter-spacing: -1.8px;
  }


  .lawfer-faculty-heading-row > p {

    font-size: 13px;

    line-height: 1.8;
  }


  .lawfer-faculty-grid {

    grid-template-columns: 1fr;

    gap: 15px;
  }


  .lawfer-faculty-card {

    display: grid;

    grid-template-columns: 125px 1fr;

    align-items: stretch;

    border-radius: 15px;
  }


  .lawfer-faculty-photo {

    aspect-ratio: auto;

    min-height: 145px;
  }


  .lawfer-faculty-info {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 18px;
  }


  .lawfer-faculty-info h3 {

    font-size: 17px;
  }


  .lawfer-faculty-role {

    margin-top: 6px;

    font-size: 10px;
  }


  .lawfer-faculty-area {

    font-size: 8px;
  }


  .lawfer-faculty-bottom {

    align-items: flex-start;

    flex-direction: column;

    gap: 18px;

    margin-top: 30px;
  }


  .lawfer-faculty-btn {

    width: 100%;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-faculty-container {

    padding-left: 16px;

    padding-right: 16px;
  }


  .lawfer-faculty-heading-row h2 {

    font-size: 36px;
  }


  .lawfer-faculty-card {

    grid-template-columns: 105px 1fr;
  }


  .lawfer-faculty-photo {

    min-height: 130px;
  }

}




/* =========================================================
   LAWFER ACADEMY — WHO IT'S FOR
   ========================================================= */

.lawfer-audience {

  --la-primary: #08003D;
  --la-white: #FFFFFF;
  --la-bg: #F7F7FA;
  --la-border: #E5E4EA;
  --la-muted: #6A6A72;

  width: 100%;

  background: var(--la-bg);

  color: var(--la-primary);

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

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-audience-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 9vw, 120px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lawfer-audience-header {
  margin-bottom: 52px;
}

.lawfer-audience-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 19px;

  color: rgba(8,0,61,.52);

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 2.1px;

  line-height: 1;
}

.lawfer-audience-label::before {

  content: "";

  width: 25px;

  height: 2px;

  background: var(--la-primary);
}


.lawfer-audience-heading-row {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 45px;
}


.lawfer-audience-heading-row h2 {

  margin: 0;

  max-width: 700px;

  color: var(--la-primary);

  font-size: clamp(42px, 5.2vw, 68px);

  line-height: 1.04;

  letter-spacing: -2.5px;

  font-weight: 700;
}

.lawfer-audience-heading-row h2 span {

  display: block;

  color: rgba(8,0,61,.38);
}


.lawfer-audience-heading-row > p {

  width: min(100%, 480px);

  margin: 0 0 5px;

  color: var(--la-muted);

  font-size: 14px;

  line-height: 1.8;
}


/* =========================================================
   GRID
   ========================================================= */

.lawfer-audience-grid {

  display: grid;

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

  gap: 18px;
}


/* =========================================================
   CARD
   ========================================================= */

.lawfer-audience-card {

  min-width: 0;

  min-height: 350px;

  padding: 28px;

  display: flex;

  flex-direction: column;

  background: #FFFFFF;

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

  border-radius: 19px;

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

.lawfer-audience-card:hover {

  transform: translateY(-4px);

  border-color: rgba(8,0,61,.18);

  box-shadow:
    0 20px 45px rgba(8,0,61,.07);
}


/* =========================================================
   CARD TOP
   ========================================================= */

.lawfer-audience-card-top {

  display: flex;

  align-items: flex-start;
}

.lawfer-audience-card-top span {

  max-width: 250px;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 1.6px;

  line-height: 1.5;

  color: rgba(8,0,61,.45);
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.lawfer-audience-card-content {

  margin-top: auto;

  padding-top: 70px;
}

.lawfer-audience-card-content h3 {

  margin: 0;

  max-width: 420px;

  font-size: clamp(25px, 2.7vw, 35px);

  line-height: 1.12;

  letter-spacing: -1.15px;

  font-weight: 600;

  color: var(--la-primary);
}

.lawfer-audience-card-content p {

  max-width: 420px;

  margin: 17px 0 0;

  font-size: 13px;

  line-height: 1.78;

  color: var(--la-muted);
}


/* =========================================================
   SINGLE CTA
   ========================================================= */

.lawfer-audience-cta {

  margin-top: 38px;

  padding-top: 23px;

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

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;
}

.lawfer-audience-cta p {

  margin: 0;

  color: #74747C;

  font-size: 12px;

  line-height: 1.6;
}

.lawfer-audience-cta-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 48px;

  padding: 0 19px;

  border-radius: 8px;

  background: var(--la-primary);

  color: #FFFFFF !important;

  font-size: 12px;

  font-weight: 600;

  text-decoration: none !important;

  white-space: nowrap;

  transition:
    transform .2s ease,
    background-color .2s ease;
}

.lawfer-audience-cta-btn span {

  font-size: 18px;

  line-height: 1;

  transition: transform .2s ease;
}

.lawfer-audience-cta-btn:hover {

  transform: translateY(-2px);
}

.lawfer-audience-cta-btn:hover span {

  transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .lawfer-audience-heading-row {

    align-items: flex-start;

    flex-direction: column;

    gap: 22px;
  }

  .lawfer-audience-heading-row > p {

    width: 100%;

    max-width: 680px;
  }

  .lawfer-audience-grid {

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

  .lawfer-audience-card:last-child {

    grid-column: span 2;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .lawfer-audience-container {

    padding:
      65px
      20px;
  }

  .lawfer-audience-header {

    margin-bottom: 35px;
  }

  .lawfer-audience-label {

    margin-bottom: 15px;

    font-size: 10px;

    letter-spacing: 1.8px;
  }

  .lawfer-audience-label::before {

    width: 21px;
  }

  .lawfer-audience-heading-row h2 {

    font-size: 40px;

    line-height: 1.06;

    letter-spacing: -1.8px;
  }

  .lawfer-audience-heading-row > p {

    font-size: 13px;

    line-height: 1.8;
  }

  .lawfer-audience-grid {

    grid-template-columns: 1fr;

    gap: 15px;
  }

  .lawfer-audience-card:last-child {

    grid-column: auto;
  }

  .lawfer-audience-card {

    min-height: 300px;

    padding: 23px;

    border-radius: 17px;
  }

  .lawfer-audience-card-content {

    padding-top: 55px;
  }

  .lawfer-audience-card-content h3 {

    font-size: 29px;

    letter-spacing: -.8px;
  }

  .lawfer-audience-card-content p {

    font-size: 12px;

    line-height: 1.75;
  }

  .lawfer-audience-cta {

    align-items: flex-start;

    flex-direction: column;

    gap: 18px;

    margin-top: 30px;
  }

  .lawfer-audience-cta-btn {

    width: 100%;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-audience-container {

    padding-left: 16px;

    padding-right: 16px;
  }

  .lawfer-audience-heading-row h2 {

    font-size: 36px;
  }

  .lawfer-audience-card {

    min-height: 285px;
  }

}




/* =========================================================
   LAWFER ACADEMY — SOCIAL SECTION
   ========================================================= */

.lawfer-social {

  --lawfer-primary: #08003D;
  --lawfer-white: #FFFFFF;
  --lawfer-bg: #F7F7FA;
  --lawfer-border: #E5E4EA;
  --lawfer-muted: #6B6B74;

  width: 100%;

  background: var(--lawfer-bg);

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

  color: var(--lawfer-primary);

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


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


/* =========================================================
   CONTAINER
   ========================================================= */

.lawfer-social-container {

  width: min(1320px, 100%);

  margin: 0 auto;

  padding:
    clamp(75px, 8vw, 110px)
    clamp(20px, 5vw, 70px);
}


/* =========================================================
   HEADER
   ========================================================= */

.lawfer-social-header {

  margin-bottom: 48px;
}


.lawfer-social-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 18px;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 2px;

  line-height: 1;

  color: rgba(8,0,61,.52);
}


.lawfer-social-label::before {

  content: "";

  width: 25px;

  height: 2px;

  background: var(--lawfer-primary);
}


.lawfer-social-heading-row {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 50px;
}


.lawfer-social-heading-row h2 {

  margin: 0;

  max-width: 720px;

  font-size: clamp(42px, 5.2vw, 68px);

  line-height: 1.04;

  letter-spacing: -2.5px;

  font-weight: 700;

  color: var(--lawfer-primary);
}


.lawfer-social-heading-row h2 span {

  display: block;

  color: rgba(8,0,61,.38);
}


.lawfer-social-heading-row p {

  width: min(100%, 470px);

  margin: 0 0 4px;

  font-size: 14px;

  line-height: 1.8;

  color: var(--lawfer-muted);
}


/* =========================================================
   GRID
   ========================================================= */

.lawfer-social-grid {

  display: grid;

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

  gap: 17px;
}


/* =========================================================
   CARD
   ========================================================= */

.lawfer-social-card {

  min-width: 0;

  min-height: 350px;

  padding: 27px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

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

  border-radius: 20px;

  background: var(--lawfer-white);

  color: var(--lawfer-primary) !important;

  text-decoration: none !important;

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


.lawfer-social-card:hover {

  transform: translateY(-5px);

  border-color: rgba(8,0,61,.18);

  box-shadow:
    0 22px 50px rgba(8,0,61,.08);
}


/* =========================================================
   CARD TOP
   ========================================================= */

.lawfer-social-card-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 20px;
}


/* =========================================================
   SOCIAL ICON
   ========================================================= */

.lawfer-social-icon {

  width: 58px;

  height: 58px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 15px;

  background: var(--lawfer-primary);

  color: #FFFFFF;
}


.lawfer-social-icon svg {

  width: 27px;

  height: 27px;

  display: block;

  fill: currentColor;
}


/* =========================================================
   OPEN ICON
   ========================================================= */

.lawfer-social-open {

  width: 39px;

  height: 39px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius: 50%;

  font-size: 17px;

  color: var(--lawfer-primary);

  transition:
    transform .22s ease,
    background-color .22s ease;
}


.lawfer-social-card:hover .lawfer-social-open {

  transform: translate(2px,-2px);

  background: #F5F4F9;
}


/* =========================================================
   CONTENT
   ========================================================= */

.lawfer-social-card-content {

  padding-top: 50px;
}


.lawfer-social-card-content h3 {

  margin: 0;

  font-size: clamp(22px, 2.5vw, 30px);

  line-height: 1.15;

  letter-spacing: -.8px;

  font-weight: 600;

  color: var(--lawfer-primary);
}


.lawfer-social-card-content p {

  max-width: 420px;

  margin: 14px 0 0;

  font-size: 12.5px;

  line-height: 1.8;

  color: var(--lawfer-muted);
}


/* =========================================================
   FOOTER
   ========================================================= */

.lawfer-social-card-footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  padding-top: 18px;

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

  font-size: 11px;

  font-weight: 600;

  color: var(--lawfer-primary);
}


.lawfer-social-arrow {

  font-size: 18px;

  line-height: 1;

  transition: transform .2s ease;
}


.lawfer-social-card:hover .lawfer-social-arrow {

  transform: translateX(5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .lawfer-social-heading-row {

    align-items: flex-start;

    flex-direction: column;

    gap: 22px;
  }


  .lawfer-social-heading-row p {

    width: 100%;

    max-width: 680px;
  }


  .lawfer-social-grid {

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


  .lawfer-social-card:last-child {

    grid-column: span 2;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

  .lawfer-social-container {

    padding:
      65px
      20px;
  }


  .lawfer-social-header {

    margin-bottom: 34px;
  }


  .lawfer-social-label {

    margin-bottom: 15px;

    font-size: 9px;

    letter-spacing: 1.7px;
  }


  .lawfer-social-label::before {

    width: 21px;
  }


  .lawfer-social-heading-row h2 {

    font-size: 40px;

    line-height: 1.06;

    letter-spacing: -1.8px;
  }


  .lawfer-social-heading-row p {

    font-size: 13px;

    line-height: 1.8;
  }


  .lawfer-social-grid {

    grid-template-columns: 1fr;

    gap: 14px;
  }


  .lawfer-social-card:last-child {

    grid-column: auto;
  }


  .lawfer-social-card {

    min-height: 290px;

    padding: 23px;

    border-radius: 17px;
  }


  .lawfer-social-icon {

    width: 53px;

    height: 53px;

    border-radius: 14px;
  }


  .lawfer-social-icon svg {

    width: 24px;

    height: 24px;
  }


  .lawfer-social-card-content {

    padding-top: 40px;
  }


  .lawfer-social-card-content h3 {

    font-size: 27px;
  }


  .lawfer-social-card-content p {

    font-size: 12px;

    line-height: 1.75;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .lawfer-social-container {

    padding-left: 16px;

    padding-right: 16px;
  }


  .lawfer-social-heading-row h2 {

    font-size: 36px;
  }


  .lawfer-social-card {

    min-height: 275px;

    padding: 20px;
  }

}


/* Native WordPress integration: live data and accessible, responsive controls. */
.lawfer-reference-home{width:100%;margin:0}.lawfer-reference-home h1,.lawfer-reference-home h2,.lawfer-reference-home h3{font-family:Poppins,'Segoe UI',Arial,sans-serif}.lfc-card-image{display:block;text-decoration:none}.lfc-card-image>img{width:100%;height:100%;object-fit:cover;display:block}.lfc-card-body h3 a{color:inherit;text-decoration:none}.lfc-card-body{display:flex;flex-direction:column;flex:1}.lfc-card-bottom{margin-top:auto}.lfc-course-type .woocommerce-Price-amount{font-size:inherit}.lfc-course-type del{font-size:10px}.lfc-course-type ins{text-decoration:none}.lawfer-faculty-photo>img{display:block;width:100%;height:100%;object-fit:cover}.lawfer-social-card[aria-disabled=true]{pointer-events:none;cursor:default}.lawfer-cert-heading:after{content:'SAMPLE';display:block;color:#8e879e;letter-spacing:3px;font:600 9px/2 Poppins,sans-serif}.lawfer-qr-inner{font-size:10px}.lawfer-reference-home .lfc-course-type{overflow-wrap:anywhere}.lawfer-reference-home .lfc-card h3{overflow-wrap:anywhere}.lawfer-reference-home [class$='container']{min-width:0}.lawfer-reference-home img{max-width:100%}.lawfer-home-extra{margin-block:55px}
@media(max-width:380px){.lawfer-hero h1{font-size:34px;letter-spacing:-1.4px}.lawfer-hero-container{grid-template-columns:minmax(0,1fr)}.lawfer-reference-home .lawfer-fomo-stat-number{font-size:54px}}
@media(prefers-reduced-motion:reduce){.lawfer-reference-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.lawfer-floating-card{z-index:5}