/*=========================================
    EMBASSY NAVBAR
=========================================*/

.embassy-navbar {
  background: #fff;
  padding: 0;
  position: relative;
  z-index: 999;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}

.embassy-navbar .container {
  position: relative;
}

.embassy-navbar .navbar-collapse {
  min-height: 72px;
}

/*=========================================
    MAIN MENU
=========================================*/

.main-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.main-menu > .nav-item {
  position: relative;
  margin: 0 2px;
}

.main-menu > .nav-item > .nav-link {
  color: #15366d;
  font-size: 15px;
  font-weight: 600;
  padding: 24px 18px;
  transition: 0.35s;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/*=========================================
    HOVER
=========================================*/

.main-menu > .nav-item > .nav-link:hover {
  color: #ff7b00;
}

/* Orange Bottom Border */

.main-menu > .nav-item > .nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 3px;
  background: #ff7b00;
  transition: 0.35s;
}

.main-menu > .nav-item > .nav-link:hover::after {
  width: 100%;
  left: 0;
}

/*=========================================
    ACTIVE MENU
=========================================*/

.main-menu > .nav-item.active > .nav-link,
.main-menu > .nav-item > .nav-link.active {
  background: #f8f3e8;
  color: #15366d;
}

.main-menu > .nav-item.active > .nav-link::after,
.main-menu > .nav-item > .nav-link.active::after {
  width: 100%;
  left: 0;
}

/*=========================================
    DROPDOWN ARROW
=========================================*/

.dropdown-toggle::after {
  margin-left: 7px;
  vertical-align: middle;
  transition: 0.3s;
}

.nav-item:hover > .dropdown-toggle::after {
  transform: rotate(180deg);
}

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

.nav-search-btn {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  transition: 0.35s;
}

.nav-search-btn i {
  color: #15366d;
  font-size: 18px;
}

.nav-search-btn:hover {
  background: #15366d;
  border-color: #15366d;
  transform: translateY(-2px);
}

.nav-search-btn:hover i {
  color: #fff;
}

/*=========================================
    STICKY NAVBAR
=========================================*/

.navbar-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  animation: slideDown 0.4s ease;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

/*=========================================
    NAVBAR TOGGLER
=========================================*/

.navbar-toggler {
  border: none;
  box-shadow: none;
  padding: 10px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  width: 30px;
  height: 30px;
}

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

@media (max-width: 1199px) {
  .main-menu {
    padding: 15px 0;
  }

  .main-menu > .nav-item {
    width: 100%;
  }

  .main-menu > .nav-item > .nav-link {
    padding: 14px 20px;
    border-bottom: 1px solid #eee;
  }

  .main-menu > .nav-item > .nav-link::after {
    display: none;
  }

  .nav-search-btn {
    margin: 15px 20px;
  }
}
/*=========================================
        FIRST LEVEL DROPDOWN
=========================================*/

.embassy-navbar .dropdown-menu {
  min-width: 280px;
  padding: 8px 0;
  margin: 0;
  border: none;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);

  visibility: hidden;

  display: block;

  transform: translateY(15px);

  transition: all 0.35s ease;

  left: 0;
  top: 100%;
}

/* Desktop Hover */

@media (min-width: 1200px) {
  .embassy-navbar .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/*=========================================
        DROPDOWN ITEMS
=========================================*/

.dropdown-menu li {
  position: relative;
}

.dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 12px 22px;

  color: #1d3557;
  font-size: 14px;
  font-weight: 500;

  transition: 0.3s;

  white-space: normal;
}

.dropdown-item:hover {
  background: #f8f3e8;

  color: #ff7b00;

  padding-left: 28px;
}

.dropdown-item:focus {
  background: #f8f3e8;

  color: #ff7b00;
}

/*=========================================
        RIGHT ARROW
=========================================*/

.dropdown-submenu > .dropdown-item::after {
  content: "\F285";

  font-family: "bootstrap-icons";

  font-size: 13px;

  margin-left: auto;

  transition: 0.3s;
}

.dropdown-submenu:hover > .dropdown-item::after {
  transform: translateX(4px);
}

/*=========================================
        SECOND LEVEL
=========================================*/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  left: 100%;

  top: 0;

  margin-left: 0;

  min-width: 280px;

  visibility: hidden;

  transform: translateX(20px);

  transition: 0.35s;
}

@media (min-width: 1200px) {
  .dropdown-submenu:hover > .dropdown-menu {
    opacity: 1;

    visibility: visible;

    transform: translateX(0);
  }
}

/*=========================================
        THIRD LEVEL+
=========================================*/

.dropdown-submenu .dropdown-submenu > .dropdown-menu {
  left: 100%;

  top: 0;
}

/*=========================================
        ICONS
=========================================*/

.dropdown-item i {
  font-size: 13px;
}

.dropdown-item .bi-file-earmark-pdf-fill {
  color: #d62828;
}

.dropdown-item .bi-box-arrow-up-right {
  color: #0d6efd;
}

/*=========================================
        HOVER BAR
=========================================*/

.dropdown-item {
  position: relative;
}

.dropdown-item::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 100%;

  background: #ff7b00;

  transition: 0.35s;

  opacity: 0.12;
}

.dropdown-item:hover::before {
  width: 100%;
}

/*=========================================
        DIVIDER
=========================================*/

.dropdown-divider {
  margin: 4px 0;

  border-color: #ececec;
}

/*=========================================
        SCROLLBAR
=========================================*/

.dropdown-menu {
  max-height: 70vh;

  overflow-y: auto;
}

.dropdown-menu::-webkit-scrollbar {
  width: 7px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: #d6d6d6;

  border-radius: 20px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #999;
}

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

@media (max-width: 1199px) {
  .dropdown-menu {
    display: none;

    opacity: 1;

    visibility: visible;

    transform: none;

    box-shadow: none;

    border-left: 3px solid #ff7b00;

    background: #fafafa;

    width: 100%;
  }

  .dropdown-menu.show {
    display: block;
  }

  .dropdown-item {
    padding: 12px 18px;
  }

  .dropdown-submenu > .dropdown-menu {
    position: relative;

    left: 0;

    top: 0;

    width: 100%;
  }

  .dropdown-submenu > .dropdown-item::after {
    content: "+";

    font-family: inherit;

    font-weight: bold;
  }

  .dropdown-submenu.show > .dropdown-item::after {
    content: "−";
  }
}
/*==================================================
    MOBILE NAVIGATION
==================================================*/

@media (max-width: 1199px) {
  .embassy-navbar {
    padding: 0;
  }

  .embassy-navbar .container {
    padding: 0;
  }

  .navbar-collapse {
    background: #fff;
    margin-top: 12px;
    border-radius: 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  }

  /* Menu */

  .main-menu {
    display: block;
    width: 100%;
    padding: 0;
  }

  .main-menu > .nav-item {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ececec;
  }

  .main-menu > .nav-item:last-child {
    border-bottom: none;
  }

  .main-menu > .nav-item > .nav-link {
    padding: 15px 20px;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* Hover */

  .main-menu > .nav-item > .nav-link:hover {
    background: #f7f7f7;
  }

  /* Active */

  .main-menu > .nav-item.active > .nav-link {
    background: #f8f3e8;
    color: #ff7b00;
  }

  /* Dropdown */

  .dropdown-menu {
    position: relative;
    border: none;
    border-left: 4px solid #ff9933;
    background: #fafafa;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }

  .dropdown-item {
    padding: 14px 25px;
  }

  .dropdown-item:hover {
    background: #fff;
  }
}

/*==================================================
        HAMBURGER
==================================================*/

.navbar-toggler {
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 8px;
  background: #15366d;
  margin: 10px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

/* Hover */

.navbar-toggler:hover {
  background: #ff9933;
}

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

@media (max-width: 1199px) {
  .nav-search-btn {
    width: 100%;
    margin: 15px;
    border-radius: 8px;
    height: 48px;
  }
}

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

@media (max-width: 991px) {
  .main-menu > .nav-item > .nav-link {
    font-size: 14px;
  }
}

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

@media (max-width: 767px) {
  .embassy-navbar {
    box-shadow: none;
  }

  .main-menu > .nav-item > .nav-link {
    font-size: 14px;
    padding: 14px 18px;
  }

  .dropdown-item {
    font-size: 13px;
    padding: 12px 20px;
  }
}

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

@media (max-width: 575px) {
  .navbar-toggler {
    width: 46px;
    height: 46px;
  }

  .main-menu > .nav-item > .nav-link {
    padding: 13px 16px;
  }
}

/*==================================================
        OFFCANVAS STYLE
==================================================*/

.offcanvas {
  width: 320px;
}

.offcanvas-header {
  background: #15366d;
  color: #fff;
}

.offcanvas-title {
  color: #fff;
  font-family: "PoppinsSemiBold";
}

.offcanvas-body {
  padding: 0;
}

.offcanvas-body .nav-link {
  padding: 14px 20px;
}

.offcanvas-body .dropdown-menu {
  background: #fafafa;
}

/*==================================================
        SMOOTH COLLAPSE
==================================================*/

.collapsing {
  transition: height 0.35s ease;
}

/*==================================================
        ANIMATION
==================================================*/

@keyframes menuFade {
  from {
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-menu {
  animation: menuFade 0.25s ease;
}

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

.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  animation: slideDown 0.4s;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}
/* ===========================
        ACTIVE MENU
=========================== */

.main-menu > .nav-item.active > .nav-link {
  background: #f7f1e5;

  color: #163b78;

  font-family: "PoppinsSemiBold";
}

/* Orange line */

.main-menu > .nav-item.active > .nav-link::after {
  width: 100%;
  left: 0;
}

/* Animated Top Border */

.main-menu > .nav-item.active > .nav-link::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 3px;

  background: #ff8c00;

  animation: activeBar 0.6s ease;
}

@keyframes activeBar {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}
.main-menu > .nav-item {
  overflow: hidden;
}

.main-menu > .nav-item > .nav-link {
  transition: all 0.35s ease;
}

.main-menu > .nav-item:hover > .nav-link {
  color: #ff8c00;

  transform: translateY(-2px);
}
.main-menu > .nav-item > .nav-link::after {
  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 0;

  height: 3px;

  background: #ff8c00;

  transition: 0.35s ease;
}

.main-menu > .nav-item:hover > .nav-link::after {
  width: 100%;

  left: 0;
}

.main-menu > .nav-item.active > .nav-link::after {
  width: 100%;

  left: 0;
}
.dropdown-menu {
  visibility: hidden;

  transform: translateY(20px) scale(0.98);

  transition: 0.35s;
}

.dropdown:hover > .dropdown-menu {
  opacity: 1;

  visibility: visible;

  transform: translateY(0) scale(1);
}
.main-menu > .nav-item.active > .nav-link {
  box-shadow: inset 0 -3px 0 #ff8c00;
}

/*=============================
Announcement Bar
=============================*/

.announcement-bar {
  display: flex;

  align-items: center;

  width: 100%;

  overflow: hidden;

  background: #f5f3ed;

  border: 1px solid #ddd;

  height: 58px;

  position: relative;
}

/* Left Title */

.announcement-title {
  flex: 0 0 180px;

  background: #f7941d;

  color: #111;

  font-weight: 600;

  font-size: 16px;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  z-index: 5;
}

/* Right Area */

.announcement-wrapper {
  overflow: hidden;

  flex: 1;

  position: relative;
}

/* Infinite Track */

.announcement-track {
  display: flex;

  align-items: center;

  width: max-content;

  animation: announcementMove 45s linear infinite;
}

/* Pause */

.announcement-wrapper:hover .announcement-track {
  animation-play-state: paused;
}

/* Items */

.announcement-item {
  display: flex;

  align-items: center;

  white-space: nowrap;

  padding: 0 40px;

  position: relative;
}

/* Separator */

.announcement-item::after {
  content: "|";

  position: absolute;

  right: 0;

  color: #f7941d;
}

/* Links */

.announcement-item a {
  color: #555;

  text-decoration: none;

  font-size: 16px;

  font-weight: 500;

  transition: 0.3s;
}

.announcement-item a:hover {
  color: #f7941d;
}

/* Animation */

@keyframes announcementMove {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/*=========================================
    Appointment Portal Section
=========================================*/

.appointment-section {
  background: #fff;
  padding: 70px 0;
}

/*=========================================
Section Title
=========================================*/

.section-title {
  margin-bottom: 35px;
}

.section-title h2 {
  margin: 0;
  color: #162f6a;
  font-family: "PoppinsSemiBold";
  font-size: 22px;
  line-height: 1.2;
}

.section-title span {
  display: block;

  width: 120px;

  height: 4px;

  background: #f7941d;

  border-radius: 30px;
}

/*=========================================
Portal Cards
=========================================*/

.portal-card {
  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  overflow: hidden;

  min-height: 84px;

  border-radius: 10px;

  padding:13px 15px;

  text-decoration: none;

  transition: 0.35s;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.portal-card:hover {
  transform: translateY(-6px);

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

/* Orange */

.portal-orange {
  background: #f7931e;
}

/* Blue */

.portal-blue {
  background: #1f3977;
}

/* Text */

.portal-content {
  position: relative;

  z-index: 2;
}

.portal-content h3 {
  color: #fff;

  font-size: 18px;

  font-family: "PoppinsSemiBold";

  margin-bottom: 10px;
}
.row.g-4 {
  display: flex;
  align-items: flex-start;
}

.portal-content p {
  color: #1f3977;

  font-size: 12px;

  margin: 0;
}

.portal-content i {
  margin-left: 8px;
}

/* Icon */

.portal-icon {
  position: absolute;

  right: 25px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 60px;

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

  transition: 0.35s;
}
.portal-contents {
  color: #f7931e !important;
  font-size: 14px;
  margin: 0;
}
.portal-card:hover .portal-icon {
  transform: translateY(-50%) scale(1.12);
}

/*=========================================
Quick Links
=========================================*/

.quick-links {
  display: flex;

  flex-direction: column;

  gap: 18px;
  max-height: 325px;
}

.quick-card {
  display: flex;

  align-items: center;

  gap: 20px;

  background: #fff;

  border-radius: 10px;

  min-height: 68px;

  padding: 8px 15px;

  text-decoration: none;

  color: #222;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);

  transition: 0.3s;
}

.quick-card:hover {
  transform: translateX(8px);

  color: #1e3e78;
}

/* Icon */

.quick-icon {
  width: 35px;

  height: 35px;

  border-radius: 50%;

  background: #203e7b;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  flex-shrink: 0;
}

.quick-text {
  font-size: 15px;

  font-family: "PoppinsMedium";
  line-height: 1.45;
}
/* =========================================
   AMBASSADOR PHOTO
========================================= */

.ambassador-photo {
  position: relative;

  width: 145px;

  padding: 5px;

  display: inline-block;

  background: #f5f2e8;

  border-radius: 5px;

  overflow: visible;
}

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

.ambassador-photo .logo-img {
  display: block;

  width: 100%;
  height: 192px;

  border-radius: 4px;

  object-fit: cover;
}

/* =========================================
   ORANGE TOP LINE
========================================= */

.ambassador-photo::before {
  content: "";

  position: absolute;

  top: -4px;
  left: -2px;

  width: calc(100% + 2px);

  height: 4px;

  background: #f7941d;

  z-index: 3;

  border-radius: 2px 0 0 0;
}

/* =========================================
   ORANGE RIGHT SHORT LINE
========================================= */

.ambassador-photo::after {
  content: "";

  position: absolute;

  top: -4px;
  right: -3px;

  width: 4px;

  height: 34px;

  background: #f7941d;

  z-index: 3;

  border-radius: 0 2px 0 0;
}

/* =========================================
   GREEN LOWER CORNER
========================================= */

.ambassador-border {
  position: absolute;

  left: -3px;
  bottom: -2px;

  width: calc(100% + 3px);

  height: 42%;

  border-left: 4px solid #72b944;
  border-bottom: 4px solid #72b944;

  z-index: 3;

  pointer-events: none;

  border-radius: 0 0 0 2px;
}

/* =========================================
   SMALL IMAGE SHADOW
========================================= */

.ambassador-photo .logo-img {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12);
}

/* =========================================
   HOVER EFFECT
========================================= */

.ambassador-photo {
  transition: transform 0.35s ease;
}

.ambassador-photo:hover {
  transform: translateY(-3px);
}

.ambassador-photo:hover .logo-img {
  box-shadow: 0 7px 18px rgba(22, 47, 106, 0.15);
}

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

@media (max-width: 767px) {
  .ambassador-photo {
    width: 130px;
  }

  .ambassador-border {
    height: 40%;
  }
}
/*=========================================
Ambassador Card
=========================================*/

.ambassador-card {
  background: #f7f4ec;

  border-radius: 10px;

  padding: 5px 24px;

  /* box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08); */

  height: 100%;
  min-height: 270px;
  display: flex;
}

.ambassador-img {
  width: 100%;

  border-radius: 10px;

  border: 5px solid #f7931e;
}

/* Right */

.ambassador-content {
  text-align: center;
}

.ambassador-content h3 {
  color: #1e3e78;
  font-size: 19px;
  font-family: "PoppinsSemiBold";
  line-height: 1.3;
  margin-bottom: 1px;
}

.line {
  display: block;

  width: 110px;

  height: 3px;

  background: #f7931e;

  margin: 8px auto 18px auto;
}

.ambassador-content h5 {
  margin-top: 25px;

  color: #111;

  font-size: 17px;

  font-family: "PoppinsSemiBold";
  margin-bottom: -4px;
}

.ambassador-content p {
  color: #666;

  margin: 18px 0;

  font-size: 17px;
}

.desk-btn {
  background: #203e7b;

  color: #fff;

  padding: 14px 34px;

  border-radius: 8px;

  font-weight: 600;

  transition: 0.3s;
}

.desk-btn:hover {
  background: #f7931e;

  color: #fff;
}
/*=========================================
Mobile
=========================================*/

@media (max-width: 767px) {
  .appointment-section {
    padding: 35px 0;
  }

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

  .section-title span {
    width: 90px;
  }

  .portal-card {
    padding: 22px;

    min-height: 105px;
  }

  .portal-icon {
    font-size: 62px;

    right: 15px;
  }

  .portal-card + .portal-card {
    margin-top: 20px !important;
  }

  .quick-links {
    margin-top: 25px;

    gap: 15px;
  }

  .quick-card {
    padding: 16px;

    gap: 15px;
  }

  .quick-icon {
    width: 45px;

    height: 45px;

    font-size: 16px;
  }

  .quick-text {
    font-size: 15px;

    line-height: 1.4;
  }

  .ambassador-card {
    margin-top: 30px;

    padding: 18px;
  }

  .ambassador-img {
    margin-bottom: 15px;
  }

  .ambassador-content {
    text-align: center;
  }

  .ambassador-content h3 {
    font-size: 24px;
  }

  .ambassador-content h5 {
    font-size: 18px;
  }

  .desk-btn {
    width: 100%;
  }
}

/*=========================================
Very Small Mobile
=========================================*/

@media (max-width: 480px) {
  .section-title h2 {
    font-size: 24px;
  }

  .portal-card {
    min-height: 95px;

    padding: 18px;
  }

  .portal-icon {
    font-size: 52px;
  }

  .quick-card {
    padding: 14px;
  }

  .quick-icon {
    width: 40px;

    height: 40px;

    font-size: 15px;
  }

  .quick-text {
    font-size: 14px;
  }

  .ambassador-content h3 {
    font-size: 22px;
  }

  .ambassador-content h5 {
    font-size: 16px;
  }
}
/*==================================
Premium Shine Effect
==================================*/

.portal-card,
.quick-card,
.ambassador-card {
  position: relative;
  overflow: hidden;
}

.portal-card::before,
.quick-card::before,
.ambassador-card::before {
  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 60%;

  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.35),
    transparent
  );

  transition: 0.8s;
}

.portal-card:hover::before,
.quick-card:hover::before,
.ambassador-card:hover::before {
  left: 160%;
}
.portal-card,
.quick-card,
.ambassador-card {
  transition: 0.35s ease;
}

.portal-card:hover,
.quick-card:hover,
.ambassador-card:hover {
  transform: translateY(-8px);

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
}
.portal-icon {
  transition: 0.45s;
}

.portal-card:hover .portal-icon {
  transform: translateY(-50%) rotate(-8deg) scale(1.15);
}

.quick-icon {
  transition: 0.35s;
}

.quick-card:hover .quick-icon {
  background: #f7941d;

  transform: rotate(12deg);
}
.portal-content i {
  transition: 0.3s;
}

.portal-card:hover i {
  margin-left: 14px;
}
.desk-btn {
  transition: 0.35s;
}

.desk-btn:hover {
  transform: translateY(-3px);
}
/*=========================================
Professional Thumbnail
=========================================*/
/*=========================================
    SMART INFORMATION SECTION
==========================================*/

.smart-section {
  background: #f7f3e8;
  padding: 70px 0;
  overflow: hidden;
  position: relative;
}

.smart-section .container {
  max-width: 1320px;
}

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

.smart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
  gap: 20px;
}

.smart-tabs {
  display: flex;
  gap: 70px;
  flex-wrap: wrap;
  width: 80%;
  justify-content: space-between;
}

.smart-tab {
  background: none;
  border: none;
  outline: none;

  font-family: Georgia, serif;

  font-size: 22px;

  font-family: poppinssemibold;

  color: #c4c4c4;

  cursor: pointer;

  position: relative;

  padding: 0 0 20px;

  transition: 0.4s;
}

.smart-tab:hover {
  color: #163b7a;
}

.smart-tab.active {
  color: #163b7a;
}

.smart-tab::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  height: 4px;

  background: #ff8b22;

  transition: 0.45s;
}

.smart-tab.active::after {
  width: 100%;
}

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

.view-all {
  color: #163b7a;

  font-family: poppinssemibold;

  text-decoration: none;

  font-size: 15px;

  transition: 0.3s;
}

.view-all i {
  margin-left: 8px;

  transition: 0.35s;
}

.view-all:hover {
  color: #ff8b22;
}

.view-all:hover i {
  transform: translateX(8px);
}

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

.tab-panel {
  display: none;

  animation: fadeTab 0.6s ease;
}

.tab-panel.active {
  display: block;
  height: 500px;
}

@keyframes fadeTab {
  from {
    transform: translateY(30px);
  }

  to {
    opacity: 1;

    transform: none;
  }
}

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

.service-grid {
  display: grid;

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

  gap: 0;

  border: 1px solid #ece7db;

  background: #f7f3e8;
}

.service-card {
  background: #fff;

  padding: 28px;

  border-right: 1px solid #ece7db;

  border-bottom: 1px solid #ece7db;

  text-decoration: none;

  color: #222;

  min-height: 220px;

  transition: 0.45s;

  position: relative;

  overflow: hidden;
  margin: 10px;
}

.service-card:nth-child(4n) {
  border-right: none;
}

.service-card:hover {
  background: #163b7a;

  transform: translateY(-8px);

  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.service-card:hover h3,
.service-card:hover p,
.service-card:hover .service-btn {
  color: #fff;
}

/*=========================================
NUMBER
==========================================*/

.service-number {
  font-size: 13px;

  font-weight: 500;

  color: #ff8b22;

  margin-bottom: 8px;

  letter-spacing: 1px;
}

/*=========================================
TITLE
==========================================*/

.service-card h3 {
  font-size: 17px;
  height: 50px;
  /* font-weight:600; */

  line-height: 1.35;

  margin-bottom: 15px;

  transition: 0.35s;

  font-family: "Poppinssemibold";
}

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

.service-card p {
  font-size: 12px;

  color: #666;

  margin-bottom: 28px;

  transition: 0.35s;
}

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

.service-btn {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  font-family: "PoppinsMedium";
  color: #163b7a;

  transition: 0.35s;
}

.service-btn i {
  transition: 0.35s;
}

.service-card:hover .service-btn i {
  transform: translateX(8px);
}

/*=========================================
ORANGE LINE
==========================================*/

.service-btn::after {
  content: "";

  display: block;

  width: 70px;

  height: 2px;

  background: #ff8b22;

  margin-top: 6px;

  position: absolute;

  left: 28px;

  bottom: 24px;

  transition: 0.35s;
}

.service-card:hover .service-btn::after {
  width: 100px;
}

/*=========================================
APPLE REVEAL
==========================================*/

.reveal-card.show {
  opacity: 1;

  transform: none;

  filter: blur(0);
}
/*====================================================
            PRESS RELEASE SECTION
====================================================*/

.press-wrapper {
  display: flex;
  flex-direction: column;
  gap: 18px;
  /* max-width: 1000px; */
  margin: auto;
}

.press-card {
  display: flex;
  align-items: center;

  gap: 35px;

  background: #fff;

  border-radius: 10px;

  padding: 20px 28px;

  text-decoration: none;

  color: #222;

  border: 1px solid #ececec;

  transition: 0.45s;

  overflow: hidden;

  position: relative;
}

.press-card::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 5px;

  height: 0;

  background: #ff8b22;

  transition: 0.45s;
}

.press-card:hover::before {
  height: 100%;
}

.press-card:hover {
  transform: translateY(-10px);

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

.press-link-type {
  flex: 0 0 46px;

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

.link-icon {
  width: 38px;
  height: 38px;

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

  border-radius: 50%;

  font-size: 15px;

  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.press-card:hover .link-icon {
  transform: scale(1.08);
}

/* =========================================================
   PAGE CONTENT
   Navy
   ========================================================= */

.page-icon {
  color: #162f6a;
  background: #edf2fa;
}

/* =========================================================
   EXTERNAL LINK
   Orange
   ========================================================= */

.external-icon {
  color: #e97817;
  background: #fff3e7;
}

/* =========================================================
   PDF
   Red
   ========================================================= */

.pdf-icon {
  color: #d93025;
  background: #fff0ef;
}

/* =========================================================
   IMAGE
   Purple
   ========================================================= */

.image-icon {
  color: #7b3fa1;
  background: #f5eef9;
}

/* =========================================================
   NORMAL URL
   Blue
   ========================================================= */

.url-icon {
  color: #2878b9;
  background: #edf6fc;
}

/* =========================================================
   PRESS WRAPPER
   ========================================================= */

.press-wrapper {
  display: flex;
  flex-direction: column;

  gap: 18px;
}

.press-date {
  min-width: 90px;

  text-align: center;

  border-right: 1px solid #ececec;

  padding-right: 30px;
}

.press-date {
  font-size: 22px;

  font-family: poppinssemibold;

  color: #163b7a;

  line-height: 1;
}

.press-date span {
  display: block;

  font-size: 12px;

  margin-top: 8px;

  color: #ff8b22;

  text-transform: uppercase;

  letter-spacing: 2px;
}

.press-content {
  flex: 1;
}

.press-content h3 {
  font-size: 15px;
  line-height: 1.5;
  color: #163b7a;
  margin-bottom: 0px;
  transition: 0.35s;
  font-family: "PoppinsMedium";
}

.press-content p {
  color: #777;

  margin: 0;

  font-size: 12px;
}

.press-card:hover h3 {
  color: #ff8b22;
}

.badge {
  margin-left: 12px;

  font-size: 11px;

  border-radius: 50px;

  padding: 4px 10px;
}

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

.press-view {
  text-align: center;

  margin-top: 40px;
}

.press-view a {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 14px 34px;

  background: #163b7a;

  color: #fff;

  border-radius: 40px;

  text-decoration: none;

  transition: 0.4s;
}

.press-view a:hover {
  background: #ff8b22;

  transform: translateY(-5px);
}

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

@media (max-width: 1199px) {
  .smart-tabs {
    gap: 30px;
  }

  .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-card {
    min-height: 230px;
  }

  .smart-tab {
    font-size: 20px;
  }

  .press-content h3 {
    font-size: 22px;
  }
}

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

@media (max-width: 767px) {
  .smart-section {
    padding: 50px 0;
  }

  .smart-header {
    flex-direction: column;

    align-items: flex-start;
  }

  .smart-tabs {
    display: flex;

    overflow-x: auto;

    white-space: nowrap;

    gap: 20px;

    padding-bottom: 8px;

    width: 100%;

    scrollbar-width: none;
  }

  .smart-tabs::-webkit-scrollbar {
    display: none;
  }

  .smart-tab {
    font-size: 18px;

    padding-bottom: 14px;

    flex: none;
  }

  .view-all {
    font-size: 15px;
  }

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

  .service-card {
    min-height: auto;

    padding: 22px;
  }

  .service-card p {
    font-size: 15px;

    line-height: 28px;
  }

  .press-card {
    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

    padding: 22px;
  }

  .press-date {
    border: none;

    padding: 0;

    min-width: auto;

    text-align: left;

    font-size: 34px;
  }

  .press-date span {
    display: inline-block;

    margin-left: 10px;
  }

  .press-content h3 {
    font-size: 20px;

    line-height: 1.5;
  }
}

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

@media (max-width: 480px) {
  .smart-tab {
    font-size: 16px;
  }

  .press-content h3 {
    font-size: 18px;
  }

  .press-card {
    padding: 18px;
  }
}
.tab-indicator {
  position: absolute;

  bottom: 0;

  height: 4px;

  background: #ff8b22;

  transition: 0.45s;

  border-radius: 10px;
}

.smart-tabs {
  position: relative;
}

.loaded .service-card {
  animation: cardFade 0.7s ease forwards;
}

@keyframes cardFade {
  from {
    transform: translateY(40px);
  }

  to {
    opacity: 1;

    transform: none;
  }
}
/*=================================================
        LATEST GALLERY SECTION
=================================================*/
/* =========================================================
   LATEST NEWS & PHOTO GALLERY
   PROFESSIONAL EMBASSY THEME
========================================================= */

.lgGallerySection {
  position: relative;
  padding: 42px 0 48px;
  background: #ffffff;
  overflow: hidden;
}

.lgGallerySection * {
  box-sizing: border-box;
}

/* =========================================================
   SUBTLE SECTION BACKGROUND
========================================================= */

.lgGallerySection::before {
  content: "";
  position: absolute;

  width: 420px;
  height: 420px;

  top: -220px;
  right: -160px;

  border-radius: 50%;

  background: rgba(22, 47, 106, 0.025);

  pointer-events: none;
}

.lgGallerySection::after {
  content: "";

  position: absolute;

  width: 280px;
  height: 280px;

  bottom: -180px;
  left: -120px;

  border-radius: 50%;

  background: rgba(247, 148, 29, 0.025);

  pointer-events: none;
}

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

.lgHeader {
  position: relative;
  z-index: 2;

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

  gap: 20px;

  margin-bottom: 28px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e5e9f1;
}

.lgTitle {
  position: relative;
}

.lgTitle h2 {
  position: relative;

  margin: 0;

  color: #162f6a;

  font-size: 22px;

  font-family: poppinssemibold, sans-serif;

  font-weight: 600;

  line-height: 1.3;
}

/* saffron underline */

.lgTitle span {
  position: relative;

  display: block;

  /* width: 180px; */
  height: 3px;

  margin-top: 12px;

  background: #f7941d;
}

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

.lgViewAll {
  position: relative;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  padding-bottom: 3px;

  color: #162f6a;

  font-size: 13px;

  font-family: poppinssemibold, sans-serif;

  font-weight: 600;

  text-decoration: none;

  white-space: nowrap;

  transition: color 0.3s ease;
}

.lgViewAll::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 0;
  height: 2px;

  background: #f7941d;

  transition: width 0.35s ease;
}

.lgViewAll i {
  font-size: 13px;

  transition: transform 0.3s ease;
}

.lgViewAll:hover {
  color: #f7941d;
}

.lgViewAll:hover::after {
  width: calc(100% - 24px);
}

.lgViewAll:hover i {
  transform: translateX(5px);
}

/* =========================================================
   MAIN LAYOUT
========================================================= */

.lgGallerySection .row {
  position: relative;
  z-index: 2;

  align-items: stretch;
}

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

.lgFeaturedCard {
  position: relative;

  display: block;

  width: 100%;
  height: 100%;

  min-height: 390px;

  overflow: hidden;

  border-radius: 14px;

  background: #162f6a;

  color: #fff;

  text-decoration: none;

  box-shadow: 0 10px 30px rgba(22, 47, 106, 0.12);

  transform: translateY(0);

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}

.lgFeaturedCard:hover {
  color: #fff;
  text-decoration: none;

  transform: translateY(-6px);

  box-shadow: 0 20px 42px rgba(22, 47, 106, 0.2);
}

/* =========================================================
   FEATURED IMAGE
========================================================= */

.lgFeaturedImage {
  position: relative;

  width: 100%;
  height: 100%;

  min-height: 390px;

  overflow: hidden;

  border-radius: 14px;

  background: #e9edf5;
}

.lgFeaturedImage img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 1s cubic-bezier(0.2, 0.7, 0.2, 1),
    filter 0.5s ease;
}

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

.lgFeaturedImage::after {
  content: "";

  position: absolute;

  z-index: 1;

  inset: 0;

  background: linear-gradient(
    to bottom,
    rgba(9, 25, 62, 0.02) 15%,
    rgba(9, 25, 62, 0.08) 35%,
    rgba(9, 25, 62, 0.72) 100%
  );
}

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

.lgFeaturedContent {
  position: absolute;

  z-index: 3;

  left: 0;
  right: 0;
  bottom: 0;

  padding: 55px 28px 25px;

  background: linear-gradient(
    to top,
    rgba(9, 25, 62, 0.96),
    rgba(9, 25, 62, 0.7),
    transparent
  );
}

.lgFeaturedContent h3 {
  display: block;

  margin: 0 0 7px;

  color: #fff;

  font-family: poppinssemibold, sans-serif;

  font-size: 18px;

  font-weight: 600;

  line-height: 1.45;
}

.lgFeaturedContent h3::before {
  content: "";

  display: block;

  width: 38px;
  height: 3px;

  margin-bottom: 10px;

  background: #f7941d;
}

.lgFeaturedContent .badge {
  vertical-align: middle;

  margin-left: 8px;

  padding: 4px 8px;

  border-radius: 20px;

  background: #f7941d !important;

  color: #fff;

  font-size: 9px;

  font-weight: 700;

  letter-spacing: 0.5px;
}

/* =========================================================
   DATE
========================================================= */

.lgDate {
  display: block;

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

  font-size: 12px;

  font-weight: 400;

  line-height: 1.4;
}

/* =========================================================
   FEATURED SHINE
========================================================= */

.lgFeaturedImage::before {
  content: "";

  position: absolute;

  z-index: 4;

  top: 0;
  bottom: 0;

  left: -120%;

  width: 55%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.18),
    transparent
  );

  transform: skewX(-18deg);

  transition: left 0.9s ease;
}

.lgFeaturedCard:hover .lgFeaturedImage::before {
  left: 135%;
}

/* =========================================================
   RIGHT SIDE
========================================================= */

.lgSideWrap {
  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 14px;

  height: 100%;
}

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

.lgSideCard {
  position: relative;

  display: flex;

  align-items: center;

  flex: 1;

  gap: 15px;

  min-height: 100px;

  padding: 10px;

  overflow: hidden;

  border: 1px solid #e7eaf1;

  border-radius: 12px;

  background: #fff;

  color: #222;

  text-decoration: none;

  box-shadow: 0 5px 18px rgba(22, 47, 106, 0.045);

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

.lgSideCard::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0;
  bottom: 0;

  width: 3px;

  background: #f7941d;

  transform: scaleY(0);

  transform-origin: center;

  transition: transform 0.35s ease;
}

.lgSideCard:hover {
  color: #222;
  text-decoration: none;

  border-color: rgba(22, 47, 106, 0.18);

  background: #fbfcff;

  transform: translateX(5px);

  box-shadow: 0 12px 25px rgba(22, 47, 106, 0.1);
}

.lgSideCard:hover::before {
  transform: scaleY(1);
}

/* =========================================================
   SIDE IMAGE
========================================================= */

.lgThumb {
  position: relative;

  flex: 0 0 175px;

  width: 175px;
  height: 105px;

  overflow: hidden;

  border-radius: 8px;

  background: #f3f5f9;
}

.lgThumb::after {
  content: "";

  position: absolute;

  inset: 0;

  border: 1px solid rgba(22, 47, 106, 0.08);

  border-radius: 8px;

  pointer-events: none;
}

.lgThumb img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  background: #f5f6f8;

  transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}

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

.lgContent {
  position: relative;

  flex: 1;

  min-width: 0;

  padding: 3px 8px 3px 0;
}

.lgContent h4 {
  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  margin: 0 0 7px;

  color: #263c62;

  font-family: poppins, sans-serif;

  font-size: 13px;

  font-weight: 500;

  line-height: 1.45;

  transition: color 0.3s ease;
}

.lgSideCard:hover .lgContent h4 {
  color: #162f6a;
}

.lgContent > span {
  display: block;

  color: #9a9fab;

  font-size: 11px;

  line-height: 1.4;
}

/* =========================================================
   SIDE NEW BADGE
========================================================= */

.lgContent .badge {
  display: inline-block;

  margin-left: 5px;

  padding: 3px 7px;

  border-radius: 20px;

  background: #f7941d !important;

  color: #fff;

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 0.4px;

  vertical-align: middle;
}

/* =========================================================
   SIDE CARD ARROW
========================================================= */

.lgSideCard::after {
  content: "\f061";

  position: absolute;

  right: 13px;
  bottom: 12px;

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  color: #b9c2d3;

  font-size: 10px;

  opacity: 0;

  transform: translateX(-4px);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    color 0.3s ease;
}

.lgSideCard:hover::after {
  opacity: 1;

  color: #f7941d;

  transform: translateX(0);
}

/* =========================================================
   REVEAL ANIMATION
========================================================= */
.lgReveal.lgShow {
  opacity: 1;

  transform: translateY(0);

  filter: blur(0);
}

/* stagger */

.lgSideCard:nth-child(1) {
  transition-delay: 0.08s;
}

.lgSideCard:nth-child(2) {
  transition-delay: 0.16s;
}

.lgSideCard:nth-child(3) {
  transition-delay: 0.24s;
}

.lgSideCard:nth-child(4) {
  transition-delay: 0.32s;
}

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

@media (max-width: 1200px) {
  .lgThumb {
    flex-basis: 150px;

    width: 150px;
    height: 95px;
  }

  .lgSideCard {
    gap: 12px;
  }
}

/* =========================================================
   BELOW 992px
========================================================= */

@media (max-width: 991px) {
  .lgSideWrap {
    margin-top: 4px;

    gap: 12px;
  }

  .lgFeaturedCard,
  .lgFeaturedImage {
    min-height: 360px;
  }

  .lgSideCard {
    min-height: 110px;
  }
}

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

@media (max-width: 767px) {
  .lgGallerySection {
    padding: 32px 0 38px;
  }

  .lgHeader {
    align-items: flex-start;

    margin-bottom: 22px;

    padding-bottom: 13px;
  }

  .lgTitle h2 {
    font-size: 20px;
  }

  .lgTitle span {
    width: 120px;

    height: 3px;

    margin-top: 9px;
  }

  .lgViewAll {
    font-size: 12px;
  }

  .lgFeaturedCard,
  .lgFeaturedImage {
    min-height: 300px;
  }

  .lgFeaturedContent {
    padding: 50px 18px 18px;
  }

  .lgFeaturedContent h3 {
    font-size: 16px;

    line-height: 1.4;
  }

  .lgSideWrap {
    gap: 10px;

    margin-top: 16px;
  }

  .lgSideCard {
    min-height: 105px;

    padding: 8px;

    gap: 12px;
  }

  .lgThumb {
    flex: 0 0 130px;

    width: 130px;
    height: 90px;
  }

  .lgContent h4 {
    font-size: 12px;

    -webkit-line-clamp: 3;
  }

  .lgContent > span {
    font-size: 10px;
  }
}

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

@media (max-width: 480px) {
  .lgGallerySection {
    padding: 28px 0 34px;
  }

  .lgHeader {
    flex-direction: row;

    align-items: center;

    gap: 10px;
  }

  .lgTitle h2 {
    font-size: 18px;
  }

  .lgViewAll {
    font-size: 11px;
  }

  .lgViewAll i {
    font-size: 10px;
  }

  .lgFeaturedCard,
  .lgFeaturedImage {
    min-height: 270px;
  }

  .lgFeaturedContent {
    padding: 42px 15px 16px;
  }

  .lgFeaturedContent h3 {
    font-size: 15px;
  }

  .lgSideCard {
    min-height: 96px;
  }

  .lgThumb {
    flex: 0 0 110px;

    width: 110px;
    height: 78px;
  }

  .lgContent h4 {
    font-size: 11px;

    line-height: 1.4;
  }

  .lgContent > span {
    font-size: 9px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .lgReveal {
    opacity: 1;

    transform: none;

    filter: none;

    transition: none;
  }

  .lgFeaturedCard,
  .lgSideCard,
  .lgFeaturedImage img,
  .lgThumb img {
    transition: none;
  }
}
/* =========================================================
   SOCIAL MEDIA + IMPORTANT LINKS
   ========================================================= */

.social-important-section {
  width: 100%;
  padding: 45px 0;

  background: #ffffff;
}

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

.social-important-grid {
  display: grid;

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

  gap: 20px;

  align-items: stretch;
}

/* =========================================================
   COLUMNS
   ========================================================= */

.social-media-column,
.important-links-column {
  min-width: 0;

  display: flex;
  flex-direction: column;
}

/* =========================================================
   SECTION TITLE
   ========================================================= */

.section-title {
  margin-bottom: 20px;
}

.section-title h2 {
  margin: 0;

  color: #162f6a;

  font-family: "PoppinsSemiBold";

  font-size: 22px;
  line-height: 1.2;
}

.section-title span {
  display: block;

  width: 275px;
  height: 4px;

  margin-top: 9px;

  background: #f58220;
}

/* Right title line */

.important-links-column .section-title span {
  width: 212px;
}

/* =========================================================
   SOCIAL CARDS GRID
   ========================================================= */

.social-cards {
  flex: 1;

  display: grid;

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

  gap: 18px;

  align-items: stretch;
}

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

.social-card {
  min-width: 0;

  display: flex;
  flex-direction: column;

  background: #ffffff;

  border: 1px solid #dfe3e9;

  border-top: 2px solid #162f6a;

  border-radius: 7px;

  overflow: hidden;

  box-shadow: 0 5px 15px rgba(22, 47, 106, 0.08);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.social-card:hover {
  transform: translateY(-3px);

  box-shadow: 0 10px 25px rgba(22, 47, 106, 0.14);
}

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

.social-card-header {
  min-height: 64px;

  display: flex;
  align-items: center;

  padding: 9px 14px;

  border-bottom: 1px solid #e5e7eb;

  background: #ffffff;
}

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

.social-brand {
  flex: 0 0 35px;

  width: 35px;
  height: 35px;

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

  border-radius: 50%;

  color: #ffffff;

  font-size: 22px;
}

.facebook-brand {
  background: #4267b2;
}

.instagram-brand {
  background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
}

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

.social-info {
  min-width: 0;

  display: flex;
  flex-direction: column;

  margin-left: 11px;
}

.social-info strong {
  color: #14284f;

  font-size: 14px;
  line-height: 1.3;

  font-weight: 700;

  letter-spacing: 0.7px;
}

.social-info span {
  margin-top: 2px;

  color: #737b88;

  font-size: 13px;
  line-height: 1.3;
}

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

.social-view {
  margin-left: auto;

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

  gap: 7px;

  padding: 5px 0;

  color: #162f6a;

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

  text-decoration: none;

  white-space: nowrap;

  border-bottom: 2px solid #f58220;

  transition: 0.3s ease;
}

.social-view i {
  color: #162f6a;

  font-size: 11px;

  transition: transform 0.3s ease;
}

.social-view:hover {
  color: #f58220;
}

.social-view:hover i {
  transform: translateX(4px);

  color: #f58220;
}

/* =========================================================
   SOCIAL FEED
   ========================================================= */

.social-feed {
  flex: 1;

  min-height: 290px;

  overflow: hidden;

  background: #f6f7f9;
}

.social-feed img {
  display: block;

  width: 100%;
  height: 100%;

  min-height: 290px;

  object-fit: cover;

  object-position: center;

  transition: transform 0.5s ease;
}

.social-card:hover .social-feed img {
  transform: scale(1.02);
}

/* =========================================================
   IMPORTANT LINKS CARD
   ========================================================= */

.important-links-card {
  flex: 1;

  display: flex;
  flex-direction: column;

  min-height: 0;

  background: #f7f3e8;

  border-radius: 10px;

  overflow: hidden;
}

/* =========================================================
   IMPORTANT LINKS LIST
   ========================================================= */

.important-links-list {
  flex: 1;

  display: flex;
  flex-direction: column;
}

/* =========================================================
   IMPORTANT LINK ITEM
   ========================================================= */

.important-link-item {
  position: relative;

  flex: 1;

  min-height: 52px;

  display: grid;

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

  align-items: center;

  gap: 6px;

  padding: 8px 14px;

  color: #202b3c;

  text-decoration: none;

  border-bottom: 1px solid #ddd8ca;

  transition:
    background 0.3s ease,
    padding-left 0.3s ease;
}

.important-link-item:last-child {
  border-bottom: 0;
}

/* Hover */

.important-link-item:hover {
  background: #ffffff;

  padding-left: 18px;
}

/* =========================================================
   LINK NUMBER
   ========================================================= */

.link-number {
  color: #737c8b;

  font-size: 12px;

  font-weight: 500;
}

/* =========================================================
   LINK NAME
   ========================================================= */

.link-name {
  min-width: 0;

  color: #1d2735;

  font-size: 13px;

  line-height: 1.35;

  font-weight: 500;
}

/* =========================================================
   LINK ARROW
   ========================================================= */

.link-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  color: #f58220;

  font-size: 12px;

  transition: transform 0.3s ease;
}

.important-link-item:hover .link-arrow {
  transform: translateX(4px);
}

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

.important-view-all {
  min-height: 48px;

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

  gap: 10px;

  padding: 12px 18px;

  background: #162f6a;

  color: #ffffff;

  font-size: 14px;

  font-weight: 600;

  text-decoration: none;

  transition: background 0.3s ease;
}

.important-view-all:hover {
  background: #f58220;

  color: #ffffff;
}

.important-view-all i {
  font-size: 12px;

  transition: transform 0.3s ease;
}

.important-view-all:hover i {
  transform: translateX(4px);
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {
  .social-important-grid {
    grid-template-columns:
      minmax(0, 2.3fr)
      minmax(360px, 1fr);

    gap: 24px;
  }

  .social-feed,
  .social-feed img {
    min-height: 310px;
  }
}

/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {
  .social-important-section {
    padding: 40px 0;
  }

  .section-title h2 {
    font-size: 27px;
  }

  .social-important-grid {
    grid-template-columns:
      minmax(0, 2fr)
      minmax(300px, 1fr);

    gap: 18px;
  }

  .social-cards {
    gap: 14px;
  }

  .social-feed,
  .social-feed img {
    min-height: 260px;
  }

  .social-info strong {
    font-size: 13px;
  }

  .social-info span {
    font-size: 12px;
  }

  .social-view {
    font-size: 12px;
  }
}

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

@media (max-width: 991px) {
  .social-important-section {
    padding: 35px 0;
  }

  .social-important-grid {
    grid-template-columns: 1fr;
  }

  /*
       Important links will automatically match
       the height of the social section.
    */

  .social-cards {
    min-height: 300px;
  }

  .important-links-card {
    min-height: 350px;
  }

  .social-feed,
  .social-feed img {
    min-height: 280px;
  }
}

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

@media (max-width: 767px) {
  .social-important-section {
    padding: 30px 0;
  }

  .section-title {
    margin-bottom: 15px;
  }

  .section-title h2 {
    font-size: 24px;
  }

  .section-title span {
    width: 210px;
    height: 3px;
  }

  .important-links-column .section-title span {
    width: 170px;
  }

  /* Social cards one below another */

  .social-cards {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .social-card {
    min-height: 0;
  }

  .social-feed,
  .social-feed img {
    min-height: 260px;

    height: 260px;
  }

  /* Important links */

  .important-links-card {
    min-height: auto;
  }

  .important-link-item {
    min-height: 58px;

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

    padding: 9px 12px;
  }

  .link-name {
    font-size: 13px;
  }
}

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

@media (max-width: 575px) {
  .social-important-section {
    padding: 25px 0;
  }

  .section-title h2 {
    font-size: 22px;
  }

  .section-title span {
    width: 180px;
  }

  .important-links-column .section-title span {
    width: 150px;
  }

  .social-card-header {
    min-height: 60px;

    padding: 8px 10px;
  }

  .social-brand {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    font-size: 19px;
  }

  .social-info {
    margin-left: 8px;
  }

  .social-info strong {
    font-size: 12px;
  }

  .social-info span {
    font-size: 11px;
  }

  .social-view {
    font-size: 11px;

    gap: 4px;
  }

  .social-feed,
  .social-feed img {
    height: 230px;
    min-height: 230px;
  }

  .important-link-item {
    grid-template-columns:
      30px
      minmax(0, 1fr)
      22px;

    min-height: 55px;
  }

  .link-name {
    font-size: 12px;
  }

  .link-number {
    font-size: 11px;
  }

  .important-view-all {
    min-height: 45px;

    font-size: 13px;
  }
}

/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width: 400px) {
  .social-view {
    font-size: 0;

    border-bottom: 0;
  }

  .social-view i {
    font-size: 14px;
  }

  .social-feed,
  .social-feed img {
    height: 210px;
    min-height: 210px;
  }
}
/* =========================================================
   EIP PROFESSIONAL FOOTER
   Embassy of India - Lisbon
   ========================================================= */

.eip-footer {
  --footer-navy: #162f6a;
  --footer-navy-dark: #102654;
  --footer-orange: #f58220;

  --footer-text: #252a32;
  --footer-muted: #69717d;

  --footer-border: #dddfe3;
  --footer-bg: #f7f4eb;

  width: 100%;

  position: relative;

  background: var(--footer-bg);

  color: var(--footer-text);

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

  overflow: hidden;
}

/* =========================================================
   DECORATIVE TOP LINE
   ========================================================= */
/* 
.eip-footer::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--footer-orange) 0%,
            var(--footer-orange) 34%,
            var(--footer-navy) 34%,
            var(--footer-navy) 66%,
            #ffffff 66%,
            #ffffff 100%
        );
} */

/* =========================================================
   SUBTLE BACKGROUND DECORATION
   ========================================================= */

.eip-footer::after {
  content: "";

  position: absolute;

  width: 380px;
  height: 380px;

  right: -220px;
  bottom: -260px;

  border: 55px solid rgba(22, 47, 106, 0.025);

  border-radius: 50%;

  pointer-events: none;
}

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

.eip-footer-main {
  position: relative;

  z-index: 2;

  padding: 34px 0 25px;
}

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

.eip-footer-top {
  display: grid;

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

  align-items: center;

  gap: 50px;

  min-height: 100px;
}

/* =========================================================
   BRAND
   ========================================================= */

.eip-footer-brand {
  min-width: 0;
}

.eip-footer-logo {
  display: inline-flex;

  align-items: center;

  gap: 16px;

  color: inherit;

  text-decoration: none;

  transition: transform 0.3s ease;
}

.eip-footer-logo:hover {
  transform: translateX(3px);
}

/* =========================================================
   EMBLEM
   ========================================================= */

.eip-footer-logo img {
  width: 58px;
  height: 78px;

  object-fit: contain;

  flex: 0 0 auto;

  transition: transform 0.4s ease;
}

.eip-footer-logo:hover img {
  transform: translateY(-2px);
}

/* =========================================================
   BRAND TEXT
   ========================================================= */

.eip-footer-brand-text {
  display: flex;

  flex-direction: column;

  justify-content: center;

  min-width: 0;
}

.eip-footer-title {
  display: block;

  color: var(--footer-navy);

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

  font-size: 20px;

  line-height: 1.25;

  font-weight: 600;

  letter-spacing: -0.3px;
}

.eip-footer-location {
  display: block;

  /* margin-top: 3px; */

  color: #151a21;

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

  font-size: 14px;

  line-height: 1.5;

  font-weight: 400;
}

/* =========================================================
   CONTACT INFORMATION
   ========================================================= */

.eip-footer-info {
  width: 100%;

  max-width: 620px;

  margin-left: auto;
}

.eip-footer-info-row {
  display: grid;

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

  gap: 5px;

  align-items: baseline;

  margin-bottom: 5px;

  font-size: 13px;

  line-height: 1.55;
}

.eip-footer-info-row:last-child {
  margin-bottom: 0;
}

.eip-footer-info-row strong {
  color: #20242b;

  font-weight: 600;

  white-space: nowrap;
}

.eip-footer-info-row span {
  color: #25282d;

  font-weight: 400;
}

/* =========================================================
   DIVIDER
   ========================================================= */

.eip-footer-divider {
  width: 100%;

  height: 1px;

  margin: 20px 0 13px;

  background: var(--footer-border);

  position: relative;
}

.eip-footer-divider::before {
  content: "";

  position: absolute;

  left: 0;
  top: -1px;

  width: 65px;
  height: 3px;

  background: var(--footer-orange);

  border-radius: 0 3px 3px 0;
}

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

.eip-footer-bottom {
  display: grid;

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

  gap: 35px;

  align-items: end;
}

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

.eip-footer-links {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0;

  margin: 0 0 12px;

  padding: 0;

  list-style: none;
}

.eip-footer-links li {
  display: flex;

  align-items: center;

  margin: 0;

  padding: 0;

  list-style: none;
}

.eip-footer-links li:not(:last-child)::after {
  content: "|";

  margin: 0 11px;

  color: #a5a8ad;

  font-size: 10px;
}

.eip-footer-links a {
  position: relative;

  color: #343940;

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

  font-size: 11px;

  line-height: 1.5;

  font-weight: 400;

  text-decoration: none;

  white-space: nowrap;

  transition: color 0.25s ease;
}

.eip-footer-links a::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -3px;

  width: 0;
  height: 1px;

  background: var(--footer-orange);

  transition: width 0.25s ease;
}

.eip-footer-links a:hover {
  color: var(--footer-navy);
}

.eip-footer-links a:hover::after {
  width: 100%;
}

/* =========================================================
   VISITOR / UPDATED
   ========================================================= */

.eip-footer-meta {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 7px;

  color: #454a52;

  font-size: 11px;

  line-height: 1.6;
}

.eip-footer-meta strong {
  color: var(--footer-navy);

  font-weight: 600;
}

.eip-footer-meta-separator {
  color: #a4a7ad;

  margin: 0 3px;
}

/* =========================================================
   COPYRIGHT
   ========================================================= */

.eip-footer-bottom-right {
  text-align: right;
}

.eip-footer-copyright {
  margin: 0 0 7px;

  color: #34383f;

  font-size: 11px;

  line-height: 1.5;

  font-weight: 400;
}

.eip-footer-powered {
  margin: 0;

  color: #454a52;

  font-size: 11px;

  line-height: 1.5;

  font-weight: 400;
}

.eip-footer-powered a {
  color: var(--footer-navy);

  font-weight: 500;

  text-decoration: none;

  transition: color 0.25s ease;
}

.eip-footer-powered a:hover {
  color: var(--footer-orange);

  text-decoration: underline;
}

/* =========================================================
   ANIMATION
   ========================================================= */

.eip-footer-top {
  animation: eipFooterTop 0.7s ease both;
}

.eip-footer-bottom {
  animation: eipFooterBottom 0.7s ease 0.15s both;
}

@keyframes eipFooterTop {
  from {
    opacity: 0;

    transform: translateY(15px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}

@keyframes eipFooterBottom {
  from {
    opacity: 0;

    transform: translateY(10px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {
  .eip-footer-main {
    padding-top: 36px;

    padding-bottom: 27px;
  }

  .eip-footer-top {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(500px, 1fr);

    gap: 70px;
  }
}

/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {
  .eip-footer-top {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(0, 1.1fr);

    gap: 35px;
  }
}

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

@media (max-width: 991px) {
  .eip-footer-main {
    padding: 30px 0 24px;
  }

  .eip-footer-top {
    grid-template-columns: 1fr;

    gap: 25px;

    align-items: start;
  }

  .eip-footer-info {
    max-width: 100%;

    margin-left: 0;
  }

  .eip-footer-bottom {
    grid-template-columns: 1fr;

    gap: 18px;

    align-items: start;
  }

  .eip-footer-bottom-right {
    text-align: left;
  }

  .eip-footer-divider {
    margin: 22px 0 17px;
  }
}

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

@media (max-width: 767px) {
  .eip-footer-main {
    padding: 28px 0 22px;
  }

  .eip-footer-top {
    gap: 22px;
  }

  .eip-footer-logo {
    gap: 13px;
  }

  .eip-footer-logo img {
    width: 48px;

    height: 65px;
  }

  .eip-footer-info-row {
    grid-template-columns: 1fr;

    gap: 1px;

    margin-bottom: 10px;

    font-size: 11px;

    line-height: 1.55;
  }

  .eip-footer-info-row strong {
    display: block;

    color: var(--footer-navy);
  }

  .eip-footer-info-row span {
    display: block;
  }

  .eip-footer-divider {
    margin: 18px 0 15px;
  }

  .eip-footer-links {
    gap: 8px 0;

    margin-bottom: 15px;
  }

  .eip-footer-links li:not(:last-child)::after {
    margin: 0 8px;
  }

  .eip-footer-links a {
    font-size: 10.5px;
  }

  .eip-footer-meta {
    gap: 5px;

    font-size: 10.5px;

    line-height: 1.7;
  }

  .eip-footer-bottom-right {
    text-align: left;
  }

  .eip-footer-copyright,
  .eip-footer-powered {
    font-size: 10.5px;

    line-height: 1.6;
  }
}

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

@media (max-width: 480px) {
  .eip-footer-main {
    padding: 25px 0 20px;
  }

  .eip-footer-logo {
    align-items: flex-start;
  }

  .eip-footer-logo img {
    width: 43px;

    height: 59px;
  }

  .eip-footer-info-row {
    margin-bottom: 9px;

    font-size: 10.5px;
  }

  .eip-footer-links {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

    margin-bottom: 17px;
  }

  .eip-footer-links li {
    width: 100%;
  }

  .eip-footer-links li:not(:last-child)::after {
    display: none;
  }

  .eip-footer-links a {
    font-size: 10.5px;
  }

  .eip-footer-meta {
    display: block;

    font-size: 10px;
  }

  .eip-footer-meta > span {
    display: inline;
  }

  .eip-footer-meta-separator {
    margin: 0 5px;
  }

  .eip-footer-copyright,
  .eip-footer-powered {
    font-size: 10px;
  }
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.eip-footer a:focus-visible {
  outline: 2px solid var(--footer-orange);

  outline-offset: 3px;

  border-radius: 2px;
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .eip-footer-top,
  .eip-footer-bottom {
    animation: none !important;
  }

  .eip-footer-logo,
  .eip-footer-logo img,
  .eip-footer-links a,
  .eip-footer-powered a {
    transition: none !important;
  }
}
/* =========================================================
   EIP FOOTER LOGO MARQUEE - FULL CSS
   ========================================================= */

.eip-footer-partners {
  position: relative;
  width: 100%;
  padding: 24px 0 22px;
  background: #ffffff;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
}

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

.eip-footer-partners .container {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* =========================================================
   TOP / BOTTOM DECORATIVE AREA
   ========================================================= */

.eip-partner-header,
.eip-partner-footer-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 100%;
  height: 8px;
}

/* Top */

.eip-partner-header {
  margin-bottom: 16px;
  padding-top: 30px;
}

/* Bottom */

.eip-partner-footer-line {
  margin-top: 16px;
}

/* =========================================================
   DECORATIVE LINE
   ========================================================= */

.eip-partner-line {
  position: relative;
  display: block;

  width: 55px;
  height: 1px;

  background: #d9dde4;

  overflow: hidden;
}

/* Animated orange line */

.eip-partner-line::after {
  content: "";

  position: absolute;

  top: 0;
  left: -100%;

  width: 100%;
  height: 100%;

  background: #f58220;

  animation: eipPartnerLineAnimation 4s ease-in-out infinite;
}

@keyframes eipPartnerLineAnimation {
  0% {
    left: -100%;
  }

  40% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

/* =========================================================
   CENTER DOT
   ========================================================= */

.eip-partner-dot {
  display: block;

  width: 5px;
  height: 5px;

  flex: 0 0 5px;

  background: #f58220;

  border-radius: 50%;

  animation: eipPartnerDotAnimation 2.5s ease-in-out infinite;
}

@keyframes eipPartnerDotAnimation {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.35);
    opacity: 0.65;
  }
}

/* =========================================================
   FOOTER LOGO MARQUEE
   ========================================================= */

.eip-marquee {
  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 5px 0;

  background: #ffffff;
}

/* =========================================================
   TRACK
   ========================================================= */

.eip-marquee-track {
  display: flex;

  align-items: center;

  flex-wrap: nowrap;

  width: max-content;

  min-width: max-content;

  margin: 0;

  padding: 0;

  transform: translate3d(0, 0, 0);

  will-change: transform;
}

/* =========================================================
   ITEM
   ========================================================= */

.eip-marquee-item {
  flex: 0 0 190px;

  width: 190px;

  min-width: 190px;

  height: 115px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 10px 15px;

  box-sizing: border-box;
}

/* =========================================================
   LINK
   ========================================================= */

.eip-marquee-link {
  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px;

  border-radius: 8px;

  text-decoration: none;

  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

/* =========================================================
   LOGO
   ========================================================= */

.eip-marquee-logo {
  display: block;

  width: auto;

  max-width: 100%;

  height: 78px;

  max-height: 78px;

  object-fit: contain;

  object-position: center;

  margin: 0 auto;

  transition: transform 0.35s ease;
}

/* =========================================================
   LOGO HOVER
   ========================================================= */

.eip-marquee-link:hover {
  background: rgba(22, 47, 106, 0.025);

  transform: translateY(-3px);
}

.eip-marquee-link:hover .eip-marquee-logo {
  transform: scale(1.06);
}

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

.eip-marquee::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 80px;

  z-index: 5;

  pointer-events: none;

  background: linear-gradient(
    to right,
    #ffffff 0%,
    rgba(255, 255, 255, 0.85) 35%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* =========================================================
   RIGHT FADE
   ========================================================= */

.eip-marquee::after {
  content: "";

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  width: 80px;

  z-index: 5;

  pointer-events: none;

  background: linear-gradient(
    to left,
    #ffffff 0%,
    rgba(255, 255, 255, 0.85) 35%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media (max-width: 1199px) {
  .eip-marquee-item {
    flex-basis: 175px;

    width: 175px;

    min-width: 175px;

    height: 105px;
  }

  .eip-marquee-logo {
    height: 70px;

    max-height: 70px;
  }
}

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

@media (max-width: 991px) {
  .eip-marquee-item {
    flex-basis: 165px;

    width: 165px;

    min-width: 165px;

    height: 100px;
  }

  .eip-marquee-logo {
    height: 67px;

    max-height: 67px;
  }

  .eip-marquee::before,
  .eip-marquee::after {
    width: 60px;
  }
}

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

@media (max-width: 767px) {
  .eip-marquee-item {
    flex-basis: 150px;

    width: 150px;

    min-width: 150px;

    height: 92px;

    padding: 7px 10px;
  }

  .eip-marquee-logo {
    height: 60px;

    max-height: 60px;
  }

  .eip-marquee::before,
  .eip-marquee::after {
    width: 45px;
  }
}

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

@media (max-width: 480px) {
  .eip-marquee-item {
    flex-basis: 135px;

    width: 135px;

    min-width: 135px;

    height: 82px;
  }

  .eip-marquee-logo {
    height: 52px;

    max-height: 52px;
  }

  .eip-marquee::before,
  .eip-marquee::after {
    width: 30px;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .eip-marquee-track {
    transform: none !important;
  }
}
/* =========================================================
   EIP CONTACT / MAP SECTION
   ========================================================= */

.eip-contact-map-section {
  position: relative;

  width: 100%;

  padding: 34px 0 40px;

  background: #ffffff;

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

  overflow: hidden;
}

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

.eip-contact-map-section .container {
  width: 100%;

  max-width: 1400px;

  margin: 0 auto;

  padding-left: 15px;
  padding-right: 15px;

  box-sizing: border-box;
}

/* =========================================================
   TABS
   ========================================================= */

.eip-contact-tabs {
  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  width: 100%;

  margin-bottom: 20px;

  border-bottom: 1px solid #e8e8e8;

  gap: 25px;
}

/* =========================================================
   TAB
   ========================================================= */

.eip-contact-tab {
  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 48px;

  padding: 0 0 12px;

  border: 0;

  outline: none;

  background: transparent;

  color: #c4c7cc;

  font-family: poppinssemibold;

  font-size: 22px;

  font-weight: unset;

  line-height: 1.3;

  text-align: left;

  cursor: pointer;

  white-space: nowrap;

  transition:
    color 0.3s ease,
    transform 0.3s ease;
}

/* =========================================================
   ACTIVE TAB
   ========================================================= */

.eip-contact-tab.active {
  color: #162f6a;
}

/* =========================================================
   TAB UNDERLINE
   ========================================================= */

.eip-contact-tab::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 0;

  height: 4px;

  background: #f58220;

  border-radius: 0;

  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.eip-contact-tab.active::after {
  width: 100%;
}

/* =========================================================
   HOVER
   ========================================================= */

.eip-contact-tab:hover {
  color: #162f6a;

  transform: translateY(-2px);
}

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

.eip-contact-content {
  position: relative;
  height: 280px;
  width: 100%;
}

/* =========================================================
   PANEL
   ========================================================= */

.eip-contact-panel {
  display: none;

  width: 100%;

  opacity: 0;

  transform: translateY(12px);
}

/* Active panel */

.eip-contact-panel.active {
  display: block;

  animation: eipContactPanelIn 0.55s ease forwards;
}

@keyframes eipContactPanelIn {
  from {
    opacity: 0;

    transform: translateY(15px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}

/* =========================================================
   MAP WRAPPER
   ========================================================= */

.eip-map-wrapper {
  width: 100%;

  display: flex;

  justify-content: center;
}

/* =========================================================
   MAP INNER
   ========================================================= */

.eip-map-inner {
  position: relative;

  width: 100%;

  height: 280px;

  overflow: hidden;

  background: #f3f5f7;

  border-radius: 10px;

  border: 1px solid #e3e5e8;

  box-shadow: 0 8px 25px rgba(22, 47, 106, 0.08);

  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
}

/* =========================================================
   MAP HOVER
   ========================================================= */

.eip-map-inner:hover {
  transform: translateY(-3px);

  box-shadow: 0 14px 35px rgba(22, 47, 106, 0.13);
}

/* =========================================================
   MAP IFRAME
   ========================================================= */

.eip-map-inner iframe {
  display: block;

  width: 100%;

  height: 100%;

  border: 0;
  border-radius: 10px;
  margin: 0;

  padding: 0;
}

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

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

.eip-info-icon {
  flex: 0 0 70px;

  width: 70px;

  height: 70px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: #162f6a;

  color: #ffffff;

  font-size: 25px;

  box-shadow: 0 8px 20px rgba(22, 47, 106, 0.2);

  transition: transform 0.35s ease;
}

.eip-info-card:hover .eip-info-icon {
  transform: rotate(-5deg) scale(1.08);
}

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

.eip-info-label {
  display: block;

  margin-bottom: 4px;

  color: #f58220;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.5px;

  text-transform: uppercase;
}

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

.eip-info-content h3 {
  margin: 0 0 10px;

  color: #162f6a;

  font-size: 24px;

  font-weight: 600;

  line-height: 1.4;
}

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

.eip-info-content p {
  margin: 0;

  color: #5e6570;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.8;
}

/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {
  .eip-contact-tab {
    font-size: 22px;
  }

  .eip-map-inner {
    height: 270px;
  }
}

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

@media (max-width: 991px) {
  .eip-contact-map-section {
    padding: 28px 0 35px;
  }

  .eip-contact-tabs {
    gap: 20px;

    overflow-x: auto;

    justify-content: flex-start;

    scrollbar-width: none;
  }

  .eip-contact-tabs::-webkit-scrollbar {
    display: none;
  }

  .eip-contact-tab {
    flex: 0 0 auto;

    font-size: 19px;

    min-height: 45px;
  }

  .eip-map-inner,
  .eip-info-card {
    width: 100%;
  }

  .eip-map-inner {
    height: 260px;
  }
}

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

@media (max-width: 767px) {
  .eip-contact-map-section {
    padding: 24px 0 30px;
  }

  .eip-contact-map-section .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .eip-contact-tabs {
    margin-bottom: 15px;

    gap: 24px;

    justify-content: flex-start;

    border-bottom: 1px solid #e5e5e5;
  }

  .eip-contact-tab {
    font-size: 16px;

    font-weight: 600;

    min-height: 43px;

    padding-bottom: 10px;
  }

  .eip-contact-tab.active::after {
    width: 45px;

    height: 3px;
  }

  .eip-map-inner {
    height: 300px;

    border-radius: 8px;
  }

  .eip-info-card {
    min-height: auto;

    padding: 28px 22px;

    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

    border-radius: 10px;
  }

  .eip-info-icon {
    width: 58px;

    height: 58px;

    flex-basis: 58px;

    font-size: 21px;
  }

  .eip-info-content h3 {
    font-size: 20px;
  }

  .eip-info-content p {
    font-size: 13px;

    line-height: 1.7;
  }
}

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

@media (max-width: 480px) {
  .eip-contact-map-section {
    padding: 20px 0 25px;
  }

  .eip-contact-map-section .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .eip-contact-tabs {
    gap: 20px;
  }

  .eip-contact-tab {
    font-size: 14px;

    min-height: 40px;

    padding-bottom: 8px;
  }

  .eip-contact-tab.active::after {
    width: 38px;

    height: 3px;
  }

  .eip-map-inner {
    height: 270px;

    border-radius: 7px;
  }

  .eip-info-card {
    padding: 24px 18px;
  }

  .eip-info-content h3 {
    font-size: 18px;
  }

  .eip-info-content p {
    font-size: 12px;
  }
}

/* =========================================================
   EIP CONTACT CARD
========================================================= */

.eip-info-card {
  position: relative;

  width: 100%;
  height: 280px;
  max-height: 280px;

  padding: 18px 20px;

  background: #ffffff;
  border-left: 4px solid #f58220 !important;
  border: 1px solid #e1e5ec;
  border-radius: 12px;

  overflow-y: auto;
  overflow-x: hidden;

  box-shadow: 0 8px 24px rgba(22, 47, 106, 0.06);

  scrollbar-width: thin;
  scrollbar-color: #162f6a #eef1f5;
}

/* Saffron accent */

/* =========================================================
   WEBKIT SCROLLBAR
========================================================= */

.eip-info-card::-webkit-scrollbar {
  width: 5px;
}

.eip-info-card::-webkit-scrollbar-track {
  background: #f1f3f6;
}

.eip-info-card::-webkit-scrollbar-thumb {
  background: #162f6a;
  border-radius: 10px;
}

.eip-info-card::-webkit-scrollbar-thumb:hover {
  background: #f7941d;
}

/* =========================================================
   BASIC INFORMATION
========================================================= */

.eip-contact-basic {
  display: grid;

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

  gap: 8px;

  padding-bottom: 14px;

  border-bottom: 1px solid #e7eaf0;
}

.eip-contact-item {
  display: flex;

  align-items: center;

  gap: 9px;

  padding: 9px;

  background: #f8f9fb;

  border: 1px solid #e7eaf0;

  border-radius: 8px;

  transition: all 0.25s ease;
}

.eip-contact-item:hover {
  border-color: rgba(22, 47, 106, 0.2);

  background: #ffffff;

  transform: translateY(-2px);

  box-shadow: 0 5px 14px rgba(22, 47, 106, 0.06);
}

.eip-contact-icon {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #162f6a;
  background: #edf1f8;
  font-size: 16px;
}

.eip-contact-text {
  min-width: 0;
}

.eip-contact-text strong {
  display: block;

  margin-bottom: 2px;

  color: #162f6a;

  font-size: 15px;

  font-weight: 600;
}

.eip-contact-text span {
  display: block;

  color: #5f6875;

  font-size: 13px;

  line-height: 1.5;
}

.eip-contact-text small {
  display: block;

  margin-top: 2px;

  color: #858d98;

  font-size: 11px;
}

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

.eip-contact-section {
  margin-top: 14px;

  padding: 13px;

  background: #fafbfc;

  border: 1px solid #e4e8ee;

  border-radius: 9px;
}

/* =========================================================
   SECTION TITLE
========================================================= */

.eip-contact-heading {
  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 10px;
}

.eip-contact-heading > span {
  width: 35px;
  height: 35px;

  display: flex;

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

  color: #ffffff;

  background: #162f6a;

  border-radius: 6px;

  font-size: 14px;
}

.eip-contact-heading h4 {
  margin: 0;

  color: #162f6a;

  font-size: 15px;

  font-weight: 600;
}

/* =========================================================
   CONSULAR NOTE
========================================================= */

.eip-consular-note {
  margin-bottom: 9px;

  color: #454d5a;

  font-size: 13px;

  line-height: 1.55;
}

/* =========================================================
   PHONE
========================================================= */

.eip-phone-list {
  display: grid;

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

  gap: 7px;
}

.eip-phone-card {
  display: flex;

  align-items: center;

  gap: 15px;

  padding: 9px;

  background: #ffffff;

  border: 1px solid #e4e8ee;

  border-radius: 7px;

  transition: all 0.25s ease;
}

.eip-phone-card:hover {
  transform: translateY(-2px);

  border-color: rgba(247, 148, 29, 0.45);

  box-shadow: 0 5px 14px rgba(22, 47, 106, 0.06);
}

.eip-phone-card > i {
  color: #f7941d;

  margin-top: 2px;

  font-size: 10px;
}

.eip-phone-card strong {
  display: block;

  color: #162f6a;

  font-size: 13px;

  font-weight: 600;
}

.eip-phone-card small {
  display: block;

  margin-top: 3px;

  color: #7b838f;

  font-size: 11px;

  line-height: 1.4;
}

/* =========================================================
   EMERGENCY
========================================================= */

.eip-emergency {
  display: flex;

  align-items: flex-start;

  gap: 9px;

  margin-top: 9px;

  padding: 10px 12px;

  background: #fff8f1;

  border-left: 3px solid #f7941d;

  border-radius: 6px;
}

.eip-emergency > i {
  color: #f7941d;

  margin-top: 2px;

  font-size: 12px;
}

.eip-emergency strong {
  display: block;

  color: #4b515c;

  font-size: 13px;

  line-height: 1.45;
}

.eip-emergency a {
  display: inline-block;

  margin-top: 3px;

  color: #162f6a;

  font-size: 12px;

  font-weight: 600;

  text-decoration: none;
}

.eip-emergency a:hover {
  color: #f7941d;
}

/* =========================================================
   EMAIL
========================================================= */

.eip-email-list {
  display: flex;

  flex-direction: column;

  gap: 6px;
}

.eip-email-item {
  display: flex;

  align-items: center;

  gap: 9px;

  padding: 8px;

  background: #ffffff;

  border: 1px solid #e5e8ed;

  border-radius: 7px;
}

.eip-email-item > span {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #162f6a;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
}

.eip-email-item strong {
  display: block;

  color: #414957;

  font-size: 14px;

  font-weight: 600;
}

.eip-email-item em {
  display: block;

  margin-top: 2px;

  color: #162f6a;

  font-size: 12px;

  font-style: normal;

  word-break: break-word;
}

/* =========================================================
   QUICK LINKS
========================================================= */

.eip-contact-links {
  display: grid;

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

  gap: 8px;

  margin-top: 12px;
}

.eip-contact-links > a {
  display: flex;

  align-items: center;

  gap: 9px;

  padding: 10px;

  background: #ffffff;

  border: 1px solid #e2e6ed;

  border-radius: 8px;

  color: #162f6a;

  text-decoration: none;

  transition: all 0.3s ease;
}

.eip-contact-links > a:hover {
  transform: translateY(-2px);

  border-color: rgba(22, 47, 106, 0.2);

  box-shadow: 0 6px 16px rgba(22, 47, 106, 0.07);
}

.eip-contact-links > a > span {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #162f6a;
  border-radius: 6px;
  font-size: 15px;
}

.eip-contact-links > a div {
  flex: 1;

  min-width: 0;
}

.eip-contact-links strong {
  display: block;

  color: #162f6a;

  font-size: 14px;

  font-weight: 600;
}

.eip-contact-links small {
  display: block;

  margin-top: 2px;

  color: #7c8490;

  font-size: 12px;

  line-height: 1.4;
}

.eip-contact-links > a > i {
  color: #f7941d;

  font-size: 9px;
}

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

.eip-contact-footer {
  display: flex;

  justify-content: flex-end;

  margin-top: 12px;
}

.eip-contact-footer a {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  color: #162f6a;

  font-size: 11px;

  font-weight: 600;

  text-decoration: none;

  border-bottom: 2px solid #f7941d;

  padding-bottom: 4px;

  transition: all 0.25s ease;
}

.eip-contact-footer a:hover {
  color: #f7941d;

  gap: 11px;
}

.eip-contact-footer i {
  font-size: 8px;
}

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

@media (max-width: 991px) {
  .eip-contact-basic {
    grid-template-columns: 1fr;
  }

  .eip-phone-list {
    grid-template-columns: 1fr 1fr;
  }
}

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

@media (max-width: 767px) {
  .eip-info-card {
    height: 280px;
    max-height: 280px;

    padding: 14px;
  }

  .eip-contact-basic {
    grid-template-columns: 1fr;
  }

  .eip-phone-list {
    grid-template-columns: 1fr;
  }

  .eip-contact-links {
    grid-template-columns: 1fr;
  }
}

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

@media (max-width: 480px) {
  .eip-info-card {
    padding: 12px;
  }

  .eip-contact-item {
    padding: 8px;
  }

  .eip-contact-section {
    padding: 11px;
  }

  .eip-contact-text span {
    font-size: 10px;
  }
}

/* =====================================================================
   FEE CHART ACCORDION  ·  Embassy of India, Lisbon
   Save as: public_files/assets/css/fee-accordion.css
   Load in the layout <head>:
     <link rel="stylesheet" nonce="{{ app('csp_nonce') }}"
           href="{{ Config::get('constants.CSS_PATH') }}fee-accordion.css">

   Everything is scoped under .feeChart, so it cannot leak into other
   CMS pages that share the same content wrapper.
   ===================================================================== */

.feeChart {
  --navy: #162e6a;
  --navy-050: #eef1f9;
  --navy-deep: #0d1c45;
  --saffron: #f7941d;
  --saffron-050: #fff4e4;
  --ink: #33415c;
  --body: #4a5568;
  --muted: #6b7690;
  --line: #e4e8f2;
  --paper: #f7f9fd;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/*=====================================================================
  1. NOTICE + TOOLBAR
=====================================================================*/
.feeChart .feeNotice {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 15px 18px;
  margin-bottom: 22px;
  border-left: 4px solid var(--saffron);
  border-radius: 0 10px 10px 0;
  background: var(--saffron-050);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.65;
}

.feeChart .feeNotice i {
  color: var(--saffron);
  font-size: 17px;
  margin-top: 2px;
}
.feeChart .feeNotice strong {
  color: var(--navy);
}

.feeChart .feeTools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
  margin-bottom: 26px;
  border-bottom: 1px solid var(--line);
}

.feeChart .feeSearch {
  position: relative;
  flex: 1 1 280px;
  min-width: 0;
}

.feeChart .feeSearch > i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #a8b3ce;
  font-size: 13px;
  pointer-events: none;
}

.feeChart .feeSearch input {
  width: 100%;
  height: 46px;
  padding: 0 42px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: 14px;
  font-family: inherit;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.feeChart .feeSearch input::placeholder {
  color: #9aa5c0;
}

.feeChart .feeSearch input:focus {
  outline: none;
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(22, 46, 106, 0.12);
}

.feeChart .feeSearch__clear {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--navy-050);
  color: var(--navy);
  font-size: 11px;
  cursor: pointer;
}

.feeChart .feeSearch__clear.is-on {
  display: grid;
}
.feeChart .feeSearch__clear:hover {
  background: var(--navy);
  color: #fff;
}

.feeChart .feeToggleAll {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 18px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--navy);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.feeChart .feeToggleAll:hover {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

.feeChart .feeToggleAll:focus-visible,
.feeChart .feeSearch input:focus-visible {
  outline: 3px solid var(--saffron);
  outline-offset: 2px;
}

.feeChart .feeCount {
  flex: 0 0 auto;
  font-size: 13px;
  color: var(--muted);
  white-space: nowrap;
}

/*=====================================================================
  2. GROUPS
=====================================================================*/
.feeChart .feeGroup {
  margin-bottom: 34px;
}
.feeChart .feeGroup.is-hidden {
  display: none;
}

.feeChart .feeGroup__head {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 16px;
}

.feeChart .feeGroup__num {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--navy);
  color: #fff;
  font-size: 14px;
}

.feeChart .feeGroup__title {
  margin: 0;
  color: var(--navy);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.feeChart .feeGroup__intro {
  margin: 0 0 14px;
  color: var(--body);
  font-size: 14px;
  line-height: 1.7;
}

/*=====================================================================
  3. ACCORDION
=====================================================================*/
.feeChart .feeItem {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 10px;
  overflow: hidden;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.feeChart .feeItem.is-hidden {
  display: none;
}
.feeChart .feeItem:hover {
  border-color: #ccd6ef;
}

.feeChart .feeItem.is-open {
  border-color: #c3d0ee;
  box-shadow: 0 10px 26px rgba(22, 46, 106, 0.1);
}

.feeChart .feeItem__btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 17px 20px;
  border: 0;
  background: none;
  color: var(--ink);
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
  transition:
    color 0.25s ease,
    background 0.25s ease;
}

.feeChart .feeItem__btn:hover {
  background: var(--paper);
  color: var(--navy);
}
.feeChart .feeItem.is-open .feeItem__btn {
  color: var(--navy);
}

.feeChart .feeItem__btn:focus-visible {
  outline: 3px solid var(--saffron);
  outline-offset: -3px;
}

/* saffron rail on the open panel */
.feeChart .feeItem__btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--saffron);
  transform: scaleY(0);
  transition: transform 0.35s var(--ease);
}

.feeChart .feeItem.is-open .feeItem__btn::before {
  transform: scaleY(1);
}

.feeChart .feeItem__label {
  flex: 1 1 auto;
  min-width: 0;
}

.feeChart .feeItem__price {
  flex: 0 0 auto;
  padding: 4px 11px;
  border-radius: 30px;
  background: var(--navy-050);
  color: var(--navy);
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
}

.feeChart .feeItem__chev {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--navy-050);
  color: var(--navy);
  font-size: 11px;
  transition:
    transform 0.4s var(--ease),
    background 0.3s ease,
    color 0.3s ease;
}

.feeChart .feeItem.is-open .feeItem__chev {
  transform: rotate(180deg);
  background: var(--navy);
  color: #fff;
}

/* grid-rows animation eases to the panel's true height —
   panels start OPEN so the page still works with JS disabled */
.feeChart .feeItem__panel {
  max-height: none;

  overflow: hidden;

  transition: max-height 0.42s var(--ease);
}

.feeChart.js-ready .feeItem__panel {
  max-height: 0;
}
.feeChart.js-ready .feeItem.is-open .feeItem__panel {
  grid-template-rows: 1fr;
}

.feeChart .feeItem__inner {
  min-height: 0;
  overflow: hidden;
}

.feeChart .feeItem__content {
  padding: 20px 22px 22px;
  border-top: 1px solid var(--line);
}

/*=====================================================================
  4. PANEL CONTENT
=====================================================================*/
.feeChart .feeDocs__title {
  display: block;
  margin-bottom: 11px;
  color: var(--navy);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.feeChart .feeDocs {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.feeChart .feeDocs li {
  position: relative;
  width: auto;
  float: none;
  border: 0;
  padding: 0 0 0 26px;
  margin-bottom: 10px;
  color: var(--body);
  font-size: 14.5px;
  line-height: 1.7;
}

.feeChart .feeDocs li::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--saffron);
}

.feeChart .feeDocs a {
  color: var(--navy);
  font-weight: 600;
  text-decoration: none;
  /* border-bottom: 1px solid rgba(22, 46, 106, .28); */
}
.feeSearch label {
  display: none !important;
}
.feeChart .feeDocs a:hover {
  color: var(--saffron);
  border-bottom-color: var(--saffron);
}

/* numbered document lists (OCI pages number their documents 1..9) */
.feeChart .feeSteps {
  counter-reset: feestep;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.feeChart .feeSteps li {
  position: relative;
  width: auto;
  float: none;
  border: 0;
  padding: 0 0 0 34px;
  margin-bottom: 11px;
  color: var(--body);
  font-size: 14.5px;
  line-height: 1.7;
}

.feeChart .feeSteps li::before {
  counter-increment: feestep;
  content: counter(feestep);
  position: absolute;
  left: 0;
  top: 3px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.feeChart .feeSteps a,
.feeChart .feeText a {
  color: var(--navy);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(22, 46, 106, 0.28);
}

.feeChart .feeSteps a:hover,
.feeChart .feeText a:hover {
  color: var(--saffron);
  border-bottom-color: var(--saffron);
}

.feeChart .feeSteps a i,
.feeChart .feeText a i,
.feeChart .feeDocs a i {
  font-size: 10px;
  margin-left: 4px;
  opacity: 0.75;
}

/* paragraph body inside a panel (FAQ answers, explanatory text) */
.feeChart .feeText {
  margin: 0 0 14px;
  color: var(--body);
  font-size: 14.5px;
  line-height: 1.75;
}

.feeChart .feeText:last-child {
  margin-bottom: 0;
}

.feeChart .feeSubTitle {
  display: block;
  margin: 20px 0 10px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 700;
}

.feeChart .feeTable {
  display: grid;
  gap: 10px;
}

.feeChart .feeRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  padding: 13px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--paper);
}

.feeChart .feeRow__label {
  flex: 1 1 200px;
  min-width: 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
}

.feeChart .feeRow__nums {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.feeChart .feeChip {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid var(--line);
  font-size: 13px;
  color: var(--muted);
  white-space: nowrap;
}

.feeChart .feeChip b {
  color: var(--ink);
  font-size: 14px;
}

.feeChart .feeChip--main {
  background: var(--navy);
  border-color: var(--navy);
  color: rgba(255, 255, 255, 0.75);
}

.feeChart .feeChip--main b {
  color: #fff;
}

.feeChart .feeNote {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  padding: 12px 15px;
  border-radius: 8px;
  background: var(--navy-050);
  color: var(--ink);
  font-size: 13.5px;
  line-height: 1.65;
}

.feeChart .feeNote i {
  color: var(--navy);
  margin-top: 3px;
}
.feeChart .feeNote a {
  color: var(--navy);
  font-weight: 600;
}

/*=====================================================================
  5. NO RESULTS
=====================================================================*/
.feeChart .feeNoResult {
  display: none;
  padding: 60px 24px;
  text-align: center;
  border: 1px dashed var(--line);
  border-radius: 10px;
  background: var(--paper);
  color: var(--muted);
}

.feeChart .feeNoResult.is-on {
  display: block;
}

.feeChart .feeNoResult i {
  display: block;
  margin-bottom: 12px;
  font-size: 28px;
  color: #b9c3dc;
}

/*=====================================================================
  6. RESPONSIVE
=====================================================================*/
@media (max-width: 767px) {
  .feeChart .feeTools {
    gap: 10px;
  }
  .feeChart .feeSearch {
    flex: 1 1 100%;
  }
  .feeChart .feeToggleAll {
    flex: 1 1 auto;
    justify-content: center;
  }
  .feeChart .feeCount {
    flex: 1 1 100%;
    text-align: center;
  }

  .feeChart .feeItem__btn {
    padding: 15px;
    gap: 10px;
    font-size: 14.5px;
  }
  .feeChart .feeItem__price {
    display: none;
  } /* the panel carries the full figure */
  .feeChart .feeItem__content {
    padding: 18px 15px 20px;
  }
  .feeChart .feeGroup__title {
    font-size: 15.5px;
  }
  .feeChart .feeDocs li {
    font-size: 14px;
    padding-left: 22px;
  }
  .feeChart .feeRow {
    padding: 12px 13px;
  }
  .feeChart .feeRow__label {
    flex: 1 1 100%;
  }
}

@media (max-width: 479px) {
  .feeChart .feeNotice {
    font-size: 13.5px;
    padding: 13px 14px;
  }
  .feeChart .feeChip {
    font-size: 12px;
    padding: 4px 9px;
  }
  .feeChart .feeChip b {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feeChart .feeItem,
  .feeChart .feeItem__panel,
  .feeChart .feeItem__chev,
  .feeChart .feeItem__btn,
  .feeChart .feeItem__btn::before {
    transition: none;
  }
}

/*=====================================================================
  7. PRINT — every panel opens
=====================================================================*/
@media print {
  .feeChart .feeTools,
  .feeChart .feeItem__chev {
    display: none !important;
  }

  .feeChart.js-ready .feeItem__panel {
    grid-template-rows: 1fr !important;
  }

  .feeChart .feeItem {
    border-color: #ccc;
    box-shadow: none;
    break-inside: avoid;
  }

  .feeChart .feeItem__btn {
    padding-left: 0;
  }
  .feeChart .feeItem__btn::before {
    display: none;
  }
}

i.fa.fa-whatsapp {
  display: none;
}
/* =========================================================
   AMBASSADOR PROFILE
   Uses existing EIP theme
========================================================= */

.ambassador-eip .eip-banner-icon {
  color: #ffffff;

  font-size: 26px;
}

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

.amb-profile-header {
  display: grid;

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

  align-items: center;

  gap: 32px;

  padding: 25px;

  margin-bottom: 32px;

  background: linear-gradient(135deg, #f7f9fc 0%, #ffffff 100%);

  border: 1px solid #e4e8ee;

  border-radius: 12px;

  position: relative;

  overflow: hidden;

  animation: ambProfileReveal 0.7s ease both;
}

/* orange top accent */

.amb-profile-header::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 3px;

  background: linear-gradient(90deg, #f58220, #162f6a);
}

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

.amb-profile-image-wrap {
  display: flex;

  justify-content: center;
}

.amb-profile-image-frame {
  position: relative;

  width: 160px;

  height: 205px;

  padding: 5px;

  background: #ffffff;

  border: 1px solid #dfe4eb;

  border-radius: 8px;

  box-shadow: 0 8px 24px rgba(22, 47, 106, 0.12);

  overflow: hidden;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.amb-profile-image-frame::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 55px;

  height: 4px;

  background: #f58220;

  z-index: 2;
}

.amb-profile-image-frame::after {
  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  width: 55px;

  height: 4px;

  background: #70b742;

  z-index: 2;
}

.amb-profile-image {
  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

  border-radius: 5px;

  transition: transform 0.5s ease;
}

.amb-profile-image-frame:hover {
  transform: translateY(-5px);

  box-shadow: 0 14px 32px rgba(22, 47, 106, 0.18);
}

.amb-profile-image-frame:hover .amb-profile-image {
  transform: scale(1.035);
}

/* =========================================================
   PROFILE DETAILS
========================================================= */

.amb-profile-details {
  min-width: 0;
}

.amb-profile-label {
  display: block;

  margin-bottom: 7px;

  color: #f58220;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 1px;

  text-transform: uppercase;
}

.amb-profile-details h3 {
  margin: 0;

  color: #162f6a;

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

  font-size: 25px;

  line-height: 1.35;

  font-weight: 600;
}

.amb-profile-designation {
  margin-top: 7px;

  color: #737d8b;

  font-size: 14px;

  line-height: 1.6;

  font-weight: 500;
}

.amb-profile-line {
  width: 58px;

  height: 3px;

  margin-top: 13px;

  background: #f58220;

  border-radius: 5px;

  animation: ambLineReveal 0.8s ease 0.35s both;
}

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

.amb-cms-content {
  padding-top: 5px;
}

/*
   Existing EIP CMS styling is retained.
   Only improve spacing for Ambassador content.
*/

.amb-cms-content > p:first-child {
  margin-top: 0;
}

.amb-cms-content ul {
  margin-bottom: 22px;
}

.amb-cms-content li {
  margin-bottom: 8px;
}

/* =========================================================
   PROFILE EMPTY
========================================================= */

.amb-profile-empty {
  padding: 50px 25px;

  text-align: center;

  background: #f8fafc;

  border: 1px solid #e4e8ee;

  border-radius: 10px;
}

.amb-profile-empty i {
  display: block;

  margin-bottom: 12px;

  color: #162f6a;

  font-size: 34px;
}

.amb-profile-empty h3 {
  margin: 0 0 7px;

  color: #162f6a;

  font-size: 19px;

  font-weight: 600;
}

.amb-profile-empty p {
  margin: 0;

  color: #737d8b;

  font-size: 13px;
}

/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ambProfileReveal {
  from {
    opacity: 0;

    transform: translateY(18px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}

@keyframes ambLineReveal {
  from {
    opacity: 0;

    width: 0;
  }

  to {
    opacity: 1;

    width: 58px;
  }
}

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

@media (max-width: 991px) {
  .amb-profile-header {
    grid-template-columns: 165px minmax(0, 1fr);

    gap: 25px;

    padding: 22px;
  }

  .amb-profile-image-frame {
    width: 145px;

    height: 190px;
  }

  .amb-profile-details h3 {
    font-size: 22px;
  }
}

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

@media (max-width: 767px) {
  .amb-profile-header {
    display: flex;

    flex-direction: column;

    text-align: center;

    gap: 20px;

    padding: 22px 18px;
  }

  .amb-profile-image-frame {
    width: 145px;

    height: 185px;
  }

  .amb-profile-details {
    width: 100%;
  }

  .amb-profile-label {
    font-size: 9px;
  }

  .amb-profile-details h3 {
    font-size: 20px;

    line-height: 1.4;
  }

  .amb-profile-designation {
    font-size: 13px;
  }

  .amb-profile-line {
    margin-left: auto;

    margin-right: auto;
  }
}

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

@media (max-width: 480px) {
  .amb-profile-header {
    padding: 20px 14px;

    border-radius: 9px;
  }

  .amb-profile-image-frame {
    width: 130px;

    height: 168px;
  }

  .amb-profile-details h3 {
    font-size: 18px;
  }

  .amb-profile-designation {
    font-size: 12px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .amb-profile-header,
  .amb-profile-line {
    animation: none !important;
  }

  .amb-profile-image-frame,
  .amb-profile-image {
    transition: none !important;
  }
}

/* =========================================================
   EMBASSY INNER PAGE
   FONT: POPPINS
   ========================================================= */

.eip-wrap {
  --eip-primary: #162f6a;
  --eip-primary-dark: #102654;
  --eip-primary-light: #294b86;

  --eip-orange: #f58220;
  --eip-orange-light: #fff4e9;

  --eip-text: #303a4a;
  --eip-muted: #737d8b;

  --eip-border: #e4e8ee;
  --eip-bg: #f5f7fa;
  --eip-white: #ffffff;

  width: 100%;

  position: relative;

  background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 45%, #f5f7fa 100%);

  color: var(--eip-text);

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

  overflow: hidden;
}

/* =========================================================
   FONT WEIGHTS
   Uses your existing Poppins font family
   ========================================================= */

.eip-wrap,
.eip-wrap p,
.eip-wrap span,
.eip-wrap div {
  font-family: "Poppins", sans-serif;
}

/* =========================================================
   BACKGROUND DECORATION
   ========================================================= */

.eip-wrap::before {
  content: "";

  position: absolute;

  width: 420px;
  height: 420px;

  right: -230px;
  top: 240px;

  border: 70px solid rgba(22, 47, 106, 0.025);

  border-radius: 50%;

  pointer-events: none;
}

.eip-wrap::after {
  content: "";

  position: absolute;

  width: 320px;
  height: 320px;

  left: -200px;
  bottom: 80px;

  border: 55px solid rgba(245, 130, 32, 0.025);

  border-radius: 50%;

  pointer-events: none;
}

/* =========================================================
   PAGE BANNER
   ========================================================= */

.eip-banner {
  position: relative;

  min-height: 175px;

  display: flex;
  align-items: center;

  background: linear-gradient(120deg, #102654 0%, #162f6a 52%, #28518c 100%);

  overflow: hidden;
}

/* Decorative circles */

.eip-banner::before {
  content: "";

  position: absolute;

  width: 390px;
  height: 390px;

  right: -120px;
  top: -275px;

  border: 1px solid rgba(255, 255, 255, 0.14);

  border-radius: 50%;

  box-shadow:
    0 0 0 35px rgba(255, 255, 255, 0.025),
    0 0 0 70px rgba(255, 255, 255, 0.018);
}

.eip-banner::after {
  content: "";

  position: absolute;

  width: 250px;
  height: 250px;

  right: 170px;
  bottom: -190px;

  border: 35px solid rgba(255, 255, 255, 0.035);

  border-radius: 50%;
}

/* =========================================================
   BANNER INNER
   ========================================================= */

.eip-banner-inner {
  position: relative;

  z-index: 2;

  width: 100%;

  padding: 35px 15px;
}

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

.eip-banner-content {
  display: flex;

  align-items: center;

  gap: 18px;

  animation: eipFadeUp 0.7s ease both;
}

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

.eip-banner-icon {
  flex: 0 0 65px;

  width: 65px;
  height: 65px;

  display: flex;

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

  background: rgba(255, 255, 255, 0.12);

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 14px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);

  overflow: hidden;

  backdrop-filter: blur(5px);
}

.eip-banner-icon img {
  width: 45px;
  height: 45px;

  object-fit: contain;

  transition: transform 0.4s ease;
}

.eip-banner:hover .eip-banner-icon img {
  transform: scale(1.08) rotate(2deg);
}

/* =========================================================
   BANNER TEXT
   ========================================================= */

.eip-banner-text {
  min-width: 0;
}

.eip-banner-title {
  margin: 0;

  color: #ffffff;

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

  font-size: 30px;

  line-height: 1.3;

  font-weight: 600;

  letter-spacing: -0.2px;
}

.eip-banner-line {
  width: 70px;
  height: 4px;

  margin-top: 9px;

  background: var(--eip-orange);

  border-radius: 5px;

  animation: eipLine 0.8s ease 0.3s both;
}

/* =========================================================
   MAIN CONTENT SECTION
   ========================================================= */

.eip-content-section {
  position: relative;

  z-index: 3;

  padding: 40px 0 60px;
}

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

.eip-content-grid {
  display: grid;

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

  gap: 28px;

  align-items: start;
}

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

.eip-left-column {
  min-width: 0;
}

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

.eip-content-card {
  width: 100%;

  background: var(--eip-white);

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

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 8px 28px rgba(22, 47, 106, 0.07);

  animation: eipContentReveal 0.7s ease 0.1s both;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.eip-breadcrumb-box {
  min-height: 48px;

  display: flex;

  align-items: center;

  padding: 11px 26px;

  background: linear-gradient(90deg, #f7f9fc, #ffffff);

  border-bottom: 1px solid var(--eip-border);

  color: var(--eip-muted);

  font-size: 11px;

  line-height: 1.5;

  font-weight: 400;
}

.eip-breadcrumb-box a {
  color: var(--eip-primary);

  text-decoration: none;

  font-weight: 500;

  transition: color 0.25s ease;
}

.eip-breadcrumb-box a:hover {
  color: var(--eip-orange);
}

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

.eip-content-body {
  width: 100%;

  padding: 34px 38px 42px;

  box-sizing: border-box;
}

/* =========================================================
   PAGE TITLE
   ========================================================= */

.eip-content-title {
  position: relative;

  margin: 0 0 27px;

  padding-bottom: 15px;

  color: var(--eip-primary);

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

  font-size: 25px;

  line-height: 1.4;

  font-weight: 600;

  letter-spacing: -0.15px;
}

.eip-content-title::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 62px;
  height: 3px;

  background: var(--eip-orange);

  border-radius: 5px;

  transition: width 0.35s ease;
}

.eip-content-card:hover .eip-content-title::after {
  width: 95px;
}

/* =========================================================
   ORIGINAL CMS CONTENT
   ========================================================= */
/* =========================================================
   CMS CONTENT ALIGNMENT
   ========================================================= */

.eip-original-content {
  width: 100%;
  max-width: 100%;

  color: #303a4a;

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

  line-height: 1.75;

  text-align: left;

  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Normal paragraphs */

.eip-original-content p {
  width: 100%;

  margin: 0 0 16px;
  padding: 0;

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

  line-height: 1.75;
}

/* Strong text */

.eip-original-content p strong,
.eip-original-content strong {
  color: #162f6a;

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

  font-size: 15px;

  font-weight: 600;

  line-height: 1.6;
}

/* Span should not change alignment */

.eip-original-content p span {
  display: inline;

  text-align: inherit !important;
}

/* =========================================================
   CMS HEADINGS
   ========================================================= */

.eip-original-content h1,
.eip-original-content h2,
.eip-original-content h3,
.eip-original-content h4,
.eip-original-content h5,
.eip-original-content h6 {
  color: var(--eip-primary);

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

  line-height: 1.45;

  font-weight: 600;

  margin-top: 27px;

  margin-bottom: 13px;
}

.eip-original-content h1 {
  font-size: 26px;
}

.eip-original-content h2 {
  font-size: 23px;
}

.eip-original-content h3 {
  font-size: 20px;
}

.eip-original-content h4 {
  font-size: 18px;
}

.eip-original-content h5 {
  font-size: 16px;
}

.eip-original-content h6 {
  font-size: 14px;
}

/* =========================================================
   CMS LINKS
   ========================================================= */

.eip-original-content a {
  color: var(--eip-primary);

  font-weight: 500;

  text-decoration: none;

  transition: color 0.25s ease;
}

.eip-original-content a:hover {
  color: var(--eip-orange);

  text-decoration: underline;
}

/* =========================================================
   CMS LIST ALIGNMENT
   ========================================================= */

.eip-original-content ul,
.eip-original-content ol {
  margin: 0 0 20px;
  padding-left: 24px;

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

  line-height: 1.75;

  text-align: left;
}

/* Unordered list */

.eip-original-content ul {
  list-style: none;
}

/* Custom bullet */

.eip-original-content ul > li {
  position: relative;

  margin: 0 0 9px;
  padding-left: 18px;

  line-height: 1.75;
}

/* Bullet */

.eip-original-content ul > li::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0.72em;

  width: 6px;
  height: 6px;

  background: #f58220;

  border-radius: 50%;
}

/* Ordered list */

.eip-original-content ol {
  list-style: decimal;

  padding-left: 27px;
}

/* Ordered list item */

.eip-original-content ol > li {
  margin: 0 0 9px;
  padding-left: 5px;

  line-height: 1.75;

  font-weight: 400;
  list-style: unset;
}

/* Strong text inside lists */

.eip-original-content li strong,
.eip-original-content li b {
  font-weight: 600;

  color: #162f6a;
}

/* Links inside lists */

.eip-original-content li a {
  font-weight: 500;

  color: #162f6a;

  text-decoration: none;
}

.eip-original-content li a:hover {
  color: #f58220;

  text-decoration: underline;
}

/* =========================================================
   CMS IMAGES
   ========================================================= */

.eip-original-content img {
  max-width: 100% !important;

  height: auto !important;

  display: inline-block;

  margin: 8px 0 15px;

  border-radius: 6px;
}

/* =========================================================
   CMS TABLE
   ========================================================= */

.eip-original-content table {
  width: 100%;

  max-width: 100%;

  margin: 22px 0;

  border-collapse: collapse;

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

  font-size: 13px;

  line-height: 1.5;
}

.eip-original-content table th {
  padding: 11px 13px;

  background: var(--eip-primary);

  color: #ffffff;

  border: 1px solid #dce2ea;

  font-weight: 600;

  text-align: left;
}

.eip-original-content table td {
  padding: 10px 13px;

  border: 1px solid #dce2ea;

  background: #ffffff;

  font-weight: 400;
}

.eip-original-content table tr:nth-child(even) td {
  background: #f8fafc;
}

/* =========================================================
   BLOCKQUOTE
   ========================================================= */

.eip-original-content blockquote {
  margin: 22px 0;

  padding: 16px 20px;

  background: #f8fafc;

  border-left: 4px solid var(--eip-orange);

  border-radius: 0 7px 7px 0;

  color: #626d7b;

  line-height: 1.75;
}

/* =========================================================
   RIGHT COLUMN
   ========================================================= */

.eip-right-column {
  min-width: 0;

  position: sticky;

  top: 20px;

  animation: eipSidebarReveal 0.7s ease 0.25s both;
}

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

.eip-sidebar-card {
  width: 100%;

  background: #ffffff;

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

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 8px 28px rgba(22, 47, 106, 0.08);
}

/* =========================================================
   SIDEBAR TITLE
   ========================================================= */

.eip-sidebar-title {
  position: relative;

  min-height: 62px;

  display: flex;

  align-items: center;

  padding: 14px 20px;

  background: linear-gradient(135deg, #102654, #162f6a);
}

.eip-sidebar-title::before {
  content: "";

  width: 4px;

  height: 27px;

  margin-right: 12px;

  background: var(--eip-orange);

  border-radius: 5px;
}

.eip-sidebar-title h2 {
  margin: 0;

  color: #ffffff;

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

  font-size: 17px;

  line-height: 1.4;

  font-weight: 600;
}

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

/* =========================================================
   DYNAMIC RIGHT CONTENT
   ========================================================= */

.eip-dynamic-right {
  width: 100%;

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

.eip-dynamic-right ul,
.eip-dynamic-right ol {
  margin: 0;

  padding: 0;

  list-style: none;
}

.eip-dynamic-right li {
  margin: 0;

  padding: 0;

  list-style: none;
}

.eip-dynamic-right li + li {
  border-top: 1px solid #e8ebef;
}

/* Sidebar links */

.eip-dynamic-right a {
  position: relative;

  display: flex;

  align-items: center;

  min-height: 49px;

  padding: 10px 35px 10px 12px;

  color: #263448;

  font-size: 12px;

  line-height: 1.5;

  font-weight: 500;

  text-decoration: none;

  border-radius: 7px;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    padding-left 0.25s ease;
}

.eip-dynamic-right a::after {
  content: "\f105";

  position: absolute;

  right: 12px;

  top: 50%;

  transform: translateY(-50%);

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  font-size: 11px;

  color: var(--eip-orange);

  transition: transform 0.25s ease;
}

.eip-dynamic-right a:hover {
  padding-left: 17px;

  background: var(--eip-orange-light);

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

.eip-dynamic-right a:hover::after {
  transform: translate(4px, -50%);
}

/* Sidebar images */

.eip-dynamic-right img {
  max-width: 100%;

  height: auto;

  border-radius: 6px;
}

/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes eipFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes eipLine {
  from {
    opacity: 0;
    width: 0;
  }

  to {
    opacity: 1;
    width: 70px;
  }
}

@keyframes eipContentReveal {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes eipSidebarReveal {
  from {
    opacity: 0;
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {
  .eip-content-grid {
    grid-template-columns:
      minmax(0, 1fr)
      330px;

    gap: 32px;
  }

  .eip-content-body {
    padding: 38px 42px 48px;
  }

  .eip-original-content {
    font-size: 14.5px;

    line-height: 1.9;
  }
}

/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1199px) {
  .eip-content-grid {
    grid-template-columns:
      minmax(0, 1fr)
      285px;

    gap: 22px;
  }

  .eip-banner {
    min-height: 160px;
  }

  .eip-banner-title {
    font-size: 28px;
  }

  .eip-content-body {
    padding: 30px;
  }
}

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

@media (max-width: 991px) {
  .eip-banner {
    min-height: 145px;
  }

  .eip-banner-inner {
    padding: 30px 0;
  }

  .eip-banner-title {
    font-size: 25px;
  }

  .eip-content-grid {
    grid-template-columns: 1fr;

    gap: 24px;
  }

  .eip-right-column {
    position: static;
  }
}

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

@media (max-width: 767px) {
  .eip-banner {
    min-height: 125px;
  }

  .eip-banner-inner {
    padding: 24px 0;
  }

  .eip-banner-content {
    gap: 13px;
  }

  .eip-banner-icon {
    flex: 0 0 54px;

    width: 54px;

    height: 54px;

    border-radius: 11px;
  }

  .eip-banner-icon img {
    width: 35px;

    height: 35px;
  }

  .eip-banner-title {
    font-size: 22px;

    line-height: 1.35;
  }

  .eip-banner-line {
    width: 52px;

    height: 3px;
  }

  .eip-content-section {
    padding: 25px 0 40px;
  }

  .eip-content-card,
  .eip-sidebar-card {
    border-radius: 11px;
  }

  .eip-breadcrumb-box {
    padding: 11px 17px;

    font-size: 10.5px;
  }

  .eip-content-body {
    padding: 25px 19px 30px;
  }

  .eip-content-title {
    font-size: 22px;

    line-height: 1.4;

    margin-bottom: 22px;
  }

  .eip-original-content {
    font-size: 13.5px;

    line-height: 1.75;
  }

  .eip-original-content p {
    margin-bottom: 15px;

    line-height: 1.75;
  }

  .eip-original-content table {
    display: block;

    overflow-x: auto;

    white-space: nowrap;
  }

  .eip-sidebar-title {
    min-height: 56px;

    padding: 13px 17px;
  }

  .eip-sidebar-title h2 {
    font-size: 16px;
  }
}

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

@media (max-width: 575px) {
  .eip-banner {
    min-height: 108px;
  }

  .eip-banner-inner {
    padding: 21px 0;
  }

  .eip-banner-content {
    gap: 10px;
  }

  .eip-banner-icon {
    flex: 0 0 43px;

    width: 43px;

    height: 43px;

    border-radius: 9px;
  }

  .eip-banner-icon img {
    width: 27px;

    height: 27px;
  }

  .eip-banner-title {
    font-size: 18px;

    line-height: 1.4;
  }

  .eip-banner-line {
    width: 43px;

    height: 3px;

    margin-top: 6px;
  }

  .eip-content-section {
    padding: 18px 0 30px;
  }

  .eip-content-body {
    padding: 21px 14px 26px;
  }

  .eip-content-title {
    font-size: 19px;

    padding-bottom: 12px;

    margin-bottom: 19px;
  }

  .eip-original-content {
    font-size: 13px;

    line-height: 1.7;
  }

  .eip-original-content p {
    line-height: 1.7;
  }

  .eip-sidebar-body {
    padding: 7px;
  }

  .eip-dynamic-right a {
    min-height: 45px;

    padding: 9px 32px 9px 10px;

    font-size: 11.5px;
  }
}

/* =========================================================
   EIP RIGHT DYNAMIC MENU
   OVERRIDE OLD .leftMenu / #menuLeft STYLES
   ========================================================= */

.eip-dynamic-right {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

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

  box-sizing: border-box;
}

/* =========================================================
   OLD LEFT MENU CONTAINER
   ========================================================= */

.eip-dynamic-right .leftMenu {
  width: 100% !important;

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

  background: transparent !important;

  border: 0 !important;

  box-sizing: border-box;
}

/* =========================================================
   MENU TITLE
   ========================================================= */

.eip-dynamic-right .leftMenu .menuTitle {
  position: relative;

  display: flex !important;

  align-items: center;

  width: 100% !important;

  min-height: 54px;

  margin: 0 !important;

  padding: 13px 16px !important;

  background: linear-gradient(135deg, #102654, #162f6a) !important;

  color: #ffffff !important;

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

  font-size: 16px !important;

  font-weight: 600 !important;

  line-height: 1.4 !important;

  letter-spacing: 0 !important;

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

  box-sizing: border-box;
}

/* Orange line before title */

.eip-dynamic-right .leftMenu .menuTitle::before {
  content: "";

  display: block;

  width: 4px;
  height: 25px;

  margin-right: 11px;

  background: #f58220;

  border-radius: 5px;

  flex: 0 0 4px;
}

/* Remove old EM styling */

.eip-dynamic-right .leftMenu .menuTitle em {
  display: none !important;
}

/* =========================================================
   MENU UL
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  background: #ffffff !important;

  border: 1px solid #e3e7ed !important;

  border-top: 0 !important;

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

  list-style: none !important;

  box-sizing: border-box;

  overflow: hidden;
}

/* =========================================================
   MENU LI
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  border-bottom: 1px solid #edf0f4 !important;

  list-style: none !important;

  background: #ffffff !important;

  box-sizing: border-box;
}

/* Remove border from last */

.eip-dynamic-right .leftMenu ul#menuLeft > li:last-child {
  border-bottom: 0 !important;
}

/* =========================================================
   MENU LINK
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li > a {
  position: relative;

  display: flex !important;

  align-items: center;

  width: 100% !important;

  min-height: 50px;

  margin: 0 !important;

  padding: 10px 40px 10px 17px !important;

  background: #ffffff !important;

  color: #303b4b !important;

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

  font-size: 12.5px !important;

  font-weight: 500 !important;

  line-height: 1.55 !important;

  letter-spacing: 0 !important;

  text-decoration: none !important;

  border: 0 !important;

  box-shadow: none !important;

  box-sizing: border-box;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    padding-left 0.25s ease !important;
}

/* =========================================================
   ARROW
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li > a::after {
  content: "\f105";

  position: absolute;

  right: 16px;

  top: 50%;

  transform: translateY(-50%);

  font-family: "Font Awesome 6 Free" !important;

  font-size: 11px;

  font-weight: 900;

  color: #f58220;

  opacity: 0.9;

  transition:
    transform 0.25s ease,
    color 0.25s ease;
}

/* =========================================================
   LEFT ACTIVE INDICATOR
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li > a::before {
  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  width: 3px;

  height: 0;

  transform: translateY(-50%);

  background: #f58220;

  border-radius: 0 4px 4px 0;

  transition: height 0.25s ease;
}

/* =========================================================
   HOVER
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li > a:hover {
  padding-left: 22px !important;

  background: #fff6ed !important;

  color: #162f6a !important;
}

.eip-dynamic-right .leftMenu ul#menuLeft > li > a:hover::before {
  height: 28px;
}

.eip-dynamic-right .leftMenu ul#menuLeft > li > a:hover::after {
  transform: translate(4px, -50%);

  color: #162f6a;
}

/* =========================================================
   ACTIVE LINK
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li.active > a,
.eip-dynamic-right .leftMenu ul#menuLeft > li > a.active {
  background: #f7f9fc !important;

  color: #162f6a !important;

  font-weight: 600 !important;
}

.eip-dynamic-right .leftMenu ul#menuLeft > li.active > a::before,
.eip-dynamic-right .leftMenu ul#menuLeft > li > a.active::before {
  height: 28px;
}

/* =========================================================
   LONG MENU TEXT
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li > a {
  white-space: normal !important;

  overflow-wrap: anywhere;

  word-break: normal;
}

/* =========================================================
   REMOVE ANY OLD LIST STYLING
   ========================================================= */

.eip-dynamic-right .leftMenu ul,
.eip-dynamic-right .leftMenu ol,
.eip-dynamic-right .leftMenu li {
  list-style: none !important;

  list-style-type: none !important;
}

/* =========================================================
   REMOVE OLD PSEUDO ELEMENTS
   ========================================================= */

.eip-dynamic-right .leftMenu li::before,
.eip-dynamic-right .leftMenu li::after {
  display: none;
}

/* Re-enable our link arrows */

.eip-dynamic-right .leftMenu ul#menuLeft > li > a::after {
  display: block;
}

/* =========================================================
   FOCUS
   ========================================================= */

.eip-dynamic-right .leftMenu ul#menuLeft > li > a:focus-visible {
  outline: 2px solid rgba(245, 130, 32, 0.45);

  outline-offset: -2px;
}

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

@media (max-width: 991px) {
  .eip-dynamic-right .leftMenu .menuTitle {
    min-height: 52px;

    padding: 12px 15px !important;

    font-size: 15px !important;
  }

  .eip-dynamic-right .leftMenu ul#menuLeft > li > a {
    min-height: 48px;

    padding: 10px 38px 10px 15px !important;

    font-size: 12.5px !important;
  }
}

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

@media (max-width: 767px) {
  .eip-dynamic-right .leftMenu .menuTitle {
    min-height: 50px;

    padding: 12px 14px !important;

    font-size: 14px !important;
  }

  .eip-dynamic-right .leftMenu .menuTitle::before {
    width: 3px;

    height: 22px;

    flex-basis: 3px;

    margin-right: 9px;
  }

  .eip-dynamic-right .leftMenu ul#menuLeft > li > a {
    min-height: 46px;

    padding: 9px 35px 9px 14px !important;

    font-size: 12px !important;

    line-height: 1.5 !important;
  }

  .eip-dynamic-right .leftMenu ul#menuLeft > li > a:hover {
    padding-left: 18px !important;
  }
}
/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width: 375px) {
  .eip-banner-title {
    font-size: 17px;
  }

  .eip-banner-icon {
    flex-basis: 39px;

    width: 39px;

    height: 39px;
  }

  .eip-banner-icon img {
    width: 24px;

    height: 24px;
  }

  .eip-content-body {
    padding-left: 12px;

    padding-right: 12px;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .eip-banner-content,
  .eip-content-card,
  .eip-right-column,
  .eip-banner-line {
    animation: none !important;
  }
}

/* =========================================================
   PROFESSIONAL CMS TABLE SYSTEM
   Applies to ALL tables inside .eip-original-content
   ========================================================= */

/* ---------------------------------------------------------
   TABLE WRAPPER
   --------------------------------------------------------- */

.eip-original-content {
  width: 100%;
  min-width: 0;
}

/* ---------------------------------------------------------
   ALL TABLES
   --------------------------------------------------------- */

.eip-original-content table {
  width: 100% !important;
  max-width: 100% !important;

  margin: 28px 0 30px !important;

  border-collapse: collapse !important;
  border-spacing: 0 !important;

  table-layout: auto;

  background: #ffffff;

  border: 1px solid #d9dee7;

  border-radius: 8px;

  overflow: hidden;

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

  color: #303a4a;

  font-size: 13px;

  line-height: 1.7;

  box-shadow: 0 3px 14px rgba(22, 47, 106, 0.05);
}

/* ---------------------------------------------------------
   RESET OLD CMS INLINE WIDTHS
   --------------------------------------------------------- */

.eip-original-content table td,
.eip-original-content table th {
  box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   TABLE ROW
   --------------------------------------------------------- */

.eip-original-content table tr {
  width: 100%;
}

/*
   If first row is actually the header
   */

.eip-original-content table tr:first-child td,
.eip-original-content table tr:first-child th {
  background: #162f6a !important;

  color: #ffffff !important;

  padding: 13px 16px !important;

  border: 0 !important;

  border-right: 1px solid rgba(255, 255, 255, 0.16) !important;

  border-bottom: 3px solid #f58220 !important;

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

  font-size: 12px !important;

  font-weight: 600 !important;

  line-height: 1.5 !important;

  vertical-align: middle !important;

  text-align: left;

  letter-spacing: 0.1px;
}

/* Last header cell */

.eip-original-content table tr:first-child td:last-child,
.eip-original-content table tr:first-child th:last-child {
  border-right: 0 !important;
}

/* ---------------------------------------------------------
   THEAD - IF PRESENT
   --------------------------------------------------------- */

.eip-original-content table thead th {
  padding: 13px 16px !important;

  background: #162f6a !important;

  color: #ffffff !important;

  border: 0 !important;

  border-right: 1px solid rgba(255, 255, 255, 0.16) !important;

  border-bottom: 3px solid #f58220 !important;

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

  font-size: 12px !important;

  font-weight: 600 !important;

  line-height: 1.5 !important;

  text-align: left;

  vertical-align: middle !important;
}

/* ---------------------------------------------------------
   ALL BODY CELLS
   --------------------------------------------------------- */

.eip-original-content table td {
  padding: 15px 16px !important;

  background: #ffffff !important;

  color: #3b4554 !important;

  border: 0 !important;

  border-right: 1px solid #e3e7ed !important;

  border-bottom: 1px solid #e3e7ed !important;

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

  font-size: 13px !important;

  font-weight: 400 !important;

  line-height: 1.75 !important;

  vertical-align: top !important;

  text-align: left;
}

/* ---------------------------------------------------------
   ALTERNATE ROWS
   --------------------------------------------------------- */

.eip-original-content table tbody tr:nth-child(even) td {
  background: #f8fafc !important;
}

.eip-original-content table tr:last-child td {
  border-bottom: 0 !important;
}

/* ---------------------------------------------------------
   LAST COLUMN
   --------------------------------------------------------- */

.eip-original-content table td:last-child,
.eip-original-content table th:last-child {
  border-right: 0 !important;
}

/* ---------------------------------------------------------
   TABLE PARAGRAPHS
   --------------------------------------------------------- */

.eip-original-content table p {
  margin: 0 0 9px !important;

  padding: 0 !important;

  color: inherit !important;

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

  font-size: inherit !important;

  font-weight: 400 !important;

  line-height: 1.75 !important;
}

.eip-original-content table p:last-child {
  margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   TABLE STRONG / BOLD
   --------------------------------------------------------- */

.eip-original-content table strong,
.eip-original-content table b {
  color: #162f6a !important;

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

  font-weight: 600 !important;
}

/* Header bold must remain white */

.eip-original-content table tr:first-child strong,
.eip-original-content table tr:first-child b,
.eip-original-content table thead strong,
.eip-original-content table thead b {
  color: #ffffff !important;

  font-weight: 600 !important;
}

/* ---------------------------------------------------------
   TABLE LINKS
   --------------------------------------------------------- */

.eip-original-content table a {
  color: #162f6a !important;

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

  font-weight: 500 !important;

  text-decoration: none !important;

  transition: color 0.2s ease;
}

.eip-original-content table a:hover {
  color: #f58220 !important;

  text-decoration: underline !important;
}

/* ---------------------------------------------------------
   TABLE LISTS
   --------------------------------------------------------- */

.eip-original-content table ul,
.eip-original-content table ol {
  margin: 8px 0 12px !important;

  padding-left: 22px !important;

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

  font-size: 13px !important;

  line-height: 1.7 !important;
}

.eip-original-content table ul {
  list-style: disc !important;
}

.eip-original-content table ol {
  list-style: decimal !important;
}

.eip-original-content table li {
  margin: 0 0 5px !important;

  padding: 0 !important;

  line-height: 1.7 !important;
}

.eip-original-content table li:last-child {
  margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   TABLE IMAGES
   --------------------------------------------------------- */

.eip-original-content table img {
  display: inline-block;

  max-width: 100% !important;

  width: auto;

  height: auto !important;

  margin: 4px 0;

  border-radius: 4px;
}

/* ---------------------------------------------------------
   TABLE BUTTONS
   --------------------------------------------------------- */

.eip-original-content table button,
.eip-original-content table .btn {
  display: inline-block;

  padding: 7px 13px;

  background: #162f6a;

  color: #ffffff !important;

  border: 0;

  border-radius: 4px;

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

  font-size: 12px;

  font-weight: 500;

  line-height: 1.4;

  text-decoration: none !important;
}

/* ---------------------------------------------------------
   TABLE ALIGNMENT CLASSES
   --------------------------------------------------------- */

.eip-original-content table .text-left {
}

.eip-original-content table .text-center {
  text-align: center !important;
}

.eip-original-content table .text-right {
  text-align: right !important;
}

/* HTML alignment attributes */

.eip-original-content table td[align="center"],
.eip-original-content table th[align="center"] {
  text-align: center !important;
}

.eip-original-content table td[align="right"],
.eip-original-content table th[align="right"] {
  text-align: right !important;
}

.eip-original-content table td[align="left"],
.eip-original-content table th[align="left"] {
}

/* ---------------------------------------------------------
   VERTICAL ALIGNMENT
   --------------------------------------------------------- */

.eip-original-content table td[style*="vertical-align: middle"],
.eip-original-content table th[style*="vertical-align: middle"] {
  vertical-align: middle !important;
}

.eip-original-content table td[style*="vertical-align: bottom"],
.eip-original-content table th[style*="vertical-align: bottom"] {
  vertical-align: bottom !important;
}

/* ---------------------------------------------------------
   NUMBER / FIRST COLUMN
   --------------------------------------------------------- */

/*
   For common S.No tables.
*/

.eip-original-content table td:first-child {
  vertical-align: middle;
}

/* ---------------------------------------------------------
   FEE / PRICE / NUMBER CELLS
   --------------------------------------------------------- */

.eip-original-content table td:last-child {
  vertical-align: middle;
}

/* ---------------------------------------------------------
   TABLE CAPTION
   --------------------------------------------------------- */

.eip-original-content table caption {
  caption-side: top;

  padding: 0 0 10px;

  color: #162f6a;

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

  font-size: 14px;

  font-weight: 600;

  line-height: 1.5;

  text-align: left;
}

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

.eip-original-content table tfoot td {
  background: #f1f4f8 !important;

  color: #162f6a !important;

  font-weight: 500 !important;

  border-top: 1px solid #dce2e9 !important;
}

/* =========================================================
   SPECIAL DATA TABLE
   responsiveTable / tableData
   ========================================================= */

.eip-original-content table.responsiveTable.tableData {
  table-layout: fixed !important;
}

/* =========================================================
   RESPONSIVE TABLE CONTAINER
   ========================================================= */

@media (max-width: 767px) {
  .eip-original-content table {
    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;

    border-radius: 7px !important;

    box-shadow: none !important;

    white-space: normal;
  }

  .eip-original-content table tbody {
    display: table !important;

    width: 100%;

    min-width: 580px;
  }

  .eip-original-content table thead {
    display: table-header-group !important;
  }

  .eip-original-content table tr {
    display: table-row !important;
  }

  .eip-original-content table td,
  .eip-original-content table th {
    display: table-cell !important;

    padding: 12px 11px !important;

    font-size: 12px !important;

    line-height: 1.65 !important;
  }

  .eip-original-content table p {
    font-size: 12px !important;

    line-height: 1.65 !important;
  }

  .eip-original-content table ul,
  .eip-original-content table ol {
    font-size: 12px !important;

    line-height: 1.65 !important;
  }

  .eip-original-content table.responsiveTable.tableData tbody {
    min-width: 600px !important;
  }

  .eip-original-content table.responsiveTable.tableData td:first-child {
    width: 55px !important;

    min-width: 55px !important;
  }

  .eip-original-content table.responsiveTable.tableData td:nth-child(2) {
    min-width: 420px !important;
  }

  .eip-original-content table.responsiveTable.tableData td:nth-child(3) {
    width: 90px !important;

    min-width: 90px !important;
  }
}

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

@media (max-width: 480px) {
  .eip-original-content table {
    font-size: 11.5px !important;
  }

  .eip-original-content table tbody {
    min-width: 540px;
  }

  .eip-original-content table td,
  .eip-original-content table th {
    padding: 10px 9px !important;

    font-size: 11.5px !important;

    line-height: 1.6 !important;
  }

  .eip-original-content table p {
    font-size: 11.5px !important;

    line-height: 1.6 !important;
  }

  .eip-original-content table.responsiveTable.tableData tbody {
    min-width: 560px !important;
  }

  .eip-original-content table.responsiveTable.tableData td:nth-child(2) {
    min-width: 395px !important;
  }
}

/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width: 375px) {
  .eip-original-content table tbody {
    min-width: 500px;
  }
}
/* =========================================================
   AMBASSADOR CV DOCUMENT
   Embassy of India Theme
   Navy  : #162f6a
   Orange: #f58220
========================================================= */

.cv-document {
  --cv-navy: #162f6a;
  --cv-navy-dark: #102654;
  --cv-orange: #f58220;
  --cv-orange-light: #fff4e9;
  --cv-text: #303a4a;
  --cv-muted: #737d8b;
  --cv-border: #e4e8ee;

  width: 100%;
  max-width: 100%;

  margin: 0;

  padding: 0;

  color: var(--cv-text);

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

  font-size: 14px;

  line-height: 1.75;
}

/* =========================================================
   TOP CV HEADER
========================================================= */

.cv-top {
  position: relative;

  margin: 0 0 30px;

  padding: 25px 28px;

  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);

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

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 5px 18px rgba(22, 47, 106, 0.05);
}

/* top colour line */

.cv-top::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  background: linear-gradient(
    90deg,
    var(--amb-navy) 0 90px,
    var(--cv-navy) 90px 100%
  );
}

/* subtle circle */

.cv-top::after {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -110px;
  top: -100px;

  border: 25px solid rgba(22, 47, 106, 0.025);

  border-radius: 50%;

  pointer-events: none;
}

/* =========================================================
   CV TITLE
========================================================= */

.cv-basic-info {
  position: relative;

  z-index: 1;
}

.cv-title {
  position: relative;

  display: inline-block;

  margin: 0 0 22px;

  padding-bottom: 9px;

  color: var(--cv-navy);

  font-size: 22px;

  line-height: 1.4;

  font-weight: 700;

  letter-spacing: 0.3px;

  text-transform: uppercase;
}

/* orange underline */

.cv-title::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 55px;
  height: 3px;

  background: var(--cv-orange);

  border-radius: 4px;

  transition: width 0.3s ease;
}

.cv-top:hover .cv-title::after {
  width: 85px;
}

/* =========================================================
   BASIC INFORMATION ROW
========================================================= */

.cv-row {
  display: flex;

  align-items: baseline;

  gap: 8px;

  margin: 0 0 8px;

  color: var(--cv-text);

  font-size: 13.5px;

  line-height: 1.7;
}

.cv-row:last-child {
  margin-bottom: 0;
}

.cv-row strong {
  flex: 0 0 auto;

  color: var(--cv-navy);

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.2px;
}

.cv-row span {
  color: var(--cv-text);

  font-weight: 400;
}

/* =========================================================
   CV SECTIONS
========================================================= */

.cv-section {
  position: relative;

  margin: 0 0 28px;

  padding: 23px 25px 22px;

  background: #ffffff;

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

  border-radius: 9px;

  box-shadow: 0 4px 16px rgba(22, 47, 106, 0.035);

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

.cv-section:hover {
  border-color: #d8dee8;

  box-shadow: 0 7px 22px rgba(22, 47, 106, 0.07);

  transform: translateY(-1px);
}

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

.cv-section h3 {
  position: relative;

  margin: 0 0 19px;

  padding: 0 0 12px;

  color: var(--cv-navy);

  font-size: 18px;

  line-height: 1.45;

  font-weight: 600;
}

/* heading bottom border */

.cv-section h3::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 50px;
  height: 3px;

  background: var(--cv-orange);

  border-radius: 4px;

  transition: width 0.3s ease;
}

.cv-section:hover h3::after {
  width: 75px;
}

/* =========================================================
   WORK EXPERIENCE LIST
========================================================= */

.cv-section ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.cv-section li {
  position: relative;

  margin: 0;

  padding: 10px 0 10px 25px;

  color: var(--cv-text);

  font-size: 13.5px;

  line-height: 1.75;

  border-bottom: 1px solid #edf0f4;
}

.cv-section li:first-child {
  padding-top: 4px;
}

.cv-section li:last-child {
  padding-bottom: 3px;

  border-bottom: 0;
}

/* custom orange bullet */

.cv-section li::before {
  content: "";

  position: absolute;

  left: 2px;

  top: 18px;

  width: 7px;
  height: 7px;

  background: var(--cv-orange);

  border-radius: 50%;

  box-shadow: 0 0 0 4px var(--cv-orange-light);
}

.cv-section li:first-child::before {
  top: 12px;
}

/* =========================================================
   IMPORTANT / LATEST POSITION
========================================================= */

.cv-section li:last-child {
  color: var(--cv-navy);

  font-weight: 500;
}

.cv-section li:last-child::before {
  background: var(--cv-navy);
}

/* =========================================================
   LANGUAGES
========================================================= */

.cv-section p {
  margin: 0;

  padding: 13px 16px;

  background: linear-gradient(90deg, var(--cv-orange-light), #ffffff);

  border-left: 3px solid var(--cv-orange);

  border-radius: 0 6px 6px 0;

  color: var(--cv-text);

  font-size: 13.5px;

  line-height: 1.75;
}

/* =========================================================
   STRONG / TEXT INSIDE CV
========================================================= */

.cv-document strong {
  color: var(--cv-navy);

  font-weight: 600;
}

/* =========================================================
   LINKS
========================================================= */

.cv-document a {
  color: var(--cv-navy);

  text-decoration: none;

  transition: color 0.25s ease;
}

.cv-document a:hover {
  color: var(--cv-orange);

  text-decoration: underline;
}

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

@media (max-width: 991px) {
  .cv-document {
    font-size: 13.5px;
  }

  .cv-top {
    padding: 23px 24px;
  }

  .cv-title {
    font-size: 21px;
  }

  .cv-section {
    padding: 21px 22px;
  }

  .cv-section h3 {
    font-size: 17px;
  }

  .cv-section li {
    font-size: 13.5px;
  }
}

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

@media (max-width: 767px) {
  .cv-document {
    font-size: 13px;
  }

  .cv-top {
    margin-bottom: 22px;

    padding: 21px 18px;

    border-radius: 8px;
  }

  .cv-title {
    display: block;

    margin-bottom: 18px;

    font-size: 19px;

    line-height: 1.4;
  }

  .cv-row {
    display: block;

    margin-bottom: 9px;

    font-size: 13px;

    line-height: 1.65;
  }

  .cv-row strong {
    display: block;

    margin-bottom: 1px;

    font-size: 11px;
  }

  .cv-section {
    margin-bottom: 20px;

    padding: 19px 17px;

    border-radius: 8px;
  }

  .cv-section h3 {
    margin-bottom: 16px;

    padding-bottom: 10px;

    font-size: 17px;
  }

  .cv-section li {
    padding: 9px 0 9px 22px;

    font-size: 13px;

    line-height: 1.7;
  }

  .cv-section li::before {
    left: 1px;

    top: 17px;

    width: 6px;
    height: 6px;
  }

  .cv-section li:first-child::before {
    top: 16px;
  }

  .cv-section p {
    padding: 12px 13px;

    font-size: 13px;
  }
}

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

@media (max-width: 575px) {
  .cv-top {
    padding: 19px 15px;
  }

  .cv-title {
    font-size: 18px;
  }

  .cv-row {
    font-size: 12.5px;
  }

  .cv-row strong {
    font-size: 10.5px;
  }

  .cv-section {
    padding: 17px 14px;
  }

  .cv-section h3 {
    font-size: 16px;
  }

  .cv-section li {
    padding-left: 20px;

    font-size: 12.5px;

    line-height: 1.7;
  }

  .cv-section p {
    font-size: 12.5px;
  }
}

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

@media (max-width: 375px) {
  .cv-top {
    padding: 17px 13px;
  }

  .cv-title {
    font-size: 17px;
  }

  .cv-section {
    padding: 16px 12px;
  }

  .cv-section h3 {
    font-size: 15.5px;
  }

  .cv-section li {
    padding-left: 19px;

    font-size: 12px;
  }
}

/* =========================================================
   PRINT
========================================================= */

@media print {
  .cv-document {
    color: #000;

    font-size: 12px;
  }

  .cv-top,
  .cv-section {
    box-shadow: none;

    border: 1px solid #ccc;

    break-inside: avoid;
  }

  .cv-top::after,
  .cv-top::before {
    display: none;
  }

  .cv-section:hover {
    transform: none;

    box-shadow: none;
  }

  .cv-section h3::after {
    background: #000;
  }

  .cv-section li::before {
    background: #000;

    box-shadow: none;
  }
}
/* =========================================================
   AMBASSADOR PROFILE
   Matches existing Embassy Inner Page design
   NAVY  : #162f6a
   ORANGE: #f58220
========================================================= */

.ambassador-eip {
  --amb-navy: #162f6a;
  --amb-navy-dark: #102654;
  --amb-orange: #f58220;
  --amb-orange-light: #fff4e9;

  --amb-text: #303a4a;
  --amb-muted: #737d8b;
  --amb-border: #e4e8ee;
  --amb-bg: #f5f7fa;
}

/* =========================================================
   PROFILE WRAPPER
========================================================= */

.ambassador-profile {
  width: 100%;
}

/* =========================================================
   PROFILE CARD
   LIGHT DESIGN — same visual weight as Previous Ambassadors
========================================================= */
/* =========================================================
   AMBASSADOR CV DOCUMENT
   Embassy of India Theme
   Navy  : #162f6a
   Orange: #f58220
========================================================= */

.cv-document {
  --cv-navy: #162f6a;
  --cv-navy-dark: #102654;
  --cv-orange: #f58220;
  --cv-orange-light: #fff4e9;
  --cv-text: #303a4a;
  --cv-muted: #737d8b;
  --cv-border: #e4e8ee;

  width: 100%;
  max-width: 100%;

  margin: 0;

  padding: 0;

  color: var(--cv-text);

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

  font-size: 14px;

  line-height: 1.75;
}

/* =========================================================
   TOP CV HEADER
========================================================= */

.cv-top {
  position: relative;

  margin: 0 0 30px;

  padding: 25px 28px;

  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);

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

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 5px 18px rgba(22, 47, 106, 0.05);
}

/* top colour line */

.cv-top::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  background: linear-gradient(
    90deg,
    var(--cv-navy) 0 90px,
    var(--cv-navy) 90px 100%
  );
}

/* subtle circle */

.cv-top::after {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -110px;
  top: -100px;

  border: 25px solid rgba(22, 47, 106, 0.025);

  border-radius: 50%;

  pointer-events: none;
}

/* =========================================================
   CV TITLE
========================================================= */

.cv-basic-info {
  position: relative;

  z-index: 1;
}

.cv-title {
  position: relative;

  display: inline-block;

  margin: 0 0 22px;

  padding-bottom: 9px;

  color: var(--cv-navy);

  font-size: 22px;

  line-height: 1.4;

  font-weight: 700;

  letter-spacing: 0.3px;

  text-transform: uppercase;
}

/* orange underline */

.cv-title::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 55px;
  height: 3px;

  background: var(--cv-orange);

  border-radius: 4px;

  transition: width 0.3s ease;
}

.cv-top:hover .cv-title::after {
  width: 85px;
}

/* =========================================================
   BASIC INFORMATION ROW
========================================================= */

.cv-row {
  display: flex;

  align-items: baseline;

  gap: 8px;

  margin: 0 0 8px;

  color: var(--cv-text);

  font-size: 13.5px;

  line-height: 1.7;
}

.cv-row:last-child {
  margin-bottom: 0;
}

.cv-row strong {
  flex: 0 0 auto;

  color: var(--cv-navy);

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.2px;
}

.cv-row span {
  color: var(--cv-text);

  font-weight: 400;
}

/* =========================================================
   CV SECTIONS
========================================================= */

.cv-section {
  position: relative;

  margin: 0 0 28px;

  padding: 23px 25px 22px;

  background: #ffffff;

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

  border-radius: 9px;

  box-shadow: 0 4px 16px rgba(22, 47, 106, 0.035);

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

.cv-section:hover {
  border-color: #d8dee8;

  box-shadow: 0 7px 22px rgba(22, 47, 106, 0.07);

  transform: translateY(-1px);
}

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

.cv-section h3 {
  position: relative;

  margin: 0 0 19px;

  padding: 0 0 12px;

  color: var(--cv-navy);

  font-size: 18px;

  line-height: 1.45;

  font-weight: 600;
}

/* heading bottom border */

.cv-section h3::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 50px;
  height: 3px;

  background: var(--cv-orange);

  border-radius: 4px;

  transition: width 0.3s ease;
}

.cv-section:hover h3::after {
  width: 75px;
}

/* =========================================================
   WORK EXPERIENCE LIST
========================================================= */

.cv-section ul {
  margin: 0;

  padding: 0;

  list-style: none;
}

.cv-section li {
  position: relative;

  margin: 0;

  padding: 10px 0 10px 25px;

  color: var(--cv-text);

  font-size: 13.5px;

  line-height: 1.75;

  border-bottom: 1px solid #edf0f4;
}

.cv-section li:first-child {
  padding-top: 4px;
}

.cv-section li:last-child {
  padding-bottom: 3px;

  border-bottom: 0;
}

/* custom orange bullet */

.cv-section li::before {
  content: "";

  position: absolute;

  left: 2px;

  top: 18px;

  width: 7px;
  height: 7px;

  background: var(--cv-orange);

  border-radius: 50%;

  box-shadow: 0 0 0 4px var(--cv-orange-light);
}

.cv-section li:first-child::before {
  top: 12px;
}

/* =========================================================
   IMPORTANT / LATEST POSITION
========================================================= */

.cv-section li:last-child {
  color: var(--cv-navy);

  font-weight: 500;
}

.cv-section li:last-child::before {
  background: var(--cv-navy);
}

/* =========================================================
   LANGUAGES
========================================================= */

.cv-section p {
  margin: 0;

  padding: 13px 16px;

  background: linear-gradient(90deg, var(--cv-orange-light), #ffffff);

  border-left: 3px solid var(--cv-orange);

  border-radius: 0 6px 6px 0;

  color: var(--cv-text);

  font-size: 13.5px;

  line-height: 1.75;
}

/* =========================================================
   STRONG / TEXT INSIDE CV
========================================================= */

.cv-document strong {
  color: var(--cv-navy);

  font-weight: 600;
}

/* =========================================================
   LINKS
========================================================= */

.cv-document a {
  color: var(--cv-navy);

  text-decoration: none;

  transition: color 0.25s ease;
}

.cv-document a:hover {
  color: var(--cv-orange);

  text-decoration: underline;
}

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

@media (max-width: 991px) {
  .cv-document {
    font-size: 13.5px;
  }

  .cv-top {
    padding: 23px 24px;
  }

  .cv-title {
    font-size: 21px;
  }

  .cv-section {
    padding: 21px 22px;
  }

  .cv-section h3 {
    font-size: 17px;
  }

  .cv-section li {
    font-size: 13.5px;
  }
}

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

@media (max-width: 767px) {
  .cv-document {
    font-size: 13px;
  }

  .cv-top {
    margin-bottom: 22px;

    padding: 21px 18px;

    border-radius: 8px;
  }

  .cv-title {
    display: block;

    margin-bottom: 18px;

    font-size: 19px;

    line-height: 1.4;
  }

  .cv-row {
    display: block;

    margin-bottom: 9px;

    font-size: 13px;

    line-height: 1.65;
  }

  .cv-row strong {
    display: block;

    margin-bottom: 1px;

    font-size: 11px;
  }

  .cv-section {
    margin-bottom: 20px;

    padding: 19px 17px;

    border-radius: 8px;
  }

  .cv-section h3 {
    margin-bottom: 16px;

    padding-bottom: 10px;

    font-size: 17px;
  }

  .cv-section li {
    padding: 9px 0 9px 22px;

    font-size: 13px;

    line-height: 1.7;
  }

  .cv-section li::before {
    left: 1px;

    top: 17px;

    width: 6px;
    height: 6px;
  }

  .cv-section li:first-child::before {
    top: 16px;
  }

  .cv-section p {
    padding: 12px 13px;

    font-size: 13px;
  }
}

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

@media (max-width: 575px) {
  .cv-top {
    padding: 19px 15px;
  }

  .cv-title {
    font-size: 18px;
  }

  .cv-row {
    font-size: 12.5px;
  }

  .cv-row strong {
    font-size: 10.5px;
  }

  .cv-section {
    padding: 17px 14px;
  }

  .cv-section h3 {
    font-size: 16px;
  }

  .cv-section li {
    padding-left: 20px;

    font-size: 12.5px;

    line-height: 1.7;
  }

  .cv-section p {
    font-size: 12.5px;
  }
}

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

@media (max-width: 375px) {
  .cv-top {
    padding: 17px 13px;
  }

  .cv-title {
    font-size: 17px;
  }

  .cv-section {
    padding: 16px 12px;
  }

  .cv-section h3 {
    font-size: 15.5px;
  }

  .cv-section li {
    padding-left: 19px;

    font-size: 12px;
  }
}

/* =========================================================
   PRINT
========================================================= */

@media print {
  .cv-document {
    color: #000;

    font-size: 12px;
  }

  .cv-top,
  .cv-section {
    box-shadow: none;

    border: 1px solid #ccc;

    break-inside: avoid;
  }

  .cv-top::after,
  .cv-top::before {
    display: none;
  }

  .cv-section:hover {
    transform: none;

    box-shadow: none;
  }

  .cv-section h3::after {
    background: #000;
  }

  .cv-section li::before {
    background: #000;

    box-shadow: none;
  }
}
.amb-card {
  position: relative;

  display: grid;

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

  gap: 30px;

  align-items: center;

  width: 100%;

  margin: 5px 0 38px;

  padding: 28px 30px;

  background: #fff;

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

  border-radius: 10px;

  box-shadow: 0 5px 20px rgba(22, 47, 106, 0.055);

  overflow: hidden;

  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

/* subtle top accent */

.amb-card::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0;

  width: 100%;
  height: 3px;

  background: linear-gradient(
    90deg,
    var(--amb-navy) 0,
    var(--amb-navy) 70px,
    var(--amb-navy) 70px,
    var(--amb-navy) 100%
  );
}

/* subtle background decoration */

.amb-card::after {
  content: "";

  position: absolute;

  width: 230px;
  height: 230px;

  right: -130px;
  bottom: -135px;

  border: 28px solid rgba(22, 47, 106, 0.025);

  border-radius: 50%;

  pointer-events: none;
}

.amb-card > * {
  position: relative;

  z-index: 1;
}

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

.amb-card__photo {
  position: relative;

  width: 175px;
  height: 225px;

  padding: 5px;

  background: #fff;

  border: 1px solid #dfe4ec;

  border-radius: 8px;

  box-shadow: 0 7px 20px rgba(22, 47, 106, 0.1);

  overflow: hidden;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.amb-card__photo:hover {
  transform: translateY(-4px);

  box-shadow: 0 13px 28px rgba(22, 47, 106, 0.16);
}

.amb-card__photo img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position: center top;

  border-radius: 5px;
}

/* fallback */

.amb-card__fallback {
  display: flex;

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

  width: 100%;
  height: 100%;

  background: #f5f7fa;

  color: #c1cad8;

  font-size: 42px;
}

/* =========================================================
   PROFILE DETAILS
========================================================= */

.amb-card__body {
  min-width: 0;

  padding: 2px 0;
}

/* Embassy label */

.amb-card__eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  margin-bottom: 11px;

  padding: 5px 11px;

  border-radius: 4px;

  background: var(--amb-orange-light);

  color: #b75e0c;

  font-size: 10px;

  line-height: 1.3;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.8px;
}

.amb-card__eyebrow i {
  color: var(--amb-orange);

  font-size: 11px;
}

/* Name */

.amb-card__name {
  margin: 0 0 7px;

  color: var(--amb-navy);

  font-size: 27px;

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: -0.2px;
}

/* Designation */

.amb-card__role {
  color: var(--amb-text);

  font-size: 14px;

  line-height: 1.7;
}

.amb-card__role p {
  margin: 0 0 4px;
}

.amb-card__role strong {
  color: var(--amb-navy);
}

/* Orange underline */

.amb-card__rule {
  display: block;

  width: 62px;

  height: 3px;

  margin: 17px 0;

  background: var(--amb-orange);

  border-radius: 3px;
}

/* =========================================================
   META INFORMATION
========================================================= */

.amb-card__meta {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 8px 25px;

  margin: 0;

  padding: 0;

  list-style: none;
}

.amb-card__meta li {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  margin: 0;
  padding: 0;

  border: 0;

  color: var(--amb-muted);

  font-size: 12.5px;

  line-height: 1.6;
}

.amb-card__meta li i {
  color: var(--amb-navy);

  font-size: 11px;
}

/* =========================================================
   CURRICULUM VITAE SECTION
========================================================= */

.amb-cv {
  margin-top: 5px;

  padding-top: 2px;
}

/* CV heading */

.amb-cv__head {
  position: relative;

  display: flex;

  align-items: center;

  gap: 13px;

  margin-bottom: 23px;

  padding-bottom: 13px;

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

/* orange underline */

.amb-cv__head::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 62px;

  height: 3px;

  background: var(--amb-orange);

  border-radius: 3px;
}

/* CV icon */

.amb-cv__icon {
  display: flex;

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

  width: 43px;
  height: 43px;

  flex: 0 0 43px;

  border-radius: 7px;

  background: var(--amb-orange-light);

  color: var(--amb-orange);

  font-size: 17px;
}

/* CV titles */

.amb-cv__titles {
  flex: 1;

  min-width: 0;
}

.amb-cv__kicker {
  display: block;

  margin-bottom: 2px;

  color: var(--amb-orange);

  font-size: 9.5px;

  line-height: 1.4;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.amb-cv__title {
  display: block;

  color: var(--amb-navy);

  font-size: 20px;

  line-height: 1.35;

  font-weight: 700;
}

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

.amb-cv__print {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 7px;

  padding: 8px 15px;

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

  border-radius: 5px;

  background: #fff;

  color: var(--amb-muted);

  font-family: inherit;

  font-size: 12px;

  font-weight: 500;

  cursor: pointer;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

.amb-cv__print:hover {
  background: var(--amb-navy);

  border-color: var(--amb-navy);

  color: #fff;
}

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

.amb-cms {
  color: var(--amb-text);

  font-size: 14px;

  line-height: 1.85;

  word-wrap: break-word;

  overflow-wrap: break-word;
}

.amb-cms > *:first-child {
  margin-top: 0;
}

.amb-cms > *:last-child {
  margin-bottom: 0;
}

.amb-cms p {
  margin: 0 0 14px;
}

/* headings */

.amb-cms h1,
.amb-cms h2,
.amb-cms h3,
.amb-cms h4,
.amb-cms h5 {
  margin: 25px 0 10px;

  color: var(--amb-navy);

  line-height: 1.45;

  font-weight: 600;
}

.amb-cms h1 {
  font-size: 21px;
}

.amb-cms h2 {
  font-size: 19px;
}

.amb-cms h3 {
  font-size: 17px;
}

.amb-cms h4 {
  font-size: 16px;
}

.amb-cms h5 {
  font-size: 15px;
}

/* strong */

.amb-cms strong,
.amb-cms b {
  color: var(--amb-navy);

  font-weight: 600;
}

/* links */

.amb-cms a {
  color: var(--amb-navy);

  font-weight: 500;

  text-decoration: none;

  border-bottom: 1px solid rgba(22, 47, 106, 0.25);

  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}

.amb-cms a:hover {
  color: var(--amb-orange);

  border-color: var(--amb-orange);
}

/* =========================================================
   LISTS
========================================================= */

.amb-cms ul,
.amb-cms ol {
  margin: 0 0 18px;

  padding-left: 0;

  list-style: none;
}

.amb-cms li {
  position: relative;

  margin-bottom: 8px;

  padding-left: 22px;
}

.amb-cms ul > li::before {
  content: "";

  position: absolute;

  left: 4px;

  top: 18px;

  width: 5px;
  height: 5px;

  background: var(--amb-orange);

  border-radius: 50%;
}

.amb-cms ol {
  counter-reset: ambassador-list;
}

.amb-cms ol > li::before {
  counter-increment: ambassador-list;

  content: counter(ambassador-list) ".";

  position: absolute;

  left: 0;

  top: 0;

  color: var(--amb-navy);

  font-size: 12px;

  font-weight: 700;
}

/* =========================================================
   BLOCKQUOTE
========================================================= */

.amb-cms blockquote {
  margin: 20px 0;

  padding: 14px 18px;

  border-left: 3px solid var(--amb-orange);

  border-radius: 0 6px 6px 0;

  background: var(--amb-orange-light);

  color: var(--amb-text);
}

/* =========================================================
   IMAGES
========================================================= */

.amb-cms img {
  display: block;

  max-width: 100%;

  height: auto;

  margin: 8px 0;

  border-radius: 6px;
}

/* =========================================================
   TABLES
========================================================= */

.amb-table-scroll {
  width: 100%;

  margin: 20px 0;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

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

  border-radius: 7px;
}

.amb-cms table {
  width: 100% !important;

  min-width: 480px;

  margin: 0;

  border-collapse: collapse;

  background: #fff;

  font-size: 13px;
}

.amb-cms th,
.amb-cms td {
  padding: 10px 13px;

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

  text-align: left;

  vertical-align: top;
}

.amb-cms th {
  background: var(--amb-navy);

  color: #fff;

  font-weight: 600;

  border-color: var(--amb-navy);
}

.amb-cms tr:nth-child(even) td {
  background: #f8f9fb;
}

/* =========================================================
   EMPTY STATE
========================================================= */

.amb-empty {
  padding: 60px 20px;

  text-align: center;
}

.amb-empty__icon {
  display: flex;

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

  width: 62px;
  height: 62px;

  margin: 0 auto 17px;

  border-radius: 50%;

  background: #eef2f9;

  color: var(--amb-navy);

  font-size: 23px;
}

.amb-empty h3 {
  margin: 0 0 7px;

  color: var(--amb-navy);

  font-size: 19px;
}

.amb-empty p {
  margin: 0;

  color: var(--amb-muted);

  font-size: 13px;
}

/* =========================================================
   REVEAL ANIMATION
========================================================= */

.ambassador-reveal {
  opacity: 0;

  transform: translateY(15px);

  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
}

.ambassador-reveal.is-in {
  opacity: 1;

  transform: translateY(0);
}

.ambassador-profile:not(.js-ready) .ambassador-reveal {
  opacity: 1;

  transform: none;
}

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

@media (max-width: 991px) {
  .amb-card {
    grid-template-columns: 150px minmax(0, 1fr);

    gap: 24px;

    padding: 25px;
  }

  .amb-card__photo {
    width: 150px;

    height: 195px;
  }

  .amb-card__name {
    font-size: 24px;
  }
}

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

@media (max-width: 767px) {
  .amb-card {
    grid-template-columns: 1fr;

    justify-items: center;

    text-align: center;

    gap: 20px;

    padding: 25px 20px;

    margin-bottom: 32px;
  }

  /* top orange/navy line */

  .amb-card::before {
    left: 0;
    right: 0;
    top: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
      90deg,
      var(--amb-orange) 0 80px,
      var(--amb-navy) 80px 100%
    );
  }

  .amb-card__photo {
    width: 145px;

    height: 185px;
  }

  .amb-card__body {
    padding-top: 0;
  }

  .amb-card__eyebrow {
    margin-bottom: 10px;
  }

  .amb-card__name {
    font-size: 23px;
  }

  .amb-card__role {
    font-size: 13.5px;
  }

  .amb-card__rule {
    margin-left: auto;
    margin-right: auto;
  }

  .amb-card__meta {
    justify-content: center;

    gap: 7px 18px;
  }

  .amb-cv__head {
    flex-wrap: wrap;
  }

  .amb-cv__print {
    width: 100%;

    margin-top: 5px;
  }

  .amb-cms {
    font-size: 13.5px;

    line-height: 1.8;
  }
}

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

@media (max-width: 575px) {
  .amb-card {
    padding: 21px 15px;

    border-radius: 8px;
  }

  .amb-card__photo {
    width: 130px;

    height: 168px;
  }

  .amb-card__name {
    font-size: 21px;
  }

  .amb-card__eyebrow {
    font-size: 9px;

    letter-spacing: 0.7px;
  }

  .amb-card__role {
    font-size: 13px;
  }

  .amb-card__meta {
    flex-direction: column;

    gap: 6px;
  }

  .amb-cv__icon {
    width: 40px;
    height: 40px;

    flex-basis: 40px;

    font-size: 16px;
  }

  .amb-cv__title {
    font-size: 18px;
  }

  .amb-cms th,
  .amb-cms td {
    padding: 9px 10px;

    font-size: 12.5px;
  }
}

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

@media (max-width: 375px) {
  .amb-card {
    padding-left: 12px;
    padding-right: 12px;
  }

  .amb-card__photo {
    width: 120px;

    height: 155px;
  }

  .amb-card__name {
    font-size: 20px;
  }

  .amb-card__eyebrow {
    font-size: 8.5px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ambassador-reveal {
    opacity: 1;

    transform: none;

    transition: none;
  }

  .amb-card__photo,
  .amb-cv__print,
  .amb-cms a {
    transition: none;
  }
}

/* =========================================================
   PRINT
========================================================= */

@media print {
  .eip-banner,
  .eip-breadcrumb-box,
  .eip-right-column,
  .amb-cv__print {
    display: none !important;
  }

  .eip-content-card {
    border: 0 !important;

    box-shadow: none !important;
  }

  .ambassador-reveal {
    opacity: 1 !important;

    transform: none !important;
  }

  .amb-card {
    box-shadow: none;

    border: 1px solid #ccc;
  }
}
/* =========================================================
   AMBASSADOR ANNOUNCEMENTS
   EMBASSY OF INDIA - LISBON
========================================================= */

.amb-announcement-card {
  --amb-navy: #162f6a;
  --amb-navy-dark: #102654;
  --amb-orange: #f58220;
  --amb-green: #70b742;
  --amb-text: #263448;
  --amb-muted: #7b8492;
  --amb-border: #e8e8e8;

  width: 100%;
  position: relative;

  /* margin-top: 28px; */
  padding: 22px;

  background: #f7f4ec;

  border-radius: 12px;

  overflow: hidden;
  height: 600px;
  box-shadow: none;

  animation: ambAnnouncementReveal 0.6s ease both;
}
.portal-emergency {
    background: #d62828 !important;
    color: #fff;
}

.portal-emergency:hover {
    background: #b71c1c !important;
}

.portal-emergency .portal-content,
.portal-emergency h3,
.portal-emergency .portal-contents,
.portal-emergency .emergency-text strong,
.portal-emergency .emergency-text span,
.portal-emergency .emergency-text b {
    color: #fff !important;
}

.portal-emergency .portal-icon {
    color: rgba(255,255,255,.22);
}
.portal-emergency::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    right: -35px;
    top: -55px;
    border: 22px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

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

.amb-announcement-header {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding: 0 0 13px;

  background: transparent;

  border-bottom: 2px solid #e9e9e9;

  position: relative;
}

/* orange underline */

.amb-announcement-header::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: -2px;

  width: 95px;

  height: 3px;

  background: var(--amb-orange);

  border-radius: 5px;
}

/* =========================================================
   TITLE
========================================================= */

.amb-announcement-title {
  display: flex;

  align-items: center;

  gap: 10px;

  min-width: 0;
}

.amb-announcement-icon {
  width: 38px;

  height: 38px;

  flex: 0 0 38px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #f58220;

  /* background: var(--amb-navy); */

  border-radius: 50%;

  font-size: 24px;

  /* box-shadow:
        0 5px 12px rgba(22,47,106,.15); */
}

.amb-announcement-kicker {
  display: block;

  margin-bottom: 2px;

  color: var(--amb-orange);

  font-size: 9px;

  line-height: 1.2;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.amb-announcement-title h3 {
  margin: 0;

  color: var(--amb-navy);

  font-size: 20px;

  line-height: 1.3;

  font-weight: 600;
}

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

.amb-announcement-viewall {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  color: var(--amb-navy);

  font-size: 14px;

  font-weight: 600;

  text-decoration: none;

  white-space: nowrap;

  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.amb-announcement-viewall i {
  color: var(--amb-orange);

  font-size: 10px;
}

.amb-announcement-viewall:hover {
  color: var(--amb-orange);

  gap: 10px;
}

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

.amb-announcement-list {
  display: flex;

  flex-direction: column;

  gap: 14px;

  padding: 18px 0 0;
}

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

.amb-announcement-item {
  position: relative;

  display: grid;

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

  align-items: center;

  gap: 18px;

  min-height: 82px;

  padding: 14px 22px 14px 0;

  color: var(--amb-text);

  background: #fff;

  border: 1px solid #ececec;

  border-radius: 10px;

  text-decoration: none;

  overflow: hidden;

  box-shadow: 0 3px 12px rgba(22, 47, 106, 0.035);

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

/* orange left accent */

.amb-announcement-item::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 4px;

  background: transparent;

  transition: background 0.3s ease;
}

.amb-announcement-item:first-child::before {
  background: var(--amb-orange);
}

.amb-announcement-item:hover {
  transform: translateY(-2px);

  border-color: #dde2e9;

  box-shadow: 0 9px 25px rgba(22, 47, 106, 0.09);
}

.amb-announcement-item:hover::before {
  background: var(--amb-orange);
}

/* =========================================================
   DATE
========================================================= */

.amb-announcement-date {
  width: 100%;

  min-height: 52px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  border-right: 1px solid #edf0f3;
}

.amb-announcement-date strong {
  color: var(--amb-navy);

  font-size: 23px;

  line-height: 1;

  font-weight: 600;
}

.amb-announcement-date span {
  margin-top: 6px;

  color: var(--amb-orange);

  font-size: 9px;

  line-height: 1;

  font-weight: 600;

  letter-spacing: 1.5px;

  text-transform: uppercase;
}

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

.amb-announcement-content {
  min-width: 0;

  padding: 2px 0;
}

.amb-announcement-item-title {
  display: -webkit-box;

  overflow: hidden;

  color: var(--amb-navy);

  font-size: 15px;

  line-height: 1.45;

  font-weight: 500;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

.amb-announcement-item:hover .amb-announcement-item-title {
  color: var(--amb-orange);
}

.amb-announcement-posted {
  display: block;

  margin-top: 3px;

  color: var(--amb-muted);

  font-size: 12px;

  line-height: 1.4;
}

/* =========================================================
   NEW BADGE
========================================================= */

.amb-new-badge {
  display: inline-block;

  margin-left: 6px;

  padding: 3px 6px;

  color: #fff;

  background: var(--amb-orange);

  border-radius: 3px;

  font-size: 7px;

  line-height: 1;

  font-weight: 600;

  vertical-align: middle;

  letter-spacing: 0.4px;
}

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

.amb-announcement-arrow {
  width: 38px;

  height: 38px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: var(--amb-navy);

  background: #f1f5fb;

  font-size: 13px;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.amb-announcement-item:hover .amb-announcement-arrow {
  color: #fff;

  background: var(--amb-navy);

  transform: translateX(3px);
}

/* PDF */

.amb-announcement-item .fa-file-pdf {
  color: #d92d20;
}

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

.amb-announcement-footer {
  display: flex;

  justify-content: flex-end;

  padding: 15px 0 0;

  background: transparent;

  text-align: right;
}

.amb-announcement-footer a {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding-bottom: 4px;

  color: var(--amb-navy);

  border-bottom: 2px solid var(--amb-orange);

  font-size: 11px;

  line-height: 1.4;

  font-weight: 600;

  text-decoration: none;

  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.amb-announcement-footer a i {
  color: var(--amb-orange);

  font-size: 10px;
}

.amb-announcement-footer a:hover {
  color: var(--amb-orange);

  gap: 11px;
}

/* =========================================================
   ANIMATION
========================================================= */

@keyframes ambAnnouncementReveal {
  from {
    opacity: 0;

    transform: translateY(12px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}

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

@media (max-width: 991px) {
  .amb-announcement-card {
    margin-top: 24px;
  }

  .amb-announcement-title h3 {
    font-size: 20px;
  }

  .amb-announcement-item {
    grid-template-columns:
      80px
      minmax(0, 1fr)
      40px;

    gap: 15px;

    padding-right: 18px;
  }

  .amb-announcement-item-title {
    font-size: 14px;
  }

  .amb-announcement-date strong {
    font-size: 21px;
  }
}

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

@media (max-width: 767px) {
  .amb-announcement-card {
    margin-top: 22px;

    background: transparent;
  }

  .amb-announcement-header {
    padding-bottom: 11px;
  }

  .amb-announcement-title {
    gap: 8px;
  }

  .amb-announcement-icon {
    width: 34px;

    height: 34px;

    flex-basis: 34px;

    font-size: 12px;
  }

  .amb-announcement-kicker {
    font-size: 8px;
  }

  .amb-announcement-title h3 {
    font-size: 18px;
  }

  .amb-announcement-viewall {
    font-size: 10px;
  }

  .amb-announcement-list {
    gap: 11px;

    padding-top: 14px;
  }

  .amb-announcement-item {
    grid-template-columns:
      64px
      minmax(0, 1fr)
      34px;

    gap: 12px;

    min-height: 74px;

    padding: 11px 13px 11px 0;

    border-radius: 8px;
  }

  .amb-announcement-date {
    min-height: 48px;
  }

  .amb-announcement-date strong {
    font-size: 19px;
  }

  .amb-announcement-date span {
    margin-top: 5px;

    font-size: 8px;

    letter-spacing: 1px;
  }

  .amb-announcement-item-title {
    font-size: 12.5px;

    line-height: 1.5;
  }

  .amb-announcement-posted {
    margin-top: 3px;

    font-size: 9px;
  }

  .amb-announcement-arrow {
    width: 32px;

    height: 32px;

    font-size: 11px;
  }

  .amb-announcement-footer {
    padding-top: 12px;
  }
}

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

@media (max-width: 575px) {
  .amb-announcement-header {
    align-items: center;
  }

  .amb-announcement-viewall {
    font-size: 9px;
  }

  .amb-announcement-item {
    grid-template-columns:
      55px
      minmax(0, 1fr)
      30px;

    gap: 10px;

    padding-right: 10px;
  }

  .amb-announcement-date {
    min-height: 45px;
  }

  .amb-announcement-date strong {
    font-size: 18px;
  }

  .amb-announcement-item-title {
    font-size: 11.5px;

    -webkit-line-clamp: 2;
  }

  .amb-announcement-posted {
    font-size: 8.5px;
  }

  .amb-announcement-arrow {
    width: 29px;

    height: 29px;

    font-size: 10px;
  }
}

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

@media (max-width: 400px) {
  .amb-announcement-header {
    flex-wrap: wrap;

    gap: 8px;
  }

  .amb-announcement-viewall {
    margin-left: auto;
  }

  .amb-announcement-item {
    grid-template-columns:
      48px
      minmax(0, 1fr)
      28px;

    gap: 8px;
  }

  .amb-announcement-date strong {
    font-size: 17px;
  }

  .amb-announcement-date span {
    font-size: 7px;
  }

  .amb-announcement-item-title {
    font-size: 11px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .amb-announcement-card {
    animation: none;
  }

  .amb-announcement-item,
  .amb-announcement-arrow,
  .amb-announcement-viewall,
  .amb-announcement-footer a {
    transition: none;
  }
}
/* =========================================================
   CBPS + QUICK LINKS
========================================================= */

.cbps-card {
    position: relative;

    width: 100%;
    height: 100%;

    min-height: 270px;

    padding: 8px;

    background: #fff;

    border: 1px solid #e4e8ee;

    border-radius: 12px;

    box-shadow: 0 7px 25px rgba(22, 47, 106, .07);

    overflow: hidden;

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


.cbps-card:hover {

    transform: translateY(-3px);

    box-shadow:
        0 12px 30px rgba(22, 47, 106, .12);
}


.cbps-link {
    display: block;

    width: 100%;
    height: 100%;
}


.slider-cbps-img {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 254px;

    object-fit: fill;

    object-position: center;

    border-radius: 8px;

    transition: transform .5s ease;
}


.cbps-card:hover .slider-cbps-img {

    transform: scale(1.015);
}


/* =========================================================
   QUICK LINKS
========================================================= */

.quick-links {

    display: flex;

    flex-direction: column;

    gap: 10px;

    height: 100%;
}


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

.quick-card {

    position: relative;

    display: flex;

    align-items: center;

    gap: 13px;

    flex: 1;

    min-height: 62px;

    padding: 12px 13px;

    background: #fff;

    border: 1px solid #e4e8ee;

    border-left: 3px solid #f58220;

    border-radius: 9px;

    color: #303a4a;

    text-decoration: none;

    box-shadow:
        0 4px 15px rgba(22, 47, 106, .045);

    overflow: hidden;

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


.quick-card::before {

    content: "";

    position: absolute;

    left: -100%;

    top: 0;

    width: 100%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            rgba(22,47,106,.035),
            transparent
        );

    transition: left .35s ease;

}


.quick-card:hover {

    transform: translateX(4px);

    border-color: #d5dce8;

    box-shadow:
        0 7px 20px rgba(22, 47, 106, .09);

    color: #162f6a;
}


.quick-card:hover::before {

    left: 0;
}


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

.quick-icon {

    position: relative;

    z-index: 2;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;

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

    background: #fff4e9;

    border-radius: 8px;

    color: #f58220;

    font-size: 16px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.quick-card:hover .quick-icon {

    background: #162f6a;

    color: #fff;

    transform: scale(1.05);
}


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

.quick-text {

    position: relative;

    z-index: 2;

    flex: 1;

    color: #303a4a;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.45;

    transition: color .25s ease;
}


.quick-card:hover .quick-text {

    color: #162f6a;
}


/* =========================================================
   ARROW
========================================================= */

.quick-arrow {

    position: relative;

    z-index: 2;

    flex: 0 0 22px;

    width: 22px;
    height: 22px;

    display: flex;

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

    color: #162f6a;

    font-size: 10px;

    opacity: .65;

    transition:
        transform .3s ease,
        opacity .3s ease,
        color .3s ease;
}


.quick-card:hover .quick-arrow {

    transform: translateX(4px);

    opacity: 1;

    color: #f58220;
}


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

@media (max-width: 991px) {

    .cbps-card {

        min-height: 230px;

    }

    .slider-cbps-img {

        min-height: 214px;

    }

    .quick-card {

        min-height: 65px;

    }

}


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

@media (max-width: 767px) {

    .cbps-card {

        min-height: auto;

    }

    .slider-cbps-img {

        height: auto;

        min-height: 0;

        object-fit: contain;

    }

    .quick-links {

        gap: 9px;

    }

    .quick-card {

        min-height: 65px;

        flex: none;

        padding: 11px 12px;

    }

}


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

@media (max-width: 480px) {

    .quick-card {

        gap: 10px;

        padding: 10px;

    }

    .quick-icon {

        width: 38px;

        height: 38px;

        flex-basis: 38px;

        font-size: 14px;

    }

    .quick-text {

        font-size: 12px;

    }

    .quick-arrow {

        flex-basis: 18px;

        width: 18px;

    }

}