/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

h1, h2, h3, h4, h5, h6, p, span, a, .nav-link, label{
  font-family: 'Inter', sans-serif;
}

td{
  font-family: 'Inter', sans-serif;
}

.nav-link{
  color: white;
  margin-left: 5px;
  margin-right: 5px;
}

/* FONT SIZE */
.big-font{
  font-size: 3.5rem;
}

.justify{
  text-align: justify;
}

*{
  margin: 0;
  padding: 0;
}

/* COLORS */
.bg-trans{
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-border-gray{
  background-color: #585959;
}

.bg-light-green{
  background-color: #67b13c;
}

.bg-green{
  background-color: #366a00;
}

.bg-gray{
  background-color: #e8e9e6;
}

.border-light-green{
  border: 2px solid #67b13c;
}

.color-light-green{
  color: #7fba53;
}

.color-green{
  color: #366a00;
}

.btn{
  background-color: #579834;
  color: white;
  width: 100%;
}

.btn:hover{
  background-color: #366a00;
  color: white;
}

.white-link{
  color: white;
}

.black-link{
  color: black;
}

.hover-link:hover{
  color: #579834;
}

.navbar{
  background-color: #67b13c;
}

.navbar1{
  position: absolute;
  left: 50%;
  top: 19%;
  transform: translate(-50%, -50%);
}

.dropdown-toggle::after{
  display: none;
}

.dropdown-menu[data-bs-popper] {
  top: 139%;
}

.dropdown-item:hover{
  background-color: #67b13c;
  color: white;
}

/* PRELOADER */
.preloader{
  background-color: white;
  height: 100%;
  width: 100%;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.momentum {
  --uib-size: 40px;
  --uib-speed: 1s;
  --uib-color: rgb(221, 255, 242);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--uib-size);
  width: var(--uib-size);
  animation: rotate01561 var(--uib-speed) linear infinite;
}

  .momentum::before,
  .momentum::after {
  content: '';
  height: 25%;
  width: 25%;
  border-radius: 50%;
  background-color: #67b13c;
}

.momentum::before {
  animation: wobble290123 calc(var(--uib-speed) * 1.25) ease-in-out infinite;
}

.momentum::after {
  animation: wobble9123 calc(var(--uib-speed) * 1.25) ease-in-out infinite;
}

.momentum::before {
  margin-right: 10%;
}

  @keyframes wobble9123 {
    0%,
      100% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(calc(var(--uib-size) * 0.2)) scale(1.1);
    }
  }

  @keyframes wobble290123 {
    0%,
      100% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(calc(var(--uib-size) * -0.2)) scale(1.1);
    }
  }

  @keyframes rotate01561 {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

/* HEADER */
.border-icon {
  width: 100%;
  height: 40px;
}

.small-text{
  font-size: 14px;
}

/* HOME */
.img-home-blog{
  width: 100%;
  height: 368px;
}

.hover-learn:hover{
  font-weight: bold;
  color: #3c6b25;
}

.active{
  font-weight: bold;
  color: white !important;
}

.home-card-overlay{
  left: 45%;
  top: 76%;
}

.bg-bannner{
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 82vh;
  width: 100%;
  background-repeat: no-repeat;
}

.bg-stats{
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}

.blog-small-img{
  width: 416px;
  height: 205px;
}

.blog-content{
  padding-top: 4rem;
  padding-bottom: 4rem;
  height: 250px;
}

.border-white-icon{
  width: 40px;
  height: 40px;
}

/* ABOUT US */
.accordion-button::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed){
  background-color: #67b13c;
  color: white;
  box-shadow: none;
}

.accordion-button:focus{
  box-shadow: none;
}

.bg-info{
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 80vh;
  width: 100%;
  background-repeat: no-repeat;
}

.li-box{
  font-size: 11px;
}

.slider {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.no-shadow{
  box-shadow: none !important;
}

.slider::before,
.slider::after {
  content: "";
  height: 167px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;@keyframes scroll {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(calc(-250px * 7));
    }
  }
  top: 0;
}

.slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

/* MEMBERSHIP */
.h-member {
  height: 32rem;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

/* CERTIFICATION */
.cert.accordion-button::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

.cert.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

.bg-program{
  background-size: cover;
  /* justify-content: center;
  align-items: center;
  display: flex; */
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}

.row-green{
  background-color: #67b13ca3;
  border-bottom: 0;
}

.row-white{
  background-color: #f9fbf9d9;
  border-bottom: 0;
}

.row-yellow{
  background-color: #fedb03ed;
  border-bottom: 0;
}

td{
  border-right: 2px solid #ffffff78;
  border-bottom: 0;
}

.bg-shade-1{
  background-color: #96d076;
  display: flex;
  height: 17rem;
}

.bg-shade-2{  display: flex;
  display: flex;
  background-color: #72c049;
  height: 17rem;
}

.bg-shade-3{
  background-color: #579834;
  height: 17rem;
  display: flex;
}

.bg-shade-4{
  background-color: #3c6b25;
  height: 17rem;
  display: flex;
}

.btn-hover:hover{
  background-color: #366a00;
}

/* GREEEN BUILDING */
.img-effect{
  max-width: 100%;
  height: 363px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  transition: box-shadow 0.3s ease-in-out;
}

.img-effect:hover{
  box-shadow: inset -2.5px -40px 54px 11.5px #579834;
}

/* GREEEN ASSESSOR */
.head-img{
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 441px;
  width: 100%;
  background-repeat: no-repeat;
}

.assessor-shade-1{
  background-color: #b5d69f;
  height: 441px;
}

.assessor-shade-2{
  background-color: #95c977;
  height: 441px;
}

.assessor-shade-3{
  background-color: #66b13d;
  height: 441px;
}

.img-full{
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}

/* MEDIA CENTER */
.news-latest-img{
  width: 400px;
  height: 400px;
}

.news-img{
  width: 269px;
  height: 270px;
}

.event-latest-img{
  width: 856px;
  height: 437px;
}

.event-img{
  width: 416px;
  height: 212px;
}

.publication-img{
  width: 416px;
  height: 263px;
}

.date-label{
  width: 8rem;
  height: 102px
}

.bold-hover:hover{
  font-weight: bold;
}

.form-control:focus{
  box-shadow: none;
  border-color: #66b13d;
}

.btn-panel{
  background-color: #66b13d;
}

.btn-panel:focus{
  box-shadow: none;
}

.btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active {
  font-weight: bold;
  background-color: #366a00 !important;
  box-shadow: none;
}

.btn-check+.btn:hover{
  font-weight: bold;
  background-color: #366a00 !important;
}

.media-big{
  width: 845px;
  height: 410px;
}

.hover-media{
  text-decoration: none;
  color: black;
}

.hover-media:hover{
  text-decoration: underline;
  color: #579834;
}

/* CONTACT US */
.border-circle-icon{
  background-color: #66b13d;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.border-circle-icon:hover{
  background-color: #366a00;
}

.form-blank{
  padding: 0.6rem 1rem;
}

/* LOGIN */
.register-hover{
  color: #579834;
}

.register-hover:hover{
  color: black;
}

/* DASHBOARD */
.logout-place{
  display: flex;
  justify-content: right;
}

/* LEADERSHIP */
.img-leader{
  width: 160px;
  height: 160px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 50%;
}

/* CAREERS */
.green-label{
  background-color: #67b13c;
  width: 8px;
}

.link-career{
  color:#366a00;
}

.link-career:hover{
  color:black;
}

/* PROJECTS */
.btn-projects{
  font-family: 'Inter', sans-serif;
  color: black;
  border: 1px solid #579834;
  background-color: white;
}

.btn-projects:hover{
  background-color: #579834;
  color: white;
}

/* PORTFOLIO */
.portfolio-img{
  width: 416px;
  height: 320px;
}

@media only screen and (max-width: 600px) {
  .dropdown-item{
    font-size: 12px;
  }

  .portfolio-img{
    max-width: 100%;
    height: auto;
  }

  .news-latest-img{
    max-width: 100%;
    height: auto;
  }
  
  .news-img{
    max-width: 100%;
    height: auto;
  }
  
  .event-latest-img{
    max-width: 100%;
    height: auto;
  }
  
  .event-img{
    max-width: 100%;
    height: auto;
  }
  
  .publication-img{
    max-width: 100%;
    height: auto;
  }

  .logout-place{
    justify-content: left;
  }

  .media-big{
    max-width: 100%;
    height: auto;
  }

  .nav-link{
    margin-left: 0;
    margin-right: 0;
  }

  .sm-logo{
    max-width: 60%;
    height: auto;
  }
  .assessor-shade-1{
    height: 100%;
  }
  
  .assessor-shade-2{
    height: 100%;
  }
  
  .assessor-shade-3{
    height: 100%;
  }

  td.ps-5{
    padding-left: 0.5em !important;
  }

  td.pe-5{
    padding-right: 0.5em !important;
  }

  .h-member{
    height: 100%;
  }

  .border-icon{
    width: 45px;
  }

  #navbarContent{
    display: none;
  }

  .top-info{
    display: none;
  }

  .home-card-overlay {
    left: 52%;
  }

  .blog-small-img{
    max-width: 100%;
  }
}

@media only screen and (max-width: 1500px) {
  .nav-link{
    font-size: 10px;
  }
}

@media only screen and (max-width: 1100px) {
  .nav-link{
    font-size: 11px;
  }

  .collapse.navbar-collapse.px-5{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nav-lg{
    width: 100% !important;
  }
}