* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  font-family: Montserrat, sans-serif;
}

ul {
  list-style-position: inside;
}

@media (min-width: 2250px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 60% !important;
  }
  .hero-content {
    zoom: 1.2;
  }
  .hero-content .hero-description {
    width: 75%;
  }
  #main-nav-header nav {
    zoom: 1.2;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .a11y-widget-custom-trigger,
  .brics-ndb-chatbot-toggle {
    zoom: 1.5;
  }
  .site-footer,
  .site-footer-bottom {
    zoom: 1.4;
  }
}

.section-title {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.1875rem;
  letter-spacing: 0;
  text-align: center;
  color: var(--secondary-color);
  text-transform: capitalize;
}

.view-all {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: var(--primary-color);
  cursor: pointer;
  text-transform: capitalize;
  text-decoration: none;
}

.view-all:hover {
  color: var(--primary-hover-color);
}

#brics-initiatives-slider .brics-slide-card {
  width: 220px;
  height: auto;
  opacity: 1;
  border-right-width: 1px;
  padding: 32px;
  background: var(--primary-bg-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  color: var(--text-color);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0%;
}

#brics-initiatives-slider .splide__track {
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
}

/* BRICS Initiatives Showcase */
/* Images 1-3 - White color */
#brics-initiatives-slider .brics-slide-card:nth-child(1):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(1):focus-visible img,
#brics-initiatives-slider .brics-slide-card:nth-child(2):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(2):focus-visible img,
#brics-initiatives-slider .brics-slide-card:nth-child(3):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(3):focus-visible img,
#brics-initiatives-slider .brics-slide-card:nth-child(5):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(5):focus-visible img {
  filter: brightness(0) invert(1) saturate(100%);
}

/* Images 4-7 - Black color */
#brics-initiatives-slider .brics-slide-card:nth-child(4):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(4):focus-visible img,
#brics-initiatives-slider .brics-slide-card:nth-child(6):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(6):focus-visible img,
#brics-initiatives-slider .brics-slide-card:nth-child(7):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(7):focus-visible img {
  filter: brightness(0) saturate(100%);
}

/* Image 8 - White color */
#brics-initiatives-slider .brics-slide-card:nth-child(8):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(8):focus-visible img {
  filter: brightness(0) invert(1) saturate(100%);
}

/* Images 9-10 - Black color */
#brics-initiatives-slider .brics-slide-card:nth-child(9):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(9):focus-visible img,
#brics-initiatives-slider .brics-slide-card:nth-child(10):hover img,
#brics-initiatives-slider .brics-slide-card:nth-child(10):focus-visible img {
  filter: brightness(0) saturate(100%);
}

#brics-initiatives-slider .brics-slide-card:nth-child(1):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(1):focus-visible {
  background-color: #37935d;
  color: var(--primary-bg-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(2):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(2):focus-visible {
  background-color: #00aec1;
  color: var(--primary-bg-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(3):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(3):focus-visible {
  background-color: #c84c1c;
  color: var(--primary-bg-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(4):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(4):focus-visible {
  background-color: #ffce3b;
  color: var(--text-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(5):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(5):focus-visible {
  background-color: #9e4292;
  color: var(--primary-bg-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(6):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(6):focus-visible {
  background-color: #9fe416;
  color: var(--text-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(7):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(7):focus-visible {
  background-color: #ffae00;
  color: var(--text-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(8):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(8):focus-visible {
  background-color: #bd38ff;
  color: var(--primary-bg-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(9):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(9):focus-visible {
  background-color: #fe9f76;
  color: var(--text-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(10):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(10):focus-visible {
  background-color: #00d9e4;
  color: var(--text-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(11):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(11):focus-visible {
  background-color: #37935d;
  color: var(--primary-bg-color);
}

#brics-initiatives-slider .brics-slide-card:nth-child(12):hover,
#brics-initiatives-slider .brics-slide-card:nth-child(12):focus-visible {
  background-color: #00aec1;
  color: var(--primary-bg-color);
}

.splide__pagination {
  bottom: -2rem;
}

.splide__pagination__page {
  width: 5px;
  height: 5px;
  opacity: 1;
  background: var(--text-color);
}

.splide__pagination__page.is-active {
  width: 5px;
  height: 5px;
  transition: all 0.3s ease;
  transform: scale(2);
  opacity: 1;
  background: var(--primary-color);
}

.page-cover-banner {
  position: relative;
  top: -110px;
  width: 100%;
  min-height: 465px;
  background: linear-gradient(135deg, #02f2ff 0%, #00a8c6 30%, #009ef2 100%);
  background-size: cover;
  background-repeat: no-repeat;
}

#brics-initiatives-slider .brics-slide-card > img {
  height: 75px;
  width: 75px;
  overflow: hidden;
}

#brics-initiatives-slider .brics-slide-card > span {
  height: 50%;
  margin-top: 2rem;
}

/* global page banner animation & effects  */
.page-cover-banner .anim-group-1 {
  width: 100%;
  height: 1331px;
  left: -726px;
  top: -469px;
  transform: rotate(-10.6deg);
  transform-origin: 0 0;
  animation: groupSway 18s ease-in-out infinite;
}

.page-cover-banner .anim-group-1 .anim-vector-1 {
  width: 100%;
  height: 833px;
  left: 0;
  top: 278px;
  background: #02f2ff;
  transform: matrix(1, -0.1, 0.33, 0.94, 0, 0);
  transform-origin: 0 0;
  animation: driftVector 12s ease-in-out infinite;
}

.page-cover-banner .anim-group-1 .anim-ellipse-32 {
  width: 1636.83px;
  height: 743px;
  left: 841.93px;
  top: 506.4px;
  background: #00a8c6;
  transform: rotate(-14.18deg);
  transform-origin: center center;
  animation: breatheEllipse32 14s ease-in-out infinite;
}

.page-cover-banner .anim-group-1 .anim-ellipse-33 {
  width: 100%;
  height: 743px;
  left: 1284px;
  top: 328px;
  background: #009ef2;
  animation: breatheEllipse33 10s ease-in-out infinite 1s;
}

/* ── Overlay – blur + animated opacity sweep ── */
.page-cover-banner .overlay {
  width: 100%;
  height: 100%;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.08) 0%,
    rgba(0, 0, 0, 0.2) 40%,
    rgba(0, 0, 0, 0.35) 70%,
    rgba(0, 0, 0, 0.55) 100%
  );
  background-size: 200% 100%;
  -webkit-backdrop-filter: blur(150px);
  backdrop-filter: blur(150px);
  z-index: 10;
  animation: overlaySweep 5s ease-in-out infinite;
}

/* ── Noise texture ── */
.page-cover-banner .noise {
  width: 100%;
  height: 100%;
  opacity: 0.2;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 11;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 256px 256px;
  background-repeat: repeat;
  animation: noiseFlicker 8s ease-in-out infinite;
}

.page-cover-banner .banner-content {
  margin-top: 110px;
  z-index: 20;
}

.page-cover-banner .page-title {
  display: block;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 35px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: var(--contrast-text-color);
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
  animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
}

.page-cover-banner .page-description {
  margin-top: 1rem;
  width: 75%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: var(--contrast-text-color);
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
  animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
}

/* global page banner animation keyframes */
@keyframes overlaySweep {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}

@keyframes groupSway {
  0% {
    transform: rotate(-10.6deg);
  }
  50% {
    transform: rotate(-9.2deg);
  }
  100% {
    transform: rotate(-10.6deg);
  }
}

@keyframes driftVector {
  0% {
    opacity: 1;
    transform: matrix(1, -0.1, 0.33, 0.94, 0, 0) translateY(0px);
  }
  33% {
    opacity: 0.75;
    transform: matrix(1, -0.1, 0.33, 0.94, 0, 20px);
  }
  66% {
    opacity: 0.9;
    transform: matrix(1, -0.1, 0.33, 0.94, 0, -15px);
  }
  100% {
    opacity: 1;
    transform: matrix(1, -0.1, 0.33, 0.94, 0, 0);
  }
}

@keyframes breatheEllipse32 {
  0% {
    opacity: 1;
    transform: rotate(-14.18deg) scale(1) translateX(0px);
  }
  40% {
    opacity: 0.7;
    transform: rotate(-14.18deg) scale(1.04) translateX(-30px);
  }
  70% {
    opacity: 0.85;
    transform: rotate(-14.18deg) scale(0.97) translateX(20px);
  }
  100% {
    opacity: 1;
    transform: rotate(-14.18deg) scale(1) translateX(0px);
  }
}

@keyframes breatheEllipse33 {
  0% {
    opacity: 1;
    transform: scale(1) translateX(0px);
  }
  35% {
    opacity: 0.65;
    transform: scale(1.06) translateX(40px);
  }
  70% {
    opacity: 0.85;
    transform: scale(0.96) translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0px);
  }
}

@keyframes noiseFlicker {
  0%,
  100% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.12;
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Pagination ── */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-top: 48px;
  padding-bottom: 4px;
}

/* Prev / Next chevron buttons */
.pagination__btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  color: var(--secondary-text-color);
  padding: 0;
  flex-shrink: 0;
  transition: color 0.2s;
}

/* Next arrow — orange */
.pagination__btn--next {
  color: var(--primary-color);
}

.pagination__btn:hover:not(:disabled) {
  color: var(--tertiary-text-color);
}

.pagination__btn--next:hover:not(:disabled) {
  color: var(--primary-hover-color);
}

.pagination__btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Page numbers wrapper */
.pagination__pages {
  display: flex;
  gap: 4px;
  align-items: center;
}

/* Individual page number link */
.page-num {
  min-width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--secondary-text-color);
  padding: 0 8px;
  text-decoration: none;
  transition: color 0.2s;
}

.page-num:hover:not(.is-active) {
  color: var(--text-color);
}

/* Active page — orange border, top-right + bottom-left radius */
.page-num.is-active {
  background: var(--primary-bg-color);
  border: 1px solid var(--primary-color);
  border-width: 1px;
  border-radius: 0 8px 0 8px;
  opacity: 1;
  color: var(--text-color);
  font-weight: 700;
  text-decoration: none;
  clip-path: none;
}

/* search bar for listing pages */
.list-search-wrap {
  width: 100%;
  max-width: 601px;
  flex-shrink: 0;
}

.list-search {
  display: flex;
  align-items: center;
  width: 100%;
  height: 55px;
  border: 2px solid #ffffff52;
  border-radius: 8px;
  overflow: hidden;
  opacity: 1;
  background: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition:
    background var(--transition-fast),
    border-color var(--transition-fast);
}

.list-search:focus-within {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.9);
}

.list-search__input {
  flex: 1;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  padding: 0 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: var(--contrast-text-color);
  caret-color: var(--contrast-text-color);
}

.list-search__input::placeholder {
  color: var(--contrast-text-color);
  font-weight: 600;
}

/* Remove default search input chrome (clear button etc.) */
.list-search__input::-webkit-search-decoration,
.list-search__input::-webkit-search-cancel-button {
  display: none;
}

.list-search__clear {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  transition: color var(--transition-fast);
}

.list-search__clear:hover {
  color: #ffffff;
}

.list-search__btn {
  width: 48px;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background var(--transition-fast);
}

.list-search__btn:hover {
  background: rgba(255, 255, 255, 0.12);
}

.list-search__btn img {
  width: 22px;
  height: 22px;
  opacity: 0.9;
}

/* ── Search bar spacing below page title ── */
.list-search-spacer {
  margin-top: 60px;
}

/* Global page detail main content area */
section.page-detail-main {
  margin: -180px auto 0;
  position: relative;
  z-index: 999;
}

/* Global page detail main area styles */
.page-detail-main-area.page-detail-card {
  background: var(--primary-bg-color);
  border-radius: 0 140px 0 140px;
  box-shadow: 0 13px 18px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  padding: 50px;
}

/* Country flag emoji */
.country-flag {
  font-family:
    "NotoColorEmoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}

/* bold style for download and view all icons.*/
/* external link icon */
.bi.bi-box-arrow-up-right {
  color: var(--primary-color);
}

.tp-article__actions,
.nsp-article__actions,
.cs-card__actions {
  font-weight: 500;
}

:is(.tp-article__actions, .nsp-article__actions, .cs-card__actions, .er-link)
  :is(.bi-box-arrow-up-right, .bi-download),
.bi.bi-chevron-right {
  -webkit-text-stroke: 1px;
}

@media (max-width: 390px) {
  .page-cover-banner {
    top: -160px;
  }
}