.accordion{background:#0f2228;color:#fff;padding-top:4.6875rem;padding-bottom:7.0625rem;max-width:120rem;margin:0 auto;border-radius:1.5rem;position:relative;overflow:hidden}.accordion-wrapper{display:flex;max-width:81.25rem;margin:0 auto;align-items:center;gap:3%}@media (max-width: 1023px){.accordion-wrapper{flex-direction:column;gap:2rem}}.accordion .text-col{width:52%;z-index:2}.accordion .text-col h2{letter-spacing:-.0625rem;font-weight:700;font-size:3.875rem;line-height:4.25rem;margin-bottom:5.4375rem}@media (max-width: 576px){.accordion .text-col h2{font-size:3rem;margin-bottom:4.1875rem}}.accordion .text-col ul{max-width:42.1875rem;list-style-type:none}.accordion .text-col ul h3 button{font-size:2.25rem;font-weight:700;line-height:3.75rem;letter-spacing:-.0625rem;margin-bottom:2rem;color:#fff;text-align:left}.accordion .text-col ul h3 button:hover{cursor:pointer}@media (max-width: 576px){.accordion .text-col ul h3 button{font-size:2.1rem;line-height:2.9125rem}}.accordion .text-col ul .content{transition:grid-template-rows .5s;display:grid;grid-template-rows:0fr}.accordion .text-col ul .content-wrapper{overflow:hidden}.accordion .text-col ul .content-wrapper a{display:flex;width:max-content;margin-bottom:.625rem}.accordion .text-col ul .content p{color:#fffc;font-size:1rem;font-weight:400;line-height:1.625rem;letter-spacing:-.0625rem;margin-bottom:2rem}@media (max-width: 768px){.accordion .text-col ul .content p{font-size:1.125rem}}.accordion .text-col ul .content p:last-of-type{margin-bottom:0}.accordion .text-col ul .progress-bar{width:100%;background:#fff;height:.125rem;margin-bottom:2rem;display:none;position:relative}.accordion .text-col ul .progress-bar-fill{background:#4cdb77;height:100%;position:absolute;left:0;top:0;transition:all .5s}.accordion .text-col ul .active-section{margin-bottom:2rem}.accordion .text-col ul .active-section h3 button{margin-bottom:1rem;color:#4cdb77}.accordion .text-col ul .active-section .progress-bar{display:block}.accordion .text-col ul .active-section .content{grid-template-rows:1fr}.accordion .text-col ul .active-section .progress-bar-fill{animation:fade-in 20s linear .5s forwards}@media (max-width: 1023px){.accordion .text-col ul{max-width:555px}}@media (max-width: 1023px){.accordion .text-col{width:100%;padding:0 4rem;max-width:555px}}@media (max-width: 576px){.accordion .text-col{padding:0}}.accordion .images-col{width:45%}.accordion .images-col .lines{position:absolute;right:0;top:0;z-index:1}@media (max-width: 1919px){.accordion .images-col .lines{transform:scale(.95) translate(2.5rem) translateY(-3.125rem)}}@media (max-width: 1023px){.accordion .images-col .lines{transform:scale(.95) translate(2.5rem) translateY(21.875rem);z-index:1}}@media (max-width: 576px){.accordion .images-col .lines{transform:scale(.85) translate(25rem) translateY(7.5rem)}}.accordion .images-col img{height:32.5rem;width:41rem;transform:translate(1.875rem);display:none;object-fit:contain;z-index:2;position:relative}@media (max-width: 1919px){.accordion .images-col img{width:100%}}@media (max-width: 1023px){.accordion .images-col img{transform:none}}@media (max-width: 576px){.accordion .images-col img{height:auto;width:100%;transform:none}}.accordion .images-col .active-img{animation:fade-in-img .6s forwards;display:block}@media (max-width: 1023px){.accordion .images-col{width:90%;max-width:555px}}@media (max-width: 1023px){.accordion .images-col{width:100%}}@media (max-width: 120rem){.accordion{margin:0 .9375rem}}@media (max-width: 576px){.accordion{padding:4rem 2rem;margin:0 auto}}@keyframes fade-in{0%{width:0%}to{width:100%}}@keyframes fade-in-img{0%{opacity:0}to{opacity:1}}