.sub-item{background:transparent;border:none;cursor:pointer;gap:24px;grid-column:span 2;justify-content:space-between;margin:0;outline:none;padding:12px 0}.sub-item,.sub-item__image{align-items:center;display:flex}.sub-item__image{justify-content:center;overflow:hidden;position:relative;width:100%}.sub-item__image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.sub-item__image:before{content:"";display:block;padding-top:75.68%}.sub-item__title{color:#120806;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase}.sub-item__text{color:#120806e6;color:#120806;font-size:16px;font-weight:500;line-height:22px;opacity:.8;text-transform:capitalize;transition:all .3s}.sub-item__icon{align-items:center;color:#000;display:flex;font-size:22px;justify-content:center;opacity:0;transition:all .3s}.sub-item.active .sub-item__text,.sub-item:hover .sub-item__text{color:#000;opacity:1}.sub-item.active .sub-item__icon,.sub-item:hover .sub-item__icon{opacity:1}.sub-item:hover .sub-item__image img{transform:scale(1.1)}.sub-item--showcase{align-items:flex-start;display:flex;flex-direction:column;gap:10px;grid-column:unset;justify-content:flex-start;padding:0}