.elementor-24025 .elementor-element.elementor-element-34a9207{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-24025 .elementor-element.elementor-element-34a9207{--content-width:1200px;}}/* Start custom CSS */.hidden {
    opacity: 0;
}

.fade-in {
    transition: opacity 0.3s ease-in;
    opacity: 1;
}

#carousel-container.hidden {
    display: none;
}

#carousel-container.fade-in {
    display: block;
    transition: opacity 0.3s ease-in;
    opacity: 1;
}

#carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em;
}

#carousel {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-right: 3em;
  border: 2px solid #F9F9F9;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
  padding: 1em;
  flex-direction: column;
  transition: transform 0.3s ease, filter 0.3s ease;
  cursor: pointer;
  opacity: 95%;
  position: relative;
}

.carousel-item:hover {
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.6) !important;
  border: 2px solid #F9F9F9 !important;
  border-radius: 10px;
  opacity: 1;
  transform: scale(1.02);
  color: initial !important;
}

.carousel-image-holder {
  height: 250px;
  object-fit: contain;
}

.carousel-image {
  height: 250px;
  max-height: 250px;
  border-radius: 10px !important;
  margin-bottom: 0.5em;
}

.carousel-text {
  position: relative;
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  height: 4em;
  overflow: hidden;
  line-height: 1.5em;
}

.carousel-button-holder {
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    justify-content: flex-start;
    position: relative;
    z-index: 10;
}

.carousel-button {
  border-radius: 5px !important;
  justify-content: left;
  z-index: 20;
  cursor: pointer;
  background-color: #007BFF; /* Example background color */
  color: white; /* Example text color */
  border: none; /* Remove default border */
  padding: 0.5em 1em; /* Add some padding */
  transition: background-color 0.3s ease; /* Smooth background transition */
}

#home-page-knowledge-scroller {
  margin: auto;
  justify-content: flex-end;
  display: flex;
}

@media (min-width: 1201px) {
  .carousel-item {
    flex: 0 0 calc((100% - 3 * 3em) / 4);
  }
}

@media (max-width: 1200px) {
    .carousel-item {
        flex: 0 0 calc((100% - 2 * 4em) / 3);
        margin-right: 4em;
    }
    .carousel-image-holder {
        max-height: 150px;
        object-fit: contain;
    }
    .carousel-image {
        max-height: 150px;
    }
}

@media (max-width: 480px) {
    .carousel-item {
        flex: 0 0 80%;
        margin-right: 3em;
        margin-left: 2em;
    }
    .carousel-image-holder {
        max-height: 200px;
        object-fit: contain;
    }
    .carousel-image {
        max-height: 200px;
        object-fit: contain;
    }
    .carousel-text h3 {
        font-size: 1em;
        position: relative;
        width: 80%;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
        line-height: 1.2em;
        margin-top: 1em;
        margin-left: 1em;
        margin-right: 1em;
    }
    #scroll-left, #scroll-right {
        width: 30px; /* Adjust as needed */
        height: 30px; /* Adjust as needed */
    }
    .carousel-button-holder {
        margin-left: 1em;
    }
    #carousel-container {
        margin-bottom: 2em;
        margin-top: 0em;
    }
    #home-page-knowledge-scroller {
      margin-top: -1em;
    }
}


#scroll-left, #scroll-right {
  top: -5%;
  /*transform: translateY(-50%);*/
  border: none;
  transition: transform 0.3s ease, filter 0.3s ease;
  cursor: pointer;
}

#scroll-left:hover, #scroll-right:hover {
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
  transform: scale(1.15);
}

.swiper-slide {
    height: 100px !important;
    display: flex !important;
    align-items: flex-end !important;
}

/* Ensure the inner figure takes up full height */
.swiper-slide-inner {
    width: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center  !important;
}

.faq-answer {
    font-size: 16px !important;
}/* End custom CSS */