.tutorials{background:#fff;padding:112px 0}.tutorials .section-title{text-align:center;margin-bottom:64px}.tutorials-moreopts{justify-content:center;align-items:center;margin:40px 0;display:flex}.tutorials-filters{justify-content:center;align-items:center;display:flex}.tutorials-filters .tutorial-filter{color:var(--text-darkblue);background:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:11px 16px;font-size:16px;font-weight:500;line-height:150%;transition:all .12s;display:flex}.tutorials-filters .tutorial-filter:hover,.tutorials-filters .tutorial-filter.current{border-color:var(--mainColor);color:var(--mainColor);transition:all .12s}.tutorials-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:64px 30px;margin-top:64px;display:grid}.tutorial-card{background:#f6faff;border-radius:20px;overflow:hidden}.tutorial-card__head{max-height:236px;position:relative;overflow:hidden}.tutorial-card__inner{padding:24px}.tutorial-card__main{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px;display:flex}.tutorial-card__tag{color:var(--mainColor);text-transform:uppercase;font-size:16px;font-weight:400;line-height:150%}.tutorial-card__title{color:var(--text-darkblue);font-size:23px;font-weight:700;line-height:140%}.tutorial-card__except{color:var(--text-garkgrey);font-size:18px;font-weight:400;line-height:150%}.tutorial-card__adds{align-items:center;gap:26px;display:flex}.tutorial-card__ad{align-items:center;display:flex}.tutorial-card__ad span{color:var(--text-grey);align-items:center;gap:6px;font-size:14px;font-weight:400;line-height:150%;display:flex}.tutorial-card__ad span p{color:var(--text-grey);font-size:14px;font-weight:400;line-height:150%}.tutorial-card__ad span:not(:last-child){margin-right:10px;position:relative}.tutorial-card__ad span:not(:last-child):after{content:"•";color:var(--mainColor);font-size:18px;font-weight:400;line-height:150%;display:block}.tutorial-card .tutorial-playvideo{opacity:1;visibility:visible;background:#fff9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;padding:0;transition:all .12s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.tutorial-card .tutorial-playvideo:hover{background:#fff;transition:all .12s ease-in;transform:translate(-50%,-50%)scale(1.1)}.tutorial-poster{width:100%;height:100%;max-height:inherit;display:flex}.tutorial-poster img{object-fit:cover;width:100%;height:100%}@media screen and (width<=1080px){.tutorials .section-title{margin-bottom:25px}.tutorial-card__adds{flex-wrap:wrap;gap:5px 20px}.tutorials-filters{flex-wrap:wrap}.tutorial-card__title{font-size:20px}.tutorial-card__inner{padding:20px}.tutorial-card__except{font-size:16px}.tutorial-card__tag{font-size:14px}}@media screen and (width<=768px){.tutorials{padding:54px 0}.tutorials-list{gap:30px;margin-top:30px}}@media screen and (width<=520px){.tutorial-card__title{font-size:18px}.tutorial-card__inner{padding:15px}}