#esg_framework .esg-panels{display:flex;flex-direction:column;gap:18px}#esg_framework .esg-panel{width:100%;max-width:1366px;height:255px;border-radius:24px;overflow:hidden;position:relative;margin:0 auto;transition:transform 0.3s ease;cursor:pointer}#esg_framework .esg-panel:hover{transform:scale(1.047)}#esg_framework .esg-panel:hover .panel-desc{opacity:1;visibility:visible;max-height:500px}#esg_framework .esg-panel:hover .panel-letter{font-size:264px}#esg_framework .esg-panel .panel-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#esg_framework .esg-panel .panel-background .panel-bg-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 0.3s ease}#esg_framework .esg-panel .panel-background .panel-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}#esg_framework .esg-panel .panel-content{position:relative;z-index:3;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px}#esg_framework .esg-panel .panel-content .panel-content-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#esg_framework .esg-panel .panel-content .panel-text,#esg_framework .esg-panel .panel-content .panel-letter{position:relative;z-index:1}#esg_framework .esg-panel .panel-text{display:flex;flex-direction:column;gap:24px;max-width:323px;margin-left:auto;color:#ffffff;padding-right:2rem;transition:all 0.3s ease}#esg_framework .esg-panel .panel-text .panel-title{text-align:right;margin-bottom:0;white-space:nowrap;font-weight:700;font-size:2rem;line-height:150%;transition:all 0.3s ease}#esg_framework .esg-panel .panel-text .panel-desc{margin-bottom:0;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:opacity 0.4s ease, visibility 0.4s ease, max-height 0.4s ease}#esg_framework .esg-panel .panel-text .panel-desc p{margin-bottom:0 !important}#esg_framework .esg-panel:hover .panel-text .panel-title{text-align:left}#esg_framework .esg-panel:hover .panel-text .panel-desc{opacity:1;visibility:visible;max-height:500px}#esg_framework .esg-panel .panel-letter{font-size:250px;line-height:1.5;text-align:right;white-space:nowrap;font-weight:900;color:#ffffff;opacity:1}@media only screen and (max-width:769px){#esg_framework .esg-panel{height:auto}#esg_framework .esg-panel .panel-text .panel-desc{opacity:1;visibility:visible;max-height:unset}#esg_framework .esg-panel .panel-content{justify-content:flex-end;flex-direction:column;align-items:end;padding:1rem}#esg_framework .esg-panel .panel-content .panel-letter{order:1;line-height:1}#esg_framework .esg-panel .panel-content .panel-text{order:2;padding:0;margin:unset;max-width:unset;text-align:left;gap:0.5rem}#esg_framework .esg-panel .panel-content .panel-text .panel-title{text-align:left}}