@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); @font-face { font-family: 'RupeeForadian'; src: url('../fonts/RupeeForadian.eot'); src: url('../fonts/RupeeForadian.eot') format('embedded-opentype'), url('../fonts/RupeeForadian.woff2') format('woff2'), url('../fonts/RupeeForadian.woff') format('woff'), url('../fonts/RupeeForadian.ttf') format('truetype'), url('../fonts/RupeeForadian.svg#Rupee_Foradian') format('svg'); } :root { --font-Rubik: 'Rubik',sans-serif,Arial,Helvetica; --font-Rupee: 'RupeeForadian',sans-serif,Arial,Helvetica; --color-white: #ffffff; --color-black: #000000; --color-blue: #005DAC; --color-sky-blue: #59BBED; --color-gray: #303030; --color-orange: #F05622; --color-yellow: #FAA21B; --header-h: 100px; } :root, [data-theme="light"]{ color-scheme: light; --bg: #ffffff; --surface: #ffffff; --text: var(--color-gray); --heading: #1A1A1A; --border: #E9E9E9; --accent: var(--color-blue); --accent-soft: #1A8FE8; --accent-ring: rgba(0, 93, 172, .55); --knob-icon: var(--color-white); --overlay: rgba(0, 0, 0, .45); --header-shadow: 0 4px 18px rgba(0, 0, 0, .08); --footer-bg: #0D3052; --footer-text: var(--color-white); --pattern-veil: transparent; } [data-theme="dark"]{ color-scheme: dark; --bg: #0B1520; --surface: #111D2A; --text: #D3DBE4; --heading: #F1F5F9; --border: #24323F; --accent: var(--color-sky-blue); --accent-soft: #7FCDF2; --accent-ring: rgba(89, 187, 237, .55); --knob-icon: #0B1520; --overlay: rgba(0, 0, 0, .65); --header-shadow: 0 4px 18px rgba(0, 0, 0, .45); --footer-bg: #08111A; --footer-text: #E6ECF2; --pattern-veil: rgba(11, 21, 32, .78); } [data-theme="dark"] .cmd-hero-fig img{ filter: brightness(.88) contrast(1.02);} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin: 0; padding: 0; border: 0;} html {-webkit-font-smoothing: antialiased; width: 100%; font-size: 20px; scroll-padding-top: var(--header-h);} body { position: relative; width: 100%; font-size: 1rem; padding-top: var(--header-h); } html, body{ font-family: var(--font-Rubik); background: var(--bg); color: var(--text); font-weight: 400; margin:0; padding:0; overflow-x: hidden!important; transition: background-color .3s ease, color .3s ease;} html.lenis,html.lenis body { height: auto;} .lenis.lenis-smooth { scroll-behavior: auto !important;} .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;} .lenis.lenis-stopped { overflow: clip;} .lenis.lenis-smooth iframe { pointer-events: none;} figure{ position: relative; margin: 0;} img{max-width:100%;height:auto; } p{ font-size: 16px; color: var(--text); line-height: 1.5; margin: 0; padding: 10px 0;} a{text-decoration:none;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s} a:hover,a:focus,.btn:hover,.btn:focus,button:focus{text-decoration:none;outline:none; box-shadow:none} button:hover,button:focus,.accordion-button:focus{outline:none;box-shadow:none} ul,li,ol{padding:0;margin:0} ul li{list-style:none;} .no-scroll { height: 100%; overflow: scroll; overflow: hidden; position: fixed;} *{ -webkit-tap-highlight-color: transparent; outline: none; text-decoration:none; outline:none; outline-color:none; } #wrapper{ position: relative; width: 100%;} .section{ position: relative; width: 100%; padding: 100px 0;} .commontitle { font-size: 36px; font-weight: 400; line-height: 1; } .headr-full-wrp{ position: fixed; top: 0; left: 0; width: 100%; background: var(--surface); border-bottom: 1px solid var(--border); z-index: 999; transform: translateY(0); will-change: transform; transition: transform .5s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease, background-color .3s ease, border-color .3s ease;} .headr-full-wrp.is-hidden{ transform: translateY(-100%); transition: transform .38s cubic-bezier(.45,0,.85,.3), box-shadow .35s ease, background-color .3s ease, border-color .3s ease;} .headr-full-wrp.is-scrolled{ box-shadow: var(--header-shadow);} .header-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: var(--header-h); padding-left: 72px;} @media (prefers-reduced-motion: reduce){ .headr-full-wrp, html, body, .theme-toggle-knob{ transition: none;} } .brand-logo{ display: block; flex: 0 0 auto;} .brand-logo img{ display: block; width: 258px; height: 16px;} [data-theme="dark"] .brand-logo{ background-color: var(--accent); -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%22258%22%20height%3D%2216%22%20viewBox%3D%220%200%20258%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.549999%2015.62C0.388666%2015.62%200.256666%2015.5687%200.153999%2015.466C0.0513325%2015.3633%20-9.08971e-07%2015.2313%20-9.08971e-07%2015.07V0.769999C-9.08971e-07%200.608665%200.0513325%200.476665%200.153999%200.373999C0.256666%200.271331%200.388666%200.219998%200.549999%200.219998H7.26C8.52133%200.219998%209.55533%200.395998%2010.362%200.747998C11.1687%201.1%2011.7627%201.606%2012.144%202.266C12.54%202.91133%2012.738%203.68133%2012.738%204.576C12.738%205.104%2012.6353%205.57333%2012.43%205.984C12.2393%206.38%2011.9973%206.71%2011.704%206.974C11.4253%207.238%2011.1613%207.42867%2010.912%207.546C11.4693%207.81%2011.9607%208.24267%2012.386%208.844C12.826%209.44533%2013.046%2010.1493%2013.046%2010.956C13.046%2011.924%2012.826%2012.76%2012.386%2013.464C11.9607%2014.1533%2011.33%2014.6887%2010.494%2015.07C9.67267%2015.4367%208.66067%2015.62%207.458%2015.62H0.549999ZM3.938%2012.76H7.018C7.64867%2012.76%208.12533%2012.5767%208.448%2012.21C8.77067%2011.8433%208.932%2011.4253%208.932%2010.956C8.932%2010.4427%208.76333%2010.01%208.426%209.658C8.10333%209.306%207.634%209.13%207.018%209.13H3.938V12.76ZM3.938%206.336H6.82C7.42133%206.336%207.86867%206.182%208.162%205.874C8.47%205.566%208.624%205.17%208.624%204.686C8.624%204.21666%208.47%203.83533%208.162%203.542C7.86867%203.234%207.42133%203.08%206.82%203.08H3.938V6.336ZM13.9554%2015.62C13.8381%2015.62%2013.7281%2015.576%2013.6254%2015.488C13.5374%2015.3853%2013.4934%2015.2753%2013.4934%2015.158C13.4934%2015.0847%2013.5007%2015.0187%2013.5154%2014.96L18.6854%200.835998C18.7294%200.674665%2018.8174%200.535332%2018.9494%200.417998C19.0961%200.285998%2019.2941%200.219998%2019.5434%200.219998H22.7994C23.0487%200.219998%2023.2394%200.285998%2023.3714%200.417998C23.5181%200.535332%2023.6134%200.674665%2023.6574%200.835998L28.8054%2014.96C28.8347%2015.0187%2028.8494%2015.0847%2028.8494%2015.158C28.8494%2015.2753%2028.7981%2015.3853%2028.6954%2015.488C28.6074%2015.576%2028.4974%2015.62%2028.3654%2015.62H25.6594C25.4394%2015.62%2025.2707%2015.5687%2025.1534%2015.466C25.0507%2015.3487%2024.9847%2015.246%2024.9554%2015.158L24.0974%2012.914H18.2234L17.3874%2015.158C17.3581%2015.246%2017.2921%2015.3487%2017.1894%2015.466C17.0867%2015.5687%2016.9107%2015.62%2016.6614%2015.62H13.9554ZM19.1254%209.746H23.2174L21.1494%203.938L19.1254%209.746ZM35.2526%2015.84C34.4166%2015.84%2033.6173%2015.7373%2032.8546%2015.532C32.1066%2015.312%2031.4393%2014.9893%2030.8526%2014.564C30.2659%2014.1387%2029.7966%2013.6107%2029.4446%2012.98C29.1073%2012.3493%2028.9239%2011.616%2028.8946%2010.78C28.8946%2010.648%2028.9386%2010.538%2029.0266%2010.45C29.1146%2010.3473%2029.2319%2010.296%2029.3786%2010.296H32.3486C32.5539%2010.296%2032.7079%2010.3473%2032.8106%2010.45C32.9279%2010.5527%2033.0233%2010.7067%2033.0966%2010.912C33.1699%2011.3227%2033.3093%2011.66%2033.5146%2011.924C33.7199%2012.1733%2033.9766%2012.364%2034.2846%2012.496C34.6073%2012.6133%2034.9666%2012.672%2035.3626%2012.672C36.0959%2012.672%2036.6606%2012.4373%2037.0566%2011.968C37.4526%2011.484%2037.6506%2010.78%2037.6506%209.856V3.498H30.5226C30.3759%203.498%2030.2439%203.44667%2030.1266%203.344C30.0239%203.24133%2029.9726%203.10933%2029.9726%202.948V0.769999C29.9726%200.608665%2030.0239%200.476665%2030.1266%200.373999C30.2439%200.271331%2030.3759%200.219998%2030.5226%200.219998H41.1706C41.3319%200.219998%2041.4639%200.271331%2041.5666%200.373999C41.6839%200.476665%2041.7426%200.608665%2041.7426%200.769999V9.966C41.7426%2011.242%2041.4639%2012.32%2040.9066%2013.2C40.3493%2014.0653%2039.5866%2014.7253%2038.6186%2015.18C37.6506%2015.62%2036.5286%2015.84%2035.2526%2015.84ZM43.0031%2015.62C42.8858%2015.62%2042.7758%2015.576%2042.6731%2015.488C42.5851%2015.3853%2042.5411%2015.2753%2042.5411%2015.158C42.5411%2015.0847%2042.5485%2015.0187%2042.5631%2014.96L47.7331%200.835998C47.7771%200.674665%2047.8651%200.535332%2047.9971%200.417998C48.1438%200.285998%2048.3418%200.219998%2048.5911%200.219998H51.8471C52.0965%200.219998%2052.2871%200.285998%2052.4191%200.417998C52.5658%200.535332%2052.6611%200.674665%2052.7051%200.835998L57.8531%2014.96C57.8825%2015.0187%2057.8971%2015.0847%2057.8971%2015.158C57.8971%2015.2753%2057.8458%2015.3853%2057.7431%2015.488C57.6551%2015.576%2057.5451%2015.62%2057.4131%2015.62H54.7071C54.4871%2015.62%2054.3185%2015.5687%2054.2011%2015.466C54.0985%2015.3487%2054.0325%2015.246%2054.0031%2015.158L53.1451%2012.914H47.2711L46.4351%2015.158C46.4058%2015.246%2046.3398%2015.3487%2046.2371%2015.466C46.1345%2015.5687%2045.9585%2015.62%2045.7091%2015.62H43.0031ZM48.1731%209.746H52.2651L50.1971%203.938L48.1731%209.746ZM64.3003%2015.84C63.4643%2015.84%2062.665%2015.7373%2061.9023%2015.532C61.1543%2015.312%2060.487%2014.9893%2059.9003%2014.564C59.3137%2014.1387%2058.8443%2013.6107%2058.4923%2012.98C58.155%2012.3493%2057.9717%2011.616%2057.9423%2010.78C57.9423%2010.648%2057.9863%2010.538%2058.0743%2010.45C58.1623%2010.3473%2058.2797%2010.296%2058.4263%2010.296H61.3963C61.6017%2010.296%2061.7557%2010.3473%2061.8583%2010.45C61.9757%2010.5527%2062.071%2010.7067%2062.1443%2010.912C62.2177%2011.3227%2062.357%2011.66%2062.5623%2011.924C62.7677%2012.1733%2063.0243%2012.364%2063.3323%2012.496C63.655%2012.6133%2064.0143%2012.672%2064.4103%2012.672C65.1437%2012.672%2065.7083%2012.4373%2066.1043%2011.968C66.5003%2011.484%2066.6983%2010.78%2066.6983%209.856V3.498H59.5703C59.4237%203.498%2059.2917%203.44667%2059.1743%203.344C59.0717%203.24133%2059.0203%203.10933%2059.0203%202.948V0.769999C59.0203%200.608665%2059.0717%200.476665%2059.1743%200.373999C59.2917%200.271331%2059.4237%200.219998%2059.5703%200.219998H70.2183C70.3797%200.219998%2070.5117%200.271331%2070.6143%200.373999C70.7317%200.476665%2070.7903%200.608665%2070.7903%200.769999V9.966C70.7903%2011.242%2070.5117%2012.32%2069.9543%2013.2C69.397%2014.0653%2068.6343%2014.7253%2067.6663%2015.18C66.6983%2015.62%2065.5763%2015.84%2064.3003%2015.84ZM78.0682%2015.62C77.9069%2015.62%2077.7749%2015.5687%2077.6722%2015.466C77.5695%2015.3633%2077.5182%2015.2313%2077.5182%2015.07V0.769999C77.5182%200.608665%2077.5695%200.476665%2077.6722%200.373999C77.7749%200.271331%2077.9069%200.219998%2078.0682%200.219998H88.1662C88.3275%200.219998%2088.4595%200.271331%2088.5622%200.373999C88.6795%200.476665%2088.7382%200.608665%2088.7382%200.769999V2.992C88.7382%203.15333%2088.6795%203.28533%2088.5622%203.388C88.4595%203.49066%2088.3275%203.542%2088.1662%203.542H81.3902V6.776H87.7262C87.8875%206.776%2088.0195%206.83467%2088.1222%206.952C88.2395%207.05467%2088.2982%207.18667%2088.2982%207.348V9.548C88.2982%209.69467%2088.2395%209.82667%2088.1222%209.944C88.0195%2010.0467%2087.8875%2010.098%2087.7262%2010.098H81.3902V15.07C81.3902%2015.2313%2081.3389%2015.3633%2081.2362%2015.466C81.1335%2015.5687%2081.0015%2015.62%2080.8402%2015.62H78.0682ZM91.2063%2015.62C91.045%2015.62%2090.913%2015.5687%2090.8103%2015.466C90.7077%2015.3633%2090.6563%2015.2313%2090.6563%2015.07V0.769999C90.6563%200.608665%2090.7077%200.476665%2090.8103%200.373999C90.913%200.271331%2091.045%200.219998%2091.2063%200.219998H94.1543C94.3157%200.219998%2094.4477%200.271331%2094.5503%200.373999C94.653%200.476665%2094.7043%200.608665%2094.7043%200.769999V15.07C94.7043%2015.2313%2094.653%2015.3633%2094.5503%2015.466C94.4477%2015.5687%2094.3157%2015.62%2094.1543%2015.62H91.2063ZM97.8991%2015.62C97.7378%2015.62%2097.6058%2015.5687%2097.5031%2015.466C97.4005%2015.3633%2097.3491%2015.2313%2097.3491%2015.07V0.769999C97.3491%200.608665%2097.4005%200.476665%2097.5031%200.373999C97.6058%200.271331%2097.7378%200.219998%2097.8991%200.219998H100.231C100.48%200.219998%20100.656%200.278665%20100.759%200.395998C100.876%200.498664%20100.95%200.579331%20100.979%200.637998L106.347%209.108V0.769999C106.347%200.608665%20106.398%200.476665%20106.501%200.373999C106.604%200.271331%20106.736%200.219998%20106.897%200.219998H109.537C109.698%200.219998%20109.83%200.271331%20109.933%200.373999C110.036%200.476665%20110.087%200.608665%20110.087%200.769999V15.07C110.087%2015.2167%20110.036%2015.3487%20109.933%2015.466C109.83%2015.5687%20109.698%2015.62%20109.537%2015.62H107.183C106.948%2015.62%20106.772%2015.5613%20106.655%2015.444C106.552%2015.3267%20106.486%2015.246%20106.457%2015.202L101.089%207.062V15.07C101.089%2015.2313%20101.038%2015.3633%20100.935%2015.466C100.832%2015.5687%20100.7%2015.62%20100.539%2015.62H97.8991ZM118.464%2015.84C116.997%2015.84%20115.78%2015.6347%20114.812%2015.224C113.844%2014.7987%20113.11%2014.2487%20112.612%2013.574C112.113%2012.8993%20111.849%2012.1807%20111.82%2011.418C111.82%2011.3007%20111.864%2011.198%20111.952%2011.11C112.054%2011.0073%20112.172%2010.956%20112.304%2010.956H115.076C115.281%2010.956%20115.435%2010.9927%20115.538%2011.066C115.655%2011.1393%20115.758%2011.2347%20115.846%2011.352C115.963%2011.572%20116.124%2011.7847%20116.33%2011.99C116.55%2012.1953%20116.828%2012.364%20117.166%2012.496C117.518%2012.6133%20117.95%2012.672%20118.464%2012.672C119.314%2012.672%20119.952%2012.54%20120.378%2012.276C120.818%2012.012%20121.038%2011.6527%20121.038%2011.198C121.038%2010.8753%20120.92%2010.6113%20120.686%2010.406C120.451%2010.186%20120.07%209.99533%20119.542%209.834C119.028%209.658%20118.339%209.482%20117.474%209.306C116.359%209.07133%20115.406%208.77067%20114.614%208.404C113.836%208.02267%20113.242%207.53133%20112.832%206.93C112.421%206.314%20112.216%205.55133%20112.216%204.642C112.216%203.74733%20112.465%202.948%20112.964%202.244C113.477%201.54%20114.188%200.989998%20115.098%200.593998C116.007%200.197998%20117.085%20-1.90735e-06%20118.332%20-1.90735e-06C119.344%20-1.90735e-06%20120.231%200.131998%20120.994%200.395998C121.771%200.659998%20122.424%201.012%20122.952%201.452C123.48%201.892%20123.876%202.36133%20124.14%202.86C124.418%203.344%20124.565%203.82066%20124.58%204.29C124.58%204.40733%20124.536%204.51733%20124.448%204.62C124.36%204.708%20124.25%204.752%20124.118%204.752H121.214C121.052%204.752%20120.913%204.72267%20120.796%204.664C120.678%204.60533%20120.576%204.51%20120.488%204.378C120.4%204.05533%20120.165%203.77666%20119.784%203.542C119.417%203.29266%20118.933%203.168%20118.332%203.168C117.686%203.168%20117.18%203.28533%20116.814%203.52C116.462%203.74%20116.286%204.08467%20116.286%204.554C116.286%204.84733%20116.381%205.104%20116.572%205.324C116.777%205.544%20117.107%205.73467%20117.562%205.896C118.031%206.05733%20118.669%206.226%20119.476%206.402C120.81%206.65133%20121.888%206.96667%20122.71%207.348C123.531%207.71467%20124.132%208.19867%20124.514%208.8C124.895%209.38667%20125.086%2010.1273%20125.086%2011.022C125.086%2012.0193%20124.8%2012.8847%20124.228%2013.618C123.67%2014.3367%20122.893%2014.8867%20121.896%2015.268C120.898%2015.6493%20119.754%2015.84%20118.464%2015.84ZM127.398%2015.62C127.237%2015.62%20127.105%2015.5687%20127.002%2015.466C126.899%2015.3633%20126.848%2015.2313%20126.848%2015.07V0.769999C126.848%200.608665%20126.899%200.476665%20127.002%200.373999C127.105%200.271331%20127.237%200.219998%20127.398%200.219998H137.672C137.833%200.219998%20137.965%200.271331%20138.068%200.373999C138.171%200.476665%20138.222%200.608665%20138.222%200.769999V2.838C138.222%202.99933%20138.171%203.13133%20138.068%203.234C137.965%203.33666%20137.833%203.388%20137.672%203.388H130.654V6.358H137.188C137.349%206.358%20137.481%206.41666%20137.584%206.534C137.687%206.63667%20137.738%206.76867%20137.738%206.93V8.844C137.738%208.99067%20137.687%209.12267%20137.584%209.24C137.481%209.34267%20137.349%209.394%20137.188%209.394H130.654V12.452H137.848C138.009%2012.452%20138.141%2012.5033%20138.244%2012.606C138.347%2012.7087%20138.398%2012.8407%20138.398%2013.002V15.07C138.398%2015.2313%20138.347%2015.3633%20138.244%2015.466C138.141%2015.5687%20138.009%2015.62%20137.848%2015.62H127.398ZM141.009%2015.62C140.847%2015.62%20140.715%2015.5687%20140.613%2015.466C140.51%2015.3633%20140.459%2015.2313%20140.459%2015.07V0.769999C140.459%200.608665%20140.51%200.476665%20140.613%200.373999C140.715%200.271331%20140.847%200.219998%20141.009%200.219998H146.993C148.885%200.219998%20150.373%200.659998%20151.459%201.54C152.559%202.40533%20153.109%203.63733%20153.109%205.236C153.109%206.27733%20152.852%207.15733%20152.339%207.876C151.84%208.59467%20151.18%209.13733%20150.359%209.504L153.395%2014.916C153.439%2015.004%20153.461%2015.0847%20153.461%2015.158C153.461%2015.2753%20153.409%2015.3853%20153.307%2015.488C153.219%2015.576%20153.109%2015.62%20152.977%2015.62H150.073C149.794%2015.62%20149.589%2015.554%20149.457%2015.422C149.325%2015.2753%20149.229%2015.1433%20149.171%2015.026L146.663%2010.186H144.397V15.07C144.397%2015.2313%20144.345%2015.3633%20144.243%2015.466C144.14%2015.5687%20144.008%2015.62%20143.847%2015.62H141.009ZM144.397%207.084H146.949C147.638%207.084%20148.151%206.91533%20148.489%206.578C148.841%206.24067%20149.017%205.77867%20149.017%205.192C149.017%204.62%20148.848%204.158%20148.511%203.806C148.188%203.454%20147.667%203.278%20146.949%203.278H144.397V7.084ZM159.136%2015.62C158.886%2015.62%20158.688%2015.554%20158.542%2015.422C158.395%2015.29%20158.292%2015.136%20158.234%2014.96L153.746%200.879999C153.716%200.806665%20153.702%200.740665%20153.702%200.681998C153.702%200.564665%20153.746%200.461998%20153.834%200.373999C153.936%200.271331%20154.054%200.219998%20154.186%200.219998H156.914C157.148%200.219998%20157.332%200.285998%20157.464%200.417998C157.596%200.549998%20157.676%200.674665%20157.706%200.791998L160.808%2010.956L163.932%200.791998C163.976%200.674665%20164.056%200.549998%20164.174%200.417998C164.306%200.285998%20164.489%200.219998%20164.724%200.219998H167.452C167.584%200.219998%20167.694%200.271331%20167.782%200.373999C167.884%200.461998%20167.936%200.564665%20167.936%200.681998C167.936%200.740665%20167.921%200.806665%20167.892%200.879999L163.404%2014.96C163.345%2015.136%20163.242%2015.29%20163.096%2015.422C162.964%2015.554%20162.766%2015.62%20162.502%2015.62H159.136ZM173.785%2015.62C173.623%2015.62%20173.491%2015.5687%20173.389%2015.466C173.286%2015.3633%20173.235%2015.2313%20173.235%2015.07V0.769999C173.235%200.608665%20173.286%200.476665%20173.389%200.373999C173.491%200.271331%20173.623%200.219998%20173.785%200.219998H176.689C176.835%200.219998%20176.96%200.271331%20177.063%200.373999C177.18%200.476665%20177.239%200.608665%20177.239%200.769999V12.298H183.883C184.044%2012.298%20184.176%2012.3567%20184.279%2012.474C184.396%2012.5767%20184.455%2012.7087%20184.455%2012.87V15.07C184.455%2015.2313%20184.396%2015.3633%20184.279%2015.466C184.176%2015.5687%20184.044%2015.62%20183.883%2015.62H173.785ZM186.471%2015.62C186.31%2015.62%20186.178%2015.5687%20186.075%2015.466C185.973%2015.3633%20185.921%2015.2313%20185.921%2015.07V0.769999C185.921%200.608665%20185.973%200.476665%20186.075%200.373999C186.178%200.271331%20186.31%200.219998%20186.471%200.219998H189.419C189.581%200.219998%20189.713%200.271331%20189.815%200.373999C189.918%200.476665%20189.969%200.608665%20189.969%200.769999V15.07C189.969%2015.2313%20189.918%2015.3633%20189.815%2015.466C189.713%2015.5687%20189.581%2015.62%20189.419%2015.62H186.471ZM193.164%2015.62C193.018%2015.62%20192.886%2015.5687%20192.768%2015.466C192.666%2015.3633%20192.614%2015.2313%20192.614%2015.07V0.769999C192.614%200.608665%20192.666%200.476665%20192.768%200.373999C192.886%200.271331%20193.018%200.219998%20193.164%200.219998H195.54C195.775%200.219998%20195.951%200.285998%20196.068%200.417998C196.2%200.535332%20196.281%200.630665%20196.31%200.703998L200.182%207.656L204.054%200.703998C204.098%200.630665%20204.172%200.535332%20204.274%200.417998C204.392%200.285998%20204.575%200.219998%20204.824%200.219998H207.178C207.34%200.219998%20207.472%200.271331%20207.574%200.373999C207.692%200.476665%20207.75%200.608665%20207.75%200.769999V15.07C207.75%2015.2313%20207.692%2015.3633%20207.574%2015.466C207.472%2015.5687%20207.34%2015.62%20207.178%2015.62H204.56C204.399%2015.62%20204.26%2015.5687%20204.142%2015.466C204.04%2015.3633%20203.988%2015.2313%20203.988%2015.07V6.82L201.502%2011.418C201.444%2011.55%20201.356%2011.6673%20201.238%2011.77C201.121%2011.8727%20200.96%2011.924%20200.754%2011.924H199.61C199.405%2011.924%20199.244%2011.8727%20199.126%2011.77C199.009%2011.6673%20198.914%2011.55%20198.84%2011.418L196.354%206.82V15.07C196.354%2015.2313%20196.303%2015.3633%20196.2%2015.466C196.098%2015.5687%20195.966%2015.62%20195.804%2015.62H193.164ZM210.922%2015.62C210.76%2015.62%20210.628%2015.5687%20210.526%2015.466C210.423%2015.3633%20210.372%2015.2313%20210.372%2015.07V0.769999C210.372%200.608665%20210.423%200.476665%20210.526%200.373999C210.628%200.271331%20210.76%200.219998%20210.922%200.219998H213.87C214.031%200.219998%20214.163%200.271331%20214.266%200.373999C214.368%200.476665%20214.42%200.608665%20214.42%200.769999V15.07C214.42%2015.2313%20214.368%2015.3633%20214.266%2015.466C214.163%2015.5687%20214.031%2015.62%20213.87%2015.62H210.922ZM221.002%2015.62C220.841%2015.62%20220.709%2015.5687%20220.606%2015.466C220.504%2015.3633%20220.452%2015.2313%20220.452%2015.07V3.674H216.536C216.375%203.674%20216.243%203.62266%20216.14%203.52C216.038%203.40267%20215.986%203.27067%20215.986%203.124V0.769999C215.986%200.608665%20216.038%200.476665%20216.14%200.373999C216.243%200.271331%20216.375%200.219998%20216.536%200.219998H228.372C228.534%200.219998%20228.666%200.271331%20228.768%200.373999C228.871%200.476665%20228.922%200.608665%20228.922%200.769999V3.124C228.922%203.27067%20228.871%203.40267%20228.768%203.52C228.666%203.62266%20228.534%203.674%20228.372%203.674H224.456V15.07C224.456%2015.2313%20224.405%2015.3633%20224.302%2015.466C224.2%2015.5687%20224.068%2015.62%20223.906%2015.62H221.002ZM231.032%2015.62C230.87%2015.62%20230.738%2015.5687%20230.636%2015.466C230.533%2015.3633%20230.482%2015.2313%20230.482%2015.07V0.769999C230.482%200.608665%20230.533%200.476665%20230.636%200.373999C230.738%200.271331%20230.87%200.219998%20231.032%200.219998H241.306C241.467%200.219998%20241.599%200.271331%20241.702%200.373999C241.804%200.476665%20241.856%200.608665%20241.856%200.769999V2.838C241.856%202.99933%20241.804%203.13133%20241.702%203.234C241.599%203.33666%20241.467%203.388%20241.306%203.388H234.288V6.358H240.822C240.983%206.358%20241.115%206.41666%20241.218%206.534C241.32%206.63667%20241.372%206.76867%20241.372%206.93V8.844C241.372%208.99067%20241.32%209.12267%20241.218%209.24C241.115%209.34267%20240.983%209.394%20240.822%209.394H234.288V12.452H241.482C241.643%2012.452%20241.775%2012.5033%20241.878%2012.606C241.98%2012.7087%20242.032%2012.8407%20242.032%2013.002V15.07C242.032%2015.2313%20241.98%2015.3633%20241.878%2015.466C241.775%2015.5687%20241.643%2015.62%20241.482%2015.62H231.032ZM244.643%2015.62C244.481%2015.62%20244.349%2015.5687%20244.247%2015.466C244.144%2015.3633%20244.093%2015.2313%20244.093%2015.07V0.769999C244.093%200.608665%20244.144%200.476665%20244.247%200.373999C244.349%200.271331%20244.481%200.219998%20244.643%200.219998H250.363C251.8%200.219998%20253.025%200.454665%20254.037%200.923998C255.049%201.37866%20255.826%202.05333%20256.369%202.948C256.911%203.828%20257.205%204.92067%20257.249%206.226C257.263%206.87133%20257.271%207.436%20257.271%207.92C257.271%208.404%20257.263%208.96133%20257.249%209.592C257.19%2010.956%20256.897%2012.0853%20256.369%2012.98C255.855%2013.8747%20255.1%2014.542%20254.103%2014.982C253.12%2015.4073%20251.91%2015.62%20250.473%2015.62H244.643ZM248.031%2012.452H250.363C250.993%2012.452%20251.514%2012.3567%20251.925%2012.166C252.35%2011.9607%20252.665%2011.6453%20252.871%2011.22C253.091%2010.7947%20253.208%2010.2373%20253.223%209.548C253.252%209.12267%20253.267%208.74133%20253.267%208.404C253.281%208.06667%20253.281%207.72933%20253.267%207.392C253.267%207.05467%20253.252%206.68067%20253.223%206.27C253.193%205.27267%20252.929%204.54666%20252.431%204.092C251.947%203.62266%20251.221%203.388%20250.253%203.388H248.031V12.452Z%22%20fill%3D%22%23005DAC%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg%20width%3D%22258%22%20height%3D%2216%22%20viewBox%3D%220%200%20258%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.549999%2015.62C0.388666%2015.62%200.256666%2015.5687%200.153999%2015.466C0.0513325%2015.3633%20-9.08971e-07%2015.2313%20-9.08971e-07%2015.07V0.769999C-9.08971e-07%200.608665%200.0513325%200.476665%200.153999%200.373999C0.256666%200.271331%200.388666%200.219998%200.549999%200.219998H7.26C8.52133%200.219998%209.55533%200.395998%2010.362%200.747998C11.1687%201.1%2011.7627%201.606%2012.144%202.266C12.54%202.91133%2012.738%203.68133%2012.738%204.576C12.738%205.104%2012.6353%205.57333%2012.43%205.984C12.2393%206.38%2011.9973%206.71%2011.704%206.974C11.4253%207.238%2011.1613%207.42867%2010.912%207.546C11.4693%207.81%2011.9607%208.24267%2012.386%208.844C12.826%209.44533%2013.046%2010.1493%2013.046%2010.956C13.046%2011.924%2012.826%2012.76%2012.386%2013.464C11.9607%2014.1533%2011.33%2014.6887%2010.494%2015.07C9.67267%2015.4367%208.66067%2015.62%207.458%2015.62H0.549999ZM3.938%2012.76H7.018C7.64867%2012.76%208.12533%2012.5767%208.448%2012.21C8.77067%2011.8433%208.932%2011.4253%208.932%2010.956C8.932%2010.4427%208.76333%2010.01%208.426%209.658C8.10333%209.306%207.634%209.13%207.018%209.13H3.938V12.76ZM3.938%206.336H6.82C7.42133%206.336%207.86867%206.182%208.162%205.874C8.47%205.566%208.624%205.17%208.624%204.686C8.624%204.21666%208.47%203.83533%208.162%203.542C7.86867%203.234%207.42133%203.08%206.82%203.08H3.938V6.336ZM13.9554%2015.62C13.8381%2015.62%2013.7281%2015.576%2013.6254%2015.488C13.5374%2015.3853%2013.4934%2015.2753%2013.4934%2015.158C13.4934%2015.0847%2013.5007%2015.0187%2013.5154%2014.96L18.6854%200.835998C18.7294%200.674665%2018.8174%200.535332%2018.9494%200.417998C19.0961%200.285998%2019.2941%200.219998%2019.5434%200.219998H22.7994C23.0487%200.219998%2023.2394%200.285998%2023.3714%200.417998C23.5181%200.535332%2023.6134%200.674665%2023.6574%200.835998L28.8054%2014.96C28.8347%2015.0187%2028.8494%2015.0847%2028.8494%2015.158C28.8494%2015.2753%2028.7981%2015.3853%2028.6954%2015.488C28.6074%2015.576%2028.4974%2015.62%2028.3654%2015.62H25.6594C25.4394%2015.62%2025.2707%2015.5687%2025.1534%2015.466C25.0507%2015.3487%2024.9847%2015.246%2024.9554%2015.158L24.0974%2012.914H18.2234L17.3874%2015.158C17.3581%2015.246%2017.2921%2015.3487%2017.1894%2015.466C17.0867%2015.5687%2016.9107%2015.62%2016.6614%2015.62H13.9554ZM19.1254%209.746H23.2174L21.1494%203.938L19.1254%209.746ZM35.2526%2015.84C34.4166%2015.84%2033.6173%2015.7373%2032.8546%2015.532C32.1066%2015.312%2031.4393%2014.9893%2030.8526%2014.564C30.2659%2014.1387%2029.7966%2013.6107%2029.4446%2012.98C29.1073%2012.3493%2028.9239%2011.616%2028.8946%2010.78C28.8946%2010.648%2028.9386%2010.538%2029.0266%2010.45C29.1146%2010.3473%2029.2319%2010.296%2029.3786%2010.296H32.3486C32.5539%2010.296%2032.7079%2010.3473%2032.8106%2010.45C32.9279%2010.5527%2033.0233%2010.7067%2033.0966%2010.912C33.1699%2011.3227%2033.3093%2011.66%2033.5146%2011.924C33.7199%2012.1733%2033.9766%2012.364%2034.2846%2012.496C34.6073%2012.6133%2034.9666%2012.672%2035.3626%2012.672C36.0959%2012.672%2036.6606%2012.4373%2037.0566%2011.968C37.4526%2011.484%2037.6506%2010.78%2037.6506%209.856V3.498H30.5226C30.3759%203.498%2030.2439%203.44667%2030.1266%203.344C30.0239%203.24133%2029.9726%203.10933%2029.9726%202.948V0.769999C29.9726%200.608665%2030.0239%200.476665%2030.1266%200.373999C30.2439%200.271331%2030.3759%200.219998%2030.5226%200.219998H41.1706C41.3319%200.219998%2041.4639%200.271331%2041.5666%200.373999C41.6839%200.476665%2041.7426%200.608665%2041.7426%200.769999V9.966C41.7426%2011.242%2041.4639%2012.32%2040.9066%2013.2C40.3493%2014.0653%2039.5866%2014.7253%2038.6186%2015.18C37.6506%2015.62%2036.5286%2015.84%2035.2526%2015.84ZM43.0031%2015.62C42.8858%2015.62%2042.7758%2015.576%2042.6731%2015.488C42.5851%2015.3853%2042.5411%2015.2753%2042.5411%2015.158C42.5411%2015.0847%2042.5485%2015.0187%2042.5631%2014.96L47.7331%200.835998C47.7771%200.674665%2047.8651%200.535332%2047.9971%200.417998C48.1438%200.285998%2048.3418%200.219998%2048.5911%200.219998H51.8471C52.0965%200.219998%2052.2871%200.285998%2052.4191%200.417998C52.5658%200.535332%2052.6611%200.674665%2052.7051%200.835998L57.8531%2014.96C57.8825%2015.0187%2057.8971%2015.0847%2057.8971%2015.158C57.8971%2015.2753%2057.8458%2015.3853%2057.7431%2015.488C57.6551%2015.576%2057.5451%2015.62%2057.4131%2015.62H54.7071C54.4871%2015.62%2054.3185%2015.5687%2054.2011%2015.466C54.0985%2015.3487%2054.0325%2015.246%2054.0031%2015.158L53.1451%2012.914H47.2711L46.4351%2015.158C46.4058%2015.246%2046.3398%2015.3487%2046.2371%2015.466C46.1345%2015.5687%2045.9585%2015.62%2045.7091%2015.62H43.0031ZM48.1731%209.746H52.2651L50.1971%203.938L48.1731%209.746ZM64.3003%2015.84C63.4643%2015.84%2062.665%2015.7373%2061.9023%2015.532C61.1543%2015.312%2060.487%2014.9893%2059.9003%2014.564C59.3137%2014.1387%2058.8443%2013.6107%2058.4923%2012.98C58.155%2012.3493%2057.9717%2011.616%2057.9423%2010.78C57.9423%2010.648%2057.9863%2010.538%2058.0743%2010.45C58.1623%2010.3473%2058.2797%2010.296%2058.4263%2010.296H61.3963C61.6017%2010.296%2061.7557%2010.3473%2061.8583%2010.45C61.9757%2010.5527%2062.071%2010.7067%2062.1443%2010.912C62.2177%2011.3227%2062.357%2011.66%2062.5623%2011.924C62.7677%2012.1733%2063.0243%2012.364%2063.3323%2012.496C63.655%2012.6133%2064.0143%2012.672%2064.4103%2012.672C65.1437%2012.672%2065.7083%2012.4373%2066.1043%2011.968C66.5003%2011.484%2066.6983%2010.78%2066.6983%209.856V3.498H59.5703C59.4237%203.498%2059.2917%203.44667%2059.1743%203.344C59.0717%203.24133%2059.0203%203.10933%2059.0203%202.948V0.769999C59.0203%200.608665%2059.0717%200.476665%2059.1743%200.373999C59.2917%200.271331%2059.4237%200.219998%2059.5703%200.219998H70.2183C70.3797%200.219998%2070.5117%200.271331%2070.6143%200.373999C70.7317%200.476665%2070.7903%200.608665%2070.7903%200.769999V9.966C70.7903%2011.242%2070.5117%2012.32%2069.9543%2013.2C69.397%2014.0653%2068.6343%2014.7253%2067.6663%2015.18C66.6983%2015.62%2065.5763%2015.84%2064.3003%2015.84ZM78.0682%2015.62C77.9069%2015.62%2077.7749%2015.5687%2077.6722%2015.466C77.5695%2015.3633%2077.5182%2015.2313%2077.5182%2015.07V0.769999C77.5182%200.608665%2077.5695%200.476665%2077.6722%200.373999C77.7749%200.271331%2077.9069%200.219998%2078.0682%200.219998H88.1662C88.3275%200.219998%2088.4595%200.271331%2088.5622%200.373999C88.6795%200.476665%2088.7382%200.608665%2088.7382%200.769999V2.992C88.7382%203.15333%2088.6795%203.28533%2088.5622%203.388C88.4595%203.49066%2088.3275%203.542%2088.1662%203.542H81.3902V6.776H87.7262C87.8875%206.776%2088.0195%206.83467%2088.1222%206.952C88.2395%207.05467%2088.2982%207.18667%2088.2982%207.348V9.548C88.2982%209.69467%2088.2395%209.82667%2088.1222%209.944C88.0195%2010.0467%2087.8875%2010.098%2087.7262%2010.098H81.3902V15.07C81.3902%2015.2313%2081.3389%2015.3633%2081.2362%2015.466C81.1335%2015.5687%2081.0015%2015.62%2080.8402%2015.62H78.0682ZM91.2063%2015.62C91.045%2015.62%2090.913%2015.5687%2090.8103%2015.466C90.7077%2015.3633%2090.6563%2015.2313%2090.6563%2015.07V0.769999C90.6563%200.608665%2090.7077%200.476665%2090.8103%200.373999C90.913%200.271331%2091.045%200.219998%2091.2063%200.219998H94.1543C94.3157%200.219998%2094.4477%200.271331%2094.5503%200.373999C94.653%200.476665%2094.7043%200.608665%2094.7043%200.769999V15.07C94.7043%2015.2313%2094.653%2015.3633%2094.5503%2015.466C94.4477%2015.5687%2094.3157%2015.62%2094.1543%2015.62H91.2063ZM97.8991%2015.62C97.7378%2015.62%2097.6058%2015.5687%2097.5031%2015.466C97.4005%2015.3633%2097.3491%2015.2313%2097.3491%2015.07V0.769999C97.3491%200.608665%2097.4005%200.476665%2097.5031%200.373999C97.6058%200.271331%2097.7378%200.219998%2097.8991%200.219998H100.231C100.48%200.219998%20100.656%200.278665%20100.759%200.395998C100.876%200.498664%20100.95%200.579331%20100.979%200.637998L106.347%209.108V0.769999C106.347%200.608665%20106.398%200.476665%20106.501%200.373999C106.604%200.271331%20106.736%200.219998%20106.897%200.219998H109.537C109.698%200.219998%20109.83%200.271331%20109.933%200.373999C110.036%200.476665%20110.087%200.608665%20110.087%200.769999V15.07C110.087%2015.2167%20110.036%2015.3487%20109.933%2015.466C109.83%2015.5687%20109.698%2015.62%20109.537%2015.62H107.183C106.948%2015.62%20106.772%2015.5613%20106.655%2015.444C106.552%2015.3267%20106.486%2015.246%20106.457%2015.202L101.089%207.062V15.07C101.089%2015.2313%20101.038%2015.3633%20100.935%2015.466C100.832%2015.5687%20100.7%2015.62%20100.539%2015.62H97.8991ZM118.464%2015.84C116.997%2015.84%20115.78%2015.6347%20114.812%2015.224C113.844%2014.7987%20113.11%2014.2487%20112.612%2013.574C112.113%2012.8993%20111.849%2012.1807%20111.82%2011.418C111.82%2011.3007%20111.864%2011.198%20111.952%2011.11C112.054%2011.0073%20112.172%2010.956%20112.304%2010.956H115.076C115.281%2010.956%20115.435%2010.9927%20115.538%2011.066C115.655%2011.1393%20115.758%2011.2347%20115.846%2011.352C115.963%2011.572%20116.124%2011.7847%20116.33%2011.99C116.55%2012.1953%20116.828%2012.364%20117.166%2012.496C117.518%2012.6133%20117.95%2012.672%20118.464%2012.672C119.314%2012.672%20119.952%2012.54%20120.378%2012.276C120.818%2012.012%20121.038%2011.6527%20121.038%2011.198C121.038%2010.8753%20120.92%2010.6113%20120.686%2010.406C120.451%2010.186%20120.07%209.99533%20119.542%209.834C119.028%209.658%20118.339%209.482%20117.474%209.306C116.359%209.07133%20115.406%208.77067%20114.614%208.404C113.836%208.02267%20113.242%207.53133%20112.832%206.93C112.421%206.314%20112.216%205.55133%20112.216%204.642C112.216%203.74733%20112.465%202.948%20112.964%202.244C113.477%201.54%20114.188%200.989998%20115.098%200.593998C116.007%200.197998%20117.085%20-1.90735e-06%20118.332%20-1.90735e-06C119.344%20-1.90735e-06%20120.231%200.131998%20120.994%200.395998C121.771%200.659998%20122.424%201.012%20122.952%201.452C123.48%201.892%20123.876%202.36133%20124.14%202.86C124.418%203.344%20124.565%203.82066%20124.58%204.29C124.58%204.40733%20124.536%204.51733%20124.448%204.62C124.36%204.708%20124.25%204.752%20124.118%204.752H121.214C121.052%204.752%20120.913%204.72267%20120.796%204.664C120.678%204.60533%20120.576%204.51%20120.488%204.378C120.4%204.05533%20120.165%203.77666%20119.784%203.542C119.417%203.29266%20118.933%203.168%20118.332%203.168C117.686%203.168%20117.18%203.28533%20116.814%203.52C116.462%203.74%20116.286%204.08467%20116.286%204.554C116.286%204.84733%20116.381%205.104%20116.572%205.324C116.777%205.544%20117.107%205.73467%20117.562%205.896C118.031%206.05733%20118.669%206.226%20119.476%206.402C120.81%206.65133%20121.888%206.96667%20122.71%207.348C123.531%207.71467%20124.132%208.19867%20124.514%208.8C124.895%209.38667%20125.086%2010.1273%20125.086%2011.022C125.086%2012.0193%20124.8%2012.8847%20124.228%2013.618C123.67%2014.3367%20122.893%2014.8867%20121.896%2015.268C120.898%2015.6493%20119.754%2015.84%20118.464%2015.84ZM127.398%2015.62C127.237%2015.62%20127.105%2015.5687%20127.002%2015.466C126.899%2015.3633%20126.848%2015.2313%20126.848%2015.07V0.769999C126.848%200.608665%20126.899%200.476665%20127.002%200.373999C127.105%200.271331%20127.237%200.219998%20127.398%200.219998H137.672C137.833%200.219998%20137.965%200.271331%20138.068%200.373999C138.171%200.476665%20138.222%200.608665%20138.222%200.769999V2.838C138.222%202.99933%20138.171%203.13133%20138.068%203.234C137.965%203.33666%20137.833%203.388%20137.672%203.388H130.654V6.358H137.188C137.349%206.358%20137.481%206.41666%20137.584%206.534C137.687%206.63667%20137.738%206.76867%20137.738%206.93V8.844C137.738%208.99067%20137.687%209.12267%20137.584%209.24C137.481%209.34267%20137.349%209.394%20137.188%209.394H130.654V12.452H137.848C138.009%2012.452%20138.141%2012.5033%20138.244%2012.606C138.347%2012.7087%20138.398%2012.8407%20138.398%2013.002V15.07C138.398%2015.2313%20138.347%2015.3633%20138.244%2015.466C138.141%2015.5687%20138.009%2015.62%20137.848%2015.62H127.398ZM141.009%2015.62C140.847%2015.62%20140.715%2015.5687%20140.613%2015.466C140.51%2015.3633%20140.459%2015.2313%20140.459%2015.07V0.769999C140.459%200.608665%20140.51%200.476665%20140.613%200.373999C140.715%200.271331%20140.847%200.219998%20141.009%200.219998H146.993C148.885%200.219998%20150.373%200.659998%20151.459%201.54C152.559%202.40533%20153.109%203.63733%20153.109%205.236C153.109%206.27733%20152.852%207.15733%20152.339%207.876C151.84%208.59467%20151.18%209.13733%20150.359%209.504L153.395%2014.916C153.439%2015.004%20153.461%2015.0847%20153.461%2015.158C153.461%2015.2753%20153.409%2015.3853%20153.307%2015.488C153.219%2015.576%20153.109%2015.62%20152.977%2015.62H150.073C149.794%2015.62%20149.589%2015.554%20149.457%2015.422C149.325%2015.2753%20149.229%2015.1433%20149.171%2015.026L146.663%2010.186H144.397V15.07C144.397%2015.2313%20144.345%2015.3633%20144.243%2015.466C144.14%2015.5687%20144.008%2015.62%20143.847%2015.62H141.009ZM144.397%207.084H146.949C147.638%207.084%20148.151%206.91533%20148.489%206.578C148.841%206.24067%20149.017%205.77867%20149.017%205.192C149.017%204.62%20148.848%204.158%20148.511%203.806C148.188%203.454%20147.667%203.278%20146.949%203.278H144.397V7.084ZM159.136%2015.62C158.886%2015.62%20158.688%2015.554%20158.542%2015.422C158.395%2015.29%20158.292%2015.136%20158.234%2014.96L153.746%200.879999C153.716%200.806665%20153.702%200.740665%20153.702%200.681998C153.702%200.564665%20153.746%200.461998%20153.834%200.373999C153.936%200.271331%20154.054%200.219998%20154.186%200.219998H156.914C157.148%200.219998%20157.332%200.285998%20157.464%200.417998C157.596%200.549998%20157.676%200.674665%20157.706%200.791998L160.808%2010.956L163.932%200.791998C163.976%200.674665%20164.056%200.549998%20164.174%200.417998C164.306%200.285998%20164.489%200.219998%20164.724%200.219998H167.452C167.584%200.219998%20167.694%200.271331%20167.782%200.373999C167.884%200.461998%20167.936%200.564665%20167.936%200.681998C167.936%200.740665%20167.921%200.806665%20167.892%200.879999L163.404%2014.96C163.345%2015.136%20163.242%2015.29%20163.096%2015.422C162.964%2015.554%20162.766%2015.62%20162.502%2015.62H159.136ZM173.785%2015.62C173.623%2015.62%20173.491%2015.5687%20173.389%2015.466C173.286%2015.3633%20173.235%2015.2313%20173.235%2015.07V0.769999C173.235%200.608665%20173.286%200.476665%20173.389%200.373999C173.491%200.271331%20173.623%200.219998%20173.785%200.219998H176.689C176.835%200.219998%20176.96%200.271331%20177.063%200.373999C177.18%200.476665%20177.239%200.608665%20177.239%200.769999V12.298H183.883C184.044%2012.298%20184.176%2012.3567%20184.279%2012.474C184.396%2012.5767%20184.455%2012.7087%20184.455%2012.87V15.07C184.455%2015.2313%20184.396%2015.3633%20184.279%2015.466C184.176%2015.5687%20184.044%2015.62%20183.883%2015.62H173.785ZM186.471%2015.62C186.31%2015.62%20186.178%2015.5687%20186.075%2015.466C185.973%2015.3633%20185.921%2015.2313%20185.921%2015.07V0.769999C185.921%200.608665%20185.973%200.476665%20186.075%200.373999C186.178%200.271331%20186.31%200.219998%20186.471%200.219998H189.419C189.581%200.219998%20189.713%200.271331%20189.815%200.373999C189.918%200.476665%20189.969%200.608665%20189.969%200.769999V15.07C189.969%2015.2313%20189.918%2015.3633%20189.815%2015.466C189.713%2015.5687%20189.581%2015.62%20189.419%2015.62H186.471ZM193.164%2015.62C193.018%2015.62%20192.886%2015.5687%20192.768%2015.466C192.666%2015.3633%20192.614%2015.2313%20192.614%2015.07V0.769999C192.614%200.608665%20192.666%200.476665%20192.768%200.373999C192.886%200.271331%20193.018%200.219998%20193.164%200.219998H195.54C195.775%200.219998%20195.951%200.285998%20196.068%200.417998C196.2%200.535332%20196.281%200.630665%20196.31%200.703998L200.182%207.656L204.054%200.703998C204.098%200.630665%20204.172%200.535332%20204.274%200.417998C204.392%200.285998%20204.575%200.219998%20204.824%200.219998H207.178C207.34%200.219998%20207.472%200.271331%20207.574%200.373999C207.692%200.476665%20207.75%200.608665%20207.75%200.769999V15.07C207.75%2015.2313%20207.692%2015.3633%20207.574%2015.466C207.472%2015.5687%20207.34%2015.62%20207.178%2015.62H204.56C204.399%2015.62%20204.26%2015.5687%20204.142%2015.466C204.04%2015.3633%20203.988%2015.2313%20203.988%2015.07V6.82L201.502%2011.418C201.444%2011.55%20201.356%2011.6673%20201.238%2011.77C201.121%2011.8727%20200.96%2011.924%20200.754%2011.924H199.61C199.405%2011.924%20199.244%2011.8727%20199.126%2011.77C199.009%2011.6673%20198.914%2011.55%20198.84%2011.418L196.354%206.82V15.07C196.354%2015.2313%20196.303%2015.3633%20196.2%2015.466C196.098%2015.5687%20195.966%2015.62%20195.804%2015.62H193.164ZM210.922%2015.62C210.76%2015.62%20210.628%2015.5687%20210.526%2015.466C210.423%2015.3633%20210.372%2015.2313%20210.372%2015.07V0.769999C210.372%200.608665%20210.423%200.476665%20210.526%200.373999C210.628%200.271331%20210.76%200.219998%20210.922%200.219998H213.87C214.031%200.219998%20214.163%200.271331%20214.266%200.373999C214.368%200.476665%20214.42%200.608665%20214.42%200.769999V15.07C214.42%2015.2313%20214.368%2015.3633%20214.266%2015.466C214.163%2015.5687%20214.031%2015.62%20213.87%2015.62H210.922ZM221.002%2015.62C220.841%2015.62%20220.709%2015.5687%20220.606%2015.466C220.504%2015.3633%20220.452%2015.2313%20220.452%2015.07V3.674H216.536C216.375%203.674%20216.243%203.62266%20216.14%203.52C216.038%203.40267%20215.986%203.27067%20215.986%203.124V0.769999C215.986%200.608665%20216.038%200.476665%20216.14%200.373999C216.243%200.271331%20216.375%200.219998%20216.536%200.219998H228.372C228.534%200.219998%20228.666%200.271331%20228.768%200.373999C228.871%200.476665%20228.922%200.608665%20228.922%200.769999V3.124C228.922%203.27067%20228.871%203.40267%20228.768%203.52C228.666%203.62266%20228.534%203.674%20228.372%203.674H224.456V15.07C224.456%2015.2313%20224.405%2015.3633%20224.302%2015.466C224.2%2015.5687%20224.068%2015.62%20223.906%2015.62H221.002ZM231.032%2015.62C230.87%2015.62%20230.738%2015.5687%20230.636%2015.466C230.533%2015.3633%20230.482%2015.2313%20230.482%2015.07V0.769999C230.482%200.608665%20230.533%200.476665%20230.636%200.373999C230.738%200.271331%20230.87%200.219998%20231.032%200.219998H241.306C241.467%200.219998%20241.599%200.271331%20241.702%200.373999C241.804%200.476665%20241.856%200.608665%20241.856%200.769999V2.838C241.856%202.99933%20241.804%203.13133%20241.702%203.234C241.599%203.33666%20241.467%203.388%20241.306%203.388H234.288V6.358H240.822C240.983%206.358%20241.115%206.41666%20241.218%206.534C241.32%206.63667%20241.372%206.76867%20241.372%206.93V8.844C241.372%208.99067%20241.32%209.12267%20241.218%209.24C241.115%209.34267%20240.983%209.394%20240.822%209.394H234.288V12.452H241.482C241.643%2012.452%20241.775%2012.5033%20241.878%2012.606C241.98%2012.7087%20242.032%2012.8407%20242.032%2013.002V15.07C242.032%2015.2313%20241.98%2015.3633%20241.878%2015.466C241.775%2015.5687%20241.643%2015.62%20241.482%2015.62H231.032ZM244.643%2015.62C244.481%2015.62%20244.349%2015.5687%20244.247%2015.466C244.144%2015.3633%20244.093%2015.2313%20244.093%2015.07V0.769999C244.093%200.608665%20244.144%200.476665%20244.247%200.373999C244.349%200.271331%20244.481%200.219998%20244.643%200.219998H250.363C251.8%200.219998%20253.025%200.454665%20254.037%200.923998C255.049%201.37866%20255.826%202.05333%20256.369%202.948C256.911%203.828%20257.205%204.92067%20257.249%206.226C257.263%206.87133%20257.271%207.436%20257.271%207.92C257.271%208.404%20257.263%208.96133%20257.249%209.592C257.19%2010.956%20256.897%2012.0853%20256.369%2012.98C255.855%2013.8747%20255.1%2014.542%20254.103%2014.982C253.12%2015.4073%20251.91%2015.62%20250.473%2015.62H244.643ZM248.031%2012.452H250.363C250.993%2012.452%20251.514%2012.3567%20251.925%2012.166C252.35%2011.9607%20252.665%2011.6453%20252.871%2011.22C253.091%2010.7947%20253.208%2010.2373%20253.223%209.548C253.252%209.12267%20253.267%208.74133%20253.267%208.404C253.281%208.06667%20253.281%207.72933%20253.267%207.392C253.267%207.05467%20253.252%206.68067%20253.223%206.27C253.193%205.27267%20252.929%204.54666%20252.431%204.092C251.947%203.62266%20251.221%203.388%20250.253%203.388H248.031V12.452Z%22%20fill%3D%22%23005DAC%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E") no-repeat center / contain;} [data-theme="dark"] .brand-logo img{ visibility: hidden;} .header-actions{ display: flex; align-items: stretch; align-self: stretch;} .header-action{ display: flex; align-items: center; justify-content: center; padding: 0 30px; border-left: 1px solid var(--border);} .report-link{ flex: 0 0 210px; gap: 17px; padding: 0; font-size: 0.75rem; line-height: 1; color: var(--text); white-space: nowrap;} .report-link:hover{ color: var(--accent);} .download-icon svg path{ stroke: var(--accent);} .download-icon{ display: flex; align-items: center; justify-content: center; width: 16px; height: 22px;} .download-icon svg{ display: block;} .theme-toggle{ position: relative; display: block; width: 40px; height: 20px; padding: 0; border: 1px solid var(--accent); border-radius: 20px; background: var(--surface); cursor: pointer;} .theme-toggle-knob{ position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: var(--accent); color: var(--knob-icon); transition: .3s; -webkit-transition: .3s;} .theme-toggle-knob svg{ display: block;} .theme-toggle-knob .icon-sun circle{ fill: currentColor;} .theme-toggle-knob .icon-sun path{ stroke: currentColor;} .theme-toggle-knob .icon-moon path{ fill: currentColor;} .theme-toggle .icon-moon{ display: none;} [data-theme="dark"] .theme-toggle-knob{ transform: translateX(20px);} [data-theme="dark"] .theme-toggle .icon-sun{ display: none;} [data-theme="dark"] .theme-toggle .icon-moon{ display: block;} .bajaj-logo{ display: block; width: 138px; height: 60px;} .bajaj-logo-swap{ position: relative; display: block; width: 138px; height: 60px;} .bajaj-logo-alt{ position: absolute; top: 0; left: 0; opacity: 0; animation: bajajLogoSwap 6s ease-in-out infinite;} @keyframes bajajLogoSwap{ 0%, 42%{ opacity: 0;} 50%, 92%{ opacity: 1;} 100%{ opacity: 0;} } @media (prefers-reduced-motion: reduce){ .bajaj-logo-alt{ animation: none;} } .menu-cell{} .hamburger{ display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 10px; border: none; background: none; cursor: pointer;} .hamburger:hover{ opacity: .8;} .menu-lbl{ font-size: 0.6rem; font-weight: 500; line-height: 1; letter-spacing: .06em; color: var(--accent);} .menu-circle{ display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1.5px solid var(--accent-ring); border-radius: 50%;} .ham{ display: flex; flex-direction: column; gap: 3.5px; width: 13px;} .ham span{ display: block; width: 100%; height: 1.5px; border-radius: 1px; background: var(--accent); transition: .3s; -webkit-transition: .3s;} .hamburger.is-active .ham span:nth-child(1){ transform: translateY(5px) rotate(45deg);} .hamburger.is-active .ham span:nth-child(2){ opacity: 0;} .hamburger.is-active .ham span:nth-child(3){ transform: translateY(-5px) rotate(-45deg);} .dropdown-full-wrp{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--overlay); opacity: 0; visibility: hidden; transition: .4s; -webkit-transition: .4s; z-index: 998;} .dropdown-full-wrp.open{ opacity: 1; visibility: visible;} .dropdown-inner{ position: absolute; top: 0; right: 0; display: flex; flex-direction: column; width: 420px; max-width: 100%; height: 100%; padding: 0 25px 25px; overflow-y: auto; background: var(--surface); transform: translateX(100%); transition: .4s; -webkit-transition: .4s;} .dropdown-full-wrp.open .dropdown-inner{ transform: translateX(0);} .dropdown-head{ flex: 0 0 auto; height: var(--header-h);} .dropdown-nav{ padding-top: 20px;} .dropdown-nav li{ border-bottom: 1px solid var(--border);} .dropdown-nav a{ display: block; padding: 10px 0; font-size: 0.8rem; color: var(--text);} .dropdown-nav a:hover{ color: var(--accent);} .dropdown-nav .has-sub{ border-bottom: 0;} .dropdown-nav .has-sub > a{ border-bottom: 1px solid var(--border);} .dropdown-subnav a{ padding-left: 20px;} .dropdown-nav-icon{ width: 20px; height: 20px; margin-left: 6px; vertical-align: -5px;} .dropdown-nav a.is-current{ color: var(--accent);} @media handheld, only screen and (max-width: 1399px){ .header-inner{ padding-left: 30px;} .report-link{ flex: 0 0 auto; padding: 0 25px;} .header-action{ padding: 0 22px;} .menu-cell{ padding-right: 30px;} } @media handheld, only screen and (max-width: 991px){ :root{ --header-h: 80px;} .header-inner{ padding-left: 20px;} .brand-logo img{ width: 206px; height: 13px;} .report-link{ gap: 12px; padding: 0 18px; font-size: 0.7rem;} .header-action{ padding: 0 16px;} .menu-cell{ padding-right: 20px;} .bajaj-logo{ width: 106px; height: 46px;} .bajaj-logo-swap{ width: 106px; height: 46px;} .dropdown-inner{ width: 380px; padding: 0 40px 40px;} } @media handheld, only screen and (max-width: 767px){ .brand-cell{ display: none;} .header-action{ padding: 0 12px;} } @media handheld, only screen and (max-width: 575px){ :root{ --header-h: 64px;} .header-inner{ padding-left: 15px;} .brand-logo img{ width: 145px; height: 9px;} .report-label{ display: none;} .report-link{ padding: 0 14px;} .header-action{ padding: 0 12px;} .brand-cell{ display: none;} .menu-cell{ padding-right: 15px;} .menu-lbl{ display: none;} .hamburger{ padding: 6px;} .dropdown-inner{ width: 100%; padding: 0 25px 30px;} } @media handheld, only screen and (max-width: 359px){ .header-inner{ padding-left: 12px;} .brand-logo img{ width: 112px; height: 7px;} .header-action{ padding: 0 9px;} .menu-cell{ padding-right: 10px;} } #chairman-message {padding-top: 100px; background: url(../finserv-digital-esg-report-fy26-images/chairman-back-pat.png) right bottom no-repeat; background-attachment: fixed; background-size: 200px; } body.cmd-page #chairman-message{ padding-top: calc(var(--header-h) + 10px);} .cmd-sec{ position: relative; width: 100%; --cmd-blue-lt: var(--accent-soft); --cmd-quote-bg: #F2F7FC; --cmd-quote-border: #DCE8F4;} [data-theme="dark"] .cmd-sec{ --cmd-quote-bg: rgba(255, 255, 255, .045); --cmd-quote-border: rgba(255, 255, 255, .10);} body.cmd-page{ overflow-x: clip !important;} .cmd-layout{ display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 60px; align-items: start; padding: 10px 0 90px;} .cmd-layout > .cmd-layout__media{ position: sticky; top: calc(var(--header-h) + 20px); align-self: start; overflow: hidden; border-radius: 14px;} .cmd-layout__body{ min-width: 0;} .cmd-layout__body h6{ font-size: 14px;} .cmd-layout__body .cmd-title{ padding-bottom: 30px;} .cmd-hero{ position: relative; display: grid; grid-template-columns: 0.6fr 1fr; align-items: start; width: 100%; background: var(--surface);} .cmd-hero-fig{ display: block; line-height: 0; position: relative; } .cmd-hero-fig:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40%; background: #000000; opacity: 0.8; z-index: 1; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(184, 184, 184, 0) 100%); } .cmd-hero-fig img{ display: block; width: 100%; height: auto;} .cmd-hero-txt{ padding: 20px 80px 60px 40px; max-width: 780px; place-content: center; height: 100%;} .cmd-hero-txt h6 { font-size: 14px; } .cmd-title{ font-size: 3rem; font-weight: 400; line-height: 1.08; color: var(--accent); letter-spacing: -.01em;} .cmd-title span{ display: block; padding-top: 8px; font-size: 2.1rem; line-height: 1.16; color: var(--cmd-blue-lt);} .cmd-qmark{ display: block; padding: 55px 0 30px;} .cmd-qmark svg{ display: block; width: 142px; height: 128px;} .cmd-quote{ margin: 0 0 40px; padding: 30px; background: var(--cmd-quote-bg); border: 1px solid var(--cmd-quote-border); border-radius: 14px;} .cmd-quote__mark{ width: 22px; height: auto;} .cmd-quote__mark--down{ display: inline-block; vertical-align: baseline; margin-left: 6px;} [data-theme="dark"] .cmd-quote__mark{ filter: brightness(1.9) saturate(.9);} .cmd-quote__text{ margin: 14px 0 0; font-size: 20px; line-height: 1.6; font-weight: 400; color: var(--cmd-blue-lt);} .cmd-quote__cite{ display: flex; flex-direction: column; gap: 2px; margin-top: 18px;} .cmd-quote__name{ font-size: 0.8rem; font-weight: 700; color: var(--accent);} .cmd-quote__role{ font-size: 0.7rem; color: var(--text);} .cmd-layout__body .cmd-letter{ max-width: none; margin: 0; padding: 0;} .cmd-hero-quote{ padding: 0; font-size: 20px; line-height: 1.6; color: var(--cmd-blue-lt);} .cmd-hero-by{ position: absolute; left: 60px; bottom: 50px; z-index: 2; padding: 0; font-size: 0.75rem; line-height: 1.6; color: var(--color-white); } .cmd-layout__media .cmd-hero-by{ left: 30px; bottom: 28px;} .cmd-hero-by strong{ display: block; font-weight: 600;} .cmd-hero-by span{ display: block; font-weight: 400;} .cmd-body{ max-width: 1120px; margin: 0 auto; padding: 50px 0 110px;} .cmd-body p{ padding: 0 0 22px; font-size: 0.85rem; line-height: 1.62; color: var(--text);padding-bottom: 15px;} .cmd-body p.hl{ font-size: 20px; line-height: 1.42; font-weight: 400; color: var(--cmd-blue-lt);} .cmd-body h2{ font-size: 1.2rem; font-weight: 700; line-height: 1.25; color: var(--heading);margin-bottom: 0px;padding-bottom: 7px;} .cmd-body h2:first-child{ padding-top: 0;} .cmd-sign{ font-size: 0.85rem; line-height: 1.5;} .cmd-sign strong{ display: block; font-size: 1.1rem; font-weight: 700; color: var(--cmd-blue-lt);} .cmd-sign span{ display: block; padding-top: 2px; color: var(--text);} @media handheld, only screen and (max-width: 1399px){ .cmd-layout{ grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 45px;} .cmd-hero-by{ left: 40px; bottom: 35px;} .cmd-hero-txt{ padding: 60px 50px 50px 50px;} .cmd-title{ font-size: 2.5rem;} .cmd-title span{ font-size: 1.75rem;} .cmd-qmark{ padding: 40px 0 24px;} .cmd-qmark svg{ width: 118px; height: 106px;} } @media handheld, only screen and (max-width: 991px){ .cmd-hero{ grid-template-columns: 1fr;} .cmd-hero-txt{ max-width: 100%; padding: 45px 20px 20px;} .cmd-layout{ grid-template-columns: 1fr; gap: 35px; padding-bottom: 70px;} .cmd-layout > .cmd-layout__media{ position: relative; top: auto; max-width: 520px; margin-inline: auto;} .cmd-hero-by, .cmd-layout__media .cmd-hero-by{ left: 20px; bottom: 25px;} .cmd-title{ font-size: 2.1rem;} .cmd-layout__body .cmd-title{ padding-bottom: 22px;} .cmd-title span{ font-size: 1.5rem;} .cmd-qmark{ padding: 32px 0 20px;} .cmd-qmark svg{ width: 96px; height: 86px;} .cmd-hero-quote, .cmd-quote__text{ font-size: 0.95rem;} .cmd-body{ padding: 55px 0 70px;} .cmd-layout__body .cmd-letter{ padding: 0;} .cmd-body p.hl{ font-size: 1.02rem;} .cmd-body h2{ font-size: 1.1rem;} } @media handheld, only screen and (max-width: 575px){ .cmd-title{ font-size: 1.7rem;} .cmd-title span{ font-size: 1.25rem;} .cmd-qmark svg{ width: 78px; height: 70px;} .cmd-quote{ padding: 22px 18px;} .cmd-body p{ font-size: 0.8rem;} .cmd-body p.hl{ font-size: 0.95rem;} .cmd-sign strong{ font-size: 1rem;} } #AboutBajajFinserv { background-color: #0060cc; padding: calc(var(--header-h) + 70px) 0 100px; } #AboutBajajFinserv p{ color: var(--color-white);} .orgc-title{ padding: 70px 0 44px; font-size: 26px; font-weight: 400; line-height: 1.12; letter-spacing: -.01em; color: var(--color-white);} .orgc{ position: relative; width: 100%; --orgc-gap: 40px; --orgc-col: calc((100% - 3 * var(--orgc-gap)) / 4); --orgc-navy: #212F7E; --orgc-pale: #A9C9EC; --orgc-edge: #8FB4E4; --orgc-tag-h: 34px;} .orgc-parent{ padding: 17px 20px; background: var(--color-white); text-align: center; font-size: 23px; font-weight: 700; line-height: 1.3; color: #0060cc;} .orgc-v, .orgc-h{ position: absolute; display: block; z-index: 0; pointer-events: none;} .orgc-v{ top: 0; bottom: 0; width: 0; border-left: 2px solid var(--color-white); margin-left: -1px; transform-origin: 50% 0;} .orgc-h{ height: 0; border-top: 2px solid var(--color-white); margin-top: -1px; transform-origin: 0 50%;} .orgc-dot{ border-style: dotted;} .orgc-c1{ left: calc(var(--orgc-col) * .5);} .orgc-c2{ left: calc(var(--orgc-col) * 1.5 + var(--orgc-gap));} .orgc-c3{ left: calc(var(--orgc-col) * 2.5 + var(--orgc-gap) * 2);} .orgc-c4{ left: calc(var(--orgc-col) * 3.5 + var(--orgc-gap) * 3);} .orgc-cm{ left: 50%;} .orgc-cq{ left: calc(var(--orgc-col) + var(--orgc-gap) * .5);} .orgc-rail{ position: relative; width: 100%; height: var(--orgc-rail-h);} .orgc-rail .orgc-bus{ top: var(--orgc-rail-y);} .orgc-rail .orgc-drop{ top: var(--orgc-rail-y); bottom: 0;} .orgc-rail-a{ --orgc-rail-h: 104px; --orgc-rail-y: 52px;} .orgc-rail-b{ --orgc-rail-h: 96px; --orgc-rail-y: 48px;} .orgc-rail-c{ --orgc-rail-h: 112px; --orgc-rail-y: 56px;} .orgc-rail-a .orgc-bus{ left: calc(var(--orgc-col) * .5); width: calc(var(--orgc-col) * 3 + var(--orgc-gap) * 3); transform-origin: 50% 50%;} .orgc-rail-b .orgc-bus{ left: calc(var(--orgc-col) * .5); width: calc(var(--orgc-col) + var(--orgc-gap));} .orgc-rail-c .orgc-bus{ left: 50%; width: calc(50% - var(--orgc-col) * .5);} .orgc-band{ position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--orgc-gap); align-items: stretch;} .orgc-cell{ position: relative; display: flex; flex-direction: column;} .orgc-at2{ grid-column: 2;} .orgc-at4{ grid-column: 4;} .orgc-box{ position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; padding: 24px 22px;} .orgc-direct{ background: var(--orgc-navy);} .orgc-indirect{ border: 5px solid var(--orgc-edge);} .orgc-box h3{ font-size: 19px; font-weight: 700; line-height: 1.34; color: var(--color-white);} .orgc-box h3 span{ font-size: 13px; font-weight: 600;} .orgc-box p{ padding: 24px 0 0; font-size: 16px; line-height: 1.34;} .orgc-box sup{ font-size: .62em; line-height: 0;} .orgc-row-1 .orgc-box{ min-height: 220px;} .orgc-row-2 .orgc-box{ min-height: 210px;} .orgc-row-3 .orgc-box{ min-height: 196px;} .orgc-tagrow{ position: relative; display: flex; min-height: var(--orgc-tag-h);} .orgc-tagrow-split{ justify-content: space-between;} .orgc-tag{ position: relative; z-index: 1; padding: 7px 14px; background: var(--orgc-pale); font-size: 16px; line-height: 20px; color: var(--color-black); white-space: nowrap; transform-origin: 0 50%;} .orgc-tag sup{ font-size: .62em; line-height: 0;} .orgc-end{ bottom: calc(var(--orgc-tag-h) * .5);} .orgc-stub-in, .orgc-stub-out{ top: calc(var(--orgc-tag-h) * .5); width: calc(var(--orgc-gap) * .5);} .orgc-stub-in{ left: calc(var(--orgc-gap) * -.5);} .orgc-stub-out{ right: calc(var(--orgc-gap) * -.5); transform-origin: 100% 50%;} .orgc-legend{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px 44px; padding: 56px 0 0;} .orgc-legend li{ display: flex; align-items: center; gap: 12px; font-size: 16px; line-height: 1.4; color: var(--color-white);} .orgc-key{ display: block; flex: 0 0 auto; width: 38px; height: 15px;} .orgc-key-share{ background: var(--orgc-pale);} .orgc-key-direct{ background: var(--orgc-navy);} .orgc-key-indirect{ border: 2px solid var(--orgc-edge);} .orgc-notes{ padding: 44px 0 0;} .orgc-notes h4{ padding-bottom: 12px; font-size: 14px; font-weight: 700; color: var(--color-white);} .orgc-notes ol{ padding-left: 22px; list-style: decimal;} .orgc-notes ol li{ padding: 0 0 8px 14px; font-size: 14px; line-height: 1.55; color: var(--color-white);} .orgc-note-excl{ padding: 14px 0 0; font-size: 14px;} .orgc-intro{ padding: 34px 0 0;} .orgc-intro p{ padding: 0 0 4px; font-size: 17px; line-height: 1.62;} .orgc-box{ transition: background-color .4s ease, border-color .4s ease, box-shadow .45s ease;} .orgc-box::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--color-sky-blue); transform: scaleX(0); transform-origin: 0 50%; transition: transform .5s cubic-bezier(.22,.61,.36,1);} .orgc-box:hover::after{ transform: scaleX(1);} .orgc-box:hover{ box-shadow: 0 18px 38px rgba(0, 0, 0, .28);} .orgc-direct:hover{ background: #2A3A96;} .orgc-indirect:hover{ border-color: var(--color-white);} .orgc-animate .orgc-title, .orgc-animate .orgc-parent, .orgc-animate .orgc-box, .orgc-animate .orgc-tag, .orgc-animate .orgc-legend li, .orgc-animate .orgc-notes, .orgc-animate .orgc-intro p{ opacity: 0;} .orgc-animate .orgc-v{ transform: scaleY(0);} .orgc-animate .orgc-h{ transform: scaleX(0);} @media (prefers-reduced-motion: reduce){ .orgc-box, .orgc-box::after{ transition: none;} } @media handheld, only screen and (max-width: 1399px){ .orgc{ --orgc-gap: 30px;} .orgc-title{ font-size: 32px;} .orgc-parent{ font-size: 20px;} .orgc-box{ padding: 20px 18px;} .orgc-box h3{ font-size: 17px;} .orgc-box p{ padding-top: 18px; font-size: 15px;} .orgc-row-1 .orgc-box{ min-height: 200px;} .orgc-row-2 .orgc-box{ min-height: 192px;} .orgc-row-3 .orgc-box{ min-height: 180px;} } @media handheld, only screen and (max-width: 1199px){ .orgc{ --orgc-gap: 22px; --orgc-tag-h: 30px;} .orgc-box h3{ font-size: 15px;} .orgc-box p{ font-size: 13.5px;} .orgc-tag{ padding: 6px 10px; font-size: 14px; line-height: 18px;} .orgc-rail-a{ --orgc-rail-h: 80px; --orgc-rail-y: 40px;} .orgc-rail-b{ --orgc-rail-h: 74px; --orgc-rail-y: 37px;} .orgc-rail-c{ --orgc-rail-h: 86px; --orgc-rail-y: 43px;} } @media handheld, only screen and (max-width: 991px){ #AboutBajajFinserv{ padding: calc(var(--header-h) + 45px) 0 60px;} .orgc{ --orgc-gap: 20px;} .orgc-title{ padding: 45px 0 30px; font-size: 26px;} .orgc-v, .orgc-h{ display: none;} .orgc-rail{ height: 24px;} .orgc-band{ grid-template-columns: repeat(2, 1fr);} .orgc-at2, .orgc-at4{ grid-column: auto;} .orgc-box{ min-height: 0 !important;} .orgc-box p{ padding-top: 14px;} .orgc-tagrow{ margin-bottom: 22px;} .orgc-legend{ padding-top: 36px; gap: 12px 28px;} .orgc-intro p{ font-size: 15px;} } @media handheld, only screen and (max-width: 575px){ .orgc-title{ font-size: 22px;} .orgc-parent{ font-size: 17px;} .orgc-band{ grid-template-columns: 1fr;} .orgc-box h3{ font-size: 16px;} .orgc-box p{ font-size: 14px;} .orgc-legend li{ font-size: 14px;} } #BFSVision{ padding: 90px 0 100px; background: var(--surface); --bfsv-blue: #0060cc; --bfsv-navy: #212F7E; --bfsv-panel: #DCEBFA; --bfsv-panel-alt: #F2F8FD; --bfsv-card: var(--color-white); --bfsv-rule: #BCD8F1; --bfsv-item-title: #17559E; --bfsv-item-text: var(--color-black); --bfsv-line: #212F7E; --bfsv-gap: 18px; --bfsv-pad: 14px;} [data-theme="dark"] #BFSVision{ --bfsv-blue: #0A63C8; --bfsv-navy: #2A3A96; --bfsv-panel: #16273A; --bfsv-panel-alt: #10202F; --bfsv-card: var(--surface); --bfsv-rule: var(--border); --bfsv-item-title: var(--color-sky-blue); --bfsv-item-text: var(--text); --bfsv-line: #4E77C8;} .bfsv-vision{ font-size: 28px; font-weight: 700; line-height: 1.34; letter-spacing: -.01em; color: var(--bfsv-blue);} .bfsv-subtitle{ padding: 36px 0 24px; font-size: 23px; font-weight: 700; line-height: 1.3; color: var(--heading);} .bfsv-needs{ display: flex; align-items: stretch; gap: var(--bfsv-gap);} .bfsv-need{ display: flex; flex-direction: column; justify-content: space-between; padding: 18px 16px 16px; border: 2px solid var(--color-orange); transition: box-shadow .45s ease, border-color .4s ease;} .bfsv-need:hover{ border-color: var(--color-yellow); box-shadow: 0 14px 30px rgba(0, 0, 0, .12);} .bfsv-need h4{ font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--heading);} .bfsv-need p{ padding: 22px 0 0; font-size: 16px; line-height: 1.34; color: var(--text);} .bfsv-need-1{ flex: 318 1 0;} .bfsv-need-2{ flex: 302 1 0;} .bfsv-need-3{ flex: 588 1 0;} .bfsv-need-4{ flex: 375 1 0;} .bfsv-need-5{ flex: 259 1 0;} .bfsv-map{ display: flex; align-items: stretch; gap: var(--bfsv-gap); margin-top: 26px; padding: 22px 26px; border: 2px dotted var(--bfsv-blue);} .bfsv-bar{ position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; padding: 16px 0; background: var(--bfsv-navy);} .bfsv-bar i{ display: block; font-size: 17px; font-style: normal; font-weight: 700; line-height: 1.2; color: var(--color-white); text-align: center; white-space: nowrap; writing-mode: vertical-rl; transform: rotate(180deg);} .bfsv-bar-blue{ background: var(--bfsv-blue);} .bfsv-bar-wide{ width: 62px;} .bfsv-bar-end{ width: 46px;} @supports (writing-mode: sideways-lr){ .bfsv-bar-end i{ writing-mode: sideways-rl; transform: none;} } .bfsv-spine{ position: relative; display: flex; align-items: stretch; gap: 10px; padding: 12px 0;} .bfsv-spine::after{ content: ''; position: absolute; top: 50%; left: 100%; width: calc(var(--bfsv-gap) + var(--bfsv-pad)); border-top: 2px solid var(--bfsv-line); margin-top: -1px;} .bfsv-side{ position: relative; display: flex; align-items: stretch; gap: var(--bfsv-gap); flex: 582 1 0;} .bfsv-side .bfsv-bar-end::before{ content: ''; position: absolute; top: 50%; right: 100%; width: var(--bfsv-gap); border-top: 2px solid var(--bfsv-line); margin-top: -1px;} .bfsv-panel{ display: flex; align-items: stretch; gap: var(--bfsv-pad); flex: 982 1 0; padding: var(--bfsv-pad); background: var(--bfsv-panel);} .bfsv-panel-alt{ flex: 1 1 auto; padding: 10px; background: var(--bfsv-panel-alt);} .bfsv-list{ display: flex; flex-direction: column; flex: 1 1 auto; ; border: 1px solid #0060cc;} .bfsv-item{ display: flex; flex-direction: column; justify-content: center; flex: 1 1 0; padding: 12px 18px; border-bottom: 1px solid #0060cc; transition: background-color .4s ease;} .bfsv-item:last-child{ border-bottom: 0;} .bfsv-item:hover{ background: var(--bfsv-panel-alt);} .bfsv-item h4{ font-size: 16.5px; font-weight: 700; line-height: 1.3; color: var(--bfsv-item-title);} .bfsv-item p{ padding: 4px 0 0; font-size: 16px; line-height: 1.32; color: var(--bfsv-item-text);} .bfsv-foot{ padding: 18px 0 0; font-size: 15px; line-height: 1.4; color: var(--text);} .bfsv-animate .bfsv-vision, .bfsv-animate .bfsv-subtitle, .bfsv-animate .bfsv-need, .bfsv-animate .bfsv-map, .bfsv-animate .bfsv-item, .bfsv-animate .bfsv-foot{ opacity: 0;} .bfsv-animate .bfsv-bar{ transform: scaleY(0); transform-origin: 50% 100%;} @media (prefers-reduced-motion: reduce){ .bfsv-need, .bfsv-item{ transition: none;} } @media handheld, only screen and (max-width: 1399px){ #BFSVision{ padding: 70px 0 80px; --bfsv-gap: 15px;} .bfsv-vision{ font-size: 25px;} .bfsv-subtitle{ font-size: 21px;} .bfsv-need{ padding: 15px 13px 13px;} .bfsv-need h4{ font-size: 15.5px;} .bfsv-need p{ padding-top: 18px; font-size: 15px;} .bfsv-map{ padding: 18px 20px;} .bfsv-bar i{ font-size: 15.5px;} .bfsv-item{ padding: 10px 14px;} .bfsv-item h4{ font-size: 15px;} .bfsv-item p{ font-size: 14.5px;} } @media handheld, only screen and (max-width: 1199px){ #BFSVision{ --bfsv-gap: 12px; --bfsv-pad: 10px;} .bfsv-vision{ font-size: 22px;} .bfsv-subtitle{ padding: 28px 0 20px; font-size: 19px;} .bfsv-need h4{ font-size: 14px;} .bfsv-need p{ padding-top: 14px; font-size: 13.5px;} .bfsv-bar{ width: 38px;} .bfsv-bar-wide{ width: 52px;} .bfsv-bar-end{ width: 40px;} .bfsv-bar i{ font-size: 14px;} .bfsv-item{ padding: 9px 11px;} .bfsv-item h4{ font-size: 13.5px;} .bfsv-item p{ font-size: 13px;} } @media handheld, only screen and (max-width: 991px){ #BFSVision{ padding: 55px 0 60px; --bfsv-gap: 14px; --bfsv-pad: 12px;} .bfsv-vision{ font-size: 20px;} .bfsv-subtitle{ font-size: 18px;} .bfsv-needs{ display: grid; grid-template-columns: repeat(2, 1fr);} .bfsv-need{ flex: none;} .bfsv-need h4{ font-size: 15px;} .bfsv-need p{ font-size: 14px;} .bfsv-map{ flex-direction: column; padding: 16px;} .bfsv-spine{ flex-direction: row; padding: 0;} .bfsv-spine .bfsv-bar{ flex: 1 1 0;} .bfsv-spine::after, .bfsv-side .bfsv-bar-end::before{ display: none;} .bfsv-side, .bfsv-panel{ flex-direction: column; flex: none;} .bfsv-panel-alt{ padding: var(--bfsv-pad);} .bfsv-bar, .bfsv-bar-wide, .bfsv-bar-end{ width: auto; padding: 11px 14px;} .bfsv-bar i{ writing-mode: horizontal-tb; transform: none; font-size: 15px;} .bfsv-item{ padding: 12px 15px;} .bfsv-item h4{ font-size: 15px;} .bfsv-item p{ font-size: 14px;} } @media handheld, only screen and (max-width: 575px){ .bfsv-vision{ font-size: 18px;} .bfsv-subtitle{ font-size: 17px;} .bfsv-needs{ grid-template-columns: 1fr;} .bfsv-map{ padding: 12px;} .bfsv-foot{ font-size: 13px;} .bfsv-bar i{ white-space: normal;} .bfsv-bar, .bfsv-bar-wide, .bfsv-bar-end{ padding: 10px 10px;} .bfsv-spine{ gap: 8px;} } #BFSCustomers{ padding: 0 0 100px; background: var(--surface); --bfsc-blue: #0060cc; --bfsc-rule: #DEDEDE; --bfsc-plus: #C3CBD6; --bfsc-banner: #D5EDFB; --bfsc-banner-text: var(--color-black);} [data-theme="dark"] #BFSCustomers{ --bfsc-blue: var(--color-sky-blue); --bfsc-rule: var(--border); --bfsc-plus: #4C5C6B; --bfsc-banner: #12283C; --bfsc-banner-text: var(--text);} .bfsc-top{ display: grid; grid-template-columns: 46.5fr 53.5fr; gap: 40px; align-items: start;} .bfsc-title{ padding-bottom: 6px; font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--bfsc-blue);} .bfsc-points li{ padding: 15px 0; font-size: 17px; line-height: 1.44; color: var(--text); border-bottom: 1px solid var(--bfsc-rule);} .bfsc-points li:last-child{ border-bottom: 0;} .bfsc-points span{ color: var(--bfsc-blue);} .bfsc-fig{ display: flex; flex-direction: column; align-items: center;} .bfsc-fig img{ display: block; width: 100%; max-width: 700px; height: auto;} [data-theme="dark"] .bfsc-fig img{ filter: brightness(.9) contrast(1.02);} .bfsc-fig figcaption{ padding: 22px 0 0; font-size: 19px; font-weight: 700; line-height: 1.4; text-align: center; color: var(--bfsc-blue);} .bfsc-cic{ display: grid; grid-template-columns: 40fr 57fr; gap: 60px; margin-top: 46px; padding-top: 46px; border-top: 2px dotted var(--bfsc-blue);} .bfsc-cic p{ padding: 0; font-size: 17px; line-height: 1.55; color: var(--text);} .bfsc-obj-list{ padding-top: 14px;} .bfsc-obj-list li{ position: relative; padding: 0 0 16px 34px; font-size: 17px; line-height: 1.5; color: var(--text);} .bfsc-obj-list li:last-child{ padding-bottom: 0;} .bfsc-obj-list li::before{ content: '+'; position: absolute; top: -3px; left: 0; font-size: 24px; font-weight: 400; line-height: 1.2; color: var(--bfsc-plus);} .bfsc-banner{ margin-top: 46px; padding: 30px 34px; background: var(--bfsc-banner);} .bfsc-banner p{ padding: 0; font-size: 18px; line-height: 1.55; color: var(--bfsc-banner-text);} .bfsc-animate .bfsc-title, .bfsc-animate .bfsc-points li, .bfsc-animate .bfsc-fig img, .bfsc-animate .bfsc-fig figcaption, .bfsc-animate .bfsc-cic > *, .bfsc-animate .bfsc-banner{ opacity: 0;} @media handheld, only screen and (max-width: 1399px){ #BFSCustomers{ padding-bottom: 80px;} .bfsc-top{ gap: 30px;} .bfsc-title{ font-size: 23px;} .bfsc-points li{ padding: 13px 0; font-size: 15.5px;} .bfsc-fig figcaption{ font-size: 17px;} .bfsc-cic{ gap: 45px; margin-top: 40px; padding-top: 40px;} .bfsc-cic p, .bfsc-obj-list li{ font-size: 15.5px;} .bfsc-banner{ margin-top: 40px; padding: 26px 28px;} .bfsc-banner p{ font-size: 16.5px;} } @media handheld, only screen and (max-width: 1199px){ .bfsc-title{ font-size: 21px;} .bfsc-points li{ font-size: 14px;} .bfsc-fig figcaption{ font-size: 15.5px;} .bfsc-cic{ gap: 32px;} .bfsc-cic p, .bfsc-obj-list li{ font-size: 14px;} .bfsc-obj-list li{ padding-left: 28px;} .bfsc-obj-list li::before{ font-size: 21px;} .bfsc-banner p{ font-size: 15px;} } @media handheld, only screen and (max-width: 991px){ #BFSCustomers{ padding-bottom: 60px;} .bfsc-top, .bfsc-cic{ grid-template-columns: 1fr; gap: 30px;} .bfsc-fig{ order: -1;} .bfsc-title{ font-size: 20px;} .bfsc-points li{ font-size: 15px;} .bfsc-fig img{ max-width: 560px;} .bfsc-fig figcaption{ font-size: 16px;} .bfsc-cic{ margin-top: 32px; padding-top: 32px;} .bfsc-cic p, .bfsc-obj-list li{ font-size: 15px;} .bfsc-banner{ margin-top: 32px; padding: 22px;} .bfsc-banner p{ font-size: 15px;} } @media handheld, only screen and (max-width: 575px){ .bfsc-title{ font-size: 18px;} .bfsc-points li{ font-size: 14px;} .bfsc-fig figcaption{ font-size: 15px;} .bfsc-cic p, .bfsc-obj-list li, .bfsc-banner p{ font-size: 14px;} .bfsc-banner{ padding: 18px;} } #HighlightsOurESGInitiatives { padding-top: 100px; } #HighlightsOurESGInitiatives{ padding: calc(var(--header-h) + 60px) 0 100px; background: var(--surface); --esg-head: #212F7E; --esg-head-prev: #8FB8E8; --esg-cell: #F6F9FC; --esg-hair: #E3E9EF; --esg-ink: var(--color-black); --esg-blue: #BAD1F0; --esg-blue-s: #DEE9F9; --esg-pink: #F2B7BB; --esg-pink-s: #FAE3E4; --esg-green: #C8EFC0; --esg-green-s: #E7F7E2; --esg-purple: #D8BCEE; --esg-purple-s: #EEE1F8; --esg-peach: #FBD4B2; --esg-peach-s: #FCEBDF; --esg-teal: #79E6D3; --esg-teal-s: #D3F5EE; --esg-amber: #FBE1C3;} [data-theme="dark"] #HighlightsOurESGInitiatives{ --esg-head: #1B2560; --esg-cell: #101C29; --esg-hair: var(--border); --esg-ink: #E8EEF5; --esg-blue: #1D3350; --esg-blue-s: #16283C; --esg-pink: #4A2A2E; --esg-pink-s: #332023; --esg-green: #24402A; --esg-green-s: #1B2F20; --esg-purple: #382A4A; --esg-purple-s: #271E33; --esg-peach: #4A3524; --esg-peach-s: #33261A; --esg-teal: #1E4441; --esg-teal-s: #16302E; --esg-amber: #4A3A20;} .esg-tablewrap{ width: 100%; overflow-x: auto;} .esg-table{ width: 100%; border-collapse: separate; border-spacing: 0 6px; table-layout: fixed;} .esg-table thead th{ padding: 15px 22px; background: var(--esg-head); font-size: 19px; font-weight: 700; line-height: 1.25; text-align: left; color: var(--color-white); vertical-align: middle;} .esg-table thead th.esg-th-prev{ color: var(--esg-head-prev);} .esg-table tbody th{ width: 32%; padding: 16px 20px; font-size: 17px; font-weight: 400; line-height: 1.35; text-align: left; color: var(--esg-ink); vertical-align: middle;} .esg-table tbody td{ width: 34%; padding: 16px 24px; background: var(--esg-cell); border-top: 1px solid var(--esg-hair); border-bottom: 1px solid var(--esg-hair); font-size: 17px; line-height: 1.38; color: var(--esg-ink); vertical-align: middle;} .esg-table tbody td span{ display: block;} .esg-table tbody td span + span{ padding-top: 12px;} .esg-table sup{ font-size: .62em; line-height: 0;} .esg-table sub{ font-size: .68em; line-height: 0;} .tone-blue th{ background: var(--esg-blue);} .tone-blue.is-soft th{ background: var(--esg-blue-s);} .tone-pink th{ background: var(--esg-pink);} .tone-pink.is-soft th{ background: var(--esg-pink-s);} .tone-green th{ background: var(--esg-green);} .tone-green.is-soft th{ background: var(--esg-green-s);} .tone-purple th{ background: var(--esg-purple);} .tone-purple.is-soft th{ background: var(--esg-purple-s);} .tone-peach th{ background: var(--esg-peach);} .tone-peach.is-soft th{ background: var(--esg-peach-s);} .tone-teal th{ background: var(--esg-teal);} .tone-teal.is-soft th{ background: var(--esg-teal-s);} .tone-amber th{ background: var(--esg-amber);} .esg-table tbody tr th, .esg-table tbody tr td{ transition: filter .3s ease, background-color .3s ease;} .esg-table tbody tr:hover th{ filter: brightness(.96);} .esg-table tbody tr:hover td{ background: var(--esg-hair);} .esg-notes{ margin-top: 30px; padding: 26px 28px; background: var(--esg-cell);} .esg-notes p{ padding: 0 0 14px; font-size: 16px; line-height: 1.5; color: var(--text);} .esg-notes p:last-child{ padding-bottom: 0;} .esg-animate .esg-table thead th, .esg-animate .esg-table tbody tr, .esg-animate .esg-notes{ opacity: 0;} @media (prefers-reduced-motion: reduce){ .esg-table tbody tr th, .esg-table tbody tr td{ transition: none;} } @media handheld, only screen and (max-width: 1399px){ #HighlightsOurESGInitiatives{ padding-bottom: 80px;} .esg-table thead th{ padding: 13px 18px; font-size: 17px;} .esg-table tbody th{ padding: 14px 16px; font-size: 15.5px;} .esg-table tbody td{ padding: 14px 20px; font-size: 15.5px;} .esg-notes p{ font-size: 15px;} } @media handheld, only screen and (max-width: 1199px){ .esg-table thead th{ padding: 12px 14px; font-size: 15.5px;} .esg-table tbody th{ padding: 12px 13px; font-size: 14px;} .esg-table tbody td{ padding: 12px 15px; font-size: 14px;} .esg-table tbody td span + span{ padding-top: 9px;} .esg-notes{ padding: 22px;} .esg-notes p{ font-size: 14px;} } @media handheld, only screen and (max-width: 767px){ #HighlightsOurESGInitiatives{ padding: calc(var(--header-h) + 40px) 0 60px;} .esg-table, .esg-table tbody, .esg-table tr, .esg-table tbody th, .esg-table tbody td{ display: block; width: 100%;} .esg-table{ border-spacing: 0;} .esg-table thead{ display: none;} .esg-table tbody tr{ margin-bottom: 18px;} .esg-table tbody th{ padding: 12px 15px; font-size: 15px; font-weight: 500;} .esg-table tbody td{ padding: 12px 15px; font-size: 15px; border-top: 0; border-bottom: 1px solid var(--esg-hair);} .esg-table tbody td::before{ content: attr(data-year); display: block; padding-bottom: 4px; font-size: 12.5px; font-weight: 700; letter-spacing: .04em; color: var(--esg-head);} [data-theme="dark"] .esg-table tbody td::before{ color: var(--esg-head-prev);} .esg-table tbody tr:hover td{ background: var(--esg-cell);} } @media handheld, only screen and (max-width: 575px){ .esg-table tbody th, .esg-table tbody td{ font-size: 14px;} .esg-notes{ padding: 18px;} .esg-notes p{ font-size: 13.5px;} } #ourJourney{ padding: calc(var(--header-h) + 60px) 0 90px; background: linear-gradient(180deg, var(--tl-wash) 0%, var(--surface) 62%); --tl-wash: #EFF7FE; --tl-accent: #0060cc; --tl-kicker: #263783; --tl-axis-line: #B7C3D1; --tl-stem-line: #8E9CAE; --tl-rule: #C9D2DC; --tl-dot: #1F2E6B; --tl-bubble: rgba(0, 122, 224, .10); --tl-bubble-solid: rgba(0, 145, 235, .20); --tl-h: 660px; --tl-unit: 58px; --tl-gut: 20px;} [data-theme="dark"] #ourJourney{ --tl-wash: #0E1C29; --tl-accent: var(--color-sky-blue); --tl-kicker: var(--accent-soft); --tl-axis-line: #2C3B4A; --tl-stem-line: #46586B; --tl-rule: #263442; --tl-dot: var(--color-sky-blue); --tl-bubble: rgba(89, 187, 237, .09); --tl-bubble-solid: rgba(89, 187, 237, .18);} @media (min-width: 576px){ #ourJourney{ --tl-gut: calc((100% - 540px) / 2);} } @media (min-width: 768px){ #ourJourney{ --tl-gut: calc((100% - 720px) / 2);} } @media (min-width: 992px){ #ourJourney{ --tl-gut: calc((100% - 960px) / 2);} } @media (min-width: 1200px){ #ourJourney{ --tl-gut: calc((100% - 1140px) / 2);} } @media (min-width: 1400px){ #ourJourney{ --tl-gut: calc((100% - 1320px) / 2);} } .tl-title{ font-size: 46px; font-weight: 300; line-height: 1.1; letter-spacing: -.01em; color: var(--tl-accent);} .tl-title span{ padding-bottom: 3px; border-bottom: 1px solid currentColor;} .tl-kickers{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 42px 0 0;} .tl-kickers p{ padding: 0; font-size: 22px; line-height: 1.38; color: var(--tl-kicker);} .tl{ position: relative; padding-top: 30px;} .tl-scroll{ overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x proximity; scroll-padding-left: var(--tl-gut); cursor: grab;} .tl-scroll::-webkit-scrollbar{ display: none;} .tl-scroll:focus-visible{ outline: 2px solid var(--accent-ring); outline-offset: -2px;} .tl-scroll.is-dragging{ cursor: grabbing; scroll-snap-type: none;} .tl-scroll.is-dragging *{ user-select: none;} .tl-track{ position: relative; width: max-content; height: var(--tl-h); padding: 0 var(--tl-gut); overflow: hidden;} .tl-bubbles{ position: relative; top: 50%; width: 0; height: 0; z-index: 0; will-change: transform;} .tl-bubbles i{ position: absolute; top: var(--y, 0px); left: var(--x); width: var(--s); height: var(--s); margin-top: calc(var(--s) * -.5); border-radius: 50%; background: var(--tl-bubble);} .tl-bubbles i.is-solid{ background: var(--tl-bubble-solid);} .tl-axis{ position: absolute; top: 50%; left: 0; right: 0; z-index: 1; height: 0; border-top: 1px solid var(--tl-axis-line); transform-origin: 0 50%;} .tl-items{ position: relative; z-index: 1; display: flex; height: 100%; list-style: none;} .tl-items > li{ list-style: none;} .tl-item{ position: relative; flex: 0 0 var(--col, 300px); height: 100%; scroll-snap-align: start;} .tl-card{ position: absolute; left: 0; width: calc(100% - 34px); transition: opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1);} .tl-up .tl-card{ bottom: calc(50% + var(--stem, 2) * var(--tl-unit));} .tl-down .tl-card{ top: calc(50% + var(--stem, 2) * var(--tl-unit));} .tl-stem{ position: absolute; left: 0; width: 0; height: calc(var(--stem, 2) * var(--tl-unit)); border-left: 1px solid var(--tl-stem-line); transition: transform .5s ease .08s, border-color .3s ease;} .tl-up .tl-stem{ bottom: 50%; transform-origin: 50% 100%;} .tl-down .tl-stem{ top: 50%; transform-origin: 50% 0;} .tl-dot{ position: absolute; left: 0; top: 50%; z-index: 2; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; border-radius: 50%; background: var(--tl-dot); transition: transform .45s cubic-bezier(.34,1.56,.64,1), background-color .3s ease;} .tl-year{ padding-bottom: 12px; font-size: 30px; font-weight: 400; line-height: 1; color: var(--tl-accent);} .tl-lead .tl-year{ font-size: 44px;} .tl-eyebrow{ padding: 0 0 10px; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--tl-accent);} .tl-events li{ padding: 9px 0; font-size: 16px; line-height: 1.36; color: var(--text); border-bottom: 1px solid var(--tl-stem-line);} .tl-events li b{ font-weight: 500; color: var(--tl-accent);} .tl-item:hover .tl-dot, .tl-item:focus-within .tl-dot{ transform: scale(1.75); background: var(--tl-accent);} .tl-item:hover .tl-stem, .tl-item:focus-within .tl-stem{ border-color: var(--tl-accent);} .tl-item:hover .tl-events li, .tl-item:focus-within .tl-events li{ border-color: var(--tl-accent);} .tl-nav{ display: flex; align-items: center; gap: 30px; padding-top: 38px;} .tl-progress{ position: relative; flex: 1 1 auto; height: 3px; border-radius: 3px; background: var(--border); overflow: hidden;} .tl-progress span{ position: absolute; top: 0; bottom: 0; left: 0; width: 0; border-radius: 3px; background: var(--tl-accent); transition: width .2s linear;} .tl-btns{ display: flex; flex: 0 0 auto; gap: 12px;} .tl-btn{ display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1.5px solid var(--accent-ring); border-radius: 50%; background: transparent; color: var(--tl-accent); cursor: pointer; transition: .3s;} .tl-btn svg{ display: block; width: 18px; height: 18px;} .tl-btn:hover:not(:disabled){ background: var(--tl-accent); border-color: var(--tl-accent); color: var(--color-white);} .tl-btn:disabled{ opacity: .3; cursor: default;} .tl-animate .tl-card{ opacity: 0; transform: translateY(14px);} .tl-animate .tl-down .tl-card{ transform: translateY(-14px);} .tl-animate .tl-stem{ transform: scaleY(0);} .tl-animate .tl-dot{ transform: scale(0);} .tl-animate .tl-item.is-in .tl-card{ opacity: 1; transform: none;} .tl-animate .tl-item.is-in .tl-stem{ transform: scaleY(1);} .tl-animate .tl-item.is-in .tl-dot{ transform: scale(1);} .tl-animate .tl-item:hover .tl-dot, .tl-animate .tl-item:focus-within .tl-dot{ transform: scale(1.75);} @media (prefers-reduced-motion: reduce){ .tl-card, .tl-stem, .tl-dot, .tl-progress span, .tl-btn{ transition: none;} } @media handheld, only screen and (max-width: 1399px){ #ourJourney{ --tl-h: 600px; --tl-unit: 50px;} .tl-title{ font-size: 38px;} .tl-kickers{ padding-top: 34px;} .tl-kickers p{ font-size: 19px;} .tl-year{ font-size: 26px;} .tl-lead .tl-year{ font-size: 38px;} } @media handheld, only screen and (max-width: 1199px){ #ourJourney{ --tl-h: 560px; --tl-unit: 44px;} .tl-title{ font-size: 32px;} .tl-kickers p{ font-size: 17px;} .tl-year{ font-size: 23px;} .tl-lead .tl-year{ font-size: 32px;} .tl-eyebrow{ font-size: 15px;} .tl-events li{ padding: 8px 0; font-size: 15px;} .tl-card{ width: calc(100% - 26px);} } @media handheld, only screen and (max-width: 767px){ #ourJourney{ padding: calc(var(--header-h) + 40px) 0 60px;} .tl{ padding-top: 34px;} .tl-title{ font-size: 27px;} .tl-kickers{ grid-template-columns: 1fr; gap: 16px; padding-top: 26px;} .tl-kickers p{ font-size: 16px;} .tl-scroll{ overflow: visible; cursor: auto; scroll-snap-type: none;} .tl-track{ width: 100%; height: auto; padding: 0 12px;} .tl-bubbles, .tl-stem, .tl-nav{ display: none;} .tl-axis{ top: 6px; bottom: 6px; left: 17px; right: auto; height: auto; border-top: 0; border-left: 1px solid var(--tl-axis-line);} .tl-items{ display: block; height: auto;} .tl-item{ display: block; flex: none; height: auto; padding: 0 0 30px 26px;} .tl-item:last-child{ padding-bottom: 0;} .tl-card{ position: static; width: 100%;} .tl-up .tl-card, .tl-down .tl-card{ inset: auto;} .tl-dot{ top: 12px; left: 5px;} .tl-year{ padding-bottom: 8px; font-size: 24px;} .tl-lead .tl-year{ font-size: 30px;} .tl-animate .tl-card, .tl-animate .tl-down .tl-card{ transform: translateY(16px);} } @media handheld, only screen and (max-width: 575px){ .tl-title{ font-size: 23px;} .tl-kickers p{ font-size: 15px;} .tl-year{ font-size: 21px;} .tl-lead .tl-year{ font-size: 27px;} .tl-events li{ font-size: 14px;} } footer{ width: 100%; font-size: 14px; color: var(--footer-text); padding: 20px 0; margin-top: 20px; background: var(--footer-bg);} footer .stirrup-logo{ width: 16px; height: auto;} footer .stirrup-logo path.stirrup{ fill: var(--footer-text);} .hp-container{ position: relative; width: 100%; max-width: 1512px; margin: 0 auto; padding: 0 72px;} .hp-btn{ display: inline-flex; align-items: center; gap: 10px; padding: 11px 22px; font-size: 15px; line-height: 1; border-radius: 2px; transition: .3s;} .hp-btn::after{ content: ''; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-top: 1.5px solid currentColor; transform: rotate(45deg);} .hp-btn-blue{ color: var(--color-white); background: var(--color-blue);} .hp-btn-blue:hover{ color: var(--color-white); background: #004a8a;} .hp-btn-line{ color: var(--color-blue); border: 1px solid var(--color-blue);} .hp-btn-line:hover{ color: var(--color-white); background: var(--color-blue);} .hp-readmore, .hp-trust-link, .vc-more, .hp-fincap-more, .hp-cap2-more, .hp-cap3-more, .nfa-btn{ display: inline-flex; align-items: center; padding: 13px 22px; border-radius: 2px; font-size: 15px; line-height: 1; color: var(--color-white); background: rgb(27,90,169); transition: .3s;} .hp-readmore:hover, .hp-trust-link:hover, .vc-more:hover, .hp-fincap-more:hover, .hp-cap2-more:hover, .hp-cap3-more:hover, .nfa-btn:hover{ color: var(--color-white);} .hp-readmore, .hp-trust-link, .vc-more, .hp-fincap-more, .hp-cap2-more, .hp-cap3-more, .nfa-btn, .hp-about-cta a{ position: relative; isolation: isolate; overflow: hidden;} .hp-readmore::before, .hp-trust-link::before, .vc-more::before, .hp-fincap-more::before, .hp-cap2-more::before, .hp-cap3-more::before, .nfa-btn::before, .hp-about-cta a::before{ content: ''; position: absolute; inset: 0; z-index: -1; background: #004a8a; transform: scaleX(0); transform-origin: left center; transition: transform .45s cubic-bezier(.4,0,.2,1);} .hp-readmore:hover::before, .hp-readmore:focus-visible::before, .hp-trust-link:hover::before, .hp-trust-link:focus-visible::before, .vc-more:hover::before, .vc-more:focus-visible::before, .hp-fincap-more:hover::before, .hp-fincap-more:focus-visible::before, .hp-cap2-more:hover::before, .hp-cap2-more:focus-visible::before, .hp-cap3-more:hover::before, .hp-cap3-more:focus-visible::before, .nfa-btn:hover::before, .nfa-btn:focus-visible::before, .hp-about-cta a:hover::before, .hp-about-cta a:focus-visible::before{ transform: scaleX(1);} .hp-readmore:not(:hover)::before, .hp-trust-link:not(:hover)::before, .vc-more:not(:hover)::before, .hp-fincap-more:not(:hover)::before, .hp-cap2-more:not(:hover)::before, .hp-cap3-more:not(:hover)::before, .nfa-btn:not(:hover)::before, .hp-about-cta a:not(:hover)::before{ transform-origin: right center;} [data-theme="dark"] .hp-readmore::before, [data-theme="dark"] .hp-trust-link::before, [data-theme="dark"] .hp-fincap-more::before, [data-theme="dark"] .hp-cap2-more::before, [data-theme="dark"] .hp-cap3-more::before, [data-theme="dark"] .nfa-btn::before, [data-theme="dark"] .hp-about-cta a::before{ background: var(--accent-soft);} @media (prefers-reduced-motion: reduce){ .hp-readmore::before, .hp-trust-link::before, .vc-more::before, .hp-fincap-more::before, .hp-cap2-more::before, .hp-cap3-more::before, .nfa-btn::before, .hp-about-cta a::before{ transition: none;} } [data-theme="dark"] .hp-readmore, [data-theme="dark"] .hp-trust-link, [data-theme="dark"] .hp-fincap-more, [data-theme="dark"] .hp-cap2-more, [data-theme="dark"] .hp-cap3-more, [data-theme="dark"] .nfa-btn{ background: var(--accent); color: #08111A;} [data-theme="dark"] .hp-readmore:hover, [data-theme="dark"] .hp-trust-link:hover, [data-theme="dark"] .hp-fincap-more:hover, [data-theme="dark"] .hp-cap2-more:hover, [data-theme="dark"] .hp-cap3-more:hover, [data-theme="dark"] .nfa-btn:hover{ color: #08111A;} .hp-hero{ position: relative; width: 100%; height: 100vh; background: var(--bg); overflow: hidden;} .hp-hero-video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0;} .hp-hero-cue{ position: absolute; left: 72px; bottom: 14px; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 14px; pointer-events: none;} .hp-hero-scroll{ font-size: 12px; line-height: 1; letter-spacing: .06em; text-transform: uppercase; color: var(--color-blue); white-space: nowrap;} .hp-hero-line{ --cue-len: 38px; position: relative; width: 1px; height: var(--cue-len); background: rgba(0,93,172,.3);} .hp-hero-line::before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 14px; background: var(--color-blue); animation: hpCueRun 2.4s cubic-bezier(.4,0,.6,1) infinite;} .hp-hero-line::after{ content: ''; position: absolute; left: 50%; bottom: -1px; width: 6px; height: 6px; margin-left: -3px; border-right: 1px solid var(--color-blue); border-bottom: 1px solid var(--color-blue); transform: translateY(0) rotate(45deg); animation: hpCueNudge 2.4s ease-in-out infinite;} @keyframes hpCueRun{ 0%{ transform: translateY(-14px); opacity: 0;} 20%, 75%{ opacity: 1;} 100%{ transform: translateY(var(--cue-len)); opacity: 0;} } @keyframes hpCueNudge{ 0%, 68%, 100%{ transform: translateY(0) rotate(45deg);} 86%{ transform: translateY(3px) rotate(45deg);} } @media (prefers-reduced-motion: reduce){ .hp-hero-line::before{ animation: none; opacity: 1; transform: translateY(0);} .hp-hero-line::after{ animation: none;} } .hp-about{ position: relative; width: 100%; padding: 80px 0 0; background: #DFF7FF; overflow: hidden;} [data-theme="dark"] .hp-about{ background: var(--surface);} .hp-about-pic{ position: absolute; left: -6%; bottom:-40px; width: 48%; max-width: 700px; margin: 0; z-index: 0; pointer-events: none;} .hp-about-pic img{ display: block; width: 100%; height: auto;} .hp-about-row{ position: relative; z-index: 2;} .hp-about-intro{ padding: 0 0 24px; max-width: 665px; font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: -.025em; color: rgb(27,90,169);} [data-theme="dark"] .hp-about-intro{ color: var(--accent);} .hp-title{ margin: 0 0 30px; font-size: 46px; font-weight: 300; line-height: 1; letter-spacing: -.02em; color: rgb(27,90,169);} [data-theme="dark"] .hp-title{ color: var(--accent);} .hp-keyhl .hp-title, .hp-metrics .hp-title, .hp-portfolio .hp-title{ font-size: 26px; font-weight: 400; line-height: 1.2;} .hp-gov .hp-title, .hp-fincap .hp-title, .hp-cap2 .hp-title, .hp-awards .hp-title{ font-size: 48px;} .hp-cap3 .hp-title, .hp-awards .hp-title{ margin-bottom: 40px;} .hp-fincap .hp-title{ margin-bottom: 0;} .hp-social .hp-title{ max-width: 580px;} .hp-cap3 .hp-title{ max-width: 720px;} .hp-gov .hp-title, .hp-cap2 .hp-title{ position: relative; z-index: 1;} .hp-keyhl .hp-title, .hp-focus-top .hp-title, [data-theme="dark"] .hp-keyhl .hp-title, [data-theme="dark"] .hp-focus-top .hp-title{ color: var(--color-white);} .hp-cap2-red .hp-title, [data-theme="dark"] .hp-cap2-red .hp-title{ color: rgb(224,0,0);} .hp-cap2-purple .hp-title, [data-theme="dark"] .hp-cap2-purple .hp-title{ color: rgb(121,0,186);} .hp-cap3 .hp-title, [data-theme="dark"] .hp-cap3 .hp-title{ color: var(--cap);} @media (max-width: 1199px){ .hp-title{ font-size: 52px;} } @media (max-width: 991px){ .hp-title{ font-size: 44px;} .hp-cap3 .hp-title{ font-size: 42px; margin-bottom: 28px;} .hp-gov .hp-title, .hp-fincap .hp-title, .hp-cap2 .hp-title, .hp-awards .hp-title{ font-size: 36px;} .hp-keyhl .hp-title, .hp-metrics .hp-title, .hp-portfolio .hp-title{ font-size: 26px; margin-bottom: 22px;} } @media (max-width: 575px){ .hp-title{ font-size: 34px;} .hp-cap3 .hp-title{ font-size: 32px;} } .hp-about-cta{ display: flex; flex-wrap: wrap; gap: 12px; padding: 24px 0 0;} .hp-about-cta a{ display: inline-flex; align-items: center; padding: 13px 22px; border-radius: 2px; font-size: 15px; line-height: 1; color: var(--color-white); background: rgb(27,90,169); transition: .3s;} .hp-about-cta a:hover{ color: var(--color-white);} .hp-keyhl{ position: relative; z-index: 2; margin-top: 60px; margin-left:37.333%; margin-right: calc(50% - 50vw); background: rgb(27,90,169); border-radius: 100px 0 0 0;} .hp-keyhl-inner{ max-width: 900px; padding: 36px 20px 20px 60px;} .hp-keyhl-swiper{ overflow: hidden; width: 100%;} .hp-keyhl-note{ margin: 0; padding: 20px 0 0; font-size: 13px; line-height: 1.4; letter-spacing: -.02em; color: rgba(255,255,255,.75);} .hp-keyhl-nav{ display: flex; gap: 8px; margin-top: 28px;} .hp-keyhl-nav .hp-nav-btn{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.85);} .hp-keyhl-nav .hp-nav-btn::before{ content: ''; position: absolute; top: 50%; left: 50%; width: 13px; height: 1.5px; background: #fff; transform: translate(-50%,-50%);} .hp-keyhl-nav .hp-nav-btn::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-right: 1.5px solid #fff; border-top: 1.5px solid #fff; transform: translate(calc(-50% + 3px),-50%) rotate(45deg);} .hp-keyhl-prev{ transform: scaleX(-1);} .hp-stats{ display: flex; flex-direction: column; gap: 10px;} .hp-stat{ display: flex; flex-direction: column; gap: 14px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.2);} .hp-stat:last-child{ border-bottom: 0; padding-bottom: 0;} .hp-stat-num{ font-size: 36px; font-weight: 300; line-height: 1; letter-spacing: -.02em; color: var(--color-white);} .hp-stat-lbl{ font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -.02em; color: var(--color-white);} .hp-footer{ display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; margin: 0; padding: 15px; background: rgb(27,90,169); text-align: left;} .hp-footer span{ font-size: 14px; color: var(--color-white);} .hp-footer-stirrup{ flex: none; display: inline-block; line-height: 0;} .hp-footer-stirrup .stirrup-logo{ width: 16px; height: auto;} .hp-footer-stirrup .stirrup-logo path.stirrup{ fill: var(--color-white);} @media (max-width: 1199px){ .hp-about-intro{ font-size: 18px;} .hp-stat-num{ font-size: 38px;} .hp-keyhl{ margin-left: 25%;} .hp-keyhl-inner{ padding: 48px 40px 52px;} } @media (max-width: 991px){ .hp-hero{ height: 460px;} .hp-about{ padding-top: 60px;} .hp-about-pic{ display: none;} .hp-about-intro{ font-size: 17px;} .hp-keyhl{ margin-left: 0; margin-right: calc(50% - 50vw); border-radius: 60px 0 0 0;} .hp-keyhl-inner{ max-width: 100%;} .hp-keyhl-nav{ margin: 20px 0 26px;} .hp-footer span{ font-size: 14px;} } @media (max-width: 575px){ .hp-container{ padding: 0 20px;} .hp-hero{ height: 360px;margin-top: 66px;} .hp-hero-cue{ left: 20px; bottom: 28px; gap: 10px;} .hp-hero-line{ --cue-len: 30px;} .hp-stat-num{ font-size: 30px;} .hp-keyhl-inner{ padding: 36px 24px 40px;} .hp-footer{ padding-left: 20px; padding-right: 20px;} } .hp-metrics{ position: relative; width: 100%; padding: 70px 0 90px; background: #F9F9F9;} [data-theme="dark"] .hp-metrics{ background: var(--bg);} .hp-card{ position: relative; background: var(--color-white); border-radius: 20px; padding: 40px;} [data-theme="dark"] .hp-card{ background: var(--surface); border: 1px solid var(--border);} .hp-metrics-swiper{ overflow: hidden;} .hp-chart{ display: flex; flex-direction: row; gap: 18px; height: 100%;} .hp-chart-head{ display: flex; flex-direction: column; justify-content: space-between; gap: 16px; width: 130px; flex-shrink: 0; min-height: 211px;} .hp-chart-head h4{ margin: 0; font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -.03em; color: rgb(26,26,26);} .hp-chart-head h4 span{ display: block; margin-top: 8px; font-size: 17px; font-weight: 400; letter-spacing: -.02em;} [data-theme="dark"] .hp-chart-head h4{ color: var(--heading);} .hp-chart-cagr{ display: flex; align-items: flex-start; gap: 6px;} .hp-chart-cagr span{ font-size: 48px; font-weight: 300; line-height: .9; letter-spacing: -.03em; color: rgb(255,162,0);} .hp-chart-cagr svg{ width: 20px; height: 20px; flex-shrink: 0; margin-top: 2px;} .hp-chart-bars{ display: flex; flex-direction: column; gap: 11px; flex: 1 1 auto; min-width: 0;} .hp-bar{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: max-content; height: 26px; padding: 0 8px; color: rgb(26,26,26); font-size: 12px; font-weight: 400; letter-spacing: -.02em;} .hp-bar .v{ white-space: nowrap;} .hp-bar:nth-child(1){ background: rgb(240,78,35); color: var(--color-white); font-weight: 600;} .hp-bar:nth-child(2){ background: rgb(255,149,0);} .hp-bar:nth-child(3){ background: rgb(255,183,77);} .hp-bar:nth-child(4){ background: rgb(255,206,138);} .hp-bar:nth-child(5){ background: rgb(255,226,184);} .hp-bar:nth-child(6){ background: rgb(255,240,220);} .hp-bar{ cursor: pointer; clip-path: inset(0 100% 0 0); transition: clip-path .9s cubic-bezier(.22,1,.36,1);} .hp-chart-bars.is-anim .hp-bar{ clip-path: inset(0 0 0 0);} .hp-chart-bars.is-anim .hp-bar:nth-child(1){ transition-delay: .06s;} .hp-chart-bars.is-anim .hp-bar:nth-child(2){ transition-delay: .14s;} .hp-chart-bars.is-anim .hp-bar:nth-child(3){ transition-delay: .22s;} .hp-chart-bars.is-anim .hp-bar:nth-child(4){ transition-delay: .30s;} .hp-chart-bars.is-anim .hp-bar:nth-child(5){ transition-delay: .38s;} .hp-chart-bars.is-anim .hp-bar:nth-child(6){ transition-delay: .46s;} .hp-tip{ position: fixed; z-index: 9999; pointer-events: none; transform: translate(14px,-50%); padding: 8px 10px; border-radius: 6px; background: #1A1A1A; color: #fff; white-space: nowrap; opacity: 0; transition: opacity .12s;} .hp-tip.is-on{ opacity: 1;} .hp-tip .k{ display: block; margin-bottom: 2px; font-size: 12px; letter-spacing: -.02em; opacity: .85;} .hp-tip .n{ display: block; font-size: 14px; font-weight: 700; letter-spacing: -.02em;} @media (prefers-reduced-motion: reduce){ .hp-bar{ clip-path: none; transition: none;} } .hp-metrics-nav{ display: flex; justify-content: flex-end; gap: 6px; margin-top: 24px;} .hp-metrics-foot{ display: grid; grid-template-columns: 42% 1fr; column-gap: 20px; margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(35,35,35,.1);} [data-theme="dark"] .hp-metrics-foot{ border-top-color: var(--border);} .hp-metrics-legend{ display: flex; align-items: flex-start; gap: 6px;} .hp-metrics-legend span{ font-size: 11px; line-height: 1.5; letter-spacing: -.02em; color: rgb(26,26,26);} [data-theme="dark"] .hp-metrics-legend span{ color: var(--text);} .hp-cagr-dot{ width: 12px; height: 12px; flex-shrink: 0; margin-top: 2px;} .hp-metrics-note{ margin: 0; padding: 0; font-size: 11px; line-height: 1.9; letter-spacing: -.02em; color: rgb(26,26,26);} [data-theme="dark"] .hp-metrics-note{ color: var(--text);} .hp-nav-btn{ position: relative; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 6px; background: transparent no-repeat center/contain; cursor: pointer; transition: opacity .3s;} .hp-metrics-prev, .hp-social-prev, .hp-footprint-prev, .hp-portfolio-prev{ background-image: url(../finserv-digital-esg-report-fy26-images/previous.svg);} .hp-metrics-next, .hp-social-next, .hp-footprint-next, .hp-portfolio-next{ background-image: url(../finserv-digital-esg-report-fy26-images/next.svg);} .hp-nav-btn:hover{ opacity: .85;} .hp-nav-btn.swiper-button-disabled{ opacity: .35; cursor: default;} .hp-metrics .row > [class*="col-"]{ display: flex; flex-direction: column;} .hp-footprint-card{ flex: 1 1 auto; display: flex; flex-direction: column;} .hp-footprint-swiper{ overflow: hidden; width: 100%;} .hp-fp-list{ display: flex; flex-direction: column; gap: 14px;} .hp-fp-stat{ display: flex; flex-direction: column; gap: 14px; padding-bottom: 16px; border-bottom: 1px solid rgba(35,35,35,.15);} [data-theme="dark"] .hp-fp-stat{ border-bottom-color: var(--border);} .hp-fp-stat:last-child{ border-bottom: 0; padding-bottom: 0;} .hp-fp-stat .n{ font-size: 44px; font-weight: 300; line-height: 1; letter-spacing: -.03em; color: rgb(27,90,169);} [data-theme="dark"] .hp-fp-stat .n{ color: var(--accent);} .hp-fp-stat .l{ font-size: 15px; line-height: 1.3; letter-spacing: -.02em; color: rgb(26,26,26);} [data-theme="dark"] .hp-fp-stat .l{ color: var(--text);} .hp-footprint-nav{ display: flex; gap: 6px; margin-top: 30px;} @media (max-width: 991px){ .hp-metrics{ padding: 50px 0 60px;} .hp-card{ padding: 28px;} .hp-fp-stat .n{ font-size: 38px;} } @media (max-width: 767px){ .hp-chart{ flex-direction: column; gap: 16px;} .hp-chart-head{ width: 100%; min-height: 0; flex-direction: row; align-items: flex-end; justify-content: space-between;} .hp-chart-cagr span{ font-size: 38px;} .hp-metrics-foot{ grid-template-columns: 1fr; row-gap: 10px;} } .hp-arrow-btn{ display: inline-flex; width: 40px; height: 40px; border-radius: 8px; background: rgb(27,90,169); position: relative; flex-shrink: 0;} .hp-arrow-btn::before{ content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 1.5px; background: #fff; transform: translate(-50%,-50%);} .hp-arrow-btn::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; border-right: 1.5px solid #fff; border-top: 1.5px solid #fff; transform: translate(calc(-50% + 4px),-50%) rotate(45deg);} .hp-arrow-light{ background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.85);} .hp-arrow-white{ background: var(--color-white);} .hp-arrow-white::before{ background: rgb(27,90,169);} .hp-arrow-white::after{ border-right-color: rgb(27,90,169); border-top-color: rgb(27,90,169);} .hp-portfolio{ position: relative; width: 100%; padding: 0 0 90px; background: #F9F9F9;} [data-theme="dark"] .hp-portfolio{ background: var(--bg);} .hp-portfolio-head{ display: flex; align-items: center; justify-content: space-between; gap: 20px;} .hp-portfolio .hp-title{ font-size: 30px; margin-bottom: 24px;} .hp-portfolio-nav{ display: flex; gap: 6px; flex-shrink: 0;} .hp-portfolio .hp-portfolio-nav{ margin-bottom: 24px;} .hp-portfolio-swiper{ overflow: hidden; padding: 4px max(20px, calc((100% - 1512px)/2 + 72px)) 4px;} .hp-portfolio-swiper .swiper-slide{ height: auto;} .hp-portfolio-swiper .hp-slide-narrow{ width: 320px;} .hp-portfolio-swiper .hp-slide-col{ width: 672px;} .hp-portfolio-swiper .hp-slide-wide{ width: 672px;} .hp-pf-card{ position: relative; display: block; overflow: hidden; border-radius: 20px; padding: 30px; color: inherit; text-decoration: none; cursor: pointer; transition: box-shadow .3s ease;} .hp-pf-card:hover, .hp-pf-card:focus-visible{ text-decoration: none; color: inherit; box-shadow: 0 14px 34px rgba(27,90,169,.18);} .hp-pf-card:focus-visible{ outline: 2px solid rgb(27,90,169); outline-offset: 3px;} .hp-pf-card h4{ position: relative; z-index: 2; margin: 0 0 14px; font-size: 24px; font-weight: 400; line-height: 1.25; letter-spacing: -.02em;} .hp-pf-card p{ position: relative; z-index: 2; padding: 0; font-size: 15px; line-height: 1.4; letter-spacing: -.02em;} .hp-pf-card .hp-arrow-btn{ position: relative; z-index: 2;} .hp-pf-card .hp-arrow-btn::before, .hp-pf-card .hp-arrow-btn::after{ transition: transform .3s ease;} .hp-pf-card:hover .hp-arrow-btn::before{ transform: translate(calc(-50% + 3px),-50%);} .hp-pf-card:hover .hp-arrow-btn::after{ transform: translate(calc(-50% + 7px),-50%) rotate(45deg);} .hp-pf-finance{ height: 600px; background: var(--color-white); display: flex; flex-direction: column; box-shadow: 0 2px 20px rgba(27,90,169,.07);} [data-theme="dark"] .hp-pf-finance{ background: var(--surface); box-shadow: none;} [data-theme="dark"] .hp-pf-card:hover, [data-theme="dark"] .hp-pf-card:focus-visible{ box-shadow: 0 14px 34px rgba(0,0,0,.45);} .hp-pf-finance h4{ color: rgb(27,90,169);} .hp-pf-finance p{ color: rgb(35,35,35);} [data-theme="dark"] .hp-pf-finance p{ color: var(--text);} .hp-pf-finance .hp-arrow-btn{ margin: 30px 0 0;} .hp-pf-finance-pic{ margin: auto -32px -40px;} .hp-pf-finance-pic img{ display: block; width: 100%;} .hp-slide-col{ display: flex; flex-direction: column; gap: 14px; height: 600px;} .hp-pf-insurance{ background: rgb(27,90,169); flex: 1;} .hp-pf-insurance h4{ color: var(--color-white);} .hp-pf-insurance p{ color: var(--color-white);} .hp-pf-insurance p, .hp-pf-emerging p{ max-width: 500px;} .hp-pf-insurance .hp-arrow-btn{ margin-top: 16px;} .hp-pf-insurance-pat{ position: absolute; right: -55px; bottom: -70px; width: 300px; height: auto; opacity: 0.56; pointer-events: none;} .hp-pf-emerging{ background: rgb(232,244,254); flex: 1;} [data-theme="dark"] .hp-pf-emerging{ background: var(--surface);} .hp-pf-emerging h4{ color: rgb(27,90,169);} .hp-pf-emerging p{ color: rgb(35,35,35);} [data-theme="dark"] .hp-pf-emerging p{ color: var(--text);} .hp-pf-emerging .hp-arrow-btn{ margin-top: 16px;} .hp-pf-list{ columns: 2; column-gap: 24px; max-width: 560px; margin: 0; padding: 0; list-style: none; position: relative; z-index: 2;} .hp-pf-list li{ position: relative; padding-left: 16px; margin-bottom: 8px; color: rgb(35,35,35); font-size: 15px; line-height: 1.45; break-inside: avoid; -webkit-column-break-inside: avoid;} .hp-pf-list li::before{ content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: rgb(27,90,169);} [data-theme="dark"] .hp-pf-list li{ color: var(--text);} .hp-pf-emerging-pat{ position: absolute; right:-90px; bottom:-114px; width: 240px; height: auto; opacity: .5; mix-blend-mode: multiply; pointer-events: none;} .hp-pf-wind, .hp-pf-solar{ height: 600px; display: flex; flex-direction: column;} .hp-pf-wind{ background: #8FDEFF;} .hp-pf-wind h4{ color: rgb(27,90,169); max-width: 450px; margin-bottom: 28px;} .hp-pf-solar{ background: #8FDEFF;} .hp-pf-solar h4{ color: rgb(27,90,169); margin-bottom: 28px;} .hp-pf-stats{ display: flex; flex-direction: column; gap: 12px; max-width: 340px; position: relative; z-index: 2;} .hp-pf-stat{ display: flex; flex-direction: column; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid rgba(27,90,169,.25);} .hp-pf-stat:last-child{ border-bottom: 0; padding-bottom: 0;} .hp-pf-stat .n{ font-size: 46px; font-weight: 300; line-height: 1; letter-spacing: -.02em; color: rgb(27,90,169);} .hp-pf-stat .l{ max-width: 310px; font-size: 15px; line-height: 1.25; letter-spacing: -.02em; color: rgb(35,35,35);} .hp-pf-stats-light .n, .hp-pf-stats-light .l{ color: var(--color-white);} .hp-pf-stats-light .hp-pf-stat{ border-bottom-color: rgba(255,255,255,.3);} .hp-pf-wind .hp-arrow-btn, .hp-pf-solar .hp-arrow-btn{ margin-top: 26px;} .hp-pf-scene{ position: absolute; left: 0; right: 0; bottom: 64px; height: 400px; overflow: hidden; z-index: 1; pointer-events: none;} .hp-pf-scene::after{ content: ''; position: absolute; left: 170px; right: 0; bottom: 0; height: 1px; background: rgba(27,90,169,.45);} .hp-pf-solar .hp-pf-scene::after{ background: rgba(255,255,255,.9);} .hp-pf-pat{ position: absolute; right: 0; bottom: -290px; width: 480px; height: auto;} .hp-pf-wind .hp-pf-pat{ mix-blend-mode: multiply; bottom: -66px; right: -60px; } .hp-pf-wind-pic{ position: absolute; bottom: 0; margin: 0;} .hp-pf-wind-pic img{ display: block; width: 100%;} .hp-pf-wind-front{ right: 109px; width: 286px; bottom: -64px;} .hp-pf-wind-back{ right: 225px; width: 174px; bottom: -39px;} .hp-pf-solar-pic{ position: absolute; right: 0; bottom: 0; width: 330px; margin: 0;} .hp-pf-solar-pic img{ display: block; width: 100%;} .hp-pf-solar-pat{ position: absolute; right: -29px; bottom: 0; width: 415px; height: auto;} .hp-pf-solar-dome{ position: absolute; right: 88px; bottom: 0; width: 182px; height: 91px; border-radius: 182px 182px 0 0; background: #00A5EE; z-index: 2;} @media (max-width: 991px){ .hp-portfolio .hp-title{ font-size: 26px;} .hp-portfolio-swiper .hp-slide-col, .hp-portfolio-swiper .hp-slide-wide{ width: 560px;} .hp-pf-scene{ height: 330px;} .hp-pf-wind-front{ right: 70px; width: 230px; bottom: -51px;} .hp-pf-wind-back{ right: 175px; width: 140px; bottom: -31px;} .hp-pf-solar-pic{ width: 265px;} .hp-pf-solar-pat{ width: 333px; right: -23px;} .hp-pf-solar-dome{ width: 146px; height: 73px; right: 70px; border-radius: 146px 146px 0 0;} .hp-pf-pat{ width: 380px; bottom: -230px;} } @media (max-width: 767px){ .hp-portfolio-swiper .hp-slide-narrow, .hp-portfolio-swiper .hp-slide-col, .hp-portfolio-swiper .hp-slide-wide{ width: min(84vw, 320px);} .hp-pf-card{ padding: 26px;} .hp-pf-wind, .hp-pf-solar, .hp-pf-finance{ height: 100%;} .hp-slide-col{ height: auto;} .hp-pf-scene{ display: none;} .hp-pf-finance-pic{ margin: auto -18px -26px;} .hp-pf-card h4{ font-size: 20px;} .hp-pf-list{ columns: 1;} .hp-pf-stat .n{ font-size: 34px;} } .hp-trust{ position: relative; width: 100%; background: var(--surface); overflow: hidden;} .hp-trust-slide{ display: none; width: 100%;} .hp-trust-slide.is-active{ display: flex; animation: hpTrustIn .5s ease both;} @keyframes hpTrustIn{ from{ opacity: 0;} to{ opacity: 1;} } @media (prefers-reduced-motion: reduce){ .hp-trust-slide.is-active{ animation: none;} } .hp-trust-photo{ position: relative; width: 40%; min-height: 700px; background: #EAF3FB; overflow: hidden; flex-shrink: 0;} [data-theme="dark"] .hp-trust-photo{ background: #0F2136;} .hp-trust-photo img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;} .hp-trust-body{ position: relative; flex: 1; padding: 55px 72px 60px;} .hp-trust-inner{ max-width: 640px;} .hp-trust-head h2{ margin: 0; font-size: 60px; font-weight: 400; line-height: 1; letter-spacing: -.02em; color: rgb(27,90,169);} .hp-trust-head small {display: block; font-size: 16px; margin-bottom: 5px; } [data-theme="dark"] .hp-trust-head h2{ color: var(--accent);} .hp-trust-head h2.hp-trust-head-lite{ font-size: 48px; font-weight: 300; line-height: 1.18;} .hp-trust-sub{ padding: 12px 0 0; font-size: 36px; font-weight: 300; line-height: .94; letter-spacing: -.02em; color: rgb(0,173,239);} .hp-trust-quote-mark{ display: block; width: 70px; aspect-ratio: 132/92; margin: 22px 0 40px; background-color: rgb(27,90,169); opacity: .28; --quote-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 92'%3E%3Cpath fill='%23000' d='M 66.011 59.037 C 66.011 40.869 51.672 26.074 34.03 26.074 C 30.277 26.074 26.673 26.764 23.37 27.991 C 23.37 27.991 21.193 19.865 28.55 4.457 L 18.49 0.164 L 18.115 0.011 C 16.538 -0.603 6.103 25.538 5.353 27.684 C 0.998 41.253 -3.131 60.494 3.401 73.909 C 9.181 85.714 21.418 92 33.955 92 C 51.597 92 65.936 77.282 65.936 59.037 M 131.925 59.037 C 131.925 40.869 117.586 26.074 99.944 26.074 C 96.19 26.074 92.587 26.764 89.284 27.991 C 89.284 27.991 87.107 19.865 94.464 4.457 L 84.479 0.164 L 84.104 0.011 C 82.527 -0.603 72.092 25.538 71.416 27.684 C 66.987 41.253 62.933 60.417 69.465 73.832 C 75.245 85.637 87.482 91.923 100.019 91.923 C 117.661 91.923 132 77.205 132 58.96'/%3E%3C/svg%3E"); -webkit-mask: var(--quote-glyph) no-repeat center/contain; mask: var(--quote-glyph) no-repeat center/contain;} [data-theme="dark"] .hp-trust-quote-mark{ background-color: var(--accent); opacity: .35;} .hp-trust-quote{ padding: 0; font-size: 24px; font-weight: 400; line-height: 1.4; letter-spacing: -.02em; color: rgb(27,90,169);} [data-theme="dark"] .hp-trust-quote{ color: var(--text);} .hp-trust-by{ padding: 44px 0 0;} .hp-trust-by strong{ display: block; font-size: 16px; font-weight: 600; line-height: 1.5; color: rgb(27,90,169);} .hp-trust-by span{ display: block; font-size: 14px; font-weight: 400; line-height: 1.6; color: var(--text); } [data-theme="dark"] .hp-trust-by strong{ color: var(--accent);} .hp-trust-link{ margin-top: 26px;} .hp-trust-nav{ position: absolute; right: 32px; bottom: 40px; display: block; width: 440px; max-width: calc(100% - 40px); padding: 0; border: 0; background: none; cursor: pointer;} .hp-trust-nav img{ display: block; width: 330px; height: auto; transition: .3s;} .hp-trust-nav:hover img{ transform: translateX(4px);} .hp-trust-nav:focus-visible{ outline: 2px solid var(--accent-ring); outline-offset: 4px; border-radius: 8px;} @media (prefers-reduced-motion: reduce){ .hp-trust-nav:hover img{ transform: none;} } @media (max-width: 991px){ .hp-trust-slide.is-active{ flex-direction: column;} .hp-trust-photo{ width: 100%; min-height: 420px;} .hp-trust-body{ padding: 50px 20px 150px;} .hp-trust-head h2{ font-size: 48px;} .hp-trust-head h2.hp-trust-head-lite{ font-size: 34px;} .hp-trust-sub{ font-size: 30px;} .hp-trust-quote-mark{ margin: 40px 0 24px; width: 100px;} .hp-trust-quote{ font-size: 20px;} .hp-trust-nav{ right: auto; left: 8px; bottom: 10px; width: 360px;} } @media (max-width: 575px){ .hp-trust-nav{ left: 4px; width: 300px;} } .nfa{ position: relative; width: 100%; padding: 90px 0 100px; background: var(--bg); overflow: hidden;} .nfa-head{ position: relative; display: grid; grid-template-columns: minmax(0,.968fr) minmax(0,1fr); gap: 40px; align-items: start; padding-bottom: 42px;} .nfa-rule{ position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--border); transform-origin: left center;} .nfa-title{ max-width: 340px; margin: 0; font-size: 68px; line-height: 1.15;} .nfa-intro p{ padding: 0; font-size: 19px; line-height: 1.5;} .nfa-btn{ margin-top: 30px;} .nfa-body{ position: relative; display: grid; grid-template-columns: minmax(0,318px) minmax(0,1fr) minmax(0,318px); padding-top: 44px;} .nfa-col{ display: flex; flex-direction: column; justify-content: space-between; gap: 44px;} .nfa-item{ display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 0 14px; align-items: start;} .nfa-icon{ display: block; width: 30px; height: 30px; margin-top: 1px;} .nfa-txt h5{ margin: 0 0 8px; font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--nfa-c, var(--heading));} .nfa-txt p{ padding: 0; font-size: 14px; line-height: 1.5;} [data-theme="dark"] .nfa-txt h5{ color: color-mix(in srgb, var(--nfa-c) 58%, #ffffff);} .nfa-item[data-nfa-go]{ cursor: pointer;} .nfa-go{ color: inherit; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 1px; transition: background-size .4s cubic-bezier(.22,.61,.36,1);} .nfa-item[data-nfa-go]:hover .nfa-go, .nfa-go:focus-visible{ background-size: 100% 1px;} .nfa-go:focus-visible{ outline: 2px solid currentColor; outline-offset: 4px; border-radius: 2px;} .hp-social:focus, .hp-cap3:focus, .hp-gov:focus{ outline: none;} @media (prefers-reduced-motion: reduce){ .nfa-go{ transition: none;} } .nfa-pic{ align-self: center; display: flex; align-items: center; justify-content: center; height: 0; margin: 0; pointer-events: none;} .nfa-wheel{ position: relative; flex: 0 0 auto; width: calc(100% + 80px); max-width: 765px; aspect-ratio: 769 / 774;} .nfa-q{ position: absolute; display: block; height: auto;} .nfa-q{ backface-visibility: hidden;} .nfa-q1{ left: 20.4161%; top: 12.9199%; width: 29.5189%; transform-origin: 100% 100%;} .nfa-q2{ left: 13.0039%; top: 47.1%; width: 36.9311%; transform-origin: 100% 7.786%; transform-origin: 100% 7.786%;} .nfa-q3{ left: 49.9350%; top: 40.0517%; width: 29.6489%; transform-origin: 0 22%;} .nfa-q4{ left: 49.9350%; top: 13.6951%; width: 36.9311%; transform-origin: 0 100%;} .nfa-animate .nfa-intro p, .nfa-animate .nfa-btn, .nfa-animate .nfa-item, .nfa-animate .nfa-wheel img{ opacity: 0;} .nfa-animate .nfa-rule{ transform: scaleX(0);} .nfa-animate .nfa-pic{ will-change: transform;} @media (max-width: 1399px){ .nfa-title{ font-size: 54px; max-width: 290px;} .nfa-intro p{ font-size: 17px;} .nfa-body{ grid-template-columns: minmax(0,282px) minmax(0,1fr) minmax(0,282px);} .nfa-wheel{ width: calc(100% + 50px);} } @media (max-width: 1199px){ .nfa{ padding: 70px 0 80px;} .nfa-title{ font-size: 46px; max-width: 250px;} .nfa-intro p{ font-size: 16px;} .nfa-body{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 36px 44px; padding-top: 36px;} .nfa-col{ justify-content: flex-start; gap: 36px;} .nfa-pic{ grid-column: 1 / -1; order: -1; height: auto; margin: -5% 0 -4%; padding: 0;} .nfa-wheel{ transform: none; width: 100%; max-width: 520px; margin: 0 auto;} } @media (max-width: 991px){ .nfa-head{ grid-template-columns: minmax(0,1fr); gap: 18px; padding-bottom: 32px;} .nfa-title{ max-width: none !important; font-size: 40px;} .nfa-btn{ margin-top: 24px;} } @media (max-width: 767px){ .nfa{ padding: 50px 0 60px;} .nfa-title{ font-size: 32px;} .nfa-body{ grid-template-columns: minmax(0,1fr); gap: 32px;} .nfa-wheel{ max-width: 100%;} } .hp-focus{ position: relative; width: 100%; padding: 100px 0; background: rgb(27,90,169);} [data-theme="dark"] .hp-focus{ background: #0A2E52;} .hp-focus-top{ align-items: flex-start; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 40px;} .hp-focus-intro{ padding: 0; font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: -.02em; color: #fff;} .hp-btn-onblue{ margin-top: 24px; color: rgb(27,90,169); background: #fff;} .hp-btn-onblue:hover{ color: rgb(27,90,169); background: #e6f0fb;} .hp-focus-wheel{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 40px; padding: 20px 0 80px;} .hp-focus-col{ display: flex; flex-direction: column; gap: 40px;} .hp-focus-item{ display: flex; gap: 12px; align-items: flex-start;} .hp-focus-icon{ display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 6px; background: rgb(0,98,255); flex-shrink: 0;} .hp-focus-icon img{ width: 16px; height: 20px; object-fit: contain;} .hp-focus-txt h5{ margin: 0 0 12px; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.02em; color: #fff;} .hp-focus-txt p{ padding: 0; font-size: 14px; line-height: 1.4; letter-spacing: -.02em; color: #fff;} .hp-focus-center{ flex-shrink: 0;} .hp-focus-pic{ width: 420px; height: 420px; margin: 0; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 0 100px rgba(0,0,0,.4);} .hp-focus-pic img{ width: 100%; height: 100%; object-fit: cover;} .hp-gov{ position: relative; overflow: hidden; border-radius: 20px; padding: 30px 35px; background: rgb(225,237,255); border: 1px solid rgb(0,98,255); border-top: 4px solid rgb(0,98,255);} [data-theme="dark"] .hp-gov{ background: #16273A; border-color: var(--accent);} .hp-gov-bg{ position: absolute; right: 0; bottom:0px; width: 480px; max-width: 48%; z-index: 0; pointer-events: none;} .hp-gov-bg img{ width: 100%;} .hp-gov-rows{ position: relative; z-index: 1; display: flex; flex-direction: column; gap: 30px;} .hp-gov-row{ display: grid; grid-template-columns: 192px 512px; gap: 32px; align-items: start; max-width: 760px;} .hp-gov-person{ display: flex; flex-direction: column; gap: 0px;} .hp-gov-avatar{ width: 160px; border-radius: 0 50% 50% 50%; margin-bottom: 6px;} .hp-gov-avatar img{ width: 100%; height: 100%; object-fit: cover;} .hp-gov-name{ font-size: 16px; font-weight: 500; letter-spacing: -.02em; color: rgb(0,80,205);} .hp-gov-role{ font-size: 12px; line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-gov-role{ color: var(--text);} [data-theme="dark"] .hp-gov-name{ color: var(--color-white);} .hp-gov-quote{ padding: 0; font-size: 16px; line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-gov-quote{ color: var(--text);} .hp-gov-foot{ position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 36px;} .hp-sdg{ display: flex; flex-direction: column; gap: 12px;} .hp-sdg-label{ font-size: 16px; font-weight: 500; letter-spacing: -.02em; color: rgb(27,90,169);} [data-theme="dark"] .hp-sdg-label{ color: var(--accent);} .hp-sdg-icons{ display: flex; gap: 5px;} .hp-sdg-icons img{ width: 50px; height: 50px;} @media (max-width: 1199px){ .hp-focus-pic{ width: 320px; height: 320px;} .hp-focus-wheel{ gap: 24px;} } @media (max-width: 991px){ .hp-focus{ padding: 60px 0;} .hp-focus-intro{ font-size: 17px;} .hp-focus-wheel{ grid-template-columns: 1fr 1fr; } .hp-focus-center{ display: none;} .hp-gov{ padding: 40px 28px;} .hp-gov-bg{ display: none;} .hp-gov-row{ grid-template-columns: 1fr; gap: 16px; max-width: 100%;} .hp-gov-avatar{ width: 120px; height: 120px;} } @media (max-width: 575px){ .hp-focus-wheel{ grid-template-columns: 1fr; gap: 28px; padding-bottom: 50px;} .hp-focus-col{ gap: 28px;} .hp-gov-foot{ flex-direction: column; align-items: flex-start;} } .gov-animate .hp-gov{ clip-path: inset(0 0 100% 0 round 20px);} .gov-animate .hp-gov-bg{ will-change: transform, clip-path;} .gov-animate .hp-gov-bg img{ transform: scale(1.1); will-change: transform;} .hp-gov-avatar{ transition: transform .5s cubic-bezier(.22,1,.36,1);} @media (hover: hover) and (pointer: fine){ .hp-gov-row:hover .hp-gov-avatar{ transform: translateY(-5px) rotate(-3deg);} } .hp-sdg-icons img{ --sdg-glow: rgb(27,90,169); transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;} [data-theme="dark"] .hp-sdg-icons img{ --sdg-glow: var(--color-sky-blue);} @media (hover: hover) and (pointer: fine){ .hp-sdg-icons img:hover{ transform: translateY(-4px) scale(1.05); box-shadow: 0 0 18px color-mix(in srgb, var(--sdg-glow) 46%, transparent), 0 6px 14px color-mix(in srgb, var(--sdg-glow) 26%, transparent);} } @media (prefers-reduced-motion: reduce){ .hp-gov-avatar, .hp-sdg-icons img{ transition: none;} .hp-gov-row:hover .hp-gov-avatar{ transform: none;} .hp-sdg-icons img:hover{ transform: none;} } .ValueCreation{ position: relative; padding-bottom: 90px;} .vc-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 40px;} .vc-title{ margin: 0; font-size: 64px; font-weight: 300; line-height: 1.05; letter-spacing: -.02em; color: #fff;} .vc-more, [data-theme="dark"] .vc-more{ flex-shrink: 0; margin-top: 22px; color: rgb(27,90,169); background: #fff;} .vc-more:hover, [data-theme="dark"] .vc-more:hover{ color: var(--color-white);} .vc-swiper{ overflow: hidden; margin-top: 60px; padding: 34px max(20px, calc((100% - 1512px)/2 + 72px)) 20px;} .vc-swiper .swiper-slide{ width: auto; height: auto;} .vc-slide-arrow{ display: flex; align-items: center;} .vc-slide-arrow img{ width: 122px;} .vc-slide-caps{ position: relative; padding-left: 24px;} .vc-slide-focus, .vc-slide-caps{ display: flex; flex-direction: column;} .vc-card{ position: relative; flex: 1 1 auto; padding: 88px 40px 52px; border: 1px solid rgba(255,255,255,.22); border-radius: 22px;} .vc-card-focus{ width: 1092px;} .vc-card-caps{ width: 920px; padding-top: 52px;} .vc-card::after{ content: ''; position: absolute; left: -1px; right: -1px; bottom: -9px; height: 15px; background: #00C2F0; border-radius: 0 0 22px 22px;} .vc-cut{ position: absolute; inset: 0; border-radius: 22px; overflow: hidden; pointer-events: none;} .vc-pat{ position: absolute; right: 0; bottom: -187px; width: 330px; opacity: .3;} .vc-pill{ position: absolute; left: 42px; top: 0; transform: translateY(-50%); z-index: 2; display: flex; align-items: center; gap: 22px; width: 716px; max-width: calc(100% - 84px); padding: 13px 22px; border-radius: 12px; background: #2E6AB2;} [data-theme="dark"] .vc-pill{ background: #1B4670;} .vc-pill strong{ font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -.02em; color: #fff;} .vc-pill-line{ flex: 1 1 auto; min-width: 40px; height: 1px; background: rgba(255,255,255,.5);} .vc-pill-sub{ font-size: 16px; font-weight: 300; letter-spacing: -.02em; color: rgba(255,255,255,.9);} .vc-vpill{ position: absolute; left: 0; top: 56px; bottom: 76px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 48px; border-radius: 12px; background: #2E6AB2;} [data-theme="dark"] .vc-vpill{ background: #1B4670;} .vc-vpill span{ writing-mode: vertical-rl; transform: rotate(180deg); font-size: 16px; letter-spacing: -.02em; color: #fff; white-space: nowrap;} .vc-grid{ position: relative; z-index: 1; display: grid; grid-auto-flow: column; column-gap: 46px; row-gap: 34px;} .vc-grid-3{ grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, auto);} .vc-grid-2{ grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto);} .vc-item{ display: flex; gap: 12px; align-items: flex-start;} .vc-icon{ width: 30px; height: 30px; flex-shrink: 0;} .vc-txt h5{ margin: 0 0 8px; font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; color: #fff;} .vc-txt p{ padding: 0; font-size: 14px; line-height: 1.45; letter-spacing: -.02em; color: rgba(255,255,255,.9);} @media (max-width: 1199px){ .vc-title{ font-size: 48px;} .vc-card-focus{ width: 900px;} .vc-card-caps{ width: 780px;} .vc-grid{ column-gap: 32px;} } @media (max-width: 991px){ .ValueCreation{ padding-bottom: 50px;} .vc-title{ font-size: 38px;} .vc-swiper{ margin-top: 0px;} .vc-card{ padding: 78px 28px 44px;} .vc-card-focus{ width: 620px;} .vc-card-caps{ width: 560px; padding-top: 44px;} .vc-grid-3{ grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, auto);} .vc-pat{ width: 260px; bottom: -150px; opacity: .22;} .vc-pill{ gap: 14px; padding: 11px 18px;} .vc-pill strong{ font-size: 17px;} .vc-pill-sub{ font-size: 14px;} } @media (max-width: 767px){ .vc-head{ flex-direction: column; gap: 0;} .vc-more{ margin-top: 18px;} .vc-slide-arrow{ display: none;} .vc-slide-caps{ padding-left: 0;} .vc-card{ padding: 30px 22px 38px;} .vc-card-focus, .vc-card-caps{ width: min(84vw, 420px);} .vc-grid{ grid-auto-flow: row; row-gap: 28px;} .vc-grid-3, .vc-grid-2{ grid-template-columns: 1fr; grid-template-rows: auto;} .vc-pat{ width: 220px; bottom: -130px;} .vc-pill{ position: static; transform: none; flex-direction: column; align-items: flex-start; gap: 4px; width: auto; max-width: none; margin-bottom: 26px;} .vc-pill-line{ display: none;} .vc-vpill{ position: static; flex-shrink: 0; width: auto; margin-bottom: 14px; padding: 10px 18px;} .vc-vpill span{ writing-mode: horizontal-tb; transform: none; white-space: normal;} } @media (max-width: 575px){ .vc-title{ font-size: 32px;} .vc-pill{ left: 22px; max-width: calc(100% - 44px);} } .vc-animate .vc-card, .vc-animate .vc-item, .vc-animate .vc-pill, .vc-animate .vc-vpill, .vc-animate .vc-slide-arrow img{ opacity: 0;} .vc-animate .vc-pill-line{ transform: scaleX(0);} .vc-animate .vc-slide{ will-change: transform;} .vc-animate .vc-card{ will-change: transform, opacity;} .vc-card::after{ transform-origin: left center;} .vc-animate .vc-card::after{ transform: scaleX(0); transition: transform .95s cubic-bezier(.22,1,.36,1) .35s;} .vc-animate .vc-card.is-in::after{ transform: scaleX(1);} .vc-card::before{ content: ''; position: absolute; inset: 0; z-index: 0; border-radius: 22px; background: radial-gradient(520px circle at var(--vc-mx,50%) var(--vc-my,50%), rgba(255,255,255,.13), rgba(255,255,255,0) 62%); opacity: 0; transition: opacity .45s ease; pointer-events: none;} .vc-card.is-lit::before{ opacity: 1;} html:not(.vc-animate) .vc-item, .vc-card.is-open .vc-item{ transition: transform .45s cubic-bezier(.22,1,.36,1);} html:not(.vc-animate) .vc-icon, .vc-card.is-open .vc-icon{ transition: transform .45s cubic-bezier(.34,1.56,.64,1);} .vc-txt h5{ transition: color .3s ease;} @media (hover: hover) and (pointer: fine){ .vc-item:hover{ transform: translateY(-4px);} .vc-item:hover .vc-icon{ transform: scale(1.14) rotate(-6deg);} .vc-item:hover .vc-txt h5{ color: #7FE4FF;} } .vc-swiper{ transition: transform .5s cubic-bezier(.22,1,.36,1);} .vc-swiper.is-held{ transform: scale(.994);} .vc-drag{ display: flex; align-items: center; gap: 24px; margin-top: 26px;} .vc-drag.is-locked{ display: none;} .vc-drag-hint{ display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.7); transition: opacity .5s ease, transform .5s ease;} .vc-drag.is-used .vc-drag-hint{ opacity: 0; transform: translateX(-8px); pointer-events: none;} .vc-drag-arrow{ width: 26px; height: 1px; background: currentColor; position: relative;} .vc-drag-arrow::after{ content: ''; position: absolute; right: 0; top: 50%; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: translateY(-50%) rotate(45deg);} .vc-animate .vc-drag-arrow{ animation: vc-nudge 1.8s cubic-bezier(.45,0,.2,1) infinite;} @keyframes vc-nudge{ 0%, 60%, 100%{ transform: translateX(0);} 30%{ transform: translateX(7px);} } .vc-scrollbar{ position: relative; flex: 1 1 auto; height: 2px; border-radius: 2px; background: rgba(255,255,255,.18); cursor: pointer;} .vc-scrollbar .swiper-scrollbar-drag{ height: 100%; border-radius: 2px; background: #00C2F0; cursor: grab;} .vc-scrollbar .swiper-scrollbar-drag:active{ cursor: grabbing;} .vc-scrollbar::before{ content: ''; position: absolute; inset: -11px 0; } .vc-drag:hover .vc-scrollbar{ height: 4px;} .vc-scrollbar, .vc-scrollbar .swiper-scrollbar-drag{ transition: height .25s ease;} .vc-drag-top{ display: none;} .vc-scrollbar-mirror{ touch-action: none;} .vc-scrollbar-mirror .swiper-scrollbar-drag{ width: 0;} @media (max-width: 767px){ .vc-drag{ gap: 16px; margin-top: 20px;} .vc-drag-hint{ font-size: 12px; letter-spacing: .06em;} .vc-drag-top{ display: flex; margin-top: 22px;} } @media (prefers-reduced-motion: reduce){ .vc-item, .vc-icon, .vc-swiper, .vc-card::after{ transition: none;} .vc-item:hover{ transform: none;} .vc-item:hover .vc-icon{ transform: none;} .vc-card::before{ display: none;} .vc-drag-arrow{ animation: none;} } .hp-interplay{ position: relative; width: 100%; padding: 80px 0 90px; background: rgb(226,244,253);} [data-theme="dark"] .hp-interplay{ background: #0F2032;} .hp-cap-tabs{ display: flex; flex-wrap: nowrap; gap: 0; border: 0; padding: 0 46px;} .hp-cap-tabs .nav-item{ flex: 1 1 0; min-width: 0;} .hp-cap-tab{ width: 100%; padding: 16px 12px; border: 0; background: transparent; font-size: 16px; font-weight: 300; letter-spacing: -.02em; color: rgb(27,90,169); text-align: center; border-radius: 12px 12px 0 0; cursor: pointer; transition: .3s;} .hp-cap-tab.active{ background: rgb(27,90,169); color: var(--color-white);} [data-theme="dark"] .hp-cap-tab{ color: var(--accent);} .hp-cap-card{ display: grid; grid-template-columns: 525px 1fr; gap: 25px; padding: 20px; background: var(--color-white); border: 2px solid rgb(27,90,169); border-radius: 20px;} [data-theme="dark"] .hp-cap-card{ background: var(--surface); border-color: var(--accent);} .hp-cap-pic{ margin: 0; border-radius: 10px; overflow: hidden;} .hp-cap-pic img{ display: block; width: 100%; height: 100%; object-fit: cover;} .hp-cap-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px 24px; align-content: start; padding: 32px 12px 20px 0;} .hp-cap-head{ display: flex; align-items: center; gap: 15px; margin-bottom: 16px;} .hp-cap-icon{ width: 40px; height: 30px; object-fit: contain;} .hp-cap-head span{ font-size: 16px; font-weight: 500; letter-spacing: -.02em; color: #000;} [data-theme="dark"] .hp-cap-head span{ color: var(--heading);} .hp-cap-block p{ padding: 0; font-size: 14px; line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-cap-block p{ color: var(--text);} .hp-cap-block p strong{ font-weight: 600;} .hp-fincap{ position: relative; overflow: hidden; display: grid; grid-template-columns: 573px 1fr; column-gap: 0; margin-top: 48px; padding: 44px 38px 44px 55px; background: rgb(226,244,253); border: 1px solid rgb(52,133,255); border-top: 4px solid rgb(52,133,255); border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,.1);} [data-theme="dark"] .hp-fincap{ background: #16273A; border-color: var(--accent);} .hp-fincap-title{ grid-column: 1 / -1; margin: 0;} .hp-fincap-pic{ grid-column: 1; align-self: end; width: 595px; margin: 0 0 -44px -55px;} .hp-fincap-pic img{ display: block; width: 100%; height: auto;} .hp-fincap-main{ grid-column: 2;} .hp-fincap-top{ display: grid; grid-template-columns: 194px 1fr; align-items: start;} .hp-fincap-face{ display: block; width: 161px; height: auto;} .hp-fincap-by{ padding: 15px 0 0; letter-spacing: -.02em;} .hp-fincap-by strong{ display: block; font-size: 16px; font-weight: 600; line-height: 1.35; color: rgb(35,35,35);} .hp-fincap-by span{ display: block; font-size: 13px; line-height: 1.35; color: rgb(35,35,35);} [data-theme="dark"] .hp-fincap-by strong, [data-theme="dark"] .hp-fincap-by span{ color: var(--text);} .hp-fincap-quote{ margin: 0; padding: 0;} .hp-fincap-q{ display: block; width: 24px; height: auto;} .hp-fincap-quote p{ padding: 14px 0; font-size: 16px; line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-fincap-quote p{ color: var(--text);} .hp-fincap-bottom{ display: grid; grid-template-columns: 295px 1fr; margin-top: 26px;} .hp-fincap-side{ display: flex; flex-direction: column; gap: 30px;} .hp-mti{ display: flex; flex-direction: column; gap: 6px;} .hp-mti-label{ font-size: 16px; letter-spacing: -.02em; color: rgb(0,80,205);} [data-theme="dark"] .hp-mti-label{ color: var(--accent);} .hp-mti-list{ display: flex; flex-direction: column; max-width: 216px; margin: 0; padding: 0; list-style: none;} .hp-mti-list li{ padding: 4px 0; font-size: 12px; line-height: 1.45; letter-spacing: -.02em; color: rgb(35,35,35); border-bottom: 1px solid rgba(35,35,35,.15);} [data-theme="dark"] .hp-mti-list li{ color: var(--text); border-bottom-color: var(--border);} .hp-fincap-note{ display: flex; flex-direction: column; align-items: flex-end;} .hp-fincap-note p{ padding: 0; font-size: 16px; line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-fincap-note p{ color: var(--text);} .hp-fincap-more{ margin-top: auto;} @media (max-width: 1199px){ .hp-cap-tabs{ padding: 0; flex-wrap: wrap;} .hp-cap-tabs .nav-item{ flex: 0 1 auto;} .hp-cap-tab{ width: auto; padding: 14px 20px;} .hp-cap-card{ grid-template-columns: 380px 1fr;} .hp-fincap{ grid-template-columns: 1fr; padding: 40px 30px 30px;} .hp-fincap .hp-title{ margin-bottom: 26px;} .hp-fincap-pic{ order: 3; width: 100%; max-width: 595px; margin: 30px 0 -30px -30px;} .hp-fincap-main{ grid-column: 1;} } @media (max-width: 991px){ .hp-cap-tab{ padding: 12px 16px;} .hp-cap-card{ grid-template-columns: 1fr;} .hp-cap-grid{ grid-template-columns: 1fr;} .hp-fincap-bottom{ grid-template-columns: 1fr; gap: 32px;} .hp-fincap-note{ align-items: flex-start;} .hp-fincap-more{ margin-top: 20px;} } @media (max-width: 767px){ .hp-fincap-top{ grid-template-columns: 1fr; gap: 24px;} .hp-fincap-by{ padding-top: 10px;} } @media (max-width: 575px){ .hp-cap-tab{ padding: 12px 16px; font-size: 14px;} } .ip-animate .hp-cap-tabs .nav-item, .ip-animate .hp-cap-block, .ip-animate .hp-fincap-person, .ip-animate .hp-fincap-quote, .ip-animate .hp-fincap .hp-mti-label, .ip-animate .hp-fincap .hp-mti-list li, .ip-animate .hp-fincap .hp-sdg-label, .ip-animate .hp-fincap .hp-sdg-icons img, .ip-animate .hp-fincap-note p, .ip-animate .hp-fincap-more{ opacity: 0;} .ip-animate .hp-cap-card{ opacity: 0;} .ip-animate .hp-cap-pic, .ip-animate .hp-fincap-pic{ clip-path: inset(0% 0% 0% 100%); will-change: transform, clip-path;} .ip-animate .hp-cap-content .tab-pane{ transition: none;} .ip-animate .hp-cap-content .tab-pane.fade{ opacity: 1;} .ip-animate .hp-cap-content{ overflow: hidden;} .hp-cap-tabs{ position: relative;} .hp-cap-ink{ position: absolute; left: 0; top: 0; z-index: 0; height: 0; width: 0; border-radius: 12px 12px 0 0; background: rgb(27,90,169); pointer-events: none; list-style: none;} .hp-cap-tabs.has-ink .nav-item{ position: relative; z-index: 1;} .hp-cap-tabs.has-ink .hp-cap-tab{ position: relative; z-index: 1;} .hp-cap-tabs.has-ink .hp-cap-tab.active{ background: transparent;} [data-theme="dark"] .hp-cap-tab.active{ color: var(--color-white);} @media (hover: hover) and (pointer: fine){ .hp-cap-tab:not(.active):hover{ background: rgba(27,90,169,.1);} [data-theme="dark"] .hp-cap-tab:not(.active):hover{ background: rgba(255,255,255,.08);} } .hp-fincap-face{ transition: transform .5s cubic-bezier(.22,1,.36,1);} @media (hover: hover) and (pointer: fine){ .hp-fincap-person:hover .hp-fincap-face{ transform: translateY(-5px) scale(1.03);} } @media (prefers-reduced-motion: reduce){ .hp-fincap-face{ transition: none;} .hp-fincap-person:hover .hp-fincap-face{ transform: none;} .hp-cap-tab:not(.active):hover{ background: transparent;} } .hp-social{ position: relative; width: 100%; padding: 80px 0 90px; background: rgb(242,248,250);} [data-theme="dark"] .hp-social{ background: var(--bg);} .hp-social-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 30px;} .hp-social{ overflow: hidden;} .hp-social-swiper{ overflow: visible;} .hp-social-swiper .swiper-slide{ width: 1281px; max-width: 100%; height: auto; container-type: inline-size;} .hp-social-overview{ --pull: 0px; --u: 1px; display: grid; grid-template-columns: 1fr; gap: 30px; align-items: start;} @media (min-width: 1512px){ .hp-social-overview{ --pull: 44px; margin-left: -44px;} } .hp-so-intro p{ padding: 0; font-size: calc(16 * var(--u)); line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-so-intro p{ color: var(--text);} .hp-so-stage{ position: relative;} .hp-so-pic{ position: relative; overflow: hidden; width: 100%; max-width: 620px; margin: 0 auto 10px;} .hp-so-pic img{ display: block; width: 100%; height: auto; margin-top: -21.95%;} .hp-so-pillar-head{ display: flex; align-items: center; gap: calc(8 * var(--u)); margin-bottom: calc(10 * var(--u)); font-size: calc(20 * var(--u)); font-weight: 600; letter-spacing: -.02em;} .hp-so-pillar-head img{ flex-shrink: 0;} .hp-so-pillar p{ padding: 0; font-size: calc(14 * var(--u)); line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-so-pillar p{ color: var(--text);} .hp-so-fin .hp-so-pillar-head{ color: rgb(224,0,0);} .hp-so-cus .hp-so-pillar-head{ color: rgb(255,121,26);} .hp-so-emp .hp-so-pillar-head{ color: rgb(110,0,178);} .hp-so-meta{ display: grid; grid-template-columns: calc(218 * var(--u)) calc(215 * var(--u)); gap: calc(59 * var(--u));} .hp-sdg-navy, .hp-mti-navy{ color: rgb(40,55,132) !important;} .hp-sdg-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(6 * var(--u));} .hp-sdg-grid img{ width: 100%; aspect-ratio: 1; border-radius: 3px;} .hp-so-meta .hp-sdg{ gap: calc(3 * var(--u));} .hp-so-meta .hp-sdg-label, .hp-so-meta .hp-mti-label{ font-size: calc(16 * var(--u));} .hp-so-meta .hp-mti{ gap: calc(1 * var(--u));} .hp-so-meta .hp-mti-list{ max-width: none;} .hp-so-meta .hp-mti-list li{ padding: calc(4 * var(--u)) 0; font-size: calc(13 * var(--u));} @media (min-width: 1280px){ .hp-social-overview{ --u: min(1px, calc((100cqw + var(--pull)) / 1325)); grid-template-columns: calc(334 * var(--u)) minmax(0, 1fr); column-gap: 0;} .hp-so-stage{ min-height: calc(630 * var(--u));} .hp-so-pic{ position: absolute; left: calc(117 * var(--u)); top: calc(5 * var(--u)); width: calc(665 * var(--u)); max-width: none; margin: 0;} .hp-so-pillar{ position: absolute; z-index: 1;} .hp-so-fin{ left: calc(71 * var(--u)); top: calc(54 * var(--u)); width: calc(205 * var(--u));} .hp-so-cus{ left: calc(692 * var(--u)); top: calc(226 * var(--u)); width: calc(268 * var(--u));} .hp-so-emp{ left: calc(-30 * var(--u)); top: calc(478 * var(--u)); width: calc(285 * var(--u));} .hp-so-meta{ position: absolute; left: calc(497 * var(--u)); top: calc(399 * var(--u)); z-index: 1;} } .hp-cap2{ position: relative; overflow: hidden; border-radius: 20px; padding: 30px 25px 44px; min-height: 700px;} .hp-cap2-red{ background: rgb(255,238,238); border: 1px solid rgb(224,0,0); border-top: 4px solid rgb(224,0,0); --cap2: rgb(224,0,0);} .hp-cap2-purple{ background: rgb(247,238,253); border: 1px solid rgb(121,0,186); border-top: 4px solid rgb(121,0,186); --cap2: rgb(121,0,186);} .hp-cap2-orange{ background: rgb(255,244,232); border: 1px solid rgb(255,149,0); border-top: 4px solid rgb(255,149,0); --cap2: rgb(255,149,0);} [data-theme="dark"] .hp-cap2-red{ background: #2A1414;} [data-theme="dark"] .hp-cap2-purple{ background: #1F1229;} [data-theme="dark"] .hp-cap2-orange{ background: #2A1E0F;} .hp-cap2-pic{ position: absolute; z-index: 0; margin: 0; pointer-events: none;left: inherit; right: 0px !important; top: 0px !important;} .hp-cap2-pic img{ display: block; width: 100%; height: auto;} .hp-cap2-pic-fin{ right: 117px; top: 21px; width: 388px;} .hp-cap2-pic-emp{ right: -93px; top: 31px; width: 546px;} .hp-cap2-pic-cus{ right: -60px; top: 21px; width: 460px;} .hp-cap2 > .hp-title{ position: relative; z-index: 1; margin-bottom: 34px; font-size: 40px; color: var(--cap2);} .hp-cap2-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: 181px 550px; column-gap: 0; row-gap: 34px;} .hp-cap2-person{ display: flex; flex-direction: column; gap: 0px;} .hp-cap2-avatar{ width: 145px; height: 128px;margin-bottom: 8px;} .hp-cap2-avatar img{ width: 100%; height: 100%; object-fit: cover; object-position: center top;} .hp-cap2-name{ font-size: 14px; font-weight: 600; letter-spacing: -.02em; color: var(--cap2);} .hp-cap2-role{ font-size: 11px; line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);padding-right: 10px;} [data-theme="dark"] .hp-cap2-role{ color: var(--text);} .hp-cap2-quote{ margin: 0; padding: 0;} .hp-cap2-q{ display: block; width: 22px; height: auto;} .hp-cap2-quote p{ padding: 10px 0; font-size: 15px; line-height: 1.45; letter-spacing: -.02em; color: rgb(35,35,35);} .hp-cap2-quote p + p{ padding-top: 0;} [data-theme="dark"] .hp-cap2-quote p{ color: var(--text);} .hp-cap2-more{ position: absolute; right: 100px; bottom: 50px; z-index: 1;} @media (max-width: 1279px){ .hp-so-stage{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px 30px;} .hp-so-pic{ grid-column: 1 / -1;} .hp-so-intro p{ max-width: 780px;} .hp-so-meta{ grid-column: 1 / -1; grid-template-columns: 220px minmax(0,420px); gap: 40px; margin-top: 10px;} } @media (max-width: 1199px){ .hp-cap2-pic{ display: none;} .hp-cap2-grid{ grid-template-columns: 182px 1fr;} } @media (max-width: 991px){ .hp-so-stage{ grid-template-columns: minmax(0,1fr); gap: 22px;} .hp-cap2{ padding: 40px 28px 80px; min-height: 0;} .hp-cap2 > .hp-title{ font-size: 32px;} .hp-cap2-grid{ grid-template-columns: 1fr; row-gap: 16px;} .hp-cap2-person{ flex-direction: row; align-items: center; gap: 14px; flex-wrap: wrap;} .hp-cap2-avatar{ width: 96px; height: 86px; margin-bottom: 0; flex-shrink: 0;} .hp-cap2-more{ right: auto; left: 28px; bottom: 34px;} } @media (max-width: 575px){ .hp-so-meta{ grid-template-columns: minmax(0,1fr); gap: 28px;} .hp-so-meta .hp-sdg{ max-width: 280px;} } .so-animate .hp-so-intro p, .so-animate .hp-so-pillar, .so-animate .hp-so-meta .hp-sdg-label, .so-animate .hp-so-meta .hp-sdg-grid img, .so-animate .hp-so-meta .hp-mti-label, .so-animate .hp-so-meta .hp-mti-list li, .so-animate .hp-social-head:not(.is-ready) .hp-nav-btn, .so-animate .hp-cap2-person, .so-animate .hp-cap2-quote, .so-animate .hp-cap2-more{ opacity: 0;} .so-animate .hp-so-pic{ clip-path: circle(0% at 58% 50%); will-change: transform, clip-path;} .so-animate .hp-so-pic img{ will-change: transform;} .so-animate .hp-cap2-pic{ clip-path: inset(0% 0% 0% 100%); will-change: clip-path;} .hp-so-pillar-head img{ transition: transform .45s cubic-bezier(.34,1.56,.64,1);} @media (hover: hover) and (pointer: fine){ .hp-so-pillar:hover .hp-so-pillar-head img{ transform: scale(1.16) rotate(-6deg);} } .hp-sdg-grid img{ --sdg-glow: rgb(40,55,132); transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;} [data-theme="dark"] .hp-sdg-grid img{ --sdg-glow: var(--color-sky-blue);} @media (hover: hover) and (pointer: fine){ .hp-sdg-grid img:hover{ transform: translateY(-4px) scale(1.05); box-shadow: 0 0 16px color-mix(in srgb, var(--sdg-glow) 44%, transparent), 0 6px 14px color-mix(in srgb, var(--sdg-glow) 24%, transparent);} } @media (prefers-reduced-motion: reduce){ .hp-so-pillar-head img, .hp-sdg-grid img{ transition: none;} .hp-so-pillar:hover .hp-so-pillar-head img{ transform: none;} .hp-sdg-grid img:hover{ transform: none;} } .hp-cap3{ position: relative; width: 100%; overflow: hidden; padding: 56px 0 70px; border-top: 4px solid var(--cap);} .hp-cap3-natural{ background: rgb(232,251,228); --cap: rgb(0,207,0); --capmask: rgb(197,243,186);} .hp-cap3-human{ background: rgb(202,248,241); --cap: rgb(0,209,175); --capmask: rgb(42,234,211);} .hp-cap3-manufactured{ background: rgb(230,247,255); --cap: rgb(0,180,235); --capmask: rgb(154,230,255);} .hp-cap3-stake{ background: rgb(255,239,214); --cap: rgb(255,149,0); --capmask: rgb(255,226,177);} [data-theme="dark"] .hp-cap3-natural{ background: #10241A;} [data-theme="dark"] .hp-cap3-human{ background: #0C2420;} [data-theme="dark"] .hp-cap3-manufactured{ background: #0C2130;} [data-theme="dark"] .hp-cap3-stake{ background: #2A2010;} .hp-cap3-pic{ position: absolute; right: -100px; top:0px; width: 450px; margin: 0; z-index: 0;} .hp-cap3-pic img{ display: block; width: 100%; height: auto;} .hp-cap3-picleft .hp-cap3-pic{ right: auto; left: 0; top: inherit; bottom: 0px;} .hp-cap3 .hp-container{ position: relative; z-index: 2;} .hp-cap3-picleft .hp-container{ padding-left: 500px;} .hp-cap3-head{ position: relative; margin-bottom: 36px;} .hp-cap3-head .hp-title{ margin: 0;} .hp-cap3-manufactured .hp-cap3-head{ position: absolute; margin-bottom: 36px; left: 80px; width: 580px;} .hp-cap3-grid{ display: grid; grid-template-columns: 190px 458px 252px; column-gap: 20px; row-gap: 30px; align-items: start;} .hp-cap3-meta{ grid-column: 3; grid-row: 1 / span 2; display: flex; flex-direction: column; gap: 30px;} .hp-cap3-picleft .hp-cap3-grid{ grid-template-columns: 218px 190px minmax(0,1fr);} .hp-cap3-picleft .hp-cap3-meta{ grid-column: 1; grid-row: 1 / span 3;} .hp-cap3-manufactured .hp-cap3-meta{ padding-top: 132px;} .hp-cap3-eyebrow{ grid-column: 2 / span 2; grid-row: 1; margin: 0; padding: 0; max-width: 380px; font-size: 20px; line-height: 1.3; letter-spacing: -.02em; color: var(--cap);} .hp-cap3-person{ display: flex; flex-direction: column; gap: 0px;} .hp-cap3-avatar{ position: relative; width: 190px; height: 197px; margin-bottom: 8px; } .hp-cap3-avatar img{ position: absolute; left: 0; top: 0; width: 176px; height: 186px; object-fit: cover; object-position: top center; } .hp-cap3-name{ font-size: 16px; font-weight: 600; letter-spacing: -.02em; color: var(--cap);} .hp-cap3-role{ font-size: 13px; line-height: 1.4; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-cap3-role{ color: var(--text);} .hp-cap3-quote{ margin: 0; padding: 0;} .hp-cap3-q{ display: block; width: 26px; aspect-ratio: 24/16; background-color: var(--cap); --q: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath fill='%23000' d='M11.5105 10.2685C11.5105 7.10851 9.01017 4.53518 5.93391 4.53518C5.27938 4.53518 4.65104 4.65518 4.07506 4.86851C4.07506 4.86851 3.69543 3.45518 4.9783 0.775181L3.22417 0.028514L3.15872 0.00184732C2.88382 -0.104819 1.06424 4.44185 0.933337 4.81518C0.174088 7.17518 -0.545889 10.5218 0.592984 12.8552C1.60095 14.9085 3.7347 16.0018 5.92082 16.0018C8.99708 16.0018 11.4974 13.4418 11.4974 10.2685M23.0039 10.2685C23.0039 7.10851 20.5036 4.53518 17.4274 4.53518C16.7728 4.53518 16.1445 4.65518 15.5685 4.86851C15.5685 4.86851 15.1889 3.45518 16.4718 0.775181L14.7307 0.028514L14.6653 0.00184732C14.3904 -0.104819 12.5708 4.44185 12.453 4.81518C11.6806 7.17518 10.9737 10.5085 12.1126 12.8418C13.1206 14.8952 15.2543 15.9885 17.4405 15.9885C20.5167 15.9885 23.017 13.4285 23.017 10.2552'/%3E%3C/svg%3E"); -webkit-mask: var(--q) no-repeat center/contain; mask: var(--q) no-repeat center/contain;} .hp-cap3-q-close{ --q: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath fill='%23000' d='M11.5065 5.73344C11.5065 8.89344 14.0068 11.4668 17.0831 11.4668C17.7376 11.4668 18.366 11.3468 18.9419 11.1334C18.9419 11.1334 19.3216 12.5468 18.0387 15.2268L19.7928 15.9734L19.8583 16.0001C20.1332 16.1068 21.9528 11.5601 22.0837 11.1868C22.8429 8.82677 23.5629 5.48011 22.424 3.14677C21.416 1.09344 19.2823 0.000106485 17.0962 0.000106294C14.0199 0.000106025 11.5196 2.56011 11.5196 5.73344M0.0130834 5.73344C0.0130831 8.89344 2.51337 11.4668 5.58963 11.4668C6.24416 11.4668 6.8725 11.3468 7.44848 11.1334C7.44848 11.1334 7.82811 12.5468 6.54524 15.2268L8.28628 15.9734L8.35173 16.0001C8.62663 16.1068 10.4462 11.5601 10.564 11.1868C11.3364 8.82677 12.0433 5.49344 10.9044 3.1601C9.89641 1.10677 7.76266 0.0134388 5.57655 0.0134386C2.50028 0.0134383 -6.45544e-06 2.57344 -6.73286e-06 5.74677'/%3E%3C/svg%3E");} .hp-cap3-quote p{ padding: 14px 0; font-size: 15px; line-height: 1.5; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-cap3-quote p{ color: var(--text);} .hp-cap3-stats{ display: none; flex-direction: column;} .hp-cap3-stat{ display: flex; flex-direction: column; gap: 2px; padding: 12px 0; border-bottom: 1px solid rgba(35,35,35,.15);} [data-theme="dark"] .hp-cap3-stat{ border-bottom-color: var(--border);} .hp-cap3-stat-label{ font-size: 14px; line-height: 1.35; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-cap3-stat-label{ color: var(--text);} .hp-cap3-stat-value{ font-size: 26px; font-weight: 300; line-height: 1.15; letter-spacing: -.02em; color: var(--cap); font-variant-numeric: tabular-nums;} .hp-cap3-acc{ color: var(--cap) !important;} .hp-cap3 .hp-mti-list{ max-width: none;} .hp-cap3 .hp-sdg-icons{ flex-wrap: wrap; gap: 7px; margin-top: 12px; width: 162px; } .hp-cap3 .hp-sdg-icons img{ width: 47px; height: 47px; border-radius: 3px; --sdg-glow: var(--cap);} .hp-cap3-more{ position: relative; z-index: 2; display: block; width: fit-content; margin: -34px 35px 0 auto;} .hp-cap3-stake .hp-cap3-pic {position: absolute; right: -130px; top: 0px; width: 540px; z-index: 0;} @media (max-width: 1199px){ .hp-cap3-grid{ grid-template-columns: 190px 380px 214px;} .hp-cap3-picleft .hp-cap3-grid{ grid-template-columns: 196px 190px minmax(0,1fr);} .hp-cap3-stat-value{ font-size: 28px;} .hp-cap3-eyebrow{ font-size: 18px;} .hp-cap3-pic{ width: 340px; opacity: .5;} } @media (max-width: 991px){ .hp-cap3{ padding: 40px 0 56px;} .hp-cap3-pic{ display: none;} .hp-cap3-picleft .hp-container{ padding-left: 72px;} .hp-cap3-grid, .hp-cap3-picleft .hp-cap3-grid{ grid-template-columns: 1fr; row-gap: 26px;} .hp-cap3-meta, .hp-cap3-picleft .hp-cap3-meta{ grid-column: 1; grid-row: auto;} .hp-cap3-manufactured .hp-cap3-meta{ padding-top: 0;} .hp-cap3-manufactured .hp-cap3-head{ position: static; left: auto; width: auto;} .hp-cap3-eyebrow{ grid-column: 1; grid-row: auto; max-width: none;} .hp-cap3-avatar{ width: 140px; height: 145px;} .hp-cap3-avatar img{ width: 130px; height: 137px;} .hp-cap3-more{ margin: 26px 0 0;} } @media (max-width: 575px){ .hp-cap3-picleft .hp-container{ padding-left: 20px;} .hp-cap3-stat-value{ font-size: 26px;} } .cap3-animate .hp-cap3-eyebrow, .cap3-animate .hp-cap3 .hp-mti-label, .cap3-animate .hp-cap3 .hp-mti-list li, .cap3-animate .hp-cap3-stat, .cap3-animate .hp-cap3 .hp-sdg-label, .cap3-animate .hp-cap3 .hp-sdg-icons img, .cap3-animate .hp-cap3-person, .cap3-animate .hp-cap3-quote, .cap3-animate .hp-cap3-more{ opacity: 0;} .cap3-animate .hp-cap3-pic{ clip-path: inset(100% 0% 0% 0%); will-change: transform, clip-path;} .hp-cap3-avatar{ transition: transform .5s cubic-bezier(.22,1,.36,1);} @media (hover: hover) and (pointer: fine){ .hp-cap3-person:hover .hp-cap3-avatar{ transform: translateY(-5px) scale(1.03);} } @media (prefers-reduced-motion: reduce){ .hp-cap3-avatar{ transition: none;} .hp-cap3-person:hover .hp-cap3-avatar{ transform: none;} } .hp-awards{ position: relative; width: 100%; padding: 80px 0 90px; background: var(--surface);} .hp-awards-wrap{ display: grid; grid-template-columns: 280px 1fr; gap: 0; align-items: start;} .hp-awards-tabs{ display: flex; flex-direction: column; border: 0; gap: 0; padding-top: 38px;} .hp-aw-tab{ width: 100%; padding: 13px 12px; border: 0; border-radius: 2px 0 0 2px; background: transparent; text-align: left; font-size: 15px; font-weight: 400; line-height: 1.25; letter-spacing: -.02em; color: rgba(27,90,169,.32); cursor: pointer; transition: .3s;} .hp-aw-tab:hover{ color: rgba(27,90,169,.7);} .hp-aw-tab.active, .hp-aw-tab.active:hover{ background: rgb(27,90,169); color: #fff; font-weight: 500;} [data-theme="dark"] .hp-aw-tab{ color: rgba(255,255,255,.3);} [data-theme="dark"] .hp-aw-tab:hover{ color: rgba(255,255,255,.6);} [data-theme="dark"] .hp-aw-tab.active, [data-theme="dark"] .hp-aw-tab.active:hover{ background: var(--accent); color: rgb(12,26,45);} .hp-awards-card{ background: var(--color-white); border: 2px solid rgb(27,90,169); border-radius: 20px; box-shadow: 0 20px 60px rgba(27,90,169,.14); padding: 40px;} [data-theme="dark"] .hp-awards-card{ background: var(--surface); border-color: var(--accent);} .hp-aw-pics{ display: grid; gap: 20px; margin-bottom: 26px;} .hp-aw-pics-3{ grid-template-columns: repeat(3, 1fr);} .hp-aw-pics-2{ grid-template-columns: repeat(2, 1fr);} .hp-aw-pic{ margin: 0;} .hp-aw-pic img{ display: block; width: 100%; height: auto; border-radius: 8px;} .hp-aw-pics-3 .hp-aw-pic img{ aspect-ratio: 320/201; object-fit: cover;} .hp-aw-split{ display: grid; grid-template-columns: minmax(0, 500px) 1fr; gap: 30px; align-items: start;} .hp-aw-split-narrow{ grid-template-columns: minmax(0, 307px) 1fr;} .hp-aw-items{ display: grid; gap: 0 30px; align-content: start;} .hp-aw-items-2{ grid-template-columns: repeat(2, 1fr);} .hp-aw-items-3{ grid-template-columns: repeat(3, 1fr);} .hp-aw-items-flow{ grid-auto-flow: column; grid-template-rows: repeat(3, auto);} .hp-aw-item{ position: relative; padding: 0 0 14px 30px; margin-bottom: 14px;} .hp-aw-item::before{ content: ''; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; background: url("../finserv-digital-esg-report-fy26-images/awards-icon1.svg") no-repeat center/contain;} .hp-aw-item p{ padding: 0; font-size: 13.5px; line-height: 1.5; letter-spacing: -.02em; color: rgb(35,35,35);} [data-theme="dark"] .hp-aw-item p{ color: var(--text);} .hp-aw-item sup{ position: relative; top: -.42em; font-size: .68em; line-height: 1; vertical-align: baseline;} .hp-aw-items .hp-aw-item{ border-bottom: 1px solid rgba(35,35,35,.15);} [data-theme="dark"] .hp-aw-items .hp-aw-item{ border-bottom-color: var(--border);} .hp-aw-item-wide{ grid-column: span 2;} .hp-aw-item-plain{ padding-left: 0;} .hp-aw-item-plain::before{ display: none;} .hp-aw-titled{ border-bottom: 0 !important; padding-bottom: 0; margin-bottom: 26px;} .hp-aw-titled h3{ margin: 0 0 6px; font-size: 13.5px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; color: rgb(241,86,34);} .hp-aw-titled p{ font-size: 12.5px; line-height: 1.45;} @media (max-width: 1199px){ .hp-awards-wrap{ grid-template-columns: 230px 1fr;} .hp-aw-split{ grid-template-columns: minmax(0, 380px) 1fr; gap: 24px;} .hp-aw-items{ gap: 0 20px;} } @media (max-width: 991px){ .hp-awards-wrap{ grid-template-columns: 1fr; gap: 18px;} .hp-awards-tabs{ flex-direction: row; flex-wrap: nowrap; gap: 8px; padding-top: 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-left: -72px; margin-right: -72px; padding-left: 72px; padding-right: 72px; scrollbar-width: none; -ms-overflow-style: none;} .hp-awards-tabs::-webkit-scrollbar{ display: none;} .hp-awards-tabs > li{ flex: 0 0 auto;} .hp-aw-tab{ padding: 8px 14px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px; width: auto; white-space: nowrap;} .hp-awards-tabs.has-more-l{ -webkit-mask-image: linear-gradient(to right, transparent 0, #000 56px); mask-image: linear-gradient(to right, transparent 0, #000 56px);} .hp-awards-tabs.has-more-r{ -webkit-mask-image: linear-gradient(to left, transparent 0, #000 56px); mask-image: linear-gradient(to left, transparent 0, #000 56px);} .hp-awards-tabs.has-more-l.has-more-r{ -webkit-mask-image: linear-gradient(to right, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);} .hp-awards-card{ padding: 28px;} .hp-aw-split, .hp-aw-split-narrow{ grid-template-columns: 1fr; gap: 22px;} .hp-aw-items-3{ grid-template-columns: repeat(2, 1fr);} .hp-aw-items-flow{ grid-auto-flow: row; grid-template-rows: none;} } @media (max-width: 767px){ .hp-awards{ padding: 56px 0 64px;} .hp-awards-card{ padding: 22px;} .hp-aw-pics-3, .hp-aw-pics-2{ grid-template-columns: 1fr; gap: 14px;} .hp-aw-items-2, .hp-aw-items-3{ grid-template-columns: 1fr;} .hp-aw-item-wide{ grid-column: auto;} } @media (max-width: 575px){ .hp-awards-tabs{ margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;} .hp-awards-tabs.has-more-l, .hp-awards-tabs.has-more-r, .hp-awards-tabs.has-more-l.has-more-r{ -webkit-mask-size: 100% 100%; mask-size: 100% 100%;} } .reveal { visibility: hidden; position: relative; width: 100%; height: auto; } .reveal img { height: 100%; width: 100%; object-fit: cover; } html.is-loading, html.is-loading body{ overflow: hidden;} #overlay, #progress-overlay, #content-overlay{ display: none;} html.is-loading #overlay, html.is-loading #progress-overlay, html.is-loading #content-overlay{ display: block;} #overlay{ position: fixed; z-index: 10000; top: 0; left: 0; width: 100vw; height: 100vh; background: var(--bg); overflow: hidden;} #progress-overlay{ position: fixed; z-index: 9999; top: 0; left: 0; width: 100vw; height: 100vh; background: var(--color-blue);} #content-overlay{ position: fixed; z-index: 9998; top: 0; left: 0; width: 100vw; height: 100vh; background: var(--bg);} #loading-items{ position: absolute; inset: 0;} #overlay .logo-loading{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 300px; max-width: 62vw; z-index: 1;} #overlay .logo-loading svg{ display: block; width: 100%; height: auto; overflow: visible;} #overlay #progstat{ position: absolute; right: 40px; bottom: 24px; margin: 0; font-family: var(--font-Rubik); font-size: 150px; font-weight: 300; line-height: .85; letter-spacing: -.05em; color: var(--color-blue); opacity: .16;} [data-theme="dark"] #overlay #progstat{ color: var(--accent); opacity: .22;} #overlay .ldr-draw{ --ldr-ink: var(--color-blue); fill: transparent; stroke: var(--ldr-ink); stroke-width: .5; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: ldr-stroke .9s cubic-bezier(.47,0,.745,.715) var(--d, 0s) both, ldr-fill-blue .45s cubic-bezier(.47,0,.745,.715) calc(var(--d, 0s) + .7s) both;} #overlay .ldr-white{ fill: transparent; animation: ldr-fill-white .5s cubic-bezier(.47,0,.745,.715) var(--d, 0s) both;} [data-theme="dark"] #overlay .logo-loading path:nth-child(n+2){ --ldr-ink: var(--accent);} @keyframes ldr-stroke{ 0%{ stroke-dashoffset: 1;} 100%{ stroke-dashoffset: 0;} } @keyframes ldr-fill-blue{ 0%{ fill: transparent;} 100%{ fill: var(--ldr-ink);} } @keyframes ldr-fill-white{ 0%{ fill: transparent;} 100%{ fill: #ffffff;} } #overlay .logo-loading path:nth-child(1){ --d: 0s;} #overlay .logo-loading path:nth-child(2){ --d: .22s;} #overlay .logo-loading path:nth-child(3){ --d: .30s;} #overlay .logo-loading path:nth-child(4){ --d: .38s;} #overlay .logo-loading path:nth-child(5){ --d: .46s;} #overlay .logo-loading path:nth-child(6){ --d: .54s;} #overlay .logo-loading path:nth-child(7){ --d: .62s;} #overlay .logo-loading path:nth-child(8){ --d: .70s;} #overlay .logo-loading path:nth-child(9){ --d: 1.15s;} #overlay .logo-loading path:nth-child(10){ --d: 1.30s;} #overlay .logo-loading path:nth-child(11){ --d: 1.42s;} html.is-loading .headr-full-wrp, html.is-loading .hp-hero{ opacity: 0; visibility: hidden;} @media (max-width: 767px){ #overlay .logo-loading{ width: 210px;} #overlay #progstat{ right: 20px; bottom: 16px; font-size: 84px;} } @media (prefers-reduced-motion: reduce){ #overlay .ldr-draw, #overlay .ldr-white{ animation-duration: .01s; animation-delay: 0s;} } .hp-hero-media{ position: absolute; inset: 0% 0; z-index: 0; will-change: transform;} .hp-hero-media .hp-hero-video{ position: absolute; inset: 0; width: 100%; height: 100%;} .hp-hero-mask{ position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0; background: linear-gradient(180deg, rgba(0,93,172,0) 0%, rgba(0,40,80,.55) 100%);} [data-theme="dark"] .hp-hero-mask{ background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);} .tsplit-word{ display: inline-block;} .tsplit-char{ display: inline-block;} .hp-about-intro.acopy-on{ --acopy-unread: rgba(27,90,169,.28); --acopy-passing: var(--color-orange); --acopy-read: rgb(27,90,169); } [data-theme="dark"] .hp-about-intro.acopy-on{ --acopy-unread: rgba(89,187,237,.3); --acopy-read: var(--accent); } .acopy-word{ display: inline-block;} .acopy-char{ display: inline-block;} .hp-about-intro.acopy-on .acopy-char{ color: var(--acopy-unread); transition: color .1s linear;} .hp-about-intro.acopy-on .acopy-char.is-lit{ color: var(--acopy-passing); transition: none;} .hp-about-intro.acopy-on .acopy-char.is-read{ color: var(--acopy-read);} .blue-underline { border-bottom: solid 1px #8dd8f8; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .hp-cap2-pic {width: 430px;} .hp-fincap-quote p,.hp-cap-head span,.hp-cap-tab {font-size: 12px;} .hp-fincap-note p,.hp-cap-block p {font-size: 12px;} .hp-fincap-pic {width: 520px;} .hp-cap3-pic {width: 400px;} .hp-cap3-stake .hp-cap3-pic {width: 410px;} .hp-fincap-bottom {grid-template-columns: 235px 1fr;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape) { .hp-hero { margin-top: 60px; } .hp-trust-nav {right: 0px;bottom: -20px;} .hp-trust-body { padding: 25px 32px 60px; } .hp-fincap-pic {max-width: 301px;} .hp-cap3-pic {display: none; } .hp-container {padding: 0 22px;} .hp-cap3-grid { grid-template-columns: 190px 450px 300px; } .hp-cap3-picleft .hp-container { padding-left: 30px; } .hp-cap3-manufactured .hp-cap3-head { position: relative; left: 0px; } .hp-cap3-manufactured .hp-cap3-meta { padding-top: 0px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .hp-hero { margin-top: 60px; } .hp-trust-photo { width: 100%; min-height: 670px; } .hp-trust-nav {left: inherit; right: 0px; bottom: 100px; } .hp-cap-tab { padding: 12px 14px; } .hp-container {padding: 0 22px;} .hp-fincap-pic {max-width: 301px;} } @media (min-width: 320px) and (max-width: 767px) { .vc-drag.is-used .vc-drag-hint {opacity: 1; } .hp-cap3 .hp-sdg-icons { width: 100%; } }