.roof-accordion__item{position:relative;border-bottom:1px solid #ececf1;background:#fff;transition:background-color .35s ease}.roof-accordion__item:nth-child(even){background:#fbfbfd}.roof-accordion__item::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#35f;transform:scaleY(0);transform-origin:top;transition:transform .4s ease}.roof-accordion__item.is-active::before{transform:scaleY(1)}.roof-accordion__header{background:var(--White,#fff);background:0 0;box-shadow:0 -12px 16px 0 rgba(27,28,34,.04) inset;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 48px;border:none;cursor:pointer;text-align:left;font:inherit}.roof-accordion__header:hover .roof-accordion__title{color:#fff}.roof-accordion__title{color:var(--Black,#071340);font-family:"Nata Sans";font-size:28px;font-style:normal;font-weight:700;line-height:115%;text-transform:uppercase}.roof-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease}.roof-accordion__item.is-active .roof-accordion__panel{grid-template-rows:1fr}.roof-accordion__panel-inner{overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 48px}.roof-accordion__text{color:var(--Gray-text,#8a8fa8);font-variant-numeric:lining-nums proportional-nums;font-family:Raleway;font-size:16px;font-style:normal;font-weight:400;line-height:125%;letter-spacing:.16px;max-width:620px}.roof-accordion__media{flex:0 0 auto;padding-bottom:24px;opacity:0;transform:translateY(12px);transition:opacity .6s ease .15s,transform .6s ease .15s}.roof-accordion__item.is-active .roof-accordion__media{opacity:1;transform:translateY(0)}.roof-accordion__media img{max-width:260px;width:100%;height:auto;display:block}@media (max-width:768px){.roof-accordion__header{padding:22px 20px}.roof-accordion__title{font-size:16px}.roof-accordion__panel-inner{flex-direction:column;align-items:flex-start;padding:0 20px}.roof-accordion__media{padding-bottom:20px}}