@font-face { font-family: InvescoEditor; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/InvescoEditor-Regular.woff2") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Avenir; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/avenir-45book.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Avenir; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/avenir95-black.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Graphik; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Graphik-Regular-Web.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Graphik; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Graphik-Medium-Web.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html { scroll-behavior: smooth; }
#BRHead { padding: 0px; background: rgb(0, 0, 0); }
.headasia {width: 45%;/* max-width: 800px; */margin: 150px 30px 0;position: relative;z-index: 5;background: #fff;padding: 30px;border-radius: 6px;}
#BRHead .darkside .headasia h1 {color: #000;font-size: 56px;font-weight: 700;line-height: 1;}
#BRHead .darkside .headasia h2 {color: #000;font: 18px / 24px Avenir;}
#BRHead .darkside .headasia span {color: rgb(255 255 255);font: 500 14px / 24px Avenir;text-transform: uppercase;}
#BRHead .darkside .headasia big {color: #000;font: 400 12px / 24px Avenir;text-transform: uppercase;background: #bed500;border-radius: 3px;padding: 6px 12px;font-weight: 400;letter-spacing: 1.5px;}
.info { font-size: 14px; font-family: Avenir; }
.icosx{display: flex;gap: 24px;align-items: center;}
.covercorner, .covercornersolid { position: relative; }
.covercorner::before { position: absolute; bottom: -6px; right: 0px; content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/federated-hermes/corner.png"); }
.covercornersolid::before {position: absolute;bottom: -7.5px;right: 30px;opacity: 0.85;/* content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/capital-group/clock.png"); */z-index: 0;}
.covercorner.opa::before { opacity: 0.78; }
.cover-stripe { background-color: rgb(18, 18, 18); opacity: 1; height: 450px; width: 450px; max-width: 100%; overflow: hidden; position: relative; }
.cover-stripe::before { position: absolute; top: 0px; right: -1px; content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/federated-hermes/corner-stripe.png"); z-index: 12; }
.cover-stripe.grad::before { position: absolute; top: 0px; right: -1px; content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/federated-hermes/corner-stripe-grad.png"); z-index: 12; }
.background-video-container { pointer-events: none; z-index: 10; position: absolute; top: 0px; right: 0px; height: 100%; width: 100%; }
.background-video-container video { background-size: cover; height: auto; min-width: 100%; min-height: 100%; transform: translateX(-50%) translateY(-50%); width: auto; position: absolute; top: 50%; bottom: 0rem; left: 50%; max-width: initial; }
.box-us-equity { background: linear-gradient(90deg, rgb(1, 33, 105) 0%, rgb(0, 81, 141) 50%, rgb(0, 125, 174) 100%); color: rgb(255, 255, 255); padding: 50px; margin: 50px; }
a.btn-equity { border: 2px solid rgb(0, 163, 224); border-radius: 23px; background-color: transparent; display: inline-block; margin-top: 6px; font-size: 18px; font-weight: normal; text-transform: uppercase; line-height: 1.89em; color: rgb(255, 255, 255); letter-spacing: -0.36px; padding: 4px 42px; font-family: "Avenir Medium", sans-serif; transition: 0.3s; }
a:hover.btn-equity { background: rgb(0, 163, 224); }
.iellostripe { border-left: 10px solid rgb(67, 164, 224); }
.fhprofile { display: flex; flex-direction: row; gap: 12px; border-left: 10px solid rgb(67, 164, 224); padding-left: 12px; }
.hprofile { position: absolute; left: 0px; bottom: 0px; display: flex; flex-direction: row; gap: 12px; border-left: 10px solid rgb(67, 164, 224); padding-left: 12px; }
.hprofilemob { display: flex; flex-direction: row; gap: 12px; border-left: 10px solid rgb(67, 164, 224); padding-left: 12px; }
.hprofile h4, .fhprofile h4, .hprofilemob h4 { font-family: Avenir, sans-serif; font-size: 22px; letter-spacing: 0px; color: rgb(1, 33, 105); }
.hprofile h5, .fhprofile h5, .hprofilemob h5 { font-family: Avenir, sans-serif; font-size: 20px; letter-spacing: 0px; color: rgb(115, 121, 126); font-weight: 400; }
.dropcard { display: inline-block; position: relative; }
.dropbox { height: 150px; width: 150px; background-color: rgb(37, 49, 117); border-radius: 50% 6px 50% 50%; rotate: 45deg; color: rgb(255, 255, 255); background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); box-shadow: rgba(0, 0, 0, 0.4) 4px 1px 10px 1px; }
.dropcard h6 { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: rgb(255, 255, 255); font-family: Avenir; font-size: 22px; }
.flowchart h6 { font-family: Avenir, sans-serif; font-size: 18px; color: rgb(71, 172, 228); text-align: center; }
.flowchart ul { display: flex; flex-direction: row; justify-content: space-around; list-style: none; }
.bgdarkgrey { background: rgb(23, 27, 34); color: rgb(255, 255, 255); }
.bgblucapital {background: #f6f6f6;color: #000;}
.bgcianocapital {background: #e7fcfe;color: #000;}
.bginvesco {background: #290bd4;color: #fff;}
.bginvesco p a{color: rgb(193 175 121)!important;}
.bginvesco p a:hover{color: #5a9cfe!important;}
.highcharts-figure p{font-size:12px;}
.cianowrapper{display: flex;gap:48px}
.istxt .cianobox p{text-align: left;font-size: 18px;line-height: 1.5;}
.cianobox{min-width: 30%;}
.goldimg{background: url(https://static.milanofinanza.it/milanofinanza/images/speciali/invesco/goldbar.jpg) no-repeat center center;}
.materieimg{background: url(https://static.milanofinanza.it/milanofinanza/images/speciali/invesco/materie.jpg) no-repeat center center;}
.txt-blu{color: #005f9e;}
.istxt .Avenirfont{font-family: Avenir;font-weight: 700;color: #000;}
.videosummary { background: rgb(67, 164, 224); color: rgb(255, 255, 255); padding: 40px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; display: flex; align-items: flex-end; }
.videosummary p { font-family: Avenir, sans-serif; font-size: 16px; }
.droptxt { display: flex; flex-direction: column; font-family: Avenir; font-size: 14px; max-width: 100%; }
.ccyan { color: rgb(68, 162, 225); }
.cgreen { color: rgb(111, 179, 43); }
.corange { color: rgb(223, 95, 42); }
.dbcyan { background-color: rgb(68, 162, 225); }
.dbgreen { background-color: rgb(111, 179, 43); }
.dbtange { background-color: rgb(236, 164, 0); }
.dborange { background-color: rgb(223, 95, 42); }
.dbmagenta { background-color: rgb(216, 17, 82); }
.dbviola { background-color: rgb(149, 7, 109); }
.dbazul { background-color: rgb(120, 195, 205); }
.bgquant { background: rgb(240, 240, 240); }
.txtcyan { color: rgb(68, 163, 224); }
.txtgreen { color: rgb(111, 179, 43); }
.txtorange { color: rgb(223, 95, 42); }
.legenda { display: flex; justify-content: center; gap: 25px; margin-bottom: 25px; }
.disclaimer { font-family: Avenir; font-size: 12px; line-height: 14px; position: absolute; bottom: 15px; left: 15px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.46); padding: 4px; max-width: 70%; }
.disclaimermob { font-family: Avenir; background: rgba(0, 0, 0, 0.1); max-width: 100%; padding: 6px; font-size: 12px !important; font-weight: 400 !important; line-height: 14px !important; color: rgb(110, 110, 110) !important; text-transform: none !important; }
.legenda { }
.legenda h6 { color: rgb(255, 255, 255); font-family: Avenir; font-size: 14px; }
.text-cyan { color: rgb(92, 164, 224); }
.video-background { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%; margin: 0px; z-index: -2; }
.splash-china video { border-bottom-left-radius: 5vw; border-top-left-radius: 5vw; border-bottom-right-radius: 5vw; }
.splash-bamboo { position: relative; height: 294px; width: 100%; }
.splash-bamboo::before { --s: 20px; --c1: #fafafa; --c2: #000000; --_g: #0000, #0004 5%,
     var(--c2) 6%  14%,var(--c1) 16% 24%,var(--c2) 26% 34%,var(--c1) 36% 44%,
     var(--c2) 46% 54%,var(--c1) 56% 64%,var(--c2) 66% 74%,var(--c1) 76% 84%,
     var(--c2) 86% 94%,#0004 95%,#0000; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: var(--s) calc(2*var(--s)); opacity: 0.3; border-bottom-left-radius: 5vw; border-top-right-radius: 5vw; border-bottom-right-radius: 5vw; content: ""; position: absolute; width: 100%; height: 294px; left: 0px; }
.splash-bamboo video { border-bottom-left-radius: 5vw; border-top-right-radius: 5vw; border-bottom-right-radius: 5vw; }
.fhquote p:first-of-type { padding: 15px 25px; border-left: 10px solid rgb(1, 33, 105); color: rgb(255, 255, 255); font: 24px / 32px Avenir; }
.fhquote p:last-of-type { padding: 15px 35px; color: rgb(255, 255, 255); margin-bottom: 0px; }
.mainB { display: flex; align-items: center; }
.Bsx { }
.Bdx { }
.Borange { background: rgb(242, 166, 59) !important; }
.Bgreen { background: rgb(120, 190, 32) !important; }
.Bpink { background: rgb(255, 40, 96) !important; }
.accordion { width: 100%; max-width: 500px; overflow: hidden; margin-top: 20px; background-color: rgb(0, 163, 224); border-bottom-left-radius: 5vw; border-top-right-radius: 5vw; border-bottom-right-radius: 5vw; }
.accordion__intro { position: relative; padding: 20px; cursor: pointer; }
.accordion__content { padding: 0px 20px; max-height: 0px; overflow: hidden; will-change: max-height; transition: 0.25s ease-out; color: rgb(241, 241, 241); opacity: 0; }
.accordion h4, .accordion p { margin: 0px; line-height: 1; }
.accordion h4 { color: rgb(255, 255, 255); font-size: 26px; font-weight: 500; font-family: Avenir; }
.accordion p { color: rgb(241, 241, 241); font: 18px / 24px Avenir; margin: 0px 15px 40px; }
.accordion__active .accordion__content { padding: 0px 20px 20px; opacity: 1; }
ul.fhpoint { margin-bottom: 40px; list-style-type: none; padding-inline-start: 40px; position: relative; }
ul.fhpoint li { font: 22px / 32px Avenir; margin-bottom: 20px; }
ul.fhpoint li::before { content: url("https://static.milanofinanza.it/milanofinanza/images/speciali/federated-hermes/blue-pin.svg"); height: 16px; width: 16px; position: absolute; display: inline-block; left: 0px; }
#container { padding: 10px; background: rgb(255, 255, 255); }
.legend { display: flex; gap: 15px; margin-bottom: 10px; font-family: sans-serif; justify-content: center; font-size: 14px; }
.legend-item { cursor: pointer; display: flex; align-items: center; gap: 6px; }
.legend-color { width: 12px; height: 12px; }
.inactive { opacity: 0.3; }
.fhbaloon p a { color: rgb(9, 68, 107) !important; }
.fhbaloon p a:hover { color: rgb(24, 112, 220) !important; }

.terminator { display: flex; flex-direction: column; align-items: center; padding: 1em; border-top-left-radius: 5vw; border-top-right-radius: 5vw; border-bottom-right-radius: 5vw; background-color: rgb(92, 164, 224); color: rgb(255, 255, 255); font-weight: 400; font-size: 20px; width: 120%; min-width: 116px; max-width: 420px; }
.fhbaloon { display: flex; align-items: center; padding: 1em; border-bottom-left-radius: 5vw; border-top-right-radius: 5vw; border-bottom-right-radius: 5vw; background-color: rgb(0, 163, 224); color: rgb(255, 255, 255); font-weight: 400; font-size: 20px; }
.process2 { display: flex; align-items: center; padding: 1em; background-color: rgb(201, 201, 201); border-radius: 50%; width: 109.5px; justify-content: center; font-size: 30px; }
.process { display: flex; align-items: center; padding: 1em 2em; background-color: rgb(201, 201, 201); }
.decision { position: relative; display: flex; align-items: center; padding: 1em 2em; background-color: rgb(201, 201, 201); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.torange { background-color: rgb(230, 105, 53); }
.tgreeen { background-color: rgb(125, 188, 28); }
.canvasbox { height: 100%; overflow: hidden; background: rgb(2, 2, 10); -webkit-font-smoothing: antialiased; }
canvas { position: absolute; top: 0px; left: 0px; height: 100%; display: block; }
.pepsi { background: rgb(252, 252, 252); padding: 0px 10px; z-index: 2; }
.graphsmall{display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;height: stretch;}
.btncapital{background: #285f9e;color: #fff;padding: 20px;text-transform: uppercase;font-size: 12px;font-weight: 700;transition: all .3s ease;cursor: pointer;}
.btncapital:hover{background: #fff;color: #285f9e;padding: 20px 30px;}

.iellobg { background: rgb(253, 207, 0); }
.iellobg p a { font-weight: 900; padding-bottom: 2px; border-bottom: 1px dotted; color: rgb(0, 0, 0) !important; text-decoration: none !important; }
.iellobg p a:hover { color: rgb(251, 77, 22) !important; font-weight: 900; }
.iellotitle h3 { color: rgb(0, 0, 0); background: rgb(253, 207, 0); font-size: 24px; padding: 20px; margin: 0px; }
.iellotitle.orangebr h3 { color: rgb(0, 0, 0); background: rgb(254, 71, 19); font-size: 24px; padding: 20px; margin: 0px; }
.iellotitle.pinkbr h3 { color: rgb(0, 0, 0); background: rgb(247, 139, 219); font-size: 24px; padding: 20px; margin: 0px; }
.iellotitle { background: rgb(255, 255, 255); }
.iellotitlebodi { padding: 30px; }
.iellotitle .titlebox { position: relative; }
.iellotitle .titlebox h3 { position: absolute; left: 30px; max-width: 400px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 100px 30px; font-size: 32px; }
.brprodotto { background: rgb(253, 207, 0); padding: 30px; color: rgb(0, 0, 0); display: flex; justify-content: space-between; align-items: center; transition: 0.2s; margin: 30px 30px 10px; flex-direction: row; }
.brprodotto:hover { background: rgb(253, 207, 0); box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }
.brprodotto.orangebr { background: rgb(254, 71, 19); }
.brprodotto.orangebr:hover { background: rgb(254, 71, 19); }
.brprodotto.pinkbr { background: rgb(247, 139, 219); }
.brprodotto.pinkbr:hover { background: rgb(247, 139, 219); }
.brprodotto h4 { font-size: 24px; margin: 0px; }
.brprodotto h4 small { font-size: 14px; text-transform: uppercase; margin-bottom: 6px; display: flex; justify-content: space-between; }
.btn000 { background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; font-family: FortExtraBold; padding: 8px 26px; display: flex; align-items: center; transition: 0.2s; }
.btn000:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.bg-lgrey { background: rgb(240, 240, 240) !important; }
.bg-dark { color: rgb(255, 255, 255); background: rgb(16, 26, 105) !important; }
.bg-darkimg { color: rgb(255, 255, 255); background-size: cover; background-color: rgb(16, 26, 105); background-image: url("//static.milanofinanza.it/milanofinanza/images/speciali/federated-hermes/gradient.svg") !important; }
.brelenco { display: flex; align-items: center; gap: 12px; }
.brdivider { background: rgb(0, 0, 0); height: 10px; width: 150px; margin: 0px auto 50px; display: block; }
.bg-darktrasp { background: rgb(68, 163, 224); z-index: 0; }
.bg-darktrasp h3, .bg-darktrasp h3 a { font-family: Avenir; font-weight: 700; color: rgb(255, 255, 255); z-index: 3; text-align: center; transition: 0.2s; margin: 50px 0px; }
.bg-darktrasp h3 a:hover { color: rgb(144, 98, 188); }
.bg-darktrasp h3 span { font-family: Avenir; font-weight: 400; }
.footer { margin-top: 0px !important; }
.rowmax1600 { max-width: 1600px; margin: 0px auto; }
#BRHead .breadcrumb .breadcrumb_row .breadcrumb_wrapper { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; font: 13px / 16px FortBook; text-transform: uppercase; width: 100%; }
#BRHead .breadcrumb .breadcrumb_row .breadcrumb_wrapper .breadcrumb_voice { font: 12px / 12px FortExtraBold; letter-spacing: -0.5px; text-transform: uppercase; }
#BRHead .breadcrumb .breadcrumb_row .breadcrumb_wrapper .breadcrumb_voice.blue::before { content: url("../images/speciali/blackrock/stix.png"); position: absolute; bottom: -2px; }
#BRHead h1 {margin-top: 25px;font: 47px / 50px InvescoEditor;}
#BRHead h2 {margin-top: 20px;font: 20px / 28px FortBook;}
#Navsticky { background-color: rgb(247, 139, 219); padding: 20px 20px 10px; width: 90%; margin: -20px auto -50px; position: relative; z-index: 99; overflow: hidden; transition: 0.3s; }
#Navsticky.ncyan { background-color: rgb(0, 169, 224); }
#Navsticky.nyellow { background-color: rgb(255, 206, 0); }
#Navsticky.stickybar { position: fixed; top: 0px; left: 0px; width: 100%; margin: 0px; transition: 0.3s; }
.stickybar + .content_flex_wrapper { padding-top: 100px; }
.reading { margin-bottom: 15px; font-weight: 700; font-style: italic; }
#BRIsin { background-color: rgb(255, 206, 0); padding: 50px 30px; width: 90%; margin: -20px auto -50px; position: relative; z-index: 98; }
.reading { margin-bottom: 15px; font-weight: 700; font-style: italic; }
#metalli { padding: 50px 0px 0px; }
#rinnovabili { padding: 0px; }
#metalli figure, #acqua figure, #rinnovabili figure, #legname figure, #agroalimentare figure { position: relative; }
#metalli figcaption, #acqua figcaption, #rinnovabili figcaption, #legname figcaption, #agroalimentare figcaption { position: absolute; top: 30px; text-align: center; font: 26px / 26px FortExtraBold; text-transform: uppercase; background: transparent; }
#metalli figcaption span { background: rgb(144, 98, 188); color: rgb(0, 0, 0); padding: 20px 70px 40px 20px; }
#acqua figcaption span { background: rgb(0, 169, 224); color: rgb(0, 0, 0); padding: 19px 100px 40px 20px; }
#rinnovabili figcaption span { background: rgb(255, 206, 0); color: rgb(0, 0, 0); padding: 20px 50px 40px 20px; }
#legname figcaption span { background: rgb(114, 202, 51); color: rgb(0, 0, 0); padding: 20px 100px 40px 20px; }
#agroalimentare figcaption span { background: rgb(247, 139, 219); color: rgb(0, 0, 0); padding: 20px 100px 40px 20px; }
.speaker { float: left; margin-right: 25px; }
.table.tishares thead th { border-bottom: 2px solid rgb(0, 0, 0); background: rgb(230, 230, 230); }
table.table.tishares tbody tr td { padding: 16px 20px; }
table.table.tishares tbody tr td a { color: rgb(0, 0, 0); }
table.table.tishares tbody tr td a:hover { color: rgb(0, 0, 0); font-size: 105%; text-decoration: underline !important; }
.tpurple { font-weight: 700; background: rgb(144, 98, 188); }
.tyellow { font-weight: 700; background: rgb(255, 206, 0); }
.tcyan { font-weight: 700; background: rgb(0, 169, 224); }
.tgreen { background: rgb(114, 202, 51); }
.tpink { font-weight: 700; background: rgb(247, 139, 219); }
sup { font-weight: 700; font-size: 12px; }
small { display: block; }
#BRIsin h4, #Navsticky h4 { display: inline-block; }
#BRIsin a, #Navsticky a { display: block; position: relative; padding: 0.3em 0px; }
#BRIsin a:hover, #Navsticky a:hover { color: rgb(0, 0, 0); }
#BRIsin a::after, #Navsticky a::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0.2em; background-color: rgb(0, 0, 0); opacity: 0; transition: opacity 300ms, transform 300ms; }
#BRIsin a:hover::after, #BRIsin a:focus::after, #Navsticky a:hover::after, #Navsticky a:focus::after { opacity: 1; transform: translate3d(0px, 0.2em, 0px); }
#BRIsin h4 a { overflow: hidden; }
#BRIsin h4 a::after { transform: translate3d(-100%, 0px, 0px); }
#BRIsin h4 a:hover::after, #BRIsin h4 a:focus::after { transform: translate3d(0px, 0px, 0px); }
#BRIsin .big h4 { font: 38px / 42px FortExtraBold; }
#BRIsin h4 small { font: 16px / 20px FortExtraBold; }
#BRIntro { background: rgb(244, 241, 235); font: 18px / 24px FortBook; padding: 20px 40px 30px; }
#BRIntro.ntre { background: rgb(255, 255, 255); border: 3px solid rgb(0, 0, 0); padding: 40px 40px 30px; }
#BRIntro p a { color: rgb(0, 0, 0); }
#BRIntro p a:hover { color: rgb(90, 156, 254); }
.BRtxt h3, #BRtxt h3, #BRtxt2 h3, #BRtxt3 h3, #BRtxt4 h3 { font: 34px / 36px FortExtraBold; text-align: left; }
#BRtxt2 h4 { font: 22px / 26px FortExtraBold; text-align: left; }
.BRtxt p, #BRtxt p, #BRtxt2 p, #BRtxt3 p, #BRtxt4 p { font: 18px / 24px FortBook; text-align: justify; }
#BRpink { background-color: rgb(214, 213, 221); }
#BRvantaggio { background-color: rgb(255, 255, 255); border-bottom: 4px solid rgb(0, 0, 0); border-top: 4px solid rgb(0, 0, 0); }
#BRpink h3, #BRvantaggio h3 { font: 32px / 36px FortExtraBold; }
#BRpink p, #BRvantaggio p { font: 18px / 24px FortBook; text-align: justify; }
#BRpink p.psmall { font-size: 15px; line-height: 20px; margin: 15px; color: rgb(82, 82, 82); }
#BRfinal { padding: 40px; }
#BRfinal h3 { font: 46px / 56px FortExtraBold; text-align: center; }
#BRfinal .blockquote p { font: 18px / 24px FortBook; text-align: justify; }
#BRfinal .blockquote img { margin: 0px auto; display: block; }
#BRfinal .blockquote { padding: 60px 80px 40px; position: relative; }
#BRfinal blockquote.one::before { position: absolute; font-family: FortExtraBold; top: -30px; left: 0px; content: "1."; font-size: 200px; color: rgba(0, 0, 0, 0.1); }
#BRfinal blockquote.two::before { position: absolute; font-family: FortExtraBold; top: -30px; left: 0px; content: "2."; font-size: 200px; color: rgba(0, 0, 0, 0.1); }
#BRfinal blockquote.three::before { position: absolute; font-family: FortExtraBold; top: -30px; left: 0px; content: "3."; font-size: 200px; color: rgba(0, 0, 0, 0.1); }
#BRfinal blockquote.four { background: linear-gradient(to right, rgb(229, 229, 229) 10px, transparent 10px) 0% 0% / 40px 40px no-repeat, linear-gradient(rgb(229, 229, 229) 10px, transparent 10px) 0% 0%, linear-gradient(to left, rgb(229, 229, 229) 10px, transparent 10px) 100% 100%, linear-gradient(to top, rgb(229, 229, 229) 10px, transparent 10px) 100% 100%; }
#BRfinal blockquote.four::after { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.blockquote::after { content: ""; top: 20px; left: 50%; margin-left: -100px; position: absolute; border-bottom: 3px solid rgb(255, 71, 19); height: 3px; width: 200px; }
p a { font-weight: 700; color: rgb(0, 0, 0); text-decoration: underline !important; }
#Ishare { background: linear-gradient(rgb(255, 255, 255) 50%, rgb(0, 169, 224) 50%); padding: 50px; }
#Ishare h3 { font: 58px / 58px FortExtraBold; letter-spacing: -0.8px; text-transform: uppercase; margin-top: 50px; }
#Ishare p { font: 24px / 28px FortBook; letter-spacing: 0px; margin-top: 10px; }
#preston { padding: 50px 50px 40px 0px; text-align: center; }
#acqua { padding: 0px 50px 40px 0px; text-align: center; }
#BRtxt.titlepink h3 { text-align: center; background: rgb(247, 139, 219); padding: 15px; margin: 30px; }
#BRtxt.titlepink h6 { text-align: center; margin-top: 10px; }
#BRtxt.titlepink p { text-align: center; font-size: 95%; }
.bgbaloon { background: rgb(131, 220, 252); padding: 30px 20px 20px; border-radius: 16px; }
.breadcrumb .breadcrumb_row .breadcrumb_wrapper .breadcrumb_voice.blue { color: rgb(33, 33, 33); width: 450px; white-space: nowrap; overflow: hidden; padding: 1px; text-overflow: ellipsis; }
#BRIntro.nquattro { background: rgb(255, 255, 255); border-top: 4px solid rgb(0, 0, 0); border-bottom: 4px solid rgb(0, 0, 0); padding: 40px 40px 30px; }
.boxpurple { background: rgb(144, 98, 188); padding: 30px; }
.boxyellow { background: rgb(255, 206, 0); padding: 30px; }
.boxcyan { background: rgb(0, 169, 224); padding: 30px; }
.boxgreen { background: rgb(114, 202, 51); padding: 30px; }
.boxpink { background: rgb(247, 139, 219); padding: 30px; }
#BRtxt .blockquote { padding: 0px 0px 0px 20px; position: relative; }
#BRtxt blockquote::before { position: absolute; font-family: FortExtraBold; top: -65px; left: -20px; content: "''"; font-size: 200px; color: rgba(0, 0, 0, 0.1); }
#BRtxt .blockquote::after { content: ""; top: auto; bottom: -20px; left: 50%; margin-left: -100px; position: absolute; border-bottom: 3px solid rgb(102, 181, 46); height: 3px; width: 200px; }
.small { font-size: 80% !important; line-height: 1.5 !important; }
#cta img { margin-right: 30px; float: left; }
#cta h3 { font: 56px / 50px FortExtraBold; text-transform: uppercase; margin-top: 30px; }
#cta p { font: 18px / 24px FortBook; text-align: justify; }
a.ctabtn { background: rgb(255, 255, 255); padding: 10px 15px; font: 900 14px / 24px FortBook; text-align: center; color: rgb(0, 0, 0); text-transform: uppercase; }
a:hover.ctabtn { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
a:hover .boxcyan { color: rgba(0, 0, 0, 0.66); }
ul.icop5:hover li span { color: rgb(255, 255, 255); }
ul.icop5 { list-style: none; padding-left: 10px; }
ul.icop5 li { display: flex; }
ul.icop5 li span { font: 25px / 25px FortExtraBold; letter-spacing: -0.8px; padding: 25px; }
ul.icop5 li:nth-child(1) { background: rgb(114, 202, 51); }
ul.icop5 li:nth-child(2) { background: rgb(0, 169, 224); }
ul.icop5 li:nth-child(3) { background: rgb(144, 98, 188); }
ul.icop5 li:nth-child(4) { background: rgb(247, 139, 219); }
ul.icop5 li:nth-child(5) { background: rgb(214, 213, 221); }
.darkside {color: rgb(0 0 0);min-height: 749px;}
#BRHead .darkside h1 { color: rgb(0, 169, 224); }
#BRHead .darkside h2 { color: rgb(241, 241, 241); }
#BRHead .darkside .breadcrumb .breadcrumb_row .breadcrumb_wrapper .breadcrumb_voice { color: rgb(241, 241, 241); }
.video24 { background: rgb(18, 18, 18); }
.video24 h3 { margin: 15px 0px 5px; background: rgb(0, 123, 255); color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; display: inline-block; padding: 0px 15px; border-radius: 4px; text-transform: uppercase; font-size: 18px; }
.video24 h3 a { color: rgb(255, 255, 255); }
.video24 h3 a:hover { color: rgb(221, 221, 221); }
.video24 h4 a { color: rgb(255, 255, 255); }
.video24 h4 a:hover { color: rgb(221, 221, 221); }
.video24 p { color: rgb(209, 208, 207); }
a.indices { color: rgb(255, 255, 255); }
a:hover.indices { color: rgb(255, 255, 255); background: rgb(0, 0, 0); display: block; }
.indices span { color: rgb(255, 255, 255); text-align: left; text-transform: uppercase; font-size: 12px; }
.indices h6 { color: rgb(255, 255, 255); font-size: 15px; }
.indices { color: rgb(255, 255, 255); display: block; }
.balance { margin: 0px; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
figcaption img { width: 150px; display: block; margin: 0.5rem auto; }
.no-skin { background: rgb(241, 241, 241); }
#BRHead .BR7.darkside { background: rgba(255, 255, 255, 0.9); color: rgb(0, 0, 0); padding: 60px 50px; }
#BRHead .BR7.darkside.opa2 { background: rgba(255, 255, 255, 0.7); }
#BRHead .BR7.darkside span { color: rgb(0, 163, 224); font: 700 16px / 20px Avenir; display: block; margin-top: 20px; text-transform: uppercase; }
#BRHead .BR7.darkside.opa2 span { color: rgb(255, 255, 255); background: rgb(68, 163, 224); padding: 4px 8px; font: 700 16px / 20px Avenir; margin-top: 20px; text-transform: uppercase; display: inline-block; border-bottom-right-radius: 16px; }
#BRHead .BR7.darkside h1 { color: rgb(0, 0, 0); }
#BRHead .BR7.darkside h2 { color: rgb(0, 0, 0); margin-top: 20px; font: 22px / 26px Avenir; margin-bottom: 0px; }
.minfo2 {display: flex;flex-direction: row;align-items: center;justify-content: center;background: #290bd4;border-radius: 5px;padding: 10px 20px;width: 90%;color: #fff;margin: 15px auto 0;}
.FTbg {/* background: rgb(255, 255, 255); */padding: 15px 15px;}
.istxt h3 {font: 42px / 46px InvescoEditor;color: #000000;}
.istxt h3 span{font: 48px / 46px Graphik;color: #270ad3;font-style: italic;font-weight: 700;}
.istxt h4 {font: 52px / 40px InvescoEditor;font-weight: 500;color: #2602d3;}
.hcyan .istxt h3 { color: rgb(67, 164, 224); }
.istxt p {font: 18px / 32px Graphik;text-align: justify;}
.istxt ul li{font: 18px / 32px Graphik;text-align: left;margin-bottom: 15px}
.box-guide { background: rgb(255, 255, 255); padding: 30px; width: 100%; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; border-radius: 16px; }
#video2 {width: 100%;height: auto;padding: 0px;position: fixed;}
h3, h4, h5 {font-family: 'InvescoEditor';}
.nav-pills .nav-linkIS span { font: 700 16px / 20px FortBook; margin: 0px 0px 8px; padding: 12px; color: rgb(0, 0, 0); display: flex; align-items: flex-end; }
.nav#v-pills-tab { width: -webkit-fill-available; }
.nav-pills .nav-linkIS span:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.nav-linkIS.IS01 span { background: rgb(158, 121, 217); }
.nav-linkIS.IS02 span { background: rgb(247, 139, 219); }
.nav-linkIS.IS03 span { background: rgb(253, 207, 0); }
#Ishare-tabContent .tab-pane { background: rgb(255, 255, 255); width: 100%; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; border-bottom-right-radius: 16px; }
#Ishare-tabContent .tab-pane h4 { text-transform: uppercase; font-size: 24px; padding: 20px; }
#Ishare-tabContent .tab-pane h5 { margin-bottom: 0px; }
#Ishare-tabContent .tab-pane#tab-app h4 { background: rgb(158, 121, 217); }
#Ishare-tabContent .tab-pane#tab-ai h4 { background: rgb(247, 139, 219); }
#Ishare-tabContent .tab-pane#tab-infra h4 { background: rgb(253, 207, 0); }
.boxtab { padding: 0px 20px; margin: 20px 0px; display: inline-flex; }
.IStab { display: flex; gap: 8px; }
.Isclmn { background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(230, 230, 230) 50%, rgb(230, 230, 230) 100%); width: 27px; }
.ISbar { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(230, 230, 230) 50%, rgb(230, 230, 230) 100%); height: 27px; }
.ISbar span { text-align: right; font: 12px / 30px FortExtraBold; margin-right: 40px; text-transform: uppercase; display: block; }
.btapp { border-left: 8px solid rgb(158, 121, 217); }
.btai { border-left: 8px solid rgb(247, 139, 219); }
.btinfra { border-left: 8px solid rgb(253, 207, 0); }
.bnis:hover { padding-top: 30px !important; padding-bottom: 30px !important; }
.btncyan { text-align: center; padding: 20px 30px; background: rgb(23, 148, 210); display: block; border-radius: 16px; }
.btnpurple { text-align: center; padding: 20px 25px; background: rgb(158, 121, 217); display: block; border-radius: 16px; }
.btnyellow { text-align: center; padding: 20px 30px; background: rgb(253, 207, 0); display: block; border-radius: 16px; }
.btnblack { text-align: center; padding: 20px 30px; background: rgb(0, 0, 0); display: block; border-radius: 16px; }
.btnblack h5 { color: rgb(255, 255, 255); }
.btncyan h6 span, .btnpurple h6 span, .btnyellow h6 span { background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 5px 10px; }
.d-table-footer-group { display: table-footer-group; }
.bg-globe{background-image: url("//static.milanofinanza.it/milanofinanza/images/speciali/capital-group/globe.jpg");background-position-y: bottom;}
.bg-night{background: rgb(0, 58, 102);color: #fff;}
.baloon{
    width: 30%;
    margin: 30px auto;
    text-align: center;
}
.baloon h6{
    font-family: 'Avenir';
    color: #fff;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.baloon p{
    font-family: 'Avenir';
}
.graph-ia{
    margin-top: 30px;
}
.graph-ia h4{font-family: 'Avenir';font-size: 24px;font-weight: 700;}
.graph-ia span{font-family: 'Avenir';font-size: 16px;display: block;text-align: center;}
.claim{display: flex;flex-direction: row;align-items: center;justify-content: center;margin: 30px 0 80px;}

.cards-invesco2{background-color: #e0fb00;padding: 10px 10px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;height: stretch;transition: all .3s ease;position: relative;margin: 5px;}
.cards-invesco2 h5{font-family: 'Graphik';font-size: 28px;line-height: 1;font-weight: 700;margin: 15px 0 5px;text-align: center;}
.cards-invesco2 h6{font-family: 'Graphik';font-size: 16px;font-weight: 700;line-height: 1.2;margin: 0 0;}
.cards-invesco2 img{width:330px;}
.cards-invesco2:hover h4,.cards-invesco:hover h5,.cards-invesco:hover h6,.cards-invesco:hover i{color:#fff!important;}


.cards-invesco{background-color: #270ad3;color: #fff; padding: 30px 30px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;height: stretch;cursor: pointer;transition: all .3s ease;position: relative;margin: 5px;}
.cards-invesco:hover{background-color: #bed500;color:#000!important;margin: 0px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;padding:  30px 35px;}
.cards-invesco span{background: #9ea8bc33;padding:6px 12px;font: 400 12px / 24px Graphik;text-transform: uppercase;color: #fff;letter-spacing: 1.5px;}
.cards-invesco:hover span,.cards-invesco:hover strong,.cards-invesco:hover h4,.cards-invesco:hover .arrow-mask{color:#000!important}
.cards-invesco strong{font: 700 40px / 24px Graphik;text-transform: uppercase;letter-spacing: 1.5px;margin: 30px 0;}
.cards-invesco h4{font-family: 'Graphik';color: #fff;font-size: 18px;line-height: 1.3;font-weight: 400;margin: 0px auto 5px;text-align: left;}
.cards-invesco h6{font-family: 'Avenir';color: #fff;font-size: 18px;font-weight: 700;line-height: 1.2;margin: 0 auto;}
.cards-invesco:hover h4,.cards-invesco:hover h5,.cards-invesco:hover h6,.cards-invesco:hover i{color:#000!important;}
.arrow-mask{position:absolute;top: 20px;right: 20px;width:24px;height:24px;overflow:hidden;color: #ffffff;}
.arrow-mask i{position:absolute;top:0;left:0;font-size:24px;transition:transform .4s ease,opacity .4s ease}
.arrow-mask .icon-1{transform:translate(0,0);opacity:1}
.arrow-mask .icon-2{transform:translate(-100%,100%);opacity:0}
.cards-invesco:hover .arrow-mask .icon-1{transform:translate(100%,-100%);opacity:0}
.cards-invesco:hover .arrow-mask .icon-2{transform:translate(0,0);opacity:1}
.cpurple{color: #270ad3;}
.btn-invesco{background:#bed500;display: inline-block;color: #000;padding: 12px 24px;font-family: 'Avenir';font-size: 18px;font-weight: 700;border-radius: 6px;transition: all .4s ease !important;}
.btn-invesco:hover{background:#fff;color: #000;transform: scale(1.2);}
@media (max-width: 620px) {
  #BRHead .BR7.darkside { padding: 100px 40px 20px; }
  .box-us-equity { padding: 50px 25px; margin: 50px 0px; }
  .hprofilemob img { width: 100px; height: auto; }
  .hprofilemob h5 { font-size: 14px; }
  .headasia {width: 100%;max-width: 800px;margin: 220px auto 30px;padding: 20px;background: #290bd4;}
  .headasia .disclaimermob {padding: 20px;border-bottom-left-radius: 5vw;border-top-left-radius: 5vw;border-bottom-right-radius: 5vw;background-color: rgb(0 0 0);position: relative;color: rgb(255, 255, 255) !important;}
  #BRHead .darkside .headasia h1 {color: rgb(255, 255, 255);font-size: 40px;line-height: 1;}
  #BRHead .darkside .headasia h2 {color: rgb(255, 255, 255);font: 18px / 24px Avenir;}
  #BRHead .darkside .headasia span {color: #fff;font: 700 12px / 14px Avenir;text-transform: uppercase;}
  .splash-bamboo, .splash-bamboo::before { height: 95px; }
  .istxt h3 {font: 28px / 34px InvescoEditor;}
#video2 {width: 100%;height: auto;padding: 0px;position: fixed;padding-top: 0;}  
.minfo2 {display: flex;flex-direction: column;gap: 12px;align-items: center;justify-content: center;background: #290bd4;border-top-left-radius: 3px;border-top-right-radius: 3px;padding: 10px 20px;width: 90%;color: #fff;margin: 15px auto 0;}    
}
@media (max-width: 767px) {
  #BRHead { padding: 0px; }
  #giorgi { padding: 20px 0px 0px; }
  #preston { padding: 0px 30px 40px; text-align: center; }
  #BRfinal { padding: 40px 0px; }
  #BRfinal .blockquote { padding: 60px 30px 40px; }
  #Ishare h3 { font: 38px / 38px FortExtraBold; letter-spacing: -0.8px; text-transform: uppercase; margin-top: 50px; }
  #BRHead .darkside h1 { color: rgb(0, 169, 224); font-size: 28px; line-height: 1.3; }
  #BRHead .darkside h2 { margin-top: 5px; }
  .balance { margin: 0px; position: relative; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
  .brprodotto { margin: 30px 0px 10px; flex-direction: column; }
  .brelenco { flex-direction: column; }
  .istxt p { text-align: start; }
}
@media (max-width: 860px) {
  #cta img { margin: 0px auto 30px; float: none; display: block; }
  #cta h3 { font: 56px / 50px FortExtraBold; text-transform: uppercase; margin-top: 30px; text-align: center; }
}
@media (max-width: 1023px) {
  #cta h3 { font: 40px / 40px FortExtraBold; text-transform: uppercase; margin-top: 30px; }
}
@media (max-width: 1180px) {
  #BRHead h1 {margin-top: 25px;font: 40px / 40px InvescoEditor;}
  .col-12.bgdarkgrey.px-4.py-5.d-flex.wow.fadeIn { flex-direction: column; align-items: center; }
  .videosummary { background: rgb(67, 164, 224); color: rgb(255, 255, 255); padding: 20px 40px 10px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; display: flex; align-items: flex-end; }
}
@media (min-width: 1500px) {
  #BRHead .BR7.darkside { padding: 100px 80px 50px; }
}
.f8 { font-size: 8px !important; }
.f9 { font-size: 9px !important; }
.f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f23 { font-size: 23px !important; }
.f24 { font-size: 24px !important; }
.f28 { font-size: 28px !important; }
.col-12.rowmax1600.p-3.p-md-5.istxt h3.mb-5 { text-align: center !important; }
/*CAPITALGROUP*/
:root{--bg:#fff;--bg-secondary:#f8fafc;--fg:#0f172a;--muted:#64748b;--card-bg:#fff;--border:#e2e8f0;--timeline-line:#cbd5e1}
*{margin:0;padding:0;box-sizing:border-box}

.font-display{font-family:'Space Grotesk',sans-serif}
.timeline-wrapper{max-width:1060px;margin:0 auto;padding: 0 0 60px;}
.timeline-items{position:relative;display:flex;flex-direction:column;padding-left:40px}
.timeline-line{position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--timeline-line) 3%,var(--timeline-line) 97%,transparent 100%);border-radius:2px}
@media (min-width: 768px) {
.timeline-items{flex-direction:row;justify-content:space-between;align-items:center;padding:80px 0;padding-left:0}
.timeline-line{left:20px;right:20px;top:50%;bottom:auto;width:auto;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,var(--timeline-line) 2%,var(--timeline-line) 98%,transparent 100%)}
}
.timeline-item{position:relative;margin-bottom:50px;opacity:0;transform:translateX(-20px);animation:fadeInLeft .6s ease forwards}
.timeline-item:last-child{margin-bottom:0}
@media (min-width: 768px) {
.timeline-item{flex:1;margin-bottom:0;transform:translateY(20px);position:relative}
.timeline-item:nth-child(odd){animation:fadeInUp .6s ease forwards}
.timeline-item:nth-child(even){animation:fadeInDown .6s ease forwards}
}
.timeline-item:nth-child(1){animation-delay:.1s}
.timeline-item:nth-child(2){animation-delay:.2s}
.timeline-item:nth-child(3){animation-delay:.3s}
.timeline-item:nth-child(4){animation-delay:.4s}
.timeline-item:nth-child(5){animation-delay:.5s}
.timeline-item:nth-child(6){animation-delay:.6s}
@keyframes fadeInLeft {
from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}
.timeline-node{position:absolute;left:-34px;top:4px;width:22px;height:22px;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);z-index:10;border:3px solid var(--bg)}
.timeline-node::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;opacity:0;transition:all .3s ease}
.timeline-node:hover::before{opacity:.4;inset:-8px}
.timeline-node:hover{transform:scale(1.2);box-shadow:0 0 20px currentColor}
@media (min-width: 768px) {
.timeline-node{left:50%;top:50%;transform:translate(-50%,-50%)}
.timeline-node:hover{transform:translate(-50%,-50%) scale(1.2)}
}
.node-1931{color:#174c46;background:#174c46}
.node-1953{color:#328e77;background:#328e77}
.node-1958{color:#41aea9;background:#41aea9}
.node-1965{color:#8bd0e2;background:#8bd0e2}
.node-1986{color:#419cdc;background:#419cdc}
.node-2015{color:#285f9e;background:#285f9e}
.timeline-content{background:currentcolor;border:1px solid var(--border);border-bottom-right-radius: 26px;padding:16px 18px;max-width:280px;transition:all .3s ease;position:relative;box-shadow:0 1px 3px #0000000d;transition: all .4s ease !important;}
.timeline-content::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:currentColor;border-radius:12px 12px 0 0}
.timeline-item:hover .timeline-content{border-color:currentColor;box-shadow:0 8px 24px -8px #0000001a}
@media (min-width: 768px) {
.timeline-content{max-width:145px;padding:14px 16px}
.timeline-item:nth-child(odd) .timeline-content{position:absolute;top:20px}
.timeline-item:nth-child(even) .timeline-content{position:absolute;bottom:20px}
}
.timeline-year{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:6px;color: #fff;}
@media (min-width: 768px) {
.timeline-year{font-size:1.5rem}
}
.timeline-desc{font-size:.875rem;line-height:1.5;color: #ffff;transition:color .3s ease;transition: all .2s ease !important;}
.timeline-item:hover .timeline-desc{color: #f1f1f1;.timeline-item:hover .timeline-content;font-size: 14px;cursor: pointer;}
@media (min-width: 768px) {
.timeline-desc{font-size:.8rem}
}
.headertimeline{text-align:center;margin-bottom: 80px;opacity:0;animation:fadeInDown .8s ease forwards}
.headertimeline h1{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;margin-bottom:6px;color:var(--fg)}
.headertimeline p{color:var(--muted);font-size:1rem}
@keyframes pulse {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.timeline-node::after{content:'';position:absolute;inset:-4px;border-radius:50%;background:currentColor;opacity:0;animation:pulse 2s ease-in-out infinite;z-index:-1}
.timeline-item.active .timeline-node::after{opacity:.2}
@media (prefers-reduced-motion: reduce) {
.timeline-item,.headertimeline{animation:none;opacity:1;transform:none}
.timeline-node::after{animation:none}
.timeline-node:hover{transform:scale(1.1)}
@media (min-width: 768px) {
.timeline-node:hover{transform:translate(-50%,-50%) scale(1.1)}
}
}
@media (max-width: 900px) and (min-width: 768px) {
.timeline-content{padding:12px 14px;max-width:120px}
.timeline-year{font-size:1.3rem}
.timeline-desc{font-size:.75rem}
.timeline-item:nth-child(odd) .timeline-content{margin-top:40px}
.timeline-item:nth-child(even) .timeline-content{margin-bottom:40px}
}
@media (max-width: 900px) {
.cianowrapper{flex-direction: column} 
.icosx{display: flex;gap: 24px;align-items: center;flex-direction: column;}    
}
.containerwidget{max-width:100%;margin:auto;background:#fff;padding: 40px 20px;font-family: 'Avenir';}
select{width:100%;padding:10px;margin: 10px 0;font-size:16px}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;text-align:center;align-items: center;}
.header{font-weight:700;margin-bottom:10px}
.label{font-weight:700;text-align:left;line-height: 1.3;}
.label strong{display:block}
.label small{display:block}
.box{background:#f2f2f2;padding:10px;border-radius:8px;transition:all .3s ease;clip-path:polygon(90% 0,100% 50%,90% 100%,0% 100%,0% 0%);min-height: 63px;display: flex;flex-direction: column;justify-content: center;}
.box.bblu{background: #005f9e;color: rgb(255, 255, 255);}
.box:hover {transform: scale(1.05);cursor: pointer;background: #b0d4ab !important;}
.positive{background: #d4f8d4!important;color: #146302!important;}
.negative{background:#ffd6d6}
.small{font-size:12px;color:#666;font-weight: 700;}
#commentBox{margin-top:20px;padding:10px;background:#eef;border-radius:8px;font-size: 24px;text-align: center;}
#commentText strong{margin-right: 6px}
canvas{margin-top:30px}
.shadow-y{-webkit-box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.5);box-shadow: 0px 0px 25px 4px rgba(0,0,0,0.5);}
.widgetgraph{padding: 30px 10px;background: url("//static.milanofinanza.it/milanofinanza/images/speciali/capital-group/bgrow.jpg") no-repeat;background-position-x: right;}
.widgetgraph h2{font-size: 42px;font-family: 'Avenir';font-weight: 500;margin-top: 30px;}
.widgetgraph p{font-size: 26px;margin-bottom: 30px;}
.trisvoises{display: flex;justify-content: space-between}
@media (max-width: 600px) {
.grid{grid-template-columns: 1fr;}
#NP5:before,#MSCI5:before{content: 'Dopo 5 anni';font-weight: 700;}    
#NP10:before,#MSCI10:before{content: 'Dopo 10 anni';font-weight: 700;}    
#NP15:before,#MSCI15:before{content: 'Dopo 15 anni';font-weight: 700;}    
#NPblu:before,#MSCIgrey:before{content: 'marzo 2026';font-weight: 700;}  
.d-widget{display: none;}    
.baloon {width: 100%;margin: 30px auto 0;text-align: center;}  
.trisvoises{display: flex;flex-direction: column; justify-content: space-between}
.trisvoises .baloon:last-of-type{margin: 30px auto 30px;}
    
}