.elementor-19409 .elementor-element.elementor-element-dfead08 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-19409 .elementor-element.elementor-element-dfead08:not(.elementor-motion-effects-element-type-background), .elementor-19409 .elementor-element.elementor-element-dfead08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19409 .elementor-element.elementor-element-dfead08 > .elementor-container{max-width:1200px;}.elementor-19409 .elementor-element.elementor-element-dfead08{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:03%;margin-bottom:02%;padding:0% 7% 0% 07%;}.elementor-19409 .elementor-element.elementor-element-dfead08 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-19409 .elementor-element.elementor-element-cc5934b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-19409 .elementor-element.elementor-element-cc5934b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-19409 .elementor-element.elementor-element-cc5934b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-19409 .elementor-element.elementor-element-cea5ccf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-19409 .elementor-element.elementor-element-cea5ccf:not(.elementor-motion-effects-element-type-background), .elementor-19409 .elementor-element.elementor-element-cea5ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19409 .elementor-element.elementor-element-8dc7713{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-19409 .elementor-element.elementor-element-cc5934b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-19409 .elementor-element.elementor-element-cea5ccf{--min-height:618px;}.elementor-19409 .elementor-element.elementor-element-8dc7713{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-19409 .elementor-element.elementor-element-dfead08{margin-top:0em;margin-bottom:2em;padding:0% 7% 0% 7%;}.elementor-19409 .elementor-element.elementor-element-cc5934b{width:100%;}.elementor-19409 .elementor-element.elementor-element-cc5934b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-19409 .elementor-element.elementor-element-cea5ccf{--min-height:200px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19409 .elementor-element.elementor-element-8dc7713{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:1024px) and (min-width:768px){.elementor-19409 .elementor-element.elementor-element-cc5934b{width:100%;}}/* Start custom CSS */#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 */
}

@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: 768px) {
  .carousel-item {
    flex: 0 0 calc((100% - 1 * 20%) / 2);
    margin-right: 20%
  }
    .carousel-image-holder {
      max-height: 120px;
      object-fit: contain;
    }
    .carousel-image {
      max-height: 100px;
      object-fit: contain;
    }
    .carousel-text h3 {
        font-size: 1em;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: 3.5em;
        overflow: hidden;
        line-height: 1.2em;
    }
}

#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);
}

#home-page-knowledge-scroller {
  margin: auto;
  justify-content: flex-end;
  display: flex;
}/* End custom CSS */