.ref-blog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:36px}
.ref-blog-heading .ref-heading{margin-bottom:0;text-align:left}
.ref-blog-heading .ref-heading h2:after{margin-left:0}
.ref-blog-controls{display:flex;align-items:center;gap:9px}
.ref-blog-controls>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9cdb7;border-radius:50%;background:#fff;color:var(--green);font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.ref-blog-controls>button:hover{background:var(--green);color:#fff;transform:translateY(-2px)}
.ref-blog-controls>button:disabled{opacity:.35;cursor:default;transform:none}
.ref-blog-dots{display:flex;align-items:center;gap:5px;margin:0 5px}
.ref-blog-dots button{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#d8d0c2;cursor:pointer;transition:width .2s,background .2s}
.ref-blog-dots button.active{width:22px;background:var(--green)}
.ref-blog-viewport{width:100%;overflow:hidden;padding:4px 0 24px}
.ref-blog-track{display:flex!important;grid-template-columns:none!important;gap:18px!important;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.ref-blog-track article{flex:0 0 calc((100% - 18px)/2);width:calc((100% - 18px)/2);margin:0}
@media(max-width:960px){.ref-blog-track article{flex-basis:calc((100% - 18px)/2);width:calc((100% - 18px)/2)}}
@media(max-width:620px){.ref-blog-heading{align-items:flex-start;margin-bottom:25px}.ref-blog-controls{margin-top:7px}.ref-blog-controls>button{width:37px;height:37px}.ref-blog-dots{display:none}.ref-blog-track article{flex-basis:100%;width:100%}}