/* components/vue-job.scss, 
pages/post.scss, 
pages/content.scss, 
sections/hero.scss, 
parts/cards/post.scss */

section#page{padding:40px 0 50px}@media(min-width: 992px){section#page{padding:80px 0 108px}}section#page .the-blog{position:relative}@media(max-width: 767.98px){section#page .wrapper{padding-top:20px}}@media(min-width: 768px){section#page .wrapper{max-width:70%;margin:0 auto}}section#page .wrapper .read-time{opacity:.7}@media(min-width: 992px){section#page .wrapper .read-time{font-size:14px;line-height:18px}}section#page .wrapper .blog-content{padding-top:25px}section#page .wrapper .blog-content>*{font-family:"Assistant",serif}aside{padding:20px 0 50px}@media(min-width: 992px){aside{padding:70px 0 90px}}aside .section-headline h2{margin-bottom:25px}@media(min-width: 992px){aside .section-headline h2{margin-bottom:40px}}aside ul.blogs-wrap{list-style-type:none;padding:0}@media(min-width: 576px){aside ul.blogs-wrap{display:grid;gap:25px;grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){aside ul.blogs-wrap{gap:65px}}@media(min-width: 1200px){aside ul.blogs-wrap{grid-template-columns:repeat(3, 1fr)}}
section#content-section{padding:44px 0 77px;font-family:"Assistant",serif}@media(max-width: 767.98px){section#content-section{overflow:hidden}}@media(min-width: 992px){section#content-section{padding:80px 0}}section#content-section p{color:#0a0a0a;font-size:18px;line-height:25px}@media(min-width: 992px){section#content-section p{font-size:22px;line-height:32px}}.projects{padding:60px 0 30px}@media(min-width: 992px){.projects{padding:125px 0 145px}}.projects .decoration{display:none}@media(min-width: 992px){.projects .decoration{display:block;position:absolute;top:-60px;right:7%}}.projects .decoration svg{fill:#1c48f0;width:61px;height:61px}.projects .section-headline{position:relative}.projects .section-headline h2{font-size:20px;line-height:26px;margin-bottom:40px}@media(min-width: 992px){.projects .section-headline h2{font-size:30px;line-height:40px;margin-bottom:60px}}
@media(max-width: 575.98px){section#hero .ratio{--bs-aspect-ratio: 107%}}@media(min-width: 576px){section#hero .ratio{--bs-aspect-ratio: 46%}}@media(min-width: 768px){section#hero .ratio{--bs-aspect-ratio: 420px}}section#hero .ratio img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}section#hero.job-hero .content{align-items:flex-end}section#hero.job-hero .content .content-inner{margin-bottom:50px}@media(min-width: 768px){section#hero.job-hero .content .content-inner{margin-bottom:170px;text-align:right}}section#hero .content{display:flex;align-items:center;color:#fff;background:linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%)}section#hero .content .content-inner{text-align:center}section#hero .content .content-inner h1{font-size:35px;font-family:Assistant-Bold;line-height:42px;margin-bottom:20px}@media(min-width: 992px){section#hero .content .content-inner h1{font-size:68px;line-height:76px;margin-bottom:25px}}section#hero .back_button{font-size:22px}section#hero .back_button a{color:#fff}section#hero .back-arrow{transform:rotate(-90deg);width:25px;height:25px}
.blog-card{position:relative;overflow:hidden;border-radius:5px;background-color:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.11);margin-bottom:25px}.blog-card .img-wrap{overflow:hidden}.blog-card .img-wrap img{width:100%;object-fit:cover}.blog-card .img-wrap.ratio{--bs-aspect-ratio: 70%}.blog-card .card-content{padding:16px}@media(min-width: 992px){.blog-card .card-content{padding:25px}}.blog-card .card-content h3{font-family:Assistant-Bold;line-height:30px;margin-bottom:8px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(min-width: 992px){.blog-card .card-content h3{font-size:25px;line-height:33px;margin-bottom:10px;height:66px}}.blog-card .card-content h3 a{color:#000;transition:color .3s ease}.blog-card .card-content p{color:#0a0a0a;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(min-width: 992px){.blog-card .card-content p{font-size:18px;line-height:25px;margin-bottom:16px}}.blog-card .card-content .read-more{margin-bottom:30px}@media(min-width: 992px){.blog-card .card-content .read-more{margin-bottom:40px}}.blog-card .card-content .read-time{opacity:.5;color:#0a0a0a}@media(min-width: 992px){.blog-card .card-content .read-time{font-size:14px;line-height:18px}}