.promo-primary {
      position: relative;
      min-height: 420px;
      display: flex;
      align-items: center;
 }

 .promo-primary .img--bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
 }

 .promo-overlay {
      position: absolute;
      inset: 0;
      /* background: linear-gradient(90deg,
                rgba(54, 80, 138, .90),
                rgba(54, 80, 138, .60)); */
 }

 .promo-primary__content {
      position: relative;
      z-index: 5;
      color: #fff;
 }

 .page-subtitle {
      display: inline-block;
      padding: 8px 18px;
      border-radius: 30px;
      background: rgba(255, 255, 255, .15);
      backdrop-filter: blur(8px);
      margin-bottom: 18px;
      font-size: 14px;
      letter-spacing: 1px;
 }

 .custom-breadcrumb {
      background: none;
      padding: 0;
 }

 .custom-breadcrumb a {
      color: #fff;
      text-decoration: none;
 }

 .custom-breadcrumb .active {
      color: #36508A;
      font-weight: 600;
 }

 .promo-primary__title {
      font-size: 54px;
      font-weight: 700;
      color: #fff;
 }

 /* .promo-primary__title span {
      color: #36508A;
 } */

 @media(max-width:768px) {

      .promo-primary {
           min-height: 320px;
      }

      .promo-primary__title {
           font-size: 36px;
      }

 }

 /*====================================================
PUBLICATION SECTION
====================================================*/

 .publication-section {
      padding: 90px 0;
      /* background: #f8fbfd; */
 }

 .section-tag {
      display: inline-block;
      padding: 8px 20px;
      background: #36508A;
      color: #fff;
      border-radius: 50px;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 18px;
 }

 .section-title {
      /* font-size: 42px; */
      font-weight: 700;
      color: #36508A;
      margin-bottom: 15px;
 }

 .section-description {
      color: #6c757d;
      font-size: 17px;
      max-width: 700px;
      margin: auto;
      line-height: 1.8;
 }

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

 .publication-card {
      background: #fff;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid #e9ecef;
      box-shadow: 0 12px 30px rgba(0, 0, 0, .05);
      transition: .35s;
 }

 .publication-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
 }

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

 .publication-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      padding: 28px 35px;
      cursor: pointer;
      transition: .35s;
 }

 .publication-header:hover {
      background: #f3f6fc;
 }

 .publication-title {
      font-size: 24px;
      font-weight: 700;
      color: #36508A;
      margin: 0;
 }

 .publication-header small {
      color: #6c757d;
 }

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

 .publication-icon {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #36508A;
      color: #fff;
      font-size: 18px;
      transition: .35s;
 }

 .publication-header[aria-expanded="true"] .publication-icon {
      transform: rotate(45deg);
 }

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

 .publication-body {
      padding: 35px;
      border-top: 1px solid #eee;
      background: #fff;
 }

 .publication-body p {
      color: #5c6670;
      line-height: 1.9;
      font-size: 16px;
 }

 .publication-body h1,
 .publication-body h2,
 .publication-body h3,
 .publication-body h4,
 .publication-body h5 {
      color: #36508A;
      margin-top: 25px;
 }

 .publication-body ul {
      padding-left: 22px;
 }

 .publication-body li {
      margin-bottom: 10px;
 }

 .publication-body img {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
      margin: 20px 0;
      box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
 }

 .publication-body table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 25px;
 }

 .publication-body table th {
      background: #36508A;
      color: #fff;
      padding: 12px;
 }

 .publication-body table td {
      border: 1px solid #dee2e6;
      padding: 12px;
 }

 .publication-body a {
      color: #36508A;
      font-weight: 600;
      text-decoration: none;
 }

 .publication-body a:hover {
      color: #2C4373;
 }

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

 @media(max-width:991px) {

      .publication-section {
           padding: 70px 0;
      }

      .publication-header {
           padding: 22px;
      }

      .publication-title {
           font-size: 20px;
      }

      .publication-body {
           padding: 22px;
      }

      .section-title {
           font-size: 34px;
      }

 }

 @media(max-width:576px) {

      .publication-header {
           flex-direction: column;
           align-items: flex-start;
      }

      .publication-icon {
           width: 45px;
           height: 45px;
      }

      .section-title {
           font-size: 28px;
      }

 }