.block-block-88 .field--name-body{
      /*background: #f0f0f0;*/
      min-height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
      /*padding: 40px 20px;*/
	}

    /* ───── Parent container ───── */
    .zoom-accordion-stories {
      width: 100%;
      max-width: 1280px;
    }

    /* ───── Inner flex row ───── */
    .zoom-accordion-stories .stories-wrap {
      display: flex;
      width: 100%;
      height: 400px;
      /*border-radius: 20px;*/
      overflow: hidden;
      gap: 6px;
	  /*border-radius:16px;*/
    }

    /* ───── Each panel ───── */
    .zoom-accordion-stories .panel {
		position:relative;
		overflow: hidden;
		cursor: pointer;
		/*border-radius: 16px;*/
		transition: flex 0.7s cubic-bezier(0.65, 0, 0.35, 1);
		flex-shrink: 0; 
		box-shadow: 1px 1px 3px 2px rgba(93, 99, 112, 0.25);
		margin-bottom: 10px;
		margin-right: 5px;
		margin-left:5px;
		margin-top:1px;
		/*padding-top:5px;*/
    }

    .zoom-accordion-stories .panel.active   { flex: 7; }
    .zoom-accordion-stories .panel.inactive { flex: 1; }

    /* ───── Background image ───── */
    .zoom-accordion-stories .panel-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
    }
    .zoom-accordion-stories .panel:hover .panel-bg {
      transform: scale(1.04);
    }

    /* ───── Dark overlay ───── */
    .zoom-accordion-stories .panel-overlay {
      position: absolute;
      inset: 0;
      /*background: linear-gradient(
        to top,
		rgba(251,133,0,1) 0%,
        rgba(251,133,0,075) 55%,
        rgba(251,133,0,0.5) 100%
        rgba(0,0,0,0.85) 0%,
        rgba(0,0,0,0.30) 55%,
        rgba(0,0,0,0.08) 100%
      );
      transition: background 0.5s;*/
	  background:#fff;
	  /*border-radius:16px;*/
    }
    .zoom-accordion-stories .panel.inactive .panel-overlay {
      /*background: rgba(0,0,0,0.55);*/
	  background:#fff;
    }

    /* ───── Panel content layer ───── */
    .zoom-accordion-stories .panel-content {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 32px 36px; 
      /*color: #fff;*/
	  /*border-radius:16px;*/
    }

    /* ───── Logo (top-left, visible only when active) ───── */
    .zoom-accordion-stories .panel-logo {
      height: 70px;
      width: auto;
      max-width: 160px;
      object-fit: contain;
      object-position: left center;
      /*filter: brightness(0) invert(1);*/
      opacity: 1;
      transition: opacity 0.35s;
    }
    .zoom-accordion-stories .panel.inactive .panel-logo {
      opacity: 0;
    }

    /* ───── Bottom text block ───── */
    .zoom-accordion-stories .panel-bottom {
      display: flex;
      flex-direction: column;
      /*gap: 10px;*/
    }

    .zoom-accordion-stories .panel-title {
      font-size: clamp(16px, 1.5em, 28px);
      font-weight: 700;
	  /*color:#fff;*/ 
      line-height: 1.25;
      max-width: 540px;
      transition: opacity 0.4s 0.1s, transform 0.4s 0.1s;
	  margin:0 0 5px 0;
    }
    .zoom-accordion-stories .panel.inactive .panel-title {
      opacity: 0;
      transform: translateY(14px);
	}

    .zoom-accordion-stories .panel-body { 
      font-size: 14px;
      line-height: 1.5em;
      /*color:#fff;*/
      /*max-width: 520px;*/
	  max-width:640px;
      transition: opacity 0.4s 0.15s, transform 0.4s 0.15s;
	  margin:0 0 10px 0;
    }
	
	 .zoom-accordion-stories .panel-body.sub-txt{
		margin:0 0 15px 0;
	 }
	
    .zoom-accordion-stories .panel.inactive .panel-body {
      opacity: 0;
      transform: translateY(10px);
    }

    /*.zoom-accordion-stories .panel-author { 
      font-size: 13px;
      color: rgba(255,255,255,0.9);
      transition: opacity 0.4s 0.2s, transform 0.4s 0.2s;
    }
    .zoom-accordion-stories .panel-author strong {
      font-weight: 700;
    }
    .zoom-accordion-stories .panel.inactive .panel-author {
      opacity: 0;
      transform: translateY(8px);
    }*/

    /* ───── Arrow button (bottom-right) ───── */
    .zoom-accordion-stories .panel-arrow {
      position: absolute;
      bottom: 28px;
      right: 28px;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      box-shadow: 0 4px 20px rgba(0,0,0,0.22);
      transition: opacity 0.3s 0.2s, transform 0.25s;
	  display:none;
    }
    .zoom-accordion-stories .panel-arrow:hover {
      transform: scale(1.1);
    }
    .zoom-accordion-stories .panel-arrow svg {
      width: 20px;
      height: 20px;
    }
    .zoom-accordion-stories .panel.inactive .panel-arrow {
      opacity: 0;
      pointer-events: none;
    }

    /* ───── Collapsed logo strip (inactive panels) ───── */
    .zoom-accordion-stories .panel-collapsed-label {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		flex-direction: column;
		gap: 64px;
    }
    .zoom-accordion-stories .panel-collapsed-label img {
      height: 70px;
      width: auto; 
      /*max-width: 110px;*/
      object-fit: contain;
      /*filter: brightness(0) invert(1);*/
      opacity: 0;
      transition: opacity 0.35s 0.25s;
	  margin:0 0 15px 0;
	  position:absolute;
	  top:32px;
    }
    .zoom-accordion-stories .panel.inactive .panel-collapsed-label img {
      opacity:1;
	  margin:0 0 15px 0;
    }
	
	.zoom-accordion-stories .panel-collapsed-label h4{
		opacity: 0;
		transition: opacity 0.35s 0.25s;
		transform: rotate(-90deg);
		/*color: #fff;*/
		margin: 0;
		width: 160px;
		text-align: center;
		position:relative;
		top:47px;
	}
	
    .zoom-accordion-stories .panel.inactive .panel-collapsed-label h4 {
      opacity:1;
    }

    /* ───── Responsive ───── */
	 
	@media (max-width: 1219px) {
	
	.zoom-accordion-stories .panel-collapsed-label img{
		height:60px!important;
	}
	
	.zoom-accordion-stories .panel-collapsed-label{
		gap:60px!important;
	}
	
	.zoom-accordion-stories .panel-logo{
		height:60px!important;
	}
	
	}
	
    @media (max-width: 979px) {
		  .zoom-accordion-stories .stories-wrap {
			flex-direction: column;
			height: auto;
			gap: 6px;
		  }
		  
		  .zoom-accordion-stories .panel-content{
			  padding:32px 20px 40px 20px!important;
		  }
		  
		  .zoom-accordion-stories .panel-logo{
			  margin:0 0 10px 0!important;
		  } 
		  
		  .zoom-accordion-stories .panel-title{ 
			  margin:0 0 5px 0!important;
		  }
		  
		  .zoom-accordion-stories .panel.active   { flex: none; height: 460px; }
		  .zoom-accordion-stories .panel.inactive { flex: none; height: 60px; }
		  .zoom-accordion-stories .panel-collapsed-label img {
			transform:rotate(0deg);
		  }
		  
		  .zoom-accordion-stories .panel-collapsed-label img{
			height:40px!important;
			margin:0!important; 
			position:relative!important;
			top:0!important;
		}
		 
		.zoom-accordion-stories .panel-collapsed-label{
			flex-direction:row!important;
			gap:10px!important; 
		}
		
		.zoom-accordion-stories .panel-collapsed-label h4 {
			transform:rotate(0)!important; 
			margin:0!Important;
			width:170px!important; 
			text-align:left!important;
			font-size:14px!important;
			top:0!important;
		}
	  
    }