@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0%;
  letter-spacing: 1.1px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

:root {
  /* --primary: #1c2a40; */
  --secondary: #2f435a;

  --primary-light: #f3f5f7;
  --primary-light-2: #e6e9ee;
  --primary-light-3: #edf1f6;
  --primary-dark: #16202f;

  --white: #fff;
  --black: #1a1a1a;

  --background-color: #504e4e;
  --bg-bright: #f8f8f8;
  --bg-dark: #2f435a;

  --font-main: "NeueMontreal", sans-serif;

  --line-height: 1.7;
  /* New Changes  */
  --primary: #0a3161;
  --us-primary: #0a3161;
  --us-app-red: #b31942;
  --bold-weight: 500;
  --nav-height: 70px;
  --font-sub: clamp(30px, 3vw, 42px);
  --menu-active:#422a9a;
}

.text-justify {
  text-align: justify;
}
.navbar-brand {
  font-weight: var(--bold-weight);
  font-size: 20px;
  color: var(--us-app-red);
}

.footer-wrapper .navbar-brand {
  color: var(--white);
  font-size: 16px;
}
.nav-link.selected {
  color: var(--menu-active);
  font-weight: var(--bold-weight);
}

.hero-parallax {
  position: relative;
  height: 100vh;
  background-image: url("../images/hero.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* PARALLAX EFFECT */
  overflow: hidden;
}

.hero-parallax .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.hero-parallax .container {
  z-index: 2;
}

/* Footer */
footer {
  background: #1a1f29;
  color: #ffffff;
  font-size: 12px;
  z-index: 1;
}
footer.fullpage {
  position: fixed;
  bottom: 0px;
  width: 100vw;
}

.org-address {
  opacity: 0.8;
  padding-inline: 11px;
}

.footer-menus,
.social-icon {
  list-style: none;
  padding: 0;
  line-height: 1.9;
}

.footer-menus a,
.social-icon a {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.8;
}
.social-menus h6 {
  text-align: right;
}
.social-menus .footer-menus a {
  font-size: 24px;
}

.right-reserved {
  background: #000000;
  color: #ffffff;
  font-size: 12px;
}
.social-icon .fa-brands {
  font-size: 30px;
}
.copy-right {
  /* margin-top: 5px; */
  color: var(--white);
  font-size: 12px;
  padding: 5px;
  text-align: end;
  background-color: #000000;
  display: flex;
  justify-content:space-between;
  align-items: center;
}
.copy-right p{
  margin-bottom: 0px;
}
.copy-right div{
  padding-inline-start: 22px;
}
/* End Footer */

.short-banner {
  width: 100%;
  height: 65vh;
  min-height: 180px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
}
.hero-about {
  background-image: url("../images/bg-5.jpg");
}
.hero-support{
  background-image: url("../images/img-12.jpg");
  background-position: center;
}
.hero-governance {
  background-image: url("../images/bg-3.jpg");
}
.hero-research {
  background-image: url("../images/bg-4.jpg");
  background-position: center top;
  height: 65vh;
}
.hero-contact {
  background-image: url("../images/bg-6.jpg");
}
.gray-section {
  background-color: rgb(223, 222, 223);
}
#app-logo{
  height: 46px;
}