.ewp-ventto-image-tabs { width:100%; }
.ewp-ventto-image-tabs-nav { display: grid; gap: 12px; flex-wrap: wrap; justify-content: center; align-items: center; justify-items: stretch; height:100%;}
.ewp-ventto-image-tabs-nav .nav-tab { background:#ffffff; border:1px solid #e5e5e5; padding:10px 14px 0; cursor:pointer; transition:background .2s ease; display:flex; align-items:center; flex-direction: column; width:100%; height:100%; box-sizing:border-box; text-align:center; color:#585455;}
.ewp-ventto-image-tabs-nav .image img { width:100%; height:auto; display:block;}
.ewp-ventto-image-tabs-nav .nav-tab-inner { display:flex; align-items:center; flex-direction: column; width:80%; height:100%; box-sizing:border-box; text-align:center; transform:translateY(-50px); }
.ewp-ventto-image-tabs-nav .nav-tab.active { background:#585455; border-color:#585455; color:#fff; }
.ewp-ventto-image-tabs-nav .nav-tab.active img{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(288deg) brightness(100%) contrast(100%);
}
.ewp-ventto-image-tab-content { display:none; align-items:center;  width:100%; position:relative;}
.ewp-ventto-image-tab-content .content{ width:100%; padding-top:10px;}
.ewp-ventto-image-tab-content .content .description{ padding:30px;padding-right:51%; width:100%; position:absolute; top:53%; display:block; transform: translateY(-50%);background:#b6b0a4;z-index:0; overflow-x:auto; -webkit-overflow-scrolling: touch;}
.ewp-ventto-image-tab-content.active { display:block; }
.ewp-ventto-image-tabs-nav .nav-tab .title { margin:0 0 8px; font-weight:400;display: inline-block; font-size: 20px; }
.ewp-ventto-image-tab-content img { z-index:1; position:relative;}
.ewp-ventto-image-tabs-nav .nav-tab .subtitle { 
  margin:0 0 8px; opacity:.8;display: inline-block; font-size:14px;  white-space: normal;
}
.ewp-ventto-image-tabs-nav .nav-tab .description { margin:0; }
.ewp-ventto-image-tab-content, .ewp-ventto-image-tab-content p{
  color:#fff;
}
.ewp-ventto-image-tab-content .content .description h2, 
.ewp-ventto-image-tab-content .content .description h3,
.ewp-ventto-image-tab-content .content .description h4,
.ewp-ventto-image-tab-content .content .description h5,
.ewp-ventto-image-tab-content .content .description h6 {
  color:#585455;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 28px;
}
.ewp-ventto-image-tab-content .content .description h4{
  font-size: 23px;
}
.ewp-ventto-image-tab-content .content .description table{
  width:100%;
  border-collapse: collapse;
  margin: 20px 0;
  color:#ffffff;
  font-size: 14px;
  font-weight: 300;
}
.ewp-ventto-image-tab-content .content .description table td{
  padding: 10px;
  border: 1px solid #585455;
}
.ewp-ventto-image-tab-content .content .description table th{
  background: #585455;
  color:#ffffff;
  font-size: 14px;
  font-weight: 300;
}

@media (min-width: 768px){
  .ewp-ventto-image-tab-content { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px){
  .ewp-ventto-image-tab-content .content .description{
    padding:30px;
    position:relative;
    top:0;
    transform:none;
  }
  .ewp-ventto-image-tabs-nav .nav-tab img,
  .ewp-ventto-image-tabs-nav .nav-tab .subtitle{
    display:none;
  }
  .ewp-ventto-image-tabs-nav{
    display:flex;
    flex-direction: column;
    gap:10px;
  }
  .ewp-ventto-image-tab-content .content{
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .ewp-ventto-image-tab-content .content img{
    scale: 2.3;
    left: -60%;
    margin-top: 34%;
  }
  .ewp-ventto-image-tabs{
    overflow: hidden;
  }
  .ewp-ventto-image-tabs-nav .nav-tab-inner{
    transform:none;
    font-size: 14px;
  }
  .ewp-ventto-image-tab-content .content .description{ 
    overflow-x:auto; 
    -webkit-overflow-scrolling: touch;
  }
  .ewp-ventto-image-tab-content .content .description table{
    display:block;   
    width:auto;
    min-width:560px;   
    font-size: 12px;
    padding-right: 20px;
  }
  .ewp-ventto-image-tab-content .content .description table th,
  .ewp-ventto-image-tab-content .content .description table td{
    white-space: nowrap;     /* avoid awkward line breaks on small screens */
  }
}