@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
* {
  font-family: "Poppins", sans-serif;
}

body {
  overflow-x: hidden;
}

.btnPrimary {
  font-size: 0.875rem;
  font-weight: 500;
  background: linear-gradient(45deg, #8ac520, #ffffff);
  border-radius: 20px;
  padding: 0.5rem 1rem;
  border: 0;
  color: #131313;
  margin-right: 5px;
  margin-top: 20px;
  position: relative;
  transition: 0.5s ease-in-out;
}
.btnPrimary::after {
  content: "";
  position: absolute;
  transform: rotate(25deg);
  top: 0%;
  left: -10%;
  background: rgba(255, 255, 255, 0.031372549);
  width: 0%;
  height: 100%;
  transition: 0.5s ease-in-out;
  box-shadow: 0 0 10px;
}
.btnPrimary:hover {
  background: linear-gradient(45deg, #ffffff, #8ac520);
  color: #131313;
}
.btnPrimary:hover::after {
  transition: 0.5s ease-in-out;
  width: 3px;
  left: 120%;
  opacity: 0;
}
@media (max-width: 991px) {
  .btnPrimary {
    font-size: 0.875rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}

.heading {
  padding-left: 10px;
  color: #8ac520;
  font-weight: 700;
}

.navbar {
  background: linear-gradient(0deg, rgba(138, 197, 32, 0.3098039216), transparent);
}
.navbar .container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: end;
  padding: 0;
}
.navbar .container .navbar-brand {
  width: 20%;
}
@media (max-width: 840px) {
  .navbar .container .navbar-brand {
    width: 30%;
  }
}
@media (max-width: 840px) {
  .navbar .container .navbar-brand img {
    width: fit-content;
  }
}
.navbar .container .bottom-nav-logo {
  display: none;
}
.navbar .container .event-date {
  width: 25%;
  margin-bottom: 8px;
}
@media (max-width: 840px) {
  .navbar .container .event-date {
    width: 50%;
  }
}
@media (max-width: 321px) {
  .navbar .container .event-date {
    width: 40%;
  }
}
.navbar .container .event-date h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #8ac520;
}
@media (max-width: 840px) {
  .navbar .container .event-date h3 {
    font-size: 0.75rem;
  }
}
.navbar .container .sponcer-logo {
  width: 50%;
  display: flex;
  gap: 1rem;
  justify-content: end;
}
@media (max-width: 840px) {
  .navbar .container .sponcer-logo {
    width: 100%;
    justify-content: center;
    gap: 0;
  }
}
.navbar .container .sponcer-logo figure {
  margin: 0.5rem;
  border-right: 1px solid #8ac520;
  padding-right: 1rem;
  overflow: hidden;
}
.navbar .container .sponcer-logo figure:nth-last-child(1) {
  border-right: none;
  padding-right: 0;
}
@media (max-width: 480px) {
  .navbar .container .sponcer-logo figure:nth-last-child(1) img {
    width: 9rem;
  }
}
@media (max-width: 425px) {
  .navbar .container .sponcer-logo figure:nth-last-child(1) img {
    width: 4rem;
  }
}
.navbar .container .sponcer-logo figure img {
  height: 4rem;
  object-fit: contain;
  margin: auto;
  display: block;
}
@media (max-width: 840px) {
  .navbar .container .sponcer-logo figure img {
    width: 100%;
    object-fit: contain;
  }
}
@media (max-width: 480px) {
  .navbar .container .sponcer-logo figure img {
    width: 13rem;
    height: auto;
  }
}
@media (max-width: 425px) {
  .navbar .container .sponcer-logo figure img {
    width: 6rem;
  }
}
.navbar .container .sponcer-logo figure figcaption {
  font-size: 0.75rem;
  text-align: center;
  padding: 3px 10px;
  font-weight: 500;
  color: #8ac520;
  margin-bottom: 0.5rem;
}
.navbar .container .navbar-collapse {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.4588235294), #ffffff 45%);
  color: rgb(0, 0, 0);
  box-shadow: 0 3px 5px rgba(211, 211, 211, 0.3882352941);
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9;
}
@media (max-width: 840px) {
  .navbar .container .navbar-collapse {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    background: white;
    width: 100%;
    padding: 0 1rem;
  }
}
.navbar .container .navbar-collapse .container {
  display: flex;
  justify-content: end;
}
@media (max-width: 840px) {
  .navbar .container .navbar-collapse .container {
    display: block;
  }
}
.navbar .container .navbar-collapse .container .navbar-nav .nav-item .nav-link {
  color: #000000;
  margin: 0.5rem;
  padding: 0;
}
.navbar .container .navbar-collapse .container .navbar-nav .nav-item .nav-link.active {
  border-bottom: 2px solid #000000;
}
@media (max-width: 840px) {
  .navbar .container .navbar-collapse .container .navbar-nav .nav-item .nav-link {
    color: #000000;
  }
  .navbar .container .navbar-collapse .container .navbar-nav .nav-item .nav-link::after {
    float: right;
  }
}
.navbar .container .navbar-collapse .container .navbar-nav .dropdown-menu {
  width: auto;
  border: none;
}
@media (max-width: 840px) {
  .navbar .container .navbar-collapse .container .navbar-nav .dropdown-menu {
    width: 100%;
  }
}
.navbar .container .navbar-collapse .container .navbar-nav .dropdown-menu .dropdown-item i {
  opacity: 0;
  width: 0;
  transition: 0.5s linear;
}
.navbar .container .navbar-collapse .container .navbar-nav .dropdown-menu .dropdown-item {
  transition: 0.5s linear;
  color: #8ac520;
  font-weight: 500;
}
.navbar .container .navbar-collapse .container .navbar-nav .dropdown-menu .dropdown-item:active {
  background: #8ac520;
}
@media (max-width: 840px) {
  .navbar .container .navbar-collapse .container .navbar-nav .dropdown-menu .dropdown-item {
    white-space: break-spaces;
  }
}
.navbar .fixed-top {
  background: #ffffff;
  max-width: 100%;
}
@media (max-width: 840px) {
  .navbar .fixed-top {
    display: none !important;
  }
}
.navbar .fixed-top .navbar-nav {
  margin: 0px 5%;
  align-items: center;
  width: 90%;
}
.navbar .fixed-top .navbar-nav .bottom-nav-logo {
  display: flex;
  width: 20%;
  align-items: end;
  gap: 8px;
}
.navbar .fixed-top .navbar-nav .bottom-nav-logo img {
  max-width: 10rem;
}
.navbar .fixed-top .navbar-nav .bottom-nav-logo p {
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0;
}

.hero {
  position: relative;
}
.hero .background-silder {
  position: relative;
}
.hero .background-silder .carousel-inner::after {
  content: " ";
  width: 100%;
  height: 500px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.5254901961), rgba(0, 0, 0, 0.5254901961));
  z-index: 1;
}
.hero .background-silder .carousel-inner .carousel-item img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.hero .background-silder .carousel-control-next,
.hero .background-silder .carousel-control-prev {
  width: 5% !important;
}
.hero .banner-text {
  width: 50%;
  position: absolute;
  top: 30%;
  color: #ffffff;
  z-index: 1;
  padding: 2rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .hero .banner-text {
    width: 70%;
    top: 25%;
  }
}
@media (max-width: 480px) {
  .hero .banner-text {
    width: 95%;
    top: 30%;
  }
}
.hero .banner-text h1 {
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .hero .banner-text h1 {
    font-size: 1rem;
  }
}
.hero .banner-text h4 {
  font-size: 1.25rem;
}
@media (max-width: 991px) {
  .hero .banner-text h4 {
    font-size: 0.875rem;
  }
}
.hero .countdown {
  text-align: center;
  background: linear-gradient(0deg, #000000, transparent);
  color: #ffffff;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.hero .countdown .number {
  font-size: 4rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}
@media (max-width: 480px) {
  .hero .countdown .number {
    font-size: 3rem;
  }
}
.hero .countdown .label {
  margin-bottom: 1rem;
}

.banner {
  position: relative;
  top: 0;
  color: white;
  height: 16rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000), url(../images/small-banner.webp);
  background-position: bottom;
}
@media (max-width: 480px) {
  .banner {
    top: 0;
    height: 19rem;
  }
}
.banner h1 {
  font-size: 2rem;
  margin-top: 4rem;
  height: fit-content;
}
@media (max-width: 480px) {
  .banner h1 {
    height: 6rem;
    margin-top: 2rem;
  }
}
.banner .breadcrumb .breadcrumb-item a {
  color: #ffffff;
  text-decoration: none;
}
.banner .breadcrumb .breadcrumb-item.active {
  color: #ffffff;
}
.banner .breadcrumb .breadcrumb-item::before {
  color: #ffffff;
}
.banner .countdown {
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.banner .countdown .number {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}
.banner .countdown .label {
  margin-bottom: 1rem;
}

.about {
  padding: 4rem 0;
  position: relative;
}
.about::after {
  content: " ";
  background: url("../images/greenbuildoman-blur-graphy.webp") no-repeat;
  width: 30rem;
  height: 30rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  opacity: 0.3;
  z-index: -1;
}
.about .heading {
  border: none;
  padding-bottom: 2rem;
}
.about .about-img {
  width: 20rem;
  height: 420px;
  object-fit: contain;
  position: relative;
  float: left;
  margin-right: 2rem;
}
@media (max-width: 480px) {
  .about .about-img {
    width: 100%;
    margin: 0 0 1rem;
  }
}
.about .img-wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .about .img-wrapper {
    margin-bottom: 3rem;
  }
}
.about .img-wrapper .about-imgs {
  height: 350px;
  object-fit: cover;
}
.about .img-wrapper::before {
  content: " ";
  width: 70%;
  height: 100%;
  display: block;
  background: #8ac520;
  position: absolute;
  right: 1rem;
  bottom: -2rem;
}
.about .img-wrapper-2::before {
  height: 85%;
  right: -2rem;
  bottom: 2rem;
}
@media (max-width: 991px) {
  .about .img-wrapper-2::before {
    right: 0;
  }
}
.about .img-wrapper-2 .owl-nav {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
.about .img-wrapper-2 .owl-nav .owl-next,
.about .img-wrapper-2 .owl-nav .owl-prev {
  background: white;
  border-radius: 50px;
  box-shadow: 0 0 10px lightgrey;
  font-size: 2rem;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8ac520;
}

.about-text-img {
  width: 45%;
  float: left;
  margin-right: 1rem;
}
@media (max-width: 480px) {
  .about-text-img {
    width: 100%;
  }
}

.highlighted {
  background: #ffffff;
  position: relative;
  margin: 2rem auto;
}
@media (max-width: 480px) {
  .highlighted {
    width: 90%;
  }
}
.highlighted::before {
  content: "";
  width: 3rem;
  height: 50%;
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
  background: #8bc34a;
  z-index: -1;
}
@media (max-width: 480px) {
  .highlighted::before {
    width: 5rem;
  }
}
.highlighted::after {
  content: "";
  width: 3rem;
  height: 50%;
  display: block;
  position: absolute;
  right: -10px;
  bottom: -10px;
  background: #8bc34a;
  z-index: -1;
}
@media (max-width: 480px) {
  .highlighted::after {
    width: 5rem;
  }
}
.highlighted h3 {
  font-size: 1.5rem;
  padding: 1rem;
  margin-bottom: 0;
  color: #375500;
  font-weight: 600;
}

.states {
  padding: 2rem 0;
  text-align: center;
  background: linear-gradient(0deg, #f7ffe9, transparent);
  z-index: 1;
}
@media (max-width: 991px) {
  .states {
    padding-bottom: 2rem;
  }
}
.states .heading {
  width: fit-content;
  margin: 0rem auto 3rem auto;
}
.states .count {
  padding: 1rem;
  margin: auto;
}
@media (max-width: 991px) {
  .states .count {
    width: 160px;
    height: 40px;
    margin-bottom: 2rem;
  }
}
@media (max-width: 480px) {
  .states .count {
    width: 100px;
    height: 50px;
    margin-bottom: 2rem;
  }
}
.states .count span {
  font-size: 2rem;
  font-weight: 700;
  color: #4d4d4d;
}
@media (max-width: 991px) {
  .states .count span {
    font-size: 1.5rem;
  }
}
.states .count p {
  margin-bottom: 0;
  color: #4d4d4d;
}

.event {
  padding: 4rem 0;
  background: linear-gradient(90deg, rgba(139, 197, 32, 0.4235294118), transparent);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7411764706), rgba(0, 0, 0, 0.6117647059)), url("../images/the-event.webp");
}
.event h2 {
  color: #ffffff;
  font-weight: 700;
}
.event p {
  color: #ffffff;
}
.event .card {
  height: 10rem;
  width: 100%;
  background: transparent;
  border: 0;
  text-align: center;
  transition: 0.3s linear;
  margin-bottom: 1rem;
  padding: 1rem;
}
.event .card h3 {
  font-size: 1rem;
}
.event .card svg {
  width: 90px;
  height: 90px;
  fill: #8ac520;
  margin: auto;
}
.event .btnPrimary {
  display: block;
  margin: auto;
  width: fit-content;
}

.accordian-section {
  padding: 4rem 0;
  position: relative;
  background: rgba(0, 0, 0, 0.6784313725);
  overflow: hidden;
}
.accordian-section::after {
  content: " ";
  background: url("../images/greenbuildoman-blur-graphy.webp") no-repeat;
  width: 30rem;
  height: 30rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  opacity: 0.3;
  z-index: -1;
}
@media (max-width: 480px) {
  .accordian-section::after {
    width: 100%;
  }
}
.accordian-section .heading {
  margin-bottom: 2rem;
}
.accordian-section .accordion-item {
  background: transparent;
  border: 0;
}
.accordian-section .accordion-item:last-of-type .accordion-header .accordion-button.collapsed {
  border: 0;
}
.accordian-section .accordion-item .accordion-header .accordion-button {
  background: transparent;
  color: #ffffff;
  border-bottom: 1px solid white;
  border-radius: 0;
}
.accordian-section .accordion-item .accordion-header .accordion-button::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(76%) saturate(1452%) hue-rotate(187deg) brightness(120%) contrast(101%);
}
.accordian-section .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.accordian-section .accordion-item .accordion-body {
  color: #ffffff;
}

.what-to-expect {
  padding: 4rem 0;
  background: linear-gradient(304deg, #fbffc3, transparent), url("../images/greenbuildoman-blur-graphy.webp") no-repeat;
  background-position: right top;
  backdrop-filter: opacity(0.2);
}
.what-to-expect h2 {
  color: #8ac520;
  font-weight: 700;
  margin-bottom: 3rem;
}
.what-to-expect .card {
  width: 100%;
  background: transparent;
  border: 0;
  transition: 0.3s linear;
  margin-bottom: 0.25rem;
  padding: 0.5rem;
  border-radius: 0;
  text-align: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .what-to-expect .card {
    margin-bottom: 0.5rem;
  }
}
.what-to-expect .card img {
  width: 50px;
  height: auto;
  margin: auto;
  transition: 0.3s linear;
}
.what-to-expect .card:hover {
  background: rgba(227, 255, 175, 0.46);
  transition: 0.3s linear;
  border-radius: 10px;
  backdrop-filter: blur(50px);
}
.what-to-expect .card:hover img {
  transform: scale(105%);
}
.what-to-expect .card a {
  font-size: 1rem;
  margin: 0;
  padding: 0.5rem;
  color: #333333;
  font-weight: 500;
  display: flex;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s linear;
}
.what-to-expect .btnPrimary {
  display: block;
  margin: auto;
  margin-top: 2rem;
  width: fit-content;
}

.contact-page {
  background: linear-gradient(304deg, #fbffc3, transparent);
}
.contact-page .card {
  background: rgba(227, 255, 175, 0.46);
  margin-bottom: 1rem;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
  text-align: left;
}
.contact-page .card img {
  width: 100%;
}
.contact-page .card .card-body {
  padding: 0.5rem;
}
.contact-page .card .card-body h4 {
  text-transform: uppercase;
}
.contact-page .card .card-body p {
  margin-bottom: 0;
  display: flex;
  gap: 0.5rem;
}
.contact-page .card .card-body a {
  padding: 0;
}
.contact-page .card:hover img {
  transform: none;
}

.venue-images {
  position: relative;
}
@media (max-width: 480px) {
  .venue-images {
    height: 100vh;
  }
}
.venue-images a {
  position: absolute;
}
.venue-images a:nth-child(1) {
  left: 0;
  top: 0;
}
.venue-images a:nth-child(2) {
  right: 0;
  top: 30%;
}
.venue-images a:nth-child(3) {
  left: 0;
  top: 60%;
}
.venue-images img {
  width: 20rem;
  height: 10rem;
  object-fit: cover;
  float: right;
  border: 8px solid #e1ffab;
}

.form-control {
  background: rgba(255, 255, 255, 0.351);
}

.why-decarbonization-page .card {
  text-align: left;
  box-shadow: 0 0 10px lightgray;
  border-radius: 20px;
  padding: 1rem;
  min-height: 18rem;
  margin-bottom: 2rem;
  backdrop-filter: blur(50px);
}
@media (max-width: 480px) {
  .why-decarbonization-page .card {
    min-height: fit-content;
  }
}
.why-decarbonization-page .card:hover {
  background: transparent;
}
.why-decarbonization-page h2 {
  margin-bottom: 1rem;
  color: #474747;
}
.why-decarbonization-page h4 {
  font-weight: 600;
}
.why-decarbonization-page ul {
  padding-left: 1rem;
}

.partner-sponser .card {
  min-height: 9rem;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0.5rem;
}
.partner-sponser .card p {
  margin-bottom: 0;
}
.partner-sponser .card h5 {
  font-weight: 600;
}

.sponcer-page .card {
  min-height: 13rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

.f-panzoom__wrapper {
  background: #ffffff;
}

.f-panzoom__viewport > .f-panzoom__content {
  padding: 2rem;
}

.why-attend-page {
  background: linear-gradient(304deg, #fbffc3, transparent);
}
.why-attend-page .card {
  background: rgba(227, 255, 175, 0.46);
  min-height: 16rem;
  margin-bottom: 1rem;
  border-radius: 20px;
}
.why-attend-page .card img {
  width: 80px;
  margin: 1rem auto;
}
.why-attend-page .card h5 {
  color: #314b00;
  font-weight: 600;
}

.list-style {
  column-count: 2;
  padding-left: 1rem;
}
.list-style li {
  margin-right: 1rem;
}
@media (max-width: 480px) {
  .list-style {
    column-count: 1;
  }
}

.sponcer {
  padding: 4rem 0;
}
.sponcer h2 {
  color: #8ac520;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}
.sponcer .sponcer-logo {
  width: 200px;
  height: 130px;
  padding: 1.5rem;
  object-fit: contain;
}
.sponcer p {
  font-size: 1rem;
  text-align: center;
  color: #8ac520;
  font-weight: 500;
}

.organiser {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2392156863), rgba(138, 197, 32, 0)), url("../images/organise-bg.webp");
  padding: 4rem 0;
  color: #ffffff;
  background-size: cover;
  background-position: bottom;
}
.organiser h2 {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
.organiser .btnPrimary {
  margin-top: 0;
  float: right;
}

.advisory-membars {
  padding: 4rem 0;
  text-align: center;
  color: #8ac520;
  position: relative;
}
.advisory-membars::before {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.advisory-membars h2 {
  color: #8ac520;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}
.advisory-membars .technical-person {
  width: 120px !important;
  height: 120px;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  background: white;
  border-radius: 50%;
  object-position: center;
}
@media (max-width: 991px) {
  .advisory-membars .technical-person {
    width: 120px !important;
    height: 120px;
    aspect-ratio: 1/1;
    margin: auto;
  }
}
@media (max-width: 480px) {
  .advisory-membars .technical-person {
    object-fit: contain;
  }
}
.advisory-membars .col-lg-4 {
  margin-bottom: 1rem;
}
.advisory-membars .item {
  padding: 0.5rem;
  color: white;
  position: relative;
}
.advisory-membars .item .member-card {
  display: flex;
  align-items: start;
  margin-bottom: 1rem;
  height: 140px;
}
.advisory-membars .item .member-card::after {
  content: " ";
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../images/greenbuildoman-blur-graphy.webp);
  position: absolute;
  background-repeat: no-repeat;
  background-size: 50%;
  top: 0;
  opacity: 0.2;
  left: 0;
  z-index: -1;
}
.advisory-membars .item .member-card .text {
  text-align: left;
  width: 100%;
}
@media (max-width: 991px) {
  .advisory-membars .item .member-card .text {
    width: 100%;
  }
}
.advisory-membars .item .member-card .text h4 {
  font-size: 1.25rem;
  text-align: left;
  width: 100%;
  color: #568500;
  font-weight: 600;
}
.advisory-membars .item .member-card .text p {
  margin-bottom: 0;
  font-size: 0.75rem;
  text-align: left;
  color: #568500;
}
@media (max-width: 480px) {
  .advisory-membars .item .member-card .btnPrimary {
    margin-top: 20px;
  }
}

.event-structure {
  padding: 4rem 0;
  background: linear-gradient(180deg, #b5fff0, transparent);
}
.event-structure h2 {
  color: #8ac520;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}
.event-structure .card {
  border: 0;
  border-radius: 0;
  margin-bottom: 2rem;
  background: transparent;
}
.event-structure .card .img-wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .event-structure .card .img-wrapper {
    margin-bottom: 3rem;
  }
}
@media (max-width: 480px) {
  .event-structure .card .img-wrapper {
    margin-bottom: 0;
  }
}
.event-structure .card .img-wrapper .about-img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  position: relative;
  transition: 0.3s linear;
  overflow: hidden;
  border: 5px solid #ffffff;
}
.event-structure .card .img-wrapper .about-img img {
  transition: 0.3s linear;
  width: 100%;
  height: 270px;
  object-fit: cover;
}
@media (max-width: 480px) {
  .event-structure .card .img-wrapper::before {
    width: 90%;
  }
}
.event-structure .card .stretched-link {
  float: right;
  width: fit-content;
  margin-left: 0;
  z-index: 15;
  margin-top: 0.7rem;
  margin-right: 0;
  font-size: 1.25rem;
  text-decoration: none;
  font-weight: 600;
  color: #8ac520;
  transition: 0.3s linear;
}
.event-structure .card .stretched-link i {
  transition: 0.3s linear;
}
.event-structure .card:hover .img-wrapper .about-img {
  border: 5px solid #ffffff;
}
.event-structure .card:hover .img-wrapper .about-img img {
  transform: scale(110%);
}
.event-structure .card:hover .stretched-link {
  text-decoration: underline;
  text-underline-offset: 7px;
}
.event-structure .card:hover .stretched-link i {
  transform: translateX(5px);
}

footer {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8117647059), rgba(0, 0, 0, 0.7294117647)), url(../images/footer-bg.webp) 100%/100%;
  color: #ffffff;
  padding: 0;
}
footer .footer-logo {
  width: 250px;
  height: 150px;
  object-fit: contain;
}
footer .nav .nav-item .nav-link {
  color: white;
  padding-left: 0;
  transition: 0.3s linear;
}
footer .nav .nav-item .nav-link:hover {
  color: #8ac520;
}
footer h3 {
  font-size: 1rem;
}
@media (max-width: 480px) {
  footer h3 {
    margin-top: 1rem;
  }
}
footer .footer-sponcer {
  display: flex;
  gap: 3rem;
}
footer .footer-sponcer img {
  width: 170px;
  height: 150px;
  object-fit: contain;
}
@media (max-width: 480px) {
  footer .footer-sponcer img {
    object-fit: contain;
  }
}
footer .social-media {
  display: flex;
  gap: 1rem;
  align-items: end;
  margin-top: 1.5rem;
}
footer .social-media h3 {
  margin-bottom: 0;
}
footer .social-media a svg {
  fill: white;
  background: #8ac520;
  width: 2rem;
  height: 2rem;
  transition: 0.3s linear;
}
footer .social-media a:hover svg {
  background: #ffffff;
  fill: #8ac520;
  border-radius: 10%;
  padding: 0.25rem;
}

.modal-header h2 {
  color: #568500;
}
.modal-header img {
  height: 70px;
  margin-left: 1rem;
}

.modal-body .profile {
  width: 250px;
  height: 250px;
  aspect-ratio: 1/1;
  object-fit: cover;
  float: left;
  margin-right: 2rem;
  box-shadow: 0 0 10px lightgray;
  border-radius: 10px;
}

@media (max-width: 480px) {
  .counter-section,
  .about,
  .what-to-expect,
  .technical-committee,
  .event-structure,
  .sponcer,
  .accordian-section {
    padding: 1rem 0;
  }
}