.framework{background:#f2f0ea;padding:4vw 6vw}.framework .top{width:55%}.framework .top h3{font-family:reg;font-size:3vw;color:var(--black);line-height:1.2}.framework .top p{font-family:inter-light;font-size:1vw;color:var(--black);line-height:1.5;margin-top:2.5vw;padding-right:10%}.framework .top-content{width:24vw;background:var(--white);border-left:.25vw solid var(--gold);padding:2vw;margin-left:15%;margin-bottom:5vw;height:max-content}.framework .top-content h5{font-family:inter-med;color:#ada2a2;font-size:1.1vw}.framework .top-content h4{font-family:inter-italic;color:var(--black);font-size:1.3vw;margin-top:.75vw}.framework .specs-wrapper{width:100%;display:flex;flex-direction:row;margin-top:5vw;gap:2vw}.framework .specs-wrapper .specs{width:100%;padding:1.5vw 0;border-bottom:var(--border)rgb(241 230 199);display:flex;flex-direction:column;align-items:center}.framework .specs-wrapper .specs h2{font-family:med;background-color:var(--gold);font-size:3vw;color:var(--white);border-radius:50%;padding:1vw;line-height:.9;height:6vw;width:6vw;display:flex;justify-content:center;align-items:center;margin-bottom:-3vw;z-index:1}.framework .specs-wrapper .specs .specs-content{padding:4vw 1vw 1vw;background-color:#fff;display:flex;flex-direction:column;align-items:center;height:14vw}.framework .specs-wrapper .specs .specs-content h5{font-family:med;color:var(--black);font-size:1.4vw;margin-bottom:.5vw;text-align:center}.framework .specs-wrapper .specs .specs-content h6{font-style:italic;font-weight:400;color:var(--gold);font-size:1.1vw;margin-top:0;margin-bottom:.5vw;text-transform:uppercase}.framework .specs-wrapper .specs .specs-content p{font-family:inter-light;color:var(--black);font-size:.86vw;text-align:center;line-height:1.5}.framework .specs-wrapper .specs .specs-content .toggle-btn{font-size:.9vw;font-family:inter-light;color:var(--black);background:transparent;border:var(--border) var(--black);padding:.35vw 1.5vw;border-radius:5vw;margin-top:1vw;transition:var(--trans)}.framework .specs-wrapper .specs .specs-content .toggle-btn i{font-size:.75vw;color:var(--black);transition:var(--trans)}.framework .specs-wrapper .specs .specs-content .toggle-btn:hover{background:var(--black);color:var(--white)}.framework .specs-wrapper .specs .specs-content .toggle-btn:hover i{color:var(--white)}.framework .specs-wrapper .specs .specs-content .toggle-btn.active i{transform:rotate(180deg)}.framework .specs-wrapper .specs .specs-content .spec-list{background:var(--white);border-radius:.5vw;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;width:max-content;max-width:100%;overflow:hidden;max-height:0;opacity:0;transform:translateY(20px);transition:var(--trans);pointer-events:none}.framework .specs-wrapper .specs .specs-content .spec-list .item{margin-bottom:.75vw;align-items:center;font-size:.85vw;font-family:inter-light}.framework .specs-wrapper .specs .specs-content .spec-list .item i{font-size:.95vw;color:var(--gold)}.framework .specs-wrapper .specs .specs-content .spec-list.active{max-height:500px;opacity:1;transform:translateY(0);pointer-events:auto;margin-top:1.5vw;padding:1.5vw}.framework .spec-img{width:40%;position:sticky;top:6vw}.framework .spec-img img{width:100%;height:35vw;object-fit:cover;border-radius:1vw}@media (max-width: 768px){.framework{padding:7vw 8vw}.framework .top{width:100%}.framework .top h3{font-size:6vw;padding-right:20%}.framework .top p{font-size:2.7vw;margin:4.5vw 0;padding-right:0}.framework .top-content{width:100%;justify-self:center;border-left:.5vw solid var(--gold);padding:5vw;margin-left:0}.framework .top-content h5{font-size:3vw}.framework .top-content h4{font-size:4vw;margin-top:2.5vw}.framework .specs-wrapper{width:100%;flex-direction:column}.framework .specs-wrapper .specs{padding:2.5vw 0}.framework .specs-wrapper .specs h2{font-size:7.5vw;width:10vw;height:10vw;margin-bottom:-7vw}.framework .specs-wrapper .specs .specs-content{margin-left:0;margin-top:2vw;padding:8vw 4vw 2vw;height:24vw}.framework .specs-wrapper .specs .specs-content h5{font-size:3.5vw}.framework .specs-wrapper .specs .specs-content h6{font-size:3.2vw;margin-bottom:1vw}.framework .specs-wrapper .specs .specs-content p{font-size:2.7vw;padding-right:0}.framework .specs-wrapper .specs .specs-content .toggle-btn{font-size:2.5vw;padding:1.25vw 4vw;border-radius:8vw;margin-top:2vw}.framework .specs-wrapper .specs .specs-content .toggle-btn i{font-size:2vw}.framework .specs-wrapper .specs .specs-content .spec-list{border-radius:1vw;transform:translateY(20px)}.framework .specs-wrapper .specs .specs-content .spec-list .item{font-size:2.5vw;margin-bottom:1.5vw}.framework .specs-wrapper .specs .specs-content .spec-list .item i{display:none}.framework .specs-wrapper .specs .specs-content .spec-list.active{max-height:1000px;margin-top:4.5vw;padding:3.5vw}.framework .spec-img{width:100%;position:relative;top:4vw}.framework .spec-img img{height:50vw;border-radius:2vw}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/quality-framework.css.map */