22

✏️ Editing: ep-fancy-tabs.css

.bdt-ep-fancy-tabs-item{text-align:center;padding:30px;border-radius:6px;cursor:pointer;border:1px solid rgba(151,163,184,0.2);box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5);transition:all .2s ease-in}.bdt-ep-fancy-tabs-item.active{transform:scale(.97);box-shadow:0 10px 30px -10px rgba(151,163,184,0.5)}.bdt-ep-fancy-tabs-item.active .bdt-ep-fancy-tabs-icon{color:#E91E63}.bdt-ep-fancy-tabs-item.active .bdt-ep-fancy-tabs-icon svg{fill:#E91E63}.bdt-ep-fancy-tabs-icon{font-size:40px;color:#b6bad0;transition:all .2s ease}.bdt-ep-fancy-tabs-icon i,.bdt-ep-fancy-tabs-icon svg,.bdt-ep-fancy-tabs-icon img{transition:all .3s ease}.bdt-ep-fancy-tabs-icon svg{width:1em;height:1em;fill:#b6bad0;transition:all .2s ease}.bdt-ep-fancy-tabs-icon img{min-height:100%}.bdt-ep-fancy-tabs-content-wrap{position:relative;margin-top:30px}.bdt-ep-fancy-tabs-height-fixed{height:300px}.bdt-ep-fancy-tabs-height-fixed .bdt-ep-fancy-tabs-content{overflow:auto;top:50%;transform:translateY(-50%);max-height:300px}.bdt-ep-fancy-tabs-height-fixed .bdt-ep-fancy-tabs-content.active{position:absolute}.bdt-ep-fancy-tabs-content{position:absolute;opacity:0}.bdt-ep-fancy-tabs-content *{opacity:0;transform:translateY(8px);transition:all .3s}.bdt-ep-fancy-tabs-content.active{z-index:1;opacity:1;position:relative}.bdt-ep-fancy-tabs-content.active *{opacity:1;transform:translateY(0)}.bdt-ep-fancy-tabs-content.active .bdt-ep-fancy-tabs-sub-title{transition-delay:.3s}.bdt-ep-fancy-tabs-content.active .bdt-ep-fancy-tabs-title{transition-delay:.5s}.bdt-ep-fancy-tabs-content.active .bdt-ep-fancy-tabs-text{transition-delay:.7s}.bdt-ep-fancy-tabs-content.active .bdt-ep-fancy-tabs-button{transition-delay:.9s}.bdt-ep-fancy-tabs-sub-title{color:#7b7992;margin-bottom:3px;font-weight:500}.bdt-ep-fancy-tabs-title{font-size:24px;font-weight:700;color:#0d0925;padding-bottom:15px;margin:0}.bdt-ep-fancy-tabs-text{color:#4e4a67;line-height:1.5em;padding-bottom:30px}.bdt-ep-fancy-tabs-text p{margin:0}.bdt-ep-fancy-tabs-button{display:inline-flex;position:relative}.bdt-ep-fancy-tabs-button a{font-size:14px;font-weight:600;color:#fff;padding:8px 16px;background:#b6bad0;border-radius:3px}.bdt-ep-fancy-tabs-button a:hover{background:#E91E63}@media (min-width:768px){.bdt-ep-fancy-tabs-icon{font-size:80px}.bdt-ep-fancy-tabs-content-wrap{margin-top:0}}

MR SKB