22

✏️ Editing: ep-circle-info.css

.bdt-ep-circle-info-item{height:100%;width:100%;border-radius:50%;transition:all .3s ease}.bdt-ep-circle-info-sub-circle{color:#a3adb5;width:60px;height:60px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:auto;box-shadow:0 5px 15px 0 rgba(151,163,184,0.3);background-color:#fff;border-radius:50%;transition:.5s cubic-bezier(.175, .885, .32, 1.275);cursor:pointer;left:0;right:0;top:0;bottom:0;position:absolute;z-index:9}.bdt-ep-circle-info-sub-circle i{font-size:26px;top:0;position:relative}.bdt-ep-circle-info-sub-circle svg{width:1em;height:1em;fill:#a3adb5}.bdt-ep-circle-info-sub-circle:hover,.bdt-ep-circle-info-sub-circle.active{color:#fff;box-shadow:0 6px 13px 0 rgba(30,135,240,0.3);background-color:#1e87f0;transition:background-color 1s}.bdt-ep-circle-info-sub-circle:hover svg,.bdt-ep-circle-info-sub-circle.active svg{fill:#fff}.bdt-ep-circle-info-wrap{border-radius:100%;margin:60px auto;position:relative}.bdt-ep-circle-info-inner{border-radius:50%;box-sizing:content-box;padding-bottom:unset;display:block;margin:0 auto;width:100%;height:100%;z-index:9}.bdt-ep-circle-info-inner:before,.bdt-ep-circle-info-inner:after{content:'';position:absolute;left:50%;transform:translateX(-50%);right:0;top:0;bottom:0;margin:auto;border-radius:50%;display:block}.bdt-ep-circle-info-inner:before{height:100%;width:100%;border:1px solid rgba(163,173,181,0.3)}.bdt-ep-circle-info-inner:after{height:130%;width:130%;border:1px solid rgba(163,173,181,0.1)}.bdt-ep-circle-info-content{height:80%;width:80%;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;padding:0;border-radius:100%;background-color:#fff;transition:background-color 1s}.bdt-ep-circle-info-item{display:none;justify-content:center;align-items:center;flex-direction:column;z-index:2}.bdt-ep-circle-info-item.active{display:flex;animation:fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both}.bdt-ep-circle-info-title{font-size:16px;font-weight:900;margin-bottom:15px;text-align:center;display:block}.bdt-ep-circle-info-desc{display:block;color:#757575;font-size:14px;line-height:1.88;text-align:center;margin:0;transition:all .5s}.bdt-ep-circle-info-desc p{margin:0}.bdt-ep-circle-info-icon.d-md-none{display:none}.bdt-ep-style-circle .bdt-ep-circle-info{overflow:hidden}.bdt-ep-style-circle .bdt-ep-circle-info-item{height:100%;width:100%;border-radius:50%;transition:background-image .2s ease-in-out}.bdt-ep-content-hide-yes .bdt-ep-circle-info-content-inner{display:none}@media (max-width:767px){.bdt-ep-style-list .bdt-ep-circle-info-wrap{height:100% !important;width:100% !important;margin:auto !important}.bdt-ep-style-list .bdt-ep-circle-info-inner{display:none}.bdt-ep-style-list .bdt-ep-circle-info-content{width:100%;height:100%;display:block;position:relative;transition:all .4s ease}.bdt-ep-style-list .bdt-ep-circle-info-content-inner{margin-left:var(--ep-icon-info-margin, 60px)}.bdt-ep-style-list .bdt-ep-circle-info-item{display:inherit;position:relative;width:100%;margin-bottom:10px;padding:10px;border-radius:0}.bdt-ep-style-list .bdt-ep-circle-info-item.right{float:right}.bdt-ep-style-list .bdt-ep-circle-info-title{margin-bottom:8px;text-align:left}.bdt-ep-style-list .bdt-ep-circle-info-desc{text-align:justify}.bdt-ep-style-list .bdt-ep-circle-info-icon{position:absolute;width:40px;height:40px;font-size:18px;overflow:hidden;border-radius:50%;box-shadow:0 5px 15px 0 rgba(151,163,184,0.3);transition:all .5s;cursor:pointer;color:#a3adb5}.bdt-ep-style-list .bdt-ep-circle-info-icon:hover{box-shadow:0 6px 13px 0 rgba(30,135,240,0.3);background-color:#1e87f0;color:#fff}.bdt-ep-style-list .bdt-ep-circle-info-icon:hover svg{fill:#fff}.bdt-ep-style-list .bdt-ep-circle-info-icon svg,.bdt-ep-style-list .bdt-ep-circle-info-icon i{position:absolute;top:50%;transform:translate(-50%, -50%);left:50%}.bdt-ep-style-list .bdt-ep-circle-info-icon svg{width:1em;height:1em;fill:#a3adb5}.bdt-ep-style-list .bdt-ep-circle-info-icon.d-md-none{display:inherit}.bdt-ep-style-list .bdt-ep-circle-info-sub-circle{display:none}}

MR SKB