.dbm,.dbm__col{display:flex;flex-direction:column;gap:10px;width:100%}@media screen and (min-width:992px){.dbm{flex-direction:row;gap:20px}.dbm__col{width:33%}}.dbm__col__item{background-color:#f0ebe7;border-radius:10px;padding:25px 30px 20px;position:relative;transition:all .4s ease-out;width:100%}.dbm__col__item__icon{border:2px solid #000;border-radius:50%;box-sizing:content-box;height:30px;position:absolute;right:30px;top:30px;transition:all .4s ease-out;width:30px}.dbm__col__item__icon i{color:#000;font-size:20px;left:5px;pointer-events:none;position:absolute;top:5px;transition:all .4s ease-out}.dbm__col__item h2{color:#000;padding-right:40px;transition:all .4s ease-out}.dbm__col__item__exp{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease-out}.dbm__col__item p{color:#fff}.dbm__col__item svg{padding-bottom:10px;width:70px}.dbm__col__item:focus-within *{outline:none}.dbm__col__item.hover,.dbm__col__item:focus-within{background-color:var(--bs-primary)}.dbm__col__item.hover .dbm__col__item__icon,.dbm__col__item:focus-within .dbm__col__item__icon{border-color:#fff}.dbm__col__item.hover .dbm__col__item__icon i,.dbm__col__item.hover h2,.dbm__col__item.hover p,.dbm__col__item:focus-within .dbm__col__item__icon i,.dbm__col__item:focus-within h2,.dbm__col__item:focus-within p{color:#fff}.dbm__col__item.hover .dbm__col__item__exp,.dbm__col__item:focus-within .dbm__col__item__exp{max-height:300px;opacity:1}