.progress{position:absolute;height:10px;left:0;bottom:0;width:0;transition:width .3s linear}.progress.overlay{background-color:var(--white);z-index:10;width:calc(var(--current-progress))}.progress.background{width:100%;background-color:var(--black)}@media screen and (max-width: 768px){.progress{display:none}}.step{display:flex;flex-direction:column;justify-content:center;padding:16px 20px;border:2px solid var(--white);gap:16px;flex:1;position:relative;max-height:120px;transition:border-radius .2s linear}.step .details{display:flex;gap:16px}.step .details .left{flex:1;align-items:center;align-self:center}.step .details .left img{width:32px;height:32px}.step .details .right{display:block;flex:9;gap:0;overflow-y:clip}.step .details .right .mobile-title{display:none}.step .details .right .title{text-align:left;margin:0;font-weight:700}.step .details .right .description{font-size:16px;display:none}.step .details .right .description.active{display:block}.step:hover{cursor:pointer}.step.active{border-top-left-radius:12px;border:2px solid var(--Primary-Green-10)}@media screen and (max-width: 768px){.step{padding:16px}.step .details{flex-direction:column;align-items:flex-start}.step .details .left{align-self:start}.step .details .right .title{display:none}.step .details .right .mobile-title{display:block;text-align:left;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.step .details .right .description{display:none!important}.step .progress{display:none}}.player{opacity:1;transition:opacity .3s ease-in-out}.player.fade-in{opacity:1}.player.fade-out{opacity:0}.custom-a .left{flex:2;justify-content:start;overflow-x:overlay;margin-left:20px;-ms-overflow-style:none;scrollbar-width:none}.custom-a .left::-webkit-scrollbar{display:none}.custom-a .left .step{background-color:transparent;min-width:130px}.custom-a .left .step.active{background-color:var(--white)!important}.custom-a .left .step .details{align-items:center}.custom-a .left .step .details .left{flex:2;margin-left:0;min-height:32px;padding-left:0}.custom-a .left .step .details .right{margin:0;border:none;background-color:transparent}@media screen and (min-width: 768px) and (max-width: 1280px){.custom-a .left .step .details .left,.custom-a .left .step .details .right .title{display:none}.custom-a .left .step .details .right .mobile-title{font-weight:700;text-align:left;display:block;font-size:16px;word-break:keep-all}}@media screen and (max-width: 768px){.custom-a .left{padding-left:20px;padding-right:20px;margin-left:0}}.custom-a .right{flex:6;justify-content:start;margin:0 20px;background-color:var(--Tertiary-Grey-20);border-top-left-radius:12px;border:2px solid var(--Primary-Green-20)}.content{min-width:600px;display:flex;padding:30px 0;gap:40px;height:500px;max-width:1200px;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.content>*{flex:1}.content::-webkit-scrollbar{display:none}.content.image .left{justify-content:left}.content.video .left{justify-content:center}.content.video .right:not(.details .right){border-top-left-radius:12px;border:2px solid var(--Primary-Green-10)}.content .left{display:flex;flex-direction:column;gap:24px}.content .right{display:flex;align-items:flex-start;justify-content:center}.content .right .player-container{width:90%;height:auto;align-self:center;display:flex;padding:8px}.content .right .player-container video{outline:2px solid var(--white);outline-offset:-2px}.content .right .img-container{display:flex;flex-direction:column;margin:auto 0;padding:20px;text-align:start}.content .right .img-container .box-middle-text{font-size:16px}.content .right .img-container .box-bottom{margin:20px 0 0}.content .right .img-container .mobile-box-bottom{display:none}.content.custom-a{height:520px}@media screen and (max-width: 768px){.content{min-width:auto!important;height:auto!important;padding:0!important;margin-top:30px!important;flex-direction:column}.content .right .player-container{width:auto!important;height:35vh}.content .right .img-container{min-height:400px}.content .right .img-container .box-top{height:40px}.content .left{flex-direction:row;gap:20px}}@media screen and (max-width: 480px){.content .right .player-container{height:25vh}.content .right .img-container .mobile-box-bottom{display:block;text-align:center;margin-top:20px}.content .right .img-container .box-bottom{display:none}}