.how-we-work-block{padding-top:80px;padding-bottom:132px}.how-we-work-block .how-we-work__header{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}.how-we-work-block .how-we-work__title{margin-bottom:0}.how-we-work-block .how-we-work__description{max-width:592px}.how-we-work-block .how-we-work__items{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px;padding-left:112px}.how-we-work-block .how-we-work__items-titles{display:flex;flex-direction:column;max-width:521px;width:100%}.how-we-work-block .how-we-work__item-title{cursor:pointer;position:absolute;transform:translate(-50%, -50%);transition:opacity .3s ease}.how-we-work-block .how-we-work__item-title-inside{top:0;width:max-content}.how-we-work-block .how-we-work__item-title:nth-child(1) .how-we-work__item-title-inside,.how-we-work-block .how-we-work__item-title:nth-child(2) .how-we-work__item-title-inside,.how-we-work-block .how-we-work__item-title:nth-child(3) .how-we-work__item-title-inside{left:0}.how-we-work-block .how-we-work__item-title:nth-child(4) .how-we-work__item-title-inside{left:50%;transform:translateX(-50%)}.how-we-work-block .how-we-work__item-title:nth-child(5) .how-we-work__item-title-inside,.how-we-work-block .how-we-work__item-title:nth-child(6) .how-we-work__item-title-inside,.how-we-work-block .how-we-work__item-title:nth-child(7) .how-we-work__item-title-inside{right:0}.how-we-work-block .how-we-work__item-title:nth-child(6),.how-we-work-block .how-we-work__item-title:nth-child(7){text-align:right}.how-we-work-block .how-we-work__item-title .btn-arrow{gap:10px;font-size:20px;font-weight:600;line-height:22px;text-transform:none;align-items:flex-start}.how-we-work-block .how-we-work__item-title .btn-arrow:hover::after{transform:none}.how-we-work-block .how-we-work__item-title .btn-arrow::after{flex-shrink:0;width:24.411px;height:24.411px;transition:opacity .3s ease}.how-we-work-block .how-we-work__items-titles.is-dimmed .how-we-work__item-title:not(.is-active){opacity:.2}.how-we-work-block .how-we-work__items-contents{position:relative}.how-we-work-block .how-we-work__item-close{display:none}.how-we-work-block .how-we-work__item-content{position:absolute;top:0;left:0;right:0;background-color:#fc0;padding:30px 21px 24px 34px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.how-we-work-block .how-we-work__item-content.is-active{opacity:1;visibility:visible}.how-we-work-block .how-we-work__item-content::before{content:"";display:block;position:absolute;top:0;right:calc(100% - 1px);width:45px;height:47px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='47' viewBox='0 0 45 47' fill='none'%3E%3Cpath d='M-0.00110446 -0.000112514L44.0742 46.0586L44.0742 -0.000114441L-0.00110446 -0.000112514Z' fill='%23FFCC00'/%3E%3C/svg%3E") no-repeat center/contain}.how-we-work-block .how-we-work__image svg{width:100%;max-width:521px;height:auto}.how-we-work-block .how-we-work__image svg circle{opacity:0;transform:scale(0);transform-box:fill-box;transform-origin:center}.how-we-work-block .how-we-work__image #hww-path{stroke-dasharray:971;stroke-dashoffset:971}.how-we-work-block .how-we-work__image #hww-arrow{opacity:0}@media(min-width: 992px)and (max-width: 1526px){.how-we-work-block .how-we-work__items{padding-left:118px;gap:76px}}@media only screen and (max-width: 991px){.how-we-work-block{padding-top:64px;padding-bottom:46px}.how-we-work-block .how-we-work__header{grid-template-columns:1fr;margin-bottom:94px}.how-we-work-block .how-we-work__items{position:relative;grid-template-columns:1fr;padding-left:77px;padding-right:45px;margin-bottom:76px}}@media only screen and (max-width: 991px)and (max-width: 374px){.how-we-work-block .how-we-work__items{padding-left:54px;padding-right:28px}}@media only screen and (max-width: 991px){.how-we-work-block .how-we-work__items-titles{margin:0 auto}.how-we-work-block .how-we-work__item-title .btn-arrow{gap:4px;font-size:14px;line-height:17px}.how-we-work-block .how-we-work__item-title .btn-arrow::after{width:16px;height:16px}}@media only screen and (max-width: 991px)and (max-width: 374px){.how-we-work-block .how-we-work__item-title .btn-arrow{font-size:12px;line-height:15px}}@media only screen and (max-width: 991px){.how-we-work-block .how-we-work__item-close{display:block;position:absolute;top:14px;right:14px;background:none;border:none;padding:6px;cursor:pointer;line-height:0}.how-we-work-block .how-we-work__item-content{position:static;opacity:0;visibility:hidden;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;transition:opacity .3s ease,visibility .3s ease,max-height .3s ease,padding .3s ease}.how-we-work-block .how-we-work__item-content.is-active{opacity:1;visibility:visible;max-height:500px;padding-top:30px;padding-bottom:24px;pointer-events:auto}.how-we-work-block .how-we-work__item-content::before{display:block;top:auto;bottom:calc(100% - 2px);right:auto;left:0;width:45px;height:47px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='47' viewBox='0 0 45 47' fill='none'%3E%3Cpath d='M44.0753 46.0587L0 0L-2.01329e-06 46.0587L44.0753 46.0587Z' fill='%23FFCC00'/%3E%3C/svg%3E")}.how-we-work-block .how-we-work__items-contents{position:absolute;top:-40px;left:0;pointer-events:none}}.how-we-work-block.is-animating .how-we-work__image #hww-dot-1{animation:hww-dot .5s ease-out 0s 1 both}.how-we-work-block.is-animating .how-we-work__image #hww-dot-2{animation:hww-dot .5s ease-out 0.4s 1 both}.how-we-work-block.is-animating .how-we-work__image #hww-dot-3{animation:hww-dot .5s ease-out 0.85s 1 both}.how-we-work-block.is-animating .how-we-work__image #hww-dot-4{animation:hww-dot .5s ease-out 1.3s 1 both}.how-we-work-block.is-animating .how-we-work__image #hww-dot-5{animation:hww-dot .5s ease-out 1.75s 1 both}.how-we-work-block.is-animating .how-we-work__image #hww-dot-6{animation:hww-dot .5s ease-out 2.2s 1 both}.how-we-work-block.is-animating .how-we-work__image #hww-dot-7{animation:hww-dot .5s ease-out 2.65s 1 both}.how-we-work-block.is-animating .how-we-work__image #hww-path{animation:hww-line 3s linear 0s 1 forwards}.how-we-work-block.is-animating .how-we-work__image #hww-arrow{animation:hww-arrow .4s ease-out 3s 1 both}@keyframes hww-dot{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes hww-line{from{stroke-dashoffset:971}to{stroke-dashoffset:0}}@keyframes hww-arrow{from{opacity:0}to{opacity:1}}
