.m-article-explanation{padding:1rem 0}.m-article-explanation__content .wrapper{background-color:#ebf0f1;padding:2rem}.m-article-explanation__content .wrapper-title{color:#004052;display:flex;flex-direction:column;margin-bottom:0;text-decoration:none}.m-article-explanation__content .wrapper-title h5{margin-bottom:8px;position:relative}.m-article-explanation__content .wrapper-title h5:after{background:url(https://7574143.fs1.hubspotusercontent-na1.net/hubfs/7574143/system/icons/article-explanation-arrow.svg) 50%/cover no-repeat;content:"";height:12px;margin-left:12px;position:absolute;top:4px;transition:all .3s ease-out;width:9px}.m-article-explanation__content .wrapper-title .question{font-size:.8rem;font-weight:500;margin-bottom:0}.m-article-explanation__content .wrapper.open .wrapper-title{padding-bottom:2.2rem;position:relative}.m-article-explanation__content .wrapper.open .wrapper-title:after{border-bottom:5px solid #cbcf00;bottom:0;content:"";height:5px;position:absolute;right:-2rem;width:calc(100% + 2rem)}.m-article-explanation__content .wrapper .content{display:none}.m-article-explanation__content .wrapper .content p{margin-bottom:2rem}.m-article-explanation__content .wrapper .content p:last-of-type{margin-bottom:0}.m-article-explanation__content .wrapper.open .content{display:block;margin-top:2.2rem;overflow:hidden;transition:all .3s ease-out}.m-article-explanation__content .wrapper.open .wrapper-title h5:after{transform:rotate(90deg);transition:all .3s ease-out}.m-article-explanation--start .m-article-explanation__content .wrapper.open .wrapper-title:after{border-color:#eb5f0a}.m-article-explanation--discover .m-article-explanation__content .wrapper.open .wrapper-title:after{border-color:#8e63a6}.m-article-explanation--experience .m-article-explanation__content .wrapper.open .wrapper-title:after{border-color:#00b2d8}.m-article-explanation--choose .m-article-explanation__content .wrapper.open .wrapper-title:after{border-color:#a1a800}.m-article-explanation--even-chill .m-article-explanation__content .wrapper.open .wrapper-title:after{border-color:#d91d3b}@media only screen and (max-width:575px){.m-article-explanation .container{padding:0}}@media only screen and (min-width:768px){.m-article-explanation{padding:2rem 0}.m-article-explanation .wrapper{padding:2.8rem 2rem 2.5rem}}@media only screen and (min-width:992px){.m-article-explanation__content .wrapper{padding:2.8rem 3rem 2.5rem}.m-article-explanation__content .wrapper-title h5:after{top:10px}.m-article-explanation__content .wrapper.open .wrapper-title:after{right:-3rem;width:calc(100% + 3rem)}}