.user-story-wrap{background-color:#f0f2f6;padding:6rem 0;position:relative;width:100%}.user-story-wrap img.story-bg{position:absolute;top:0;width:100%;z-index:1}.user-story-wrap .content-wrapper{height:100%;margin:0 auto;max-width:1200px;padding:0;width:100%;z-index:2}.user-story-wrap p.secTitle{color:#000;font-size:2.2rem;font-weight:500}.user-story-wrap .story-lists{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;padding-top:1.6rem;width:100%}.user-story-wrap .story-item{-ms-flex-preferred-size:45%;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;flex-basis:45%;margin:1rem;padding:13px 2rem;-webkit-transition:all .3s cubic-bezier(.25,.8,.5,1);-o-transition:all .3s cubic-bezier(.25,.8,.5,1);transition:all .3s cubic-bezier(.25,.8,.5,1)}.user-story-wrap img.icon{box-sizing:content-box;padding:.6rem .6rem 0 0;width:4rem}.user-story-wrap img.icon.hovered{display:none}.user-story-wrap .card{padding:0}.user-story-wrap p.sub-title{color:#222;font-size:1.3rem;font-weight:700}.user-story-wrap p.desc{-webkit-box-flex:1;color:#444;-ms-flex:1;flex:1;font-size:.87rem;height:100%;line-height:1.5rem;min-height:5rem}.user-story-wrap .view-more-button{color:#2d97ac;cursor:pointer;font-size:.87rem;font-weight:700;padding:.5rem 0 1rem;width:7rem;z-index:2}.user-story-wrap svg{-webkit-transform:translateX(3px);-ms-transform:translateX(3px);transform:translateX(3px);-webkit-transition:all .3s cubic-bezier(.25,.8,.5,1);-o-transition:all .3s cubic-bezier(.25,.8,.5,1);transition:all .3s cubic-bezier(.25,.8,.5,1)}.user-story-wrap a.story-item.hasHover:hover{background-color:#fabf00}.user-story-wrap .story-item.hasHover:hover img.icon{display:none}.user-story-wrap .story-item.hasHover:hover img.icon.hovered{display:block}.user-story-wrap .story-item.hasHover:hover .view-more-button{color:#222}.user-story-wrap .story-item:hover .view-more-button svg{-webkit-transform:translateX(6px);-ms-transform:translateX(6px);transform:translateX(6px);-webkit-transition:all .3s cubic-bezier(.25,.8,.5,1);-o-transition:all .3s cubic-bezier(.25,.8,.5,1);transition:all .3s cubic-bezier(.25,.8,.5,1)}.user-story-wrap svg path{fill:#2d97ac}.user-story-wrap .story-item.hasHover:hover .view-more-button svg path{fill:#222}.user-story-wrap.three_column .story-lists{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-story-wrap.three_column .story-item{-ms-flex-preferred-size:32%;background:#f8f9fb;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:32%;margin:10px 0;padding:2.4rem 3.2rem}.user-story-wrap.three_column img.icon{padding:0 .3rem 0 0;width:30px}.user-story-wrap.three_column p.sub-title{color:#222;font-size:1.4rem;font-weight:500;line-height:30px;margin-top:0!important}.user-story-wrap.three_column p.desc{-webkit-box-flex:1;color:#444;-ms-flex:1;flex:1;font-size:1rem;line-height:1.8rem;min-height:4.5rem}.user-story-wrap .story-item.no_hover{cursor:auto}@media (min-width:1921px){.user-story-wrap{background-color:#fff}.user-story-wrap img.story-bg{display:none}.user-story-wrap a.story-item{border:1px solid #e5e6e9;border-radius:4px}.user-story-wrap a.story-item:hover{border:1px solid #fabf00}}@media (max-width:767px){.user-story-wrap{height:auto;padding:2rem 0}.user-story-wrap .content-wrapper{width:90%}.user-story-wrap p.secTitle{font-size:1.5rem;text-align:center}.user-story-wrap .story-lists{height:auto;padding-top:1rem;width:100%}.user-story-wrap a.story-item{-ms-flex-preferred-size:100%;-webkit-box-pack:center;-ms-flex-pack:center;flex-basis:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin:1rem 0}.user-story-wrap img.icon{padding:1rem 0!important;width:4rem}.user-story-wrap .card{text-align:center}.user-story-wrap .view-more-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 0;width:100%}.user-story-wrap p.desc{height:auto;min-height:4.6rem}.user-story-wrap.three_column .story-item{-ms-flex-preferred-size:100%;flex-basis:100%;padding:1rem}.user-story-wrap.three_column img.icon{padding:0 .3rem 0 0!important}.user-story-wrap.three_column .card{text-align:left}.user-story-wrap.three_column p.sub-title{line-height:20px;padding-top:5px}.user-story-wrap.three_column p.desc{font-size:.87rem;height:auto;line-height:1.4rem}}