@import url('./root.css');
@import url('./components/navbar.css');
@import url('./components/footer.css');
@import url('./components/hero.css');
@import url('./components/about.css');
@import url('./components/acknowledgement.css');
@import url('./components/online-persence.css');
@import url('./components/publications.css');
@import url('./components/speeches.css');
@import url('./components/galeria.css');
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: var(--ea-font-family);
  margin: 0;
  background: #f5f5f5;
}

.navbar {
  padding-left: 20px;
  padding-right: 20px;
}

.hero-section {
  padding-left: 20px;
  padding-right: 20px;
}

.container {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }

  .d-flex{
    display: inherit !important;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  .d-flex{
    display: inherit;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

}

@media (min-width: 5000px) {
  .container {
    width: 1171px;
  }

}

@media  (min-width: 1700px) {
  .d-flex {
      grid: 10px;
  }
  
  .outer-box {
      max-width: 90%;
      width: 70%;
  }

  .content-a {
      width: 100%;        
  }

}

.bottom-line-bars-of-heandings {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  align-items: center;
  margin-top: -0.9rem;
  margin-bottom: 2rem;
}
.bottom-line-bars-of-heandings .line-1 {
  height: 1px;
  width: 100px;
  background: #030303;
  opacity: 0.67;
}
.bottom-line-bars-of-heandings .line-2 {
  height: 1px;
  width: 200px;
  background: #030303;
}
.bottom-line-bars-of-heandings .line-3 {
  height: 1px;
  width: 100px;
  background: #030303;
  opacity: 0.67;
}
.menubar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menubar .heading-section h2 {
  font-size: 34px;
  font-weight: var(--ea-font-bold);
  display: flex;
  justify-content: center;
}
.menubar-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.tab-header {
  padding: 10px;
  font-weight: var(--ea-font-bold);
  font-size: 14px;
  color: #030303;
  cursor: pointer;
  border: 2px solid #303030;
  margin: 0 5px 10px;
}

.tab-header:hover {
  background-color: #000000;
  color: #fff;
  transition: color .25s ease, background-color .25s ease-in-out;
}

.active-menu-list {
  background: #030303;
  color: white !important;
}
.menu-section-list {
  display: none;
  margin-top: 2rem;
}
.menu-section-list.active-menu-section-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 1470px;
  gap: 40px;
  padding: 0px;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #000;
}