.case-study-grid{display:grid;gap:var(--wp--preset--spacing--50);grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.case-study-grid .case-study{align-items:center;background-color:var(--wp--preset--color--bnpp-green-tint-10);color:var(--wp--preset--color--bnpp-black);display:flex;flex-wrap:wrap;position:relative;text-decoration:none}@media screen and (max-width:768px){.case-study-grid .case-study{flex-direction:column;flex-wrap:nowrap}}.case-study-grid .case-study:hover [data-name=rotate45]{animation:rotate45 var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=rotate45reverse]{animation:rotate45reverse var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=rotate180]{animation:rotate180 var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=rotate180reverse]{animation:rotate180reverse var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=translateY10]{animation:translateY10 var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=translateY10reverse]{animation:translateY10reverse var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=translateX10]{animation:translateX10 var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=translateX10reverse]{animation:translateX10reverse var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study:hover [data-name=scale12]{animation:scale12 var(--animationDuration) var(--animationFillMode) var(--animationEasing)}.case-study-grid .case-study .case-study-content{display:flex;flex:1 1 200px;flex-direction:column;height:100%;padding:var(--wp--preset--spacing--60);transition:.3s}@media screen and (max-width:768px){.case-study-grid .case-study .case-study-content{flex:1;width:100%}}.case-study-grid .case-study .case-study-content h3{color:var(--wp--preset--color--bnpp-black);font-size:var(--wp--preset--font-size--heading-xs)}.case-study-grid .case-study .case-study-content:has(+.icon){padding-right:0}.case-study-grid .case-study .case-study-content .tags{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--20)}.case-study-grid .case-study .case-study-content .tags .tag{align-items:center;background-color:var(--wp--preset--color--bnpp-green-tint-10);border:1px solid var(--wp--preset--color--bnpp-green-tint-10);border-radius:3px;color:var(--wp--preset--color--bnpp-black);display:flex;gap:var(--wp--preset--spacing--20);margin-right:var(--wp--preset--spacing--10);padding:var(--wp--preset--spacing--20)}.case-study-grid .case-study .case-study-content .tags .tag span{display:block;white-space:nowrap}.case-study-grid .case-study .case-study-content .tags .tag img{border-radius:50%;height:30px;-o-object-fit:cover;object-fit:cover;width:30px;width:100%}.case-study-grid .case-study .icon{display:flex;flex:0 1 200px;height:100%;position:relative}@media screen and (max-width:768px){.case-study-grid .case-study .icon{position:static}.case-study-grid .case-study .icon svg{margin:0 auto;max-width:200px;width:100%}}.case-study-grid .case-study .icon{--animationDuration:1s;--animationEasing:ease-in-out;--animationFillMode:forwards}@keyframes rotate45reverse{0%{transform:rotate(0deg)}to{transform:rotate(45deg)}}@keyframes rotate45{0%{transform:rotate(0deg)}to{transform:rotate(-45deg)}}@keyframes rotate180reverse{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotate180{0%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}@keyframes translateY10{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes translateY10reverse{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes translateX10{0%{transform:translateX(0)}to{transform:translateX(10px)}}@keyframes translateX10reverse{0%{transform:translateX(0)}to{transform:translateX(-10px)}}@keyframes scale12{0%{transform:scale(1)}to{transform:scale(1.2)}}.case-study-grid .case-study .icon :is([data-name=rotate45],[data-name=rotate45reverse],[data-name=rotate180],[data-name=rotate180reverse],[data-name=translateY10],[data-name=translateY10reverse],[data-name=translateX10],[data-name=translateX10reverse],[data-name=scale12]){transform-box:fill-box;transform-origin:center}.case-study-grid .case-study .icon #ngx-icon-speedometer [data-name=rotate45reverse]{transform-origin:100% 83%}.case-study-grid .case-study .icon #ngx-icon-turbine [data-name=rotate180reverse]{transform-origin:50% 65%}.case-study-grid.dark .case-study{border:1px solid var(--wp--preset--color--white)}@media screen and (max-width:768px){.case-study-grid.dark .case-study .case-study-content:has(+.icon){border-bottom:1px solid var(--wp--preset--color--white)}}.case-study-grid.dark .case-study .case-study-content h3{color:var(--wp--preset--color--white)}.case-study-grid.dark .case-study .case-study-content .learn-more{color:#7dcbba}.case-study-grid.dark .icon{border-left:1px solid var(--wp--preset--color--white)}@media screen and (max-width:768px){.case-study-grid.dark .icon{border-left:none}}