.agency-development{position:relative;width:100%;background-color:var(--color-background)}.ad__header{display:flex;justify-content:space-between;align-items:center;gap:48px;margin-bottom:50px}.ad__heading{color:var(--color-black)}.ad__header-desc{color:var(--color-black);opacity:.6}.ad__header-desc p{margin:0}.ad__header-desc p+p{margin-top:10px}.ad__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:56px;align-items:flex-start}.ad__nav-col{width:100%}.ad__nav{display:flex;flex-direction:column;gap:48px;width:100%}.ad__nav-item{display:flex;align-items:stretch;justify-content:flex-start;gap:23px;background:transparent;border:none;padding:0;margin:0;cursor:pointer;text-align:left;width:100%;outline:none;transition:opacity .25s ease;position:relative;text-transform:none}.ad__nav-item:focus-visible{outline:2px solid var(--color-black);outline-offset:4px;border-radius:4px}.ad__nav-indicator{width:2px;flex-shrink:0;background-color:#0000004d;position:relative;overflow:hidden;border-radius:2px;transition:background-color .25s ease}.ad__nav-progress{position:absolute;top:0;left:0;width:100%;height:0%;background-color:var(--color-black);border-radius:2px}.ad__nav-item.is-active .ad__nav-progress{animation:adProgress var(--ad-speed, 10s) linear forwards}@keyframes adProgress{0%{height:0%}to{height:100%}}.ad__nav-content{display:flex;flex-direction:column;gap:7px}.ad__nav-title{color:var(--color-black);transition:opacity .25s ease,color .25s ease;opacity:.5}.ad__nav-item:hover .ad__nav-title,.ad__nav-item.is-active .ad__nav-title{opacity:1}.ad__nav-desc{color:var(--color-black);opacity:.6}.ad__nav-desc p{margin:0}.ad__details-col{position:sticky;top:100px;width:100%;max-width:799px}.ad__card{background-color:var(--color-mint-cream);border-radius:20px;padding:28px;box-sizing:border-box;width:100%;position:relative}.ad__panel{display:none}.ad__panel.is-active{display:block;animation:adFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes adFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ad__founded-title{text-transform:uppercase;color:var(--color-black);padding-bottom:12px}.ad__panel-heading{color:var(--color-black);margin:0 0 13px}.ad__panel-desc{color:var(--color-black);margin-bottom:24px;opacity:.6}.ad__panel-desc p{margin:0}.ad__panel-desc p+p{margin-top:10px}.ad__services-wrap{margin-bottom:55px}.ad__services-title{color:var(--color-black);margin-bottom:17px}.ad__services-row{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.ad__services-media{width:100%;border-radius:14px;overflow:hidden;aspect-ratio:16 / 11;background-color:var(--color-ivory-white);box-shadow:0 4px 18px #0000000f;display:flex;align-items:center;justify-content:center}.ad__services-img{width:100%;height:100%;object-fit:cover;display:block}.ad__services-placeholder{width:100%;height:100%;fill:#bed0bd;opacity:.8}.ad__services-points{display:flex;flex-direction:column;gap:16px}.ad__services-points ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.ad__services-points h4,.ad__services-points li{display:flex;align-items:center;gap:12px;color:var(--color-black);margin:0}.ad__services-points h4:before,.ad__services-points li:before{content:"";width:7px;height:7px;border-radius:50%;background-color:var(--color-black);flex-shrink:0}.ad__best-fit{color:var(--color-black);opacity:.5;padding-bottom:35px}.ad__actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center}.ad__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:40px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .25s ease;border:1px solid transparent;box-sizing:border-box}@media(max-width:1200px){.ad__grid{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.ad__services-row{gap:22px}.ad__nav{gap:26px}}@media(max-width:991px){.ad__header{flex-direction:column;gap:20px;margin-bottom:38px}.ad__header-right{max-width:100%;padding-top:0}.ad__grid{display:block}.ad__details-col{display:none}.ad__nav{gap:16px}.ad__card{border-radius:12px}.ad__services-row{grid-template-columns:1fr;gap:20px}.ad__services-media{max-width:480px;aspect-ratio:16 / 10}}@media(max-width:649px){.ad__actions{flex-direction:column;width:100%}.ad__btn{width:100%}}@media(prefers-reduced-motion:reduce){.ad__nav-progress{animation:none!important;height:100%!important}.ad__panel.is-active{animation:none!important}.ad__btn,.ad__nav-item,.ad__nav-title,.ad__nav-desc{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/agency-development.css.map */