.ag-how-it-works-panel{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.ag-how-it-works-item{background:#fff;border:2px solid #d9dbdd;box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 calc(33.33333% - 13.33333px);height:300px;position:relative;transition:box-shadow .3s ease}.ag-hiw-num{background-color:#00b388;border-radius:60px;color:#fff;font-size:19px;font-weight:600;height:50px;line-height:normal;margin-bottom:20px;padding:15px 20px;text-align:center;width:50px}.ag-how-it-works-item-inner{height:100%;justify-content:center}.ag-hiw-description,.ag-how-it-works-item-inner{align-items:center;display:flex;padding:30px 40px}.ag-hiw-description{background-color:#00b388;color:#fff;inset:0;line-height:normal;opacity:0;position:absolute;transition:opacity .3s ease}.ag-how-it-works-item:hover{border:2px solid #00b388;box-shadow:0 0 16px -4px rgba(0,0,0,.6);-webkit-box-shadow:0 0 16px -4px rgba(0,0,0,.6);-moz-box-shadow:0 0 16px -4px rgba(0,0,0,.6)}.ag-how-it-works-item:hover .ag-hiw-top{opacity:0}.ag-how-it-works-item:hover .ag-hiw-description{opacity:1}.toggle{background-color:#f7f7f7;border-radius:30px;height:20px;padding:10px;position:absolute;right:20px;top:20px;width:15px;z-index:1}.toggle:after,.toggle:before{background:#00b388;content:"";height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:10px}.toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.ag-how-it-works-item:hover .toggle:after{transform:translate(-50%,-50%) rotate(0deg) scaleY(0)}@media only screen and (max-width:768px){.ag-hiw-description,.ag-how-it-works-item-inner{padding:20px}.ag-how-it-works-item{flex:0 0 calc(50% - 20px);height:360px}}@media only screen and (max-width:480px){.ag-how-it-works-item{flex:0 0 calc(100% - 40px)}}