.storyContainer{max-width:1120px;margin:0 auto}@media only screen and (max-width:1120px){.storyContainer{margin:0 16px}}.section-main{background-image:url(../../images/learner-stories/learn-detail-bg.png);padding:123px 16px}.section-main .title{font-family:Roboto;color:#fff;font-size:48px;font-weight:700;line-height:60px;text-align:left;margin:0;margin-bottom:57px}.section-main .main-leaner-quote{border-radius:10px;background:#5959eb;display:flex}@media only screen and (max-width:576px){.section-main .main-leaner-quote{flex-direction:column;align-items:center}}.section-main .main-leaner-quote .main-avatar{border-radius:12px;overflow:hidden;background-color:#42509b;position:relative}.section-main .main-leaner-quote .main-avatar img{width:294px;border-radius:10px 10px 0 0;height:100%;object-fit:cover}@media only screen and (max-width:576px){.section-main .main-leaner-quote .main-avatar{margin-top:16px}}.section-main .main-leaner-quote .main-avatar .main-avatar-link{background-color:#fff;width:294px;border-radius:0 0 10px 10px;position:absolute;bottom:0;left:0;text-decoration:none}.section-main .main-leaner-quote .main-avatar .main-avatar-link:hover{background-color:#d1d1d1}.section-main .main-leaner-quote .main-avatar .main-avatar-link p{color:#000;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:40px;text-align:center}.section-main .main-leaner-quote .main-quote{flex:1;padding:27px 90px}@media only screen and (max-width:992px){.section-main .main-leaner-quote .main-quote{padding:27px 30px}}.section-main .main-leaner-quote .main-quote img{width:34px}.section-main .main-leaner-quote .main-quote h3{color:#fff;font-size:24px;font-weight:500;line-height:32px;margin:8px 0}.section-main .main-leaner-quote .main-quote p{color:#fff;font-size:16px;font-weight:400;line-height:30px}.section-main h2{color:#fff;text-align:center;font-size:36px;font-weight:700;line-height:50px;margin-top:43px}.section-main .main-achieve{margin-top:30px;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}.section-main .main-achieve .main-achieve-tick{border-radius:10px;background:#fed730;flex:1;min-width:260px}.section-main .main-achieve .main-achieve-tick ul{list-style:none;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100%;padding:16px 38px;margin:0}.section-main .main-achieve .main-achieve-tick ul li{color:#000;font-size:16px;font-weight:500;margin-bottom:16px}.section-main .main-achieve .main-achieve-tick ul li:last-child{margin-bottom:0}.section-main .main-achieve .achieve-list{display:flex;gap:30px}@media only screen and (max-width:768px){.section-main .main-achieve .achieve-list{justify-content:space-evenly;align-items:flex-end;width:100%}}.section-main .main-achieve .main-achieve-item{border-radius:10px;background:#fed730;padding:40px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-main .main-achieve .main-achieve-item .main-achieve-item-num{color:#000;text-align:center;font-size:56px;font-weight:700;line-height:64px;margin:0}.section-main .main-achieve .main-achieve-item .main-achieve-item-text{margin:24px 0 0}.section-detail{padding:0 96px 0}.section-detail .detail-title{display:flex;flex-direction:row;gap:12px;align-items:center;margin-top:68px;margin-bottom:12px}.section-detail .detail-title img{width:34px;height:34px;padding:2px}.section-detail .detail-title h4{color:#5959eb;font-size:16px;font-weight:700;line-height:24px;text-transform:uppercase;padding:0;margin:0}.section-detail h5{font-size:24px;font-family:Roboto;font-style:italic;font-weight:700;line-height:32px;margin:0 0 12px 0}.section-detail p{font-size:16px;font-weight:400;line-height:24px;white-space:pre-line}@media only screen and (max-width:768px){.section-detail{padding:20px 30px}}.btnShareStory{margin-top:32px;display:flex;justify-content:center;align-items:center}.btnShareStory a{border-radius:4px;background-color:#0f8461;font-size:18px;font-weight:500;line-height:30px;text-decoration:none;padding:16px 40px;color:#fff}.section-meetMore{margin-top:50px}.section-meetMore h2{text-align:center;font-size:36px;font-weight:700;line-height:50px}.storiesTitle{text-align:center;max-width:1340px;margin:36px auto 0;position:relative}.storiesTitle h1{position:relative;text-align:center;font-size:48px;font-style:normal;font-weight:700;line-height:60px;padding:12px 0;margin:0;z-index:2}.storiesTitle p{position:relative;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:30px;white-space:pre-line;padding:0;margin:0;z-index:2}.storiesTitle .img-banner{position:relative;width:158px;max-width:175px;z-index:2}.storiesTitle .img-banner-left{position:absolute;top:21px;left:50px;width:20%;max-width:200px;z-index:1}.storiesTitle .img-banner-right{position:absolute;top:21px;right:50px;width:20%;max-width:200px;z-index:1}.storiesTitle .btnShareStory{margin-top:32px;display:flex;justify-content:center;align-items:center}.storiesTitle .btnShareStory a{border-radius:4px;background-color:#0f8461;font-size:18px;font-weight:500;line-height:30px;text-decoration:none;padding:16px 40px;color:#fff}@media only screen and (max-width:768px){.storiesTitle .img-banner-left,.storiesTitle .img-banner-right{z-index:-1;opacity:.8}}.learnerStoryCard{margin-top:54px}.learnerStoryCard .card-list{display:flex;flex-wrap:wrap;gap:32px 16px;justify-content:space-between}.learnerStoryCard .card-list .card-item{position:relative;width:calc(50% - 16px);border-radius:12px;overflow:hidden;border:1px solid #d6d6d6}@media only screen and (max-width:768px){.learnerStoryCard .card-list .card-item{width:100%}}.learnerStoryCard .card-list .card-item .item-main{opacity:1}.learnerStoryCard .card-list .card-item .item-main .item-up{height:100px;background:#28305d}.learnerStoryCard .card-list .card-item .item-main .item-down{text-align:center;transform:translateY(-47px)}.learnerStoryCard .card-list .card-item .item-main .item-down img{width:94px;height:94px;border-radius:50%;background-color:#42509b;object-fit:cover}.learnerStoryCard .card-list .card-item .item-main .item-down h3{font-size:20px;font-weight:700;line-height:30px;margin:8px}.learnerStoryCard .card-list .card-item .item-main .item-down p{font-size:14px;font-weight:400;line-height:24px;margin:4px}.learnerStoryCard .card-list .card-item .item-hover{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;opacity:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#5959eb;text-align:center;padding:0 34px;border-radius:12px;height:100%;transition:opacity .25s linear}.learnerStoryCard .card-list .card-item .item-hover img{width:34px;height:34px}.learnerStoryCard .card-list .card-item .item-hover p{color:#fff;font-size:14px;font-weight:400;line-height:24px;margin:8px 0 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}.learnerStoryCard .card-list .card-item .item-hover .line{border:1px solid #fff;width:50px;margin:12px 0 8px 0}.learnerStoryCard .card-list .card-item .item-hover .btnReadmore{margin-top:34px;display:flex;justify-content:center;align-items:center}.learnerStoryCard .card-list .card-item .item-hover .btnReadmore a{padding:8px 28px;border-radius:4px;background-color:#fff;text-decoration:none;color:#000;font-size:16px;font-weight:500;line-height:24px}.learnerStoryCard .card-list .card-item:hover .item-main{opacity:0}.learnerStoryCard .card-list .card-item:hover .item-hover{opacity:1}@media only screen and (max-width:576px){.learnerStoryCard .card-list .card-item{width:100%}}.share{margin:34px auto 60px;display:flex;gap:16px;justify-content:flex-end;align-items:center}.share span{font-size:16px;font-weight:700;line-height:normal}.share img{width:20px}.storyDetail{padding-bottom:100px;margin-bottom:20px;background-color:#f8f8f8}