.elementor-3311 .elementor-element.elementor-element-73c28dc3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-3311 .elementor-element.elementor-element-1738396f{width:initial;max-width:initial;}.elementor-3311 .elementor-element.elementor-element-1738396f > .elementor-widget-container{background-color:#0587D01F;padding:01px 15px 01px 015px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDD6FE;border-radius:30px 30px 30px 30px;}.elementor-3311 .elementor-element.elementor-element-1738396f.elementor-element{--align-self:center;}.elementor-3311 .elementor-element.elementor-element-1738396f .elementor-heading-title{font-family:var( --e-global-typography-c4d5483-font-family ), Sans-serif;font-size:var( --e-global-typography-c4d5483-font-size );font-weight:var( --e-global-typography-c4d5483-font-weight );line-height:var( --e-global-typography-c4d5483-line-height );-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-3311 .elementor-element.elementor-element-629fc4a.elementor-element{--align-self:center;}.elementor-3311 .elementor-element.elementor-element-629fc4a{text-align:center;}.elementor-3311 .elementor-element.elementor-element-629fc4a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:48px;font-weight:700;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-3311 .elementor-element.elementor-element-acee005{width:var( --container-widget-width, 47.431% );max-width:47.431%;--container-widget-width:47.431%;--container-widget-flex-grow:0;z-index:0;text-align:center;}.elementor-3311 .elementor-element.elementor-element-acee005 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-3311 .elementor-element.elementor-element-acee005.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3311 .elementor-element.elementor-element-acee005 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-3311 .elementor-element.elementor-element-4c4952d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-3311 .elementor-element.elementor-element-5ca65c8a.elementor-element{--align-self:flex-end;}.elementor-3311 .elementor-element.elementor-element-5ca65c8a .elementor-button{border-radius:10px 10px 10px 10px;padding:8px 14px 8px 14px;}.elementor-3311 .elementor-element.elementor-element-21259683 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-fee29ee-font-family ), Sans-serif;font-size:var( --e-global-typography-fee29ee-font-size );font-weight:var( --e-global-typography-fee29ee-font-weight );fill:var( --e-global-color-2252d88 );color:var( --e-global-color-2252d88 );background-image:linear-gradient(157deg, var( --e-global-color-primary ) 0%, #1F2937D4 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:10px 10px 10px 10px;padding:8px 14px 8px 14px;}.elementor-3311 .elementor-element.elementor-element-21259683.elementor-element{--align-self:flex-end;}@media(max-width:1024px){.elementor-3311 .elementor-element.elementor-element-73c28dc3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3311 .elementor-element.elementor-element-1738396f.elementor-element{--align-self:center;}.elementor-3311 .elementor-element.elementor-element-1738396f{text-align:center;}.elementor-3311 .elementor-element.elementor-element-1738396f .elementor-heading-title{font-size:var( --e-global-typography-c4d5483-font-size );line-height:var( --e-global-typography-c4d5483-line-height );}.elementor-3311 .elementor-element.elementor-element-21259683 .elementor-button{font-size:var( --e-global-typography-fee29ee-font-size );}}@media(max-width:767px){.elementor-3311 .elementor-element.elementor-element-73c28dc3{--width:90%;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-3311 .elementor-element.elementor-element-73c28dc3.e-con{--align-self:center;}.elementor-3311 .elementor-element.elementor-element-1738396f .elementor-heading-title{font-size:var( --e-global-typography-c4d5483-font-size );line-height:var( --e-global-typography-c4d5483-line-height );}.elementor-3311 .elementor-element.elementor-element-629fc4a{width:var( --container-widget-width, 270px );max-width:270px;--container-widget-width:270px;--container-widget-flex-grow:0;}.elementor-3311 .elementor-element.elementor-element-629fc4a .elementor-heading-title{font-size:22px;}.elementor-3311 .elementor-element.elementor-element-acee005 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3311 .elementor-element.elementor-element-acee005{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3311 .elementor-element.elementor-element-acee005 .elementor-heading-title{font-size:16px;}.elementor-3311 .elementor-element.elementor-element-21259683 .elementor-button{font-size:var( --e-global-typography-fee29ee-font-size );}}/* Start custom CSS for heading, class: .elementor-element-629fc4a */.elementor-3311 .elementor-element.elementor-element-629fc4a{
    max-width:1000px !important;
}/* End custom CSS */
/* Start custom CSS *//* Initial styles for the testimonial container */
.testimonial-item {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 16px;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  width: 215px; /* Default width */
  height: 300px; /* Fixed height */
  transition: all 0.3s ease-in-out;
  flex-grow: 0; /* Prevents stretching in the flex container */
}

/* Black overlay using pseudo-element */
.testimonial-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Black with opacity */
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

/* Ensure content is above the overlay */
.testimonial-item > * {
  position: relative;
  z-index: 2;
}

/* Set up the container layout */
.testimonial-row {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Add spacing between testimonials */
}

/* Remove the black overlay on hover */
.testimonial-item:hover::before {
  background: transparent;
}

/* On hover, expand the current testimonial */
.testimonial-item:hover {
  width: 350px; /* Expanded width */
  background: #fff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  z-index: 2; /* Bring the hovered testimonial to the front */
}

/* Collapse others when one is hovered */
.testimonial-item:hover ~ .testimonial-item {
  width: 200px; /* Shrink other testimonials */
  opacity: 0.8; /* Optional: slightly fade out */
  box-shadow: none;
  z-index: 1;
}

/* Hidden content (description) */
.testimonial-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 20px;
  left: 0px;
  right: 0px;
  transition: all 0.3s ease-in-out;
}

/* Show hidden content on hover */
.testimonial-item:hover .testimonial-content {
  opacity: 1;
  visibility: visible;
}

/* Play button styles */
.testimonial-item .elementor-button {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: none; /* Hide by default */
}

/* Show the Play button on hover */
.testimonial-item:hover .elementor-button {
  display: inline-block;
}/* End custom CSS */