.SectionDetails{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.SectionDetails__container{background:var(--color-grey);display:flex;width:1000px;border-radius:8px;padding:20px}.SectionDetails__container--reversed{background:var(--color-white)}.SectionDetails__container--darkMode{background:var(--color-dark-grey)}.SectionDetails__container--darkMode--reversed{background:var(--color-dark-black)}@media screen and (max-width:1100px){.SectionDetails__container{width:600px;flex-direction:column}.SectionDetails__container--reverse{flex-direction:column-reverse}}@media screen and (max-width:620px){.SectionDetails__container{width:90%}}.SectionDetails__element{width:50%;display:flex;flex-direction:column}@media screen and (max-width:1100px){.SectionDetails__element{width:100%}}.SectionDetails__title{margin:0 0 40px}.SectionDetails__values{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.SectionDetails__image__container{width:350px;height:200px;margin:auto;position:relative;display:flex;align-items:center;justify-content:center}.SectionDetails__image__container--hover{cursor:pointer}.SectionDetails__image__container:hover{.SectionDetails__filter{opacity:.3}.SectionDetails__label{opacity:1}}.SectionDetails__filter{width:100%;height:100%;position:absolute;top:0;opacity:0;background:var(--color-violet)}.SectionDetails__filter--darkMode{background:var(--color-dark-violet)}.SectionDetails__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.SectionDetails__image{border:1px solid var(--color-grey);max-width:100%;max-height:100%}.SectionDetails__image--darkMode{border:1px solid var(--color-dark-grey);filter:brightness(.8) contrast(1.2)}@media screen and (max-width:1100px){.SectionDetails__image__container{width:400px;margin:20px auto 0}}@media screen and (max-width:620px){.SectionDetails__image__container{width:90%}}.SectionDetails__paragraph{margin:0}@media screen and (max-width:1100px){.SectionDetails__paragraph{margin:0 0 20px}}.SectionDetails__technos{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.SectionDetails__softs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}@media screen and (max-width:1100px){.SectionDetails__softs{margin:0 0 20px}}.SectionDetails__globals{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.SectionDetails__action{width:1000px}@media screen and (max-width:1100px){.SectionDetails__action{width:600px}}@media screen and (max-width:620px){.SectionDetails__action{width:90%}}