.etf-header{align-items:center;border-bottom:3.5px solid var(--white_color);display:flex;gap:20px;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.etf-header-title h2{margin-bottom:0}.etf-header-link a{background:#c33;border:1px solid #c33;border-radius:40px;color:#fff;display:inline-block;font-family:Roboto,sans-serif;font-size:18px;font-style:normal;font-weight:400;font-weight:700;letter-spacing:0;line-height:1;padding:9px 23px;text-align:center;text-decoration:none;text-transform:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.etf-header-link a:hover{background:#fff;color:#c33}.etf-tabs-wrapper{margin-bottom:40px;position:relative}.etf-tabs{display:flex;gap:30px;position:relative}.tab{background:none;border:none;color:#fff;cursor:pointer;padding-bottom:12px;transition:.3s ease}.tab-indicator{background:var(--primary_color);bottom:-2px;height:2px;position:absolute;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}button.tab.active{color:var(--primary_color)}.etf-panels{position:relative}.tab-panel{opacity:0;pointer-events:none;position:absolute;transform:translateY(15px);transition:.3s ease;width:100%}.tab-panel.active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.etf-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.etf-tile{background:var(--white_color);border-bottom:4px solid var(--primary_color);padding:30px 20px;position:relative;transition:.3s ease}.etf-tile-name h3{font-weight:700}.etf-tile-name h3,.etf-tile-name p{margin-bottom:10px;transition:.3s ease}.etf-tile a.etf-tile-link{height:100%;left:0;position:absolute;top:0;width:100%}.etf-tile:hover{background:var(--primary_color)}.etf-tile:hover .etf-tile-name h3,.etf-tile:hover .etf-tile-name p{color:var(--white_color)}@media(max-width:768px){.etf-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory}.etf-grid::-webkit-scrollbar{display:none}.etf-tile{flex:0 0 auto;min-width:280px;scroll-snap-align:start}}@media (max-width:767px){.etf-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-right:20px;scrollbar-width:none}.etf-tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto}.tab-indicator{bottom:0}.etf-header{align-items:unset;flex-direction:column}.etf-tile{max-width:85%;min-width:unset}}