.light_green_box_text {
  color: #005F00;
  font-family: "Lora";
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
}

.box:hover .box:focus {
  width: 120px;
  height: 120px;
  transform: scale(1.1);
}

.image-container {
  display: flex;
  /* align-items: flex-start; */
  /* justify-content: flex-start; */

}

.image {
  width: 48px;
  height: 48px;

}

.overlay {
  position: absolute;
  left: 40%;
  /* Position it at the center of the container */
  transform: translateX(-50%);
  /* Center it horizontally */
}

.btn_text_white {
  color: #ffff;
}

.ripple_btn {
  border: 0px;
  background: #005F00;
  color: #ffffff;
  display: flex;
  line-height: 32px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  /* gap: 12px; */
  position: relative;
  align-items: center;

  justify-content: center;
  text-transform: uppercase;
  -webkit-transition: "all" "0.5s" ease-out;
  -moz-transition: "all" "0.5s" ease-out;
  -o-transition: "all" "0.5s" ease-out;
  transition: "all" "0.5s" ease-out;
  margin-bottom: 0;
  letter-spacing: 0em;
  overflow: hidden;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.founder_content_text1 {
  color: #FFF;
  font-family: "Manrope";
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  line-height: 48px;
  text-align: left;
}

.founder_content_text2 {
  color: #FFF;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
}

.section-feat-about-us {
  position: relative;
  overflow: hidden;
  /* Ensure the section doesn't overflow */
}

.bottom-section {
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
  height: 220px;
  background-color: #F3F8EE;
  height: 160px;
  flex-shrink: 0;
  z-index: -1;
  overflow: hidden;
  /* Place it behind the images */
}

@media (max-width: 667px) {
  .section-feat-about-us {
    padding: 20px 0;
    /* Add some space around the section on smaller screens */
  }

  .col-md-7 {
    text-align: center;
    /* Center the content within the column on smaller screens */
  }

  /* .bottom-section {
    position: relative;
    z-index: 0;
    margin-top: 20px;
  } */
}

/* <button type="submit" class="btn btn-theme btn-rounded">
<div class="" style="display:flex;justify-content: center;align-items:center">
   <span style="margin-right: 20px;">Submit</span> <svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M16.2968 9.43538H-0.000177383V11.5634H16.2968C13.6738 13.5204 11.9688 16.6444 11.9688 20.1614H14.0968C14.0968 15.4204 17.9538 11.5634 22.6948 11.5634V9.43538C17.9538 9.43538 14.0968 5.57838 14.0968 0.838379H11.9688C11.9688 4.35538 13.6738 7.47838 16.2968 9.43538Z" fill="white" />
    </svg>
</div> custom button
</button> */

.innovation_label {
  color: #005F00;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
}

.innovation_label_text {
  color: #242724;
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 133.333% */
  padding-left: 20px;
}

.innovation_label_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 200% */
}

.centered-h2 {
  text-align: center;
  width: 675px;
  align-self: center;

}

.footer_nav_text {
  color: #242724;
  font-family: 'Manrope';
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}





.header_title {
  color: #005F00;
  text-align: center;
  font-family: "Lora";
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.creating_future {
  color: #005F00;
  text-align: center;
  font-family: "Lora";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.about_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 200% */
}

.about_respect_text {
  color: #005F00;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  /* 166.667% */
}

.we_belive_text {
  color: #005F00;
  font-family: "Lora";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* 166.667% */
}

.about_respect_text_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 166.667% */
}

.slider_desc {
  color: #FFF;
  font-family: "Lora";
  font-size: 96px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

@media only screen and (max-width: 667px) {
  .slider_desc {
    font-size: 3em;
    /* Adjust the font size for smaller screens */
  }
}

.home_header_title {
  color: #005F00;
  font-family: "Lora";
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.founder_header_title {
  color: #005F00;
  font-family: "Lora";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media only screen and (max-width: 667px) {
  .founder_header_title {
    font-size: 24px;
    /* Adjust the font size for smaller screens */
  }
}

.normal_black_desc {
  color: #242724;
  text-align: center;
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 166.667% */
}



.page_header {
  background-color: #A5CA7921;
}

.founder_header_title {
  color: #005F00;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
}

.founder_desc_1 {
  color: #005F00;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 166.667% */
}

.founder_desc_2 {
  color: #242724;
  font-family: "Manrope";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  /* 200% */
  /* 166.667% */
}

.founder_desc3 {
  color: #C3D9AA;
  font-family: "Manrope";
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.section_light_green_bg {
  background: #C3D9AA;
}

.section__low_light_green_bg {
  background: #ECEFE6;
}

.products_star_text {
  color: #242724;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.normal_header_text {
  color: #005F00;
  text-align: right;
  font-family: "Lora";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.product_research_header {
  color: #005F00;
  /* text-align: center; */
  font-family: "Lora";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.innovation_rd_header {
  color: #005F00;
  /* text-align: center; */
  font-family: "Lora";
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.products_top_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;

}

.policy-img {
  display: flex;
  flex-direction: column;
}

.policy-image-container {
  display: flex;
  align-items: center;
}

.policy-image-container img {
  height: 198px;
  margin-right: 10px;
  /* Adjust this margin as needed for spacing */
}

.squash_player {
  color: #005F00;
  font-family: "Manrope";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  /* 171.429% */
}

.contact_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.contact_text_2 {
  color: #242724;
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 177.778% */
}

.contact_desc {
  color: #000;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 200% */
}

.policy:hover {
  animation-name: rotate;
  animation-duration: 0.7s;
  animation-direction: reverse;
}




.animation-text {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}

.animation-text.in-view {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.animation-text1 {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s ease-in-out;
}

.animation-text1.in-view {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Mobile navigation bar */
.mobile-navigation {
  display: none;
}

@media (max-width: 767px) {
  .mobile-navigation {
    display: block;
  }
}

.page_header_padding {
  padding-top: 140px;
}

@media (max-width: 767px) {
  .page_header_padding {
    padding-top: 20px;
  }
}

/* .team-carousel-zoom {
  width: 100px !important;
  height: 100px !important;
  flex-shrink: 0;
} */
.team-carousel-zoom:hover {
  transform: scale(1.1);
}

.hidden {
  display: none;
}

.shaping_future_text {
  color: #FFF;
  text-align: right;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;

  /* 166.667% */
}

.shaping_container {
  padding-top: 155px;
  position: absolute;
  top: 0;
  right: 20px;
  width: 100%;
  /* padding-bottom: 20px; */
}

@media screen and (max-width: 667px) {
  .shaping_container {
    padding-top: 10px;
  }

  .shaping_future_text {
    font-size: 1.15rem
  }

}

.shaping_button {
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0.20);
  display: inline-flex;
  padding: 4px 40px;
  justify-content: center;
  align-items: center;

  color: #fff;
}

.shaping_button:hover {
  border-radius: 1000px;
  background: #005F00;
  display: inline-flex;
  padding: 4px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #ffff;
}

.integirty_shift_before {
  color: #C3D9AA;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.integirty_shift {
  color: #005F00;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.zoom-container {
  overflow: hidden;
  position: relative;
}

.zoom-image {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease-in-out;
}

.zoom-image:hover {
  transform: scale(1.2);
}

.our_founder {
  color: #242724;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
}

.carousel-container {
  position: relative;
  /* width: 400px; */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 3;
}

.carousel-card {
  box-sizing: border-box;
  width: 300px;
  height: 300px;
  margin: 30px 10px;
  /* margin-top: 40px; */
  /* Add some horizontal margin for gap */
  padding: 10px;
  background-color: #A5CA7921;
  border: 1px solid #005F0080;
  border-radius: 30px;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  align-self: center;
}

.carousel-card-middle {
  box-sizing: border-box;
  width: 300px;
  height: 390px;
  margin: 0 10px;
  /* Add some horizontal margin for gap */
  padding: 10px;
  background-color: #A5CA7921;
  border: 1px solid #005F0080;
  border-radius: 30px;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  align-self: center;
}

.carousel-card:hover {
  /* width: 400px;
  height: 500px; */
  /* width: 300px;
  height: 400px; */
}

.larger-item {
  transform: scale(1.2);
  /* Example: Increase the size by 20% */
  transition: transform 0.3s ease;
  /* Add a transition effect */
}

.carousel-card img {
  display: block;
  /* margin: 0 auto; */
  /* Center the image horizontally */
}

.carousel-card:hover {
  transition: none;
  /* height: 300px; */
}

.circle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.circle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 100vh; */
  position: relative;
  /* overflow: hidden; */
}

/* Styling for the blurred circle */
.blurred-circle {
  position: relative;
  width: 350px;
  height: 350px;
  background-color: #71B81A;
  /* Blurred background color */
  border-radius: 350px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  text-align: center;
  animation: none;
  filter: blur(45px);

  transition: all 0.3s ease-in-out;
  /* Smooth transition on hover */
}

/* Keyframe animation for the pulse effect */
@keyframes pulse {
  0% {
    transform: scale(1);
    /* Original size */
    filter: blur(30px);
    /* No blur */
  }

  50% {
    transform: scale(1.5);
    /* Increased size */
    filter: blur(40px);
    /* Apply blur */
  }

  100% {
    transform: scale(1);
    /* Original size */
    filter: blur(30px);
    /* No blur */
  }
}

/* Hover effect */
.circle-container:hover .blurred-circle {
  transform: scale(1.2);
  /* Increase the size on hover */
  animation: pulse 2s infinite;
  /* Keyframe animation on hover */
}

/* Style for the h1 inside blurred-circle */
.blurred-circle h1 {
  margin: 0;
  /* Remove default margin */
}

.creating_future_text {
  color: #005F00;
  font-family: "Lora";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: color 0.3s ease-in-out;
}

.creating_future_text:hover {
  cursor: pointer;
  color: #000;
  /* Change the color on hover */
}


.image-grid-row {
  display: grid;
  grid-template-rows: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  height: auto;
  /* height: 200px; */
}

.image-grid-row img {
  width: 100%;
  /* height: 350px; */
  border: 1px solid #ccc;
  /* Optional: Add a border for better visibility */
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

/* Style for the images */
.image-grid img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  /* Optional: Add a border for better visibility */
}

.science_of_sustainbility_desc {
  color: #242724;
  text-align: center;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 166.667% */
}

.seprator {
  width: 78px;
  height: 7px;
  background: #C3D9AA;
}


.products_bullets {
  color: #242724;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.founder_image_container {
  margin-bottom: -10px;
  margin-left: -30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}

.founder_image_container img {
  width: 50%;
  max-width: 200px;
  margin: 0 5px;
}

@media (max-width: 768px) {
  .founder_image_container img {
    width: 100%;
    margin: 0;
  }
}



.athelete_text_desc {
  color: #FFF;
  font-family: "Manrope";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
  text-align: left;
  /* 171.429% */
}

/* @media screen and (max-width: 667px) {
  .athelete_text_desc{
    font-size: 1.75rem
  }
} */
.enter_desc {
  color: #FFF;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  /* 200% */
}

.founder_bottom {
  color: #005F00;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 166.667% */
}

.products_star_text {
  opacity: 0;
  /* Initially set opacity to 0 */
  transform: translateY(20px);
  /* Initially move the element down */
  transition: opacity 0.5s, transform 0.5s;
}

.products_star_text.show {
  opacity: 1;
  transform: translateY(0);
}

.policy_delegation_text {
  color: #242724;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  text-align: left;
  /* 200% */
}


@media screen and (max-width: 667px) {

  h1,
  h2,
  h3,
  h4,
  h5 h6 {
    font-size: 1.1em;
    /* Adjust the size for mobile screens */
  }

  /* Add styles for h4, h5, h6 as needed */
}

.privacy_header_title {
  color: #005F00;
  /* text-align: center; */
  font-family: "Lora";
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.entrepreneurship {
  color: #FFF;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.border_line {
  width: 70%;
  height: 2px;
  background: rgba(80, 101, 0, 0.10);
  margin: 10px 0px 10px 0px
}

.video-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio (height/width) */
  margin: 0 auto;
  /* Center the container */
  max-width: 100%;
  /* Ensure the container doesn't exceed the maximum width */
}

/* Style the video to fill the container */
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contact_us {
  color: #FFF;
  text-transform: capitalize;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}


.supported_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 10px;
}

.supported_container img {
  width: 100%;
  /* Make the images fill the container */
  max-width: 220x;
  height: 220px;
  /* Maintain aspect ratio */
}

@media screen and (max-width: 667px) {
  .supported_image {
    width: 50%;
    max-width: 220x;
    /* Set a maximum width for the images */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-right: 10px;
    /* padding: 10px; */
  }
}

.news_header {
  color: #242724;
  text-align: left;
  font-family: "Lora";
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.news_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  /* 200% */
}


/* Animation */

@keyframes newfadeInUp {
  from {
    transform: translate3d(0, 40px, 0)
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes newfadeInUp {
  from {
    transform: translate3d(0, 40px, 0)
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
  opacity: 0
}

.newfadeInUp {
  opacity: 0;
  animation-name: newfadeInUp;
  -webkit-animation-name: newfadeInUp;
}



@keyframes fadeInUp1 {
  from {
    transform: translate3d(0, 40px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animatedFadeInUp1 {
  opacity: 0;
  animation-name: fadeInUp1;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp1;
}

video {
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.our_founder_title {
  color: #005F00;
  /* text-align: center; */
  font-family: "Lora";
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.about_video {
  color: #FFF;
  text-align: center;
  font-family: "Lora";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.learn_more {
  color: #005F00;
  font-family: "Manrope";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* .hidden-content {
  display: none;
} */


.cursor {
  cursor: pointer;
}

.vision_controls {
  color: #005F00;
  font-family: "Manrope";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  padding-left: 10px;
  /* 133.333% */
}

.overide_card {
  margin-left: -90px;
  margin-bottom: 10px;
  background: #fff
}

@media screen and (max-width: 667px) {
  .overide_card {
    margin-left: 0px;
 
  }
}

.founder_top_content {
  color: #242724;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 200% */
}

.products_top_header {
  color: #005F00;
  font-family: "Lora";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.products_top_header_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  /* 166.667% */
}

.products_main_industrail_header {
  color: #005F00;
  text-align: center;
  font-family: "Lora";
  font-size: 46px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.products_reserach_desc {
  color: #242724;
  font-family: "Manrope";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 200% */
}

.media_desc {
  color: #000;
  font-family: "Manrope";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  /* 166.667% */
}


/* TZ GALLERY */
.container.gallery-container {
  background-color: #fff;
  color: #35373a;
  min-height: 100vh;
  padding: 30px 30px;
}

.lightbox img {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  z-index: 1;
  /* Use an integer value */
}

.lightbox img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 2;
  /* Ensure a higher stack order on hover */
}

@media (min-width: 1024px) {
  .gal-2 {
    margin-top: -12.5em !important;
  }

  .gal-3 {
    margin-top: -6.5em !important;
  }

  .gal-4 {
    margin-top: -4.5em !important;
  }

  .gal-5 {
    margin-top: -1.7em;
  }

  .gal-10 {
    margin-top: -28em;
  }

  .gal-11 {
    margin-top: -50.5em;
  }

  .gal-13 {
    margin-top: -0.5px;
  }

  .gal-7 {
    margin-top: -23em;
  }

  .gal-12 {
    margin-top: -52em;
  }

  .gal-15 {
    margin-top: -41em;
    margin-left: 23.1em;
  }

  .gal-14 {}

  .gal-4 {
    margin-top: -19em;
  }

  .gal-17 {
    margin-top: -6em;
  }

  .gal-16 {
    margin-top: -0px;
  }

  .gal-23 {
    margin-top: -15px;
  }

  .gal-21 {
    margin-top: -300px;
  }

  .gal-25 {
    margin-top: -298px;
  }

  .gal-24 {
    margin-top: -17.5em;
  }

  .gal-26 {
    margin-top: -90px;
  }
}

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
}

.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999;
}

/* .tz-gallery {
padding: 40px;
} */

/* Override bootstrap column paddings */
.tz-gallery .row>div {
  padding: 2px;
}

.tz-gallery .lightbox img {
  width: 100%;
  border-radius: 0;
  position: relative;
}

.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  /* background-color: rgba(46, 132, 206, 0.7); */
  content: '';
  transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1;
}

.baguetteBox-button {
  background-color: transparent !important;
}

@media(max-width: 768px) {
  body {
    padding: 0;
  }
}

@media (min-width: 320px) and (max-width: 767px) {}

@media (min-width: 768px) {

  .container.gallery-container {
    padding: 0px 0px;
  }

}

/* END */

.point {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Initially hide sections */
.animatedFadeIn {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Add the fadeInUp animation */
@keyframes fadeInEffect {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animatedFadeIn.fadeInEffect {
  opacity: 1;
  animation: fadeInEffect 1s forwards;
}