/* Root  Variables*/
:root {
  /* Fonts */

  --primary-font: "Poppins", sans-serif;
  --secondary-font: "Lato", sans-serif;

  /* Text Colors */
  --white-color: #fff;
  --grey-color: #fef8e8;
  --orange-color: #f44a22;
  --black-color: #161616;
  /* color: #f3b849; */
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

html {
  scroll-behavior: smooth;
}

/* Body Style */
body {
  /* background-color: aqua; */
}

.orange-color-highlight {
  color: #ff9100;
}
.green-highlight {
  color: limegreen;
  font-weight: 600;
}

/* Genral Style - Our Partner */

/* Disable Scroll */
.no-scroll {
  height: 100%;
  overflow: hidden;
}

/* Our Partner */

.our-partner-section-container {
  display: none;
  /* background-image: url("https://esgc.enugustate.gov.ng/aboutLarge.svg"); */
}

.overlay-partner-wrapper {
  /* background-color: rgba(0, 0, 0, 0.808); */
  /* backdrop-filter: blur(2px); */
  padding: 100px;
}

.our-partner-heading {
  text-align: center;
  margin-bottom: 20px;
  font-family: var(--primary-font);
  font-size: 1rem;
  color: #000;
}

.our-partner-heading h2 {
  font-size: 2rem;
}

.our-partner-heading p {
  font-family: var(--secondary-font);
  font-size: 1rem;
}
.partner-img-flex-container {
  display: flex;
  gap: 30px;
  justify-content: center;
}

.partner-image-wrapper {
  width: 100px;
  height: 100px;
  /* background-color: yellowgreen; */
}

.partner-image-wrapper a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Partnership Video */

.partner-video-wrapper {
  width: 100%;
  aspect-ratio: 21/11;
  aspect-ratio: 21/9;
  /* height: 200px; */
}

.partner-video-wrapper video {
  width: 100%;
  /* object-fit: fill; */
  height: 100%;
}

/* Become a Sponsor Break */

.line-sponsor-wrapper {
  background-color: #338833;
  padding: 50px;
  display: none;
  font-size: 1rem;
  font-family: var(--secondary-font);
}

.line-sponsor-wrapper a {
  color: #fff;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
}

.line-sponsor-wrapper a span {
  height: fit-content;
  /* background-color: violet; */
}

/* Our Partner */
@media only screen and (max-width: 897px) {
  .overlay-partner-wrapper {
    padding: 50px 20px;
  }

  .partner-img-flex-container {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 50px;
  }

  .partner-video-wrapper video {
    object-fit: fill;
  }
}