section.expert-hero{margin-top:50px}section.expert-hero .wrapper{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;align-items:flex-start}section.expert-hero .wrapper .text{width:calc(100% - 650px)}@media (max-width: 992px){section.expert-hero .wrapper .text{width:calc(100% - 450px)}}@media (max-width: 800px){section.expert-hero .wrapper .text{width:100%;order:2;margin-top:50px}}section.expert-hero .wrapper .text h1{font-size:4.2rem;line-height:0.8;font-weight:700;color:var(--title)}@media (max-width: 576px){section.expert-hero .wrapper .text h1{font-size:3rem;line-height:4rem}}section.expert-hero .wrapper .text p.subtitle{font-size:1.5rem;color:var(--title);margin:20px auto 50px}@media (max-width: 576px){section.expert-hero .wrapper .text p.subtitle{font-size:1.2rem;margin:0 auto 20px}}section.expert-hero .wrapper .text ul li{position:relative;padding-left:10px;margin-bottom:10px;list-style-type:none}section.expert-hero .wrapper .text ul li:before{content:'';position:absolute;left:-20px;top:3px;background:url("/images/pin.png");width:16px;height:16px}section.expert-hero .wrapper img{border-radius:20px}@media (max-width: 992px){section.expert-hero .wrapper img{width:400px}}@media (max-width: 800px){section.expert-hero .wrapper img{max-width:400px;margin:0 auto;width:100%;order:1}}section.expert-content{margin-top:80px}@media (max-width: 800px){section.expert-content{margin-top:40px}}section.expert-content .wrapper{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;position:relative}section.expert-content .wrapper div.sidebar{width:400px;position:sticky;top:0;height:100vh}@media (max-width: 992px){section.expert-content .wrapper div.sidebar{width:320px}}@media (max-width: 800px){section.expert-content .wrapper div.sidebar{width:100%;order:1;position:relative;height:auto;margin-bottom:50px}}section.expert-content .wrapper div.sidebar>h3{margin-top:8px}section.expert-content .wrapper div.sidebar .best-articles ul li{position:relative;padding-left:25px;font-size:1rem}section.expert-content .wrapper div.sidebar .best-articles ul li:before{content:'';position:absolute;left:0;top:17px;background-color:var(--title);width:15px;height:2px}section.expert-content .wrapper div.text{width:calc(100% - 450px)}@media (max-width: 992px){section.expert-content .wrapper div.text{width:calc(100% - 350px)}}@media (max-width: 800px){section.expert-content .wrapper div.text{width:100%;order:2}}section.expert-content .wrapper div.text>h2:first-child{margin-top:0}section.expert-content .wrapper div.text a{color:var(--maingreen);text-decoration:underline}section.expert-content .wrapper div.text a:hover{text-decoration:none}section.expert-content h2{color:var(--title);font-size:2rem;line-height:1;font-weight:700;margin:50px 0 15px}@media (max-width: 576px){section.expert-content h2{font-size:1.8rem;line-height:2.5rem}}section.expert-content h3{color:var(--title);font-size:1.5rem;line-height:1;font-weight:700;margin:30px 0 15px}@media (max-width: 576px){section.expert-content h3{font-size:1.2rem;line-height:2rem}}section.expert-content details{border-bottom:1px solid #b1b1b1}section.expert-content details>div{padding:0 30px 20px;box-sizing:border-box}section.expert-content details summary{font-size:1.1rem;line-height:1.5rem;font-weight:700;position:relative;padding:20px 60px 15px 0;box-sizing:border-box}section.expert-content details summary::marker{font-size:0}section.expert-content details summary:after{position:absolute;content:"+";font-size:28px;color:var(--text);right:20px;top:calc(100% / 2 - 10px)}section.expert-content details[open] summary:after{content:"—"}section.expert-content .best-projects ul{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}section.expert-content .best-projects ul li{width:calc(100% / 2 - 20px);border:1px solid var(--subtitle);padding:15px 30px;box-sizing:border-box;border-radius:10px;transition:.2s linear;background:#fff;font-size:1rem;color:var(--title);margin-bottom:20px}@media (max-width: 414px){section.expert-content .best-projects ul li{margin-bottom:10px;width:100%}}section.expert-content .best-projects ul li:hover{background:var(--green)}section.expert-content .best-projects ul li div.mod-articles-title a{color:var(--title);text-decoration:underline}section.expert-content .best-projects ul li div.mod-articles-title a:hover{text-decoration:none}section.hero{background:#8ee4af;background:linear-gradient(0deg, #f8fafc 0%, #8ee4af 100%);padding:100px 0;text-align:center}section.hero h1{font-size:4rem;line-height:4.5rem;font-weight:700;color:var(--title);max-width:900px;margin:0 auto}@media (max-width: 576px){section.hero h1{font-size:3.5rem;line-height:3.5rem}}@media (max-width: 414px){section.hero h1{font-size:3rem;line-height:3rem}}section.hero h1+p{font-size:1.2rem;color:var(--title);max-width:800px;margin:50px auto 0}section.content .itemList{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}section.content .itemList .item{border:1px solid var(--maingreen);border-top:4px solid var(--maingreen);width:calc(100% / 4 - 10px);padding:0;box-sizing:border-box;border-radius:10px;background:#fff;margin-bottom:10px}@media (max-width: 800px){section.content .itemList .item{width:calc(100% / 3 - 10px)}}@media (max-width: 576px){section.content .itemList .item{width:calc(100% / 2 - 10px)}}@media (max-width: 480px){section.content .itemList .item{width:100%}}section.content .itemList .item .thumb img{border-radius:10px 10px 0 0}section.content .itemList .item .title{padding:25px 25px 15px}section.content .itemList .item .title p{margin:0}section.content .itemList .item .title p a{font-size:25px;font-weight:700;color:var(--title);transition:0.2s linear;text-decoration:none;margin:0}section.content .itemList .item .title p a:hover{cursor:pointer;color:var(--subtitle)}section.content .itemList .item .content{padding:0 25px}section.content .itemList .item a.btn-more{background:var(--maingreen);color:#fff;min-width:170px}section.content .itemList .item a.btn-more:hover{background:var(--subtitle);border:1px solid var(--subtitle)}