.tools{display:flex;flex-direction:column;gap:var(--spacing-xl)}.tools__title{align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr minmax(0,450px)}.tools__title h2,.tools__title p{margin-bottom:0}.tools__list{flex-direction:column}.tool,.tools__list{display:flex;gap:var(--spacing-xl)}.tool{align-items:flex-start;flex-direction:row;position:relative}.tool-image{border-radius:16px;height:124px;max-height:124px;max-width:250px;opacity:0;overflow:clip;transition:var(--transition);width:250px}.tool--active .tool-image,.tool:hover .tool-image{opacity:1}.tool-image img{height:100%;object-fit:cover;object-position:center;width:100%}.tool-content{border-bottom:1px solid var(--rich-blue);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr minmax(0,450px);opacity:.5;padding:var(--spacing-xl) 0;transition:var(--transition);width:100%}.tool--active .tool-content,.tool:hover .tool-content{opacity:1}.tool-content__title h3{margin-bottom:0}.tool-content__title h3 svg{max-height:30px;opacity:0;transition:var(--transition)}.tool--active .tool-content__title h3 svg,.tool:hover .tool-content__title h3 svg{opacity:1}.tool-content__description p{margin-bottom:0}@media screen and (max-width:1023px){.tool{align-items:stretch}.tool-image{flex:1 1 auto}.tool-content,.tools__title{gap:var(--spacing-md);grid-template-columns:1fr}}@media screen and (max-width:720px){.tool{flex-direction:column;gap:var(--spacing-md)}.tool-image{margin-bottom:0;opacity:1;width:250px}.tool-content{opacity:1;padding:0;padding-bottom:var(--spacing-sm)}.tool-content__title h3{font-size:24px}.tool-content__title h3 svg{opacity:1}}