.sliding-card{
  --sc-radius: 12px;
  --sc-toggle-size: 50px;     
  --sc-toggle-offset: 24px;
  --sc-duration: 1s;
  display: flex;
  position: relative;
  border-radius: var(--sc-radius);
  overflow: hidden;     
  height: 350px;              
  background-color: var(--sc-back, transparent);
  margin-bottom: 24px !important;
}
.sliding-card-row img{
  margin-bottom: 24px !important;
  height: 350px !important;
  object-fit: cover;
}
.sliding-card-row .hover-wrap {
  margin-bottom: 0 !important;
}

.sliding-card-col {
  margin-top: -100px;
}


.sliding-card .sc-front, .sliding-card .sc-back
{ color: var(--sc-text, inherit);
}

.sliding-card .sc-front{
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 24px;
  background-color: inherit;        
  display: flex;
  flex-direction: column;
  justify-content: space-between;  
  align-items: flex-start;
}
.sliding-card .sc-front .front-card{
  width: 70%;                        
}

.sliding-card .sc-back{
  position: absolute; inset: 0; z-index: 2;
  transform: translateY(103%);
  transition: transform var(--sc-duration) ease;
  background-color: var(--sc-back, transparent);
  border-radius: var(--sc-radius);
  padding: 24px;
  display: flex;
  align-items: flex-start;            
  justify-content: flex-start;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.sliding-card.is-open .sc-back{ transform: translateY(2%); }

.sliding-card.sc-measuring .sc-front,
.sliding-card.sc-measuring .sc-back{
  position: relative; inset: auto; transform: none;
}

.sliding-card .sc-toggle{
  position: absolute;
  right: var(--sc-toggle-offset);
  bottom: var(--sc-toggle-offset);
  z-index: 3;
  width: var(--sc-toggle-size);
  height: var(--sc-toggle-size);
  padding: 0;
  border: 0;
  cursor: pointer;
  outline-offset: 2px;
  background-color: #2C716D;
  border-radius: 12px;
}

.sliding-card .sc-toggle::before{
  content: "";
  position: absolute;
  inset: 0;
  background: transparent url('../assets/icons/icon-flip-plus.png') no-repeat center;
  background-size: 60% 60%;
  transform-origin: 50% 50%;
  transition: transform .2s ease;
}
.sliding-card.is-open .sc-toggle::before{
  transform: rotate(45deg);
}
.sliding-card.is-open .sc-toggle{
  transform: none; 
}
.sliding-card img {
  width: 80px !important;
  height: auto !important;
  border-radius: 0 !important;
}
.sliding-card.alt-img img {
  width: 110px !important;
}

.sliding-card .sc-front > :first-child,
.sliding-card .sc-back  > :first-child{ margin-top: 0; }
.sliding-card .sc-front > :last-child,
.sliding-card .sc-back  > :last-child{ margin-bottom: 0; }
.sliding-card .sc-front a,
.sliding-card .sc-back  a{ color: inherit; }

.sliding-card.slide-1 { --sc-back: #73A5A2; --sc-text: #ffffff; }
.sliding-card.slide-2 { --sc-back: #BEEDE9; --sc-text: #2C716D; }
.sliding-card.slide-3 { --sc-back: #E5F1F0; --sc-text: #2C716D; }
.sliding-card.slide-4 { --sc-back: #C5DBD9; --sc-text: #2C716D; }

.sliding-card.slide-1 h4 {
  color: #fff !important;
}
.sliding-card h4 {
  margin-bottom: 0 !important;
}