body{overflow:visible;background-color:#fff}.vi-template-header-wrapper{background:var(--primary-color);border-radius:var(--border-radius-large);margin-inline:auto;margin-bottom:1.5rem;width:95%;padding:2.5rem 0;margin-top:60px;max-width:1700px}.vi-template-left h2{font-size:24px;letter-spacing:-0.4px}.vi-template-title-content{width:90%;margin:0 auto;padding:0 50px;text-align:center;max-width:700px}.vi-banner-hint-text{color:#a09595;position:relative;padding-left:25px}.vi-banner-hint-text::before{content:"";width:20px;height:2px;background:#8f7e7e;position:absolute;left:0;top:10px}.vi-banner-element{display:none}.vi-sticky-navivator{position:relative}.vi-sticky-navivator:before{content:"";position:absolute;width:3px;top:var(--top,8px);height:var(--height,24px);transition:1s;border-radius:2px;background:var(--highlight-color);left:-20px}.vi-banner-title{font-size:46px;line-height:58px;color:var(--secondary-color)}.vi-banner-element{bottom:0;right:0;width:40%}.vi-sticky-container{position:relative;width:90%;margin:80px auto;padding:0;display:flex}.vi-sticky-container .vi-pagewidth{display:flex;align-items:flex-start;position:relative;max-width:1600px}.vi-templates-contain{flex-grow:1;padding-left:60px;margin-left:auto}.vi-template-left{position:sticky;top:120px;align-self:flex-start;max-height:100vh;min-width:290px;padding:10px;z-index:9}.vi-sticky-list{position:relative;font-size:var(--secondary-cta-size);padding:8px 0;cursor:pointer;opacity:.7;font-size:var(--secondary-cta-size)}.vi-sticky-list,.vi-sticky-list::before,.img-wrapper img{transition:all .5s ease-in-out}.vi-sticky-list.active{font-family:var(--zf-secondary-medium)}.vi-sticky-list.active,.vi-sticky-list:hover{opacity:1}.vi-template-wrapper:not(:first-child){margin-top:100px}.vi-template-wrapper .vi-template-lists{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:80px 25px;margin:2.5rem auto}.vi-template-wrapper a{text-decoration:none;border:0;color:var(--black-color)}.vi-template-wrapper div.img-wrapper{width:100%;min-height:250px;scale:1;max-height:250px;transition:all .5s ease-in-out;border:1px solid transparent}.vi-template-wrapper div a:hover img{scale:1.08}.vi-template-wrapper div a:hover div.img-wrapper{scale:1.03;border:1px solid var(--accent-color)}.img-wrapper{overflow:hidden}.img-wrapper,.vi-template-wrapper img{width:100%;height:100%;border-radius:var(--border-radius-large);background:var(--primary-bg);border:1px solid #fdfdfd;outline:0}.vi-template-wrapper h2.vi-section-title{font-size:28px;line-height:28px;margin-bottom:70px;font-family:var(--zf-primary-medium);letter-spacing:-0.7px}.vi-template-lists a h2{font-size:22px;font-family:var(--zf-primary-medium);margin-bottom:15px;padding-left:14px;letter-spacing:-0.4px}.vi-template-wrapper p{font-size:16px;margin:0;line-height:24px;width:87%;padding-left:14px}.vi-footer-wrapper h4{font-size:90px}@media only screen and (max-width:1400px){.vi-sticky-container{width:90%}.vi-template-wrapper div{min-height:100%}.vi-templates-contain{padding-left:40px}.vi-template-wrapper{grid-template-columns:repeat(2,1fr)}.vi-sticky-navivator{min-width:200px}.vi-template-wrapper .vi-template-lists{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:1280px){.vi-sticky-container{width:100%}}@media only screen and (max-width:999px){.vi-template-left{display:none}.vi-templates-contain{padding-left:0}}@media only screen and (max-width:767px){.vi-template-wrapper .vi-template-lists{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:480px){.vi-template-title-content{width:100%}.vi-footer-wrapper h4{font-size:60px}}