/* Scope to the section/column that holds your cards */
.cards-stack .elementor-container,
.cards-stack .elementor-column,
.cards-stack .elementor-widget-container,
.cards-stack .service-card-content .elementor-inner-section {
  overflow: visible !important;
}

.cards-stack .service-card-content,
.cards-stack .service-card-content .elementor-widget-wrap {
  overflow: hidden !important;
}

/* Base card */
.cards-stack .service-card {
  position: relative;
  /*background: #fff;*/
  /*border: 1px solid #ddd;*/
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  /*margin: 16px 0;*/
  /*padding: 10px;*/
  padding: 10px 0px;
  /*transition: opacity 3s;*/
  /*transition: background-color 0.5s ease, box-shadow 0.5s ease,*/
  padding 0.3s ease;
  cursor: pointer;
  /*z-index: 1;*/
  font-weight: 500;
   -webkit-tap-highlight-color: transparent;
}

.cards-stack .service-card.active {
  /*background: #ededed;*/
  /*box-shadow: -5px 0 5px rgba(38, 38, 38, 0.2),*/
  /* Left shadow  5px 0 5px rgba(37, 37, 37, 0.2)  Right shadow */;
  /*z-index: 999;*/
  /*padding: 10px 0 0 10px;*/
  
}

.service-card::after {
    content: '';
    position: absolute;
    background-color: #ededed;
    top: -10px;
    left: -10px;
    height: calc(100% + 10px);
    width: calc(100% + 20px);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: -1;  
    opacity: 0;
    transition: opacity 0.3s;
}
.service-card.active::after {
    opacity: 1; 

}

/* Collapse Elementor wrappers inside content */
.cards-stack .service-card-content .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
}

/* Overlay panel */
.cards-stack .service-card-content {
position: absolute;
    top: 100%;
    left: -10px;
    width: calc(100% + 20px);
    /* right: 0; */
    background: #ededed;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
    /*max-height: 0;*/
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s ;
    padding: 0 10px;
     z-index: 9999; 
    font-weight: 400;
    visibility: hidden;
}

.cards-stack .service-card.active .service-card-content {
  /*display: block !important; */
  opacity: 1;
  visibility: visible;
  /*
  box-shadow: -5px 0 5px rgba(38, 38, 38, 0.2),
  5px 0 5px rgba(37, 37, 37, 0.2),
  0 5px 5px rgba(38, 38, 38, 0.2); Bottom shadow */
}