.elementor-356 .elementor-element.elementor-element-e8b4259{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-356 .elementor-element.elementor-element-e8b4259:not(.elementor-motion-effects-element-type-background), .elementor-356 .elementor-element.elementor-element-e8b4259 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EACEFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-356 .elementor-element.elementor-element-6aaa49b{text-align:center;}.elementor-356 .elementor-element.elementor-element-6aaa49b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#393939;}.elementor-356 .elementor-element.elementor-element-76cf68d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1a04d26 */.services-section {
  margin-top: 50px;
  margin-bottom: 50px;
}

.container {
  padding: 0 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.col-md-4 {
  flex: 1 1 30%;
  margin-bottom: 30px;
}

.service-card {
  background-color: #F0F0F0;
  padding: 20px;
  height: 100%;
  text-align: center;
  transition: transform 0.3s ease-in-out;
}

.service-card:hover {
  transform: translateY(-5px);
}

.service-title {
  font-size: 16px;
  color: #865BF4;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

.service-description {
  color: black;
  text-align: center;
  font-size: 14px;
    display: -webkit-box;
  -webkit-line-clamp: 5; /* Show only 5 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.service-description.expanded {
  display: block; /* Show the full description when expanded */
}

.read-more-btn {
  font-size: 14px;
  background-color: #022A4E;
  border: none;
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}

.zoom-in-right {
  animation: zoomInRight 0.5s ease-in-out;
}

.zoom-in {
  animation: zoomIn 0.5s ease-in-out;
}

.zoom-in-left {
  animation: zoomInLeft 0.5s ease-in-out;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (max-width: 768px) {
  .col-md-4 {
    flex: 1 1 100%;
  }
}/* End custom CSS */