.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://cdn2.hubspot.net/hubfs/7574143/system/icons/article-explanation-arrow.svg) center/cover no-repeat;content:'';height:12px;margin-left:12px;position:absolute;transition:all .3s ease-out;top:4px;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{position:relative;padding-bottom:2.2rem}.m-article-explanation__content .wrapper.open .wrapper-title::after{border-bottom:solid 5px #cbcf00;bottom:0;content:'';height:5px;right:-2rem;position:absolute;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;overflow:hidden;margin-top:2.2rem;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 2rem}}@media only screen and (min-width:992px){.m-article-explanation__content .wrapper{padding:2.8rem 3rem 2.5rem 3rem}.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)}}