﻿.pc-steps{background:#000}.pc-steps__inner{display:flex;gap:5rem;height:100vh}@media screen and (max-width: 640px){.pc-steps__inner{flex-direction:column;height:auto}}.pc-steps__image-col{align-self:center;aspect-ratio:16/10;flex:2 1 0;overflow:hidden;position:relative}@media screen and (max-width: 640px){.pc-steps__image-col{aspect-ratio:16/10;flex:0 0 100%;width:100%}}.pc-steps__image{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease;width:100%}.pc-steps__image.is-active{opacity:1}@media screen and (max-width: 640px){.pc-steps__image{display:none;height:100%;opacity:1;position:relative}.pc-steps__image.is-active{display:block}}.pc-steps__image:not(:has(img)){align-items:center;background:hsla(0,0%,100%,.05);border-radius:12px;display:flex;justify-content:center}.pc-steps__image:not(:has(img))::after{color:hsla(0,0%,100%,.15);content:"";font-family:"Font Awesome 6 Pro";font-size:4rem;font-weight:300}.pc-steps__image img{border-radius:12px;height:100%;object-fit:cover;object-position:center;width:100%}.pc-steps__content-col{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;overflow:hidden}@media screen and (max-width: 640px){.pc-steps__content-col{flex:0 0 100%;width:100%}}@media screen and (min-width: 641px){.pc-steps__content-col{padding-right:3rem}}.pc-steps__heading{color:#fff;font-family:din-2014,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.pc-steps__list{margin:0 0 2.5rem}.pc-steps__item{cursor:pointer;padding:1.25rem 0}.pc-steps__item.is-active .pc-steps__dot{background:#d1af5a;border-color:#d1af5a}.pc-steps__item.is-active .pc-steps__label{color:#d1af5a}.pc-steps__item.is-active .pc-steps__title{color:#fff}.pc-steps__item.is-active .pc-steps__item-body{max-height:300px;opacity:1}.pc-steps__item-header{align-items:flex-start;display:flex;gap:1rem}.pc-steps__dot{background:rgba(0,0,0,0);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;transition:background .3s ease,border-color .3s ease;width:12px}.pc-steps__item-titles{display:flex;flex-direction:column;gap:.2rem}.pc-steps__label{color:hsla(0,0%,100%,.4);font-family:din-2014,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease}.pc-steps__title{color:hsla(0,0%,100%,.5);font-family:din-2014,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.pc-steps__item-body{max-height:0;opacity:0;overflow:scroll;padding-left:2rem;transition:max-height .7s ease,opacity .7s ease}.pc-steps__item-body p{color:#fff;font-family:din-2014,sans-serif;font-size:1rem;line-height:1.5;margin:.75rem 0 0}.pc-steps__item-body ul,.pc-steps__item-body ol{margin:.25rem 0 0;padding-left:1.25rem}.pc-steps__item-body ul li,.pc-steps__item-body ol li{color:#fff;font-family:din-2014,sans-serif;font-size:1rem;line-height:1.5;margin:0 0 .25rem}.pc-steps__divider{margin-top:1.25rem;position:relative}.pc-steps__progress{background:hsla(0,0%,100%,.1);height:2px;width:100%}.pc-steps__progress::after{background:#d1af5a;content:"";display:block;height:100%;transform:scaleX(0);transform-origin:left;transition:none;width:100%}.pc-steps__progress.is-running::after{transform:scaleX(1);transition:transform 9s linear}.pc-steps__cta{padding-left:0}/*# sourceMappingURL=style.css.map */
