/* CSS Document */
.home-banner .parallax-section .parallax img {
  opacity: .7;
}
.gallery-section {
    padding: 50px 0;
}
.gallery-section .container {
  opacity: 0;
}
.gallery-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
.gallery .item {
  display: block;
  width: calc(50% - 5px);
}
.gallery .item a,
.gallery .item a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery .item-video,
.gallery .item:nth-child(3n) {
  width: 100%;
}
.info-section {}
.info-section .container {
  max-width: 1204px;
  opacity: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 21px;
}
.info-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.info-section h2 {
  font-size: 60px;
  color: var(--secondary-color, #275B3E);
}
.info-section h2 span {
  display: block;
  color: var(--main-color, #7F7F7F);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  margin: 10px 0 0;
}
.info-section h2 span strong {
  color: var(--dark-color, #2B2B2B);
}
.info-section .databoard {
  max-width: 50%;
  background: var(--off-white, #F2F2F2);
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px;
}
.info-section .databoard .item {
  width: calc(50% - 13px);
}
.info-section .databoard .item p {
  margin: 0;
}
.info-section .databoard .item p strong {
  display: block;
}
.nav-section {
  padding: 30px 0 50px;
}
.nav-section .container {
  opacity: 0;
  max-width: 1204px;
}
.nav-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.nav-section  ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px;
  margin: 0;
}
.nav-section ul li {
  font-weight: 700;
}


.see-more-section {
  opacity: 0;
  background-color: #fff;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px 0;
}
.see-more-section:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.6+42,1+99 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 42%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.see-more-section.ready {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.see-more-section .container {
  display: flex;
}
.see-more-section .col:last-child {
  background: #f1f1f1;
  padding: 20px;
}
.see-more-section h2 {
  margin: 10px 0 30px;
  font-size: 46px;
  color: #275b3e;
}
.see-more-section a {
  font-weight: 700;
}
body.locked .page {
  overflow: hidden;
  max-height: 300vh;
}
body.locked .page:after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}