:root { --Black: #141212; --Gray-1000: #141212; --Dark-Blue: #15293f; --Blue-900: #15293f; --Brand-Blue-500: #345ff9; --Brand-Blue-700: #3756cc; --Vibrant-Blue: #486DF9; --Green-500: #15ac8b; --Purple-500: #8c6ce7; --gray-500: #dcdcdc; --Gray-000: #ffffff; --Yellow-500: #f49614; --White: #FFF; --global-gutter: 1rem; --global-margin: 1.75rem; --global-section-padding: 4rem; --spacing-none: 0rem; --spacing-xtiny: 0.125rem; --spacing-tiny: 0.25rem; --spacing-xsmall: 0.25rem; --spacing-xxsmall: 0.25rem; --spacing-small: 0.5rem; --spacing-regular: 1rem; --spacing-medium: 1.25rem; --spacing-large: 1.5rem; --spacing-xlarge: 1.75rem; --spacing-xxlarge: 2rem; --spacing-huge: 2.5rem; --spacing-xhuge: 3rem; --font-body-blockquote: 1.5rem; --font-body-eyebrow-base: 0.75rem; --font-body-eyebrow-tag: 0.75rem; --font-body-text-small: 0.875rem; --Font-Body-Text-Small: 0.875rem; --font-body-text-small-bold: 0.875rem; --font-body-text-xsmall: 0.875rem; --font-body-text-large: 1rem; --font-body-text-medium: 1rem; --font-button-medium: 0.875rem; --Font-Button-Medium: 0.875rem; --font-button-small: 0.875rem; --font-filter-small: 0.75rem; --font-filter-medium: 0.875rem; --font-filter-large: 1.25rem; --font-heading-h4: 1.375rem; --font-heading-h3: 1.75rem; --font-heading-h1-base: 1.75rem; --font-heading-h1-large: 2.5rem; --font-heading-h2-black: 1.75rem; --font-heading-h2-regular: 1.75rem; --font-heading-label-small: 0.875rem; --font-heading-label-medium: 1rem; --font-heading-label-large: 1.125rem; --font-heading-label-serif-xlarge: 1.75rem; --font-heading-label-serif-huge: 2.25rem; --font-navigation-secondary: 1rem; --font-navigation-primary: 1.25rem; --Font-Heading-Label-Serif_XLarge: 28px; --Font-Body-Text-Small_Bold: 14px; --Font-Buttons-Button_MD: 14px; } @media (min-width: 768px) { :root { --global-gutter: 1.5rem; --global-margin: 3rem; --global-section-padding: 7.5rem; --spacing-none: 0rem; --spacing-xtiny: 0.125rem; --spacing-tiny: 0.25rem; --spacing-xxsmall: 0.25rem; --spacing-xsmall: 0.5rem; --spacing-small: 0.75rem; --spacing-regular: 1.25rem; --spacing-medium: 1.5rem; --spacing-large: 1.75rem; --spacing-xlarge: 2rem; --spacing-xxlarge: 2.5rem; --spacing-huge: 3.5rem; --spacing-xhuge: 4rem; --font-body-blockquote: 2rem; --font-body-eyebrow-base: 0.75rem; --font-body-eyebrow-tag: 0.75rem; --font-body-text-small: 0.875rem; --Font-Body-Text-Small: 0.875rem; --font-body-text-xsmall: 0.875rem; --font-body-text-small-bold: 1rem; --font-body-text-medium: 1.125rem; --font-body-text-large: 1.5rem; --font-button-medium: 0.875rem; --Font-Button-Medium: 0.875rem; --font-button-small: 0.875rem; --font-filter-small: 0.75rem; --font-filter-medium: 0.875rem; --font-filter-large: 1.5rem; --font-heading-h4: 1.75rem; --font-heading-h3: 2rem; --font-heading-h1-base: 2.75rem; --font-heading-h1-large: 3.25rem; --font-heading-h2-black: 2.25rem; --font-heading-h2-regular: 2.25rem; --font-heading-label-small: 0.875rem; --font-heading-label-medium: 1.125rem; --font-heading-label-large: 1.25rem; --font-heading-label-serif-xlarge: 2rem; --font-heading-label-serif-huge: 3rem; --font-navigation-secondary: 1rem; --font-navigation-primary: 1.5rem; --Font-Heading-Label-Serif_XLarge: 32px; --Font-Body-Text-Small_Bold: 14px; --Font-Buttons-Button_MD: 14px; } } @media (min-width: 1024px) { :root { --global-gutter: 2rem; --global-margin: 4.5rem; --global-section-padding: 9.5rem; --spacing-none: 0rem; --spacing-xtiny: 0.125rem; --spacing-tiny: 0.25rem; --spacing-xxsmall: 0.5rem; --spacing-xsmall: 0.75rem; --spacing-small: 1rem; --spacing-regular: 1.5rem; --spacing-medium: 2rem; --spacing-large: 2.5rem; --spacing-xlarge: 3rem; --spacing-xxlarge: 4rem; --spacing-huge: 5rem; --spacing-xhuge: 6rem; --font-body-blockquote: 2rem; --font-body-eyebrow-base: 0.75rem; --font-body-eyebrow-tag: 0.75rem; --font-body-text-xsmall: 0.875rem; --font-body-text-small: 1rem; --Font-Body-Text-Small: 1rem; --font-body-text-small-bold: 1rem; --font-body-text-medium: 1.25rem; --font-body-text-large: 1.75rem; --font-button-small: 0.875rem; --font-button-medium: 1rem; --Font-Button-Medium: 1rem; --font-filter-small: 0.75rem; --font-filter-medium: 0.875rem; --font-filter-large: 1.75rem; --font-heading-h4: 2rem; --font-heading-h3: 2.25rem; --font-heading-h1-base: 3.25rem; --font-heading-h1-large: 4rem; --font-heading-h2-black: 2.75rem; --font-heading-h2-regular: 2.75rem; --font-heading-label-small: 0.875rem; --font-heading-label-medium: 1.125rem; --font-heading-label-large: 1.5rem; --font-heading-label-serif-xlarge: 2.25rem; --font-heading-label-serif-huge: 4.5rem; --font-navigation-secondary: 1.125rem; --font-navigation-primary: 2rem; --Font-Heading-Label-Serif_XLarge: 36px; --Font-Body-Text-Small_Bold: 16px; --Font-Buttons-Button_MD: 16px; } } /* === custom varibale Begin ==== */ :root { --Global-Section-Padding: 64px; --Font-Headings-Hd_3: 32px; --Font-Body-Sans_Body_MD: 20px; --Font-Titles-Sans_Title_MD: 14px; --Font-Body-Sans_Body_SM: 16px; --White: #ffffff; --white: #ffffff; --Font-Eyebrows-Eyebrow_Tag: 12px; --Black: #141212; --Gray-200: #ece8ec; --Font-Body-Body_LG: 16px; --Font-Labels-Label_XLG: 16px; } @media (min-width: 768px) { :root { --Global-Section-Padding: 120px; --Font-Body-Body_LG: 24px; --Font-Titles-Sans_Title_MD: 16px; --Font-Labels-Label_XLG: 18px; } } @media (min-width: 1024px) { :root { --Global-Section-Padding: 150px; --Font-Body-Body_LG: 28px; } } /* === Begin Default css === */ html { font-family: "Poppins"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: var(--black); scrollbar-width: thin; scroll-behavior: smooth; } body { font-size: var(--body-font-size); margin: 0; font-family: "Poppins"; line-height: 1.4; color: var(--text-color); background-color: var(--white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :root { font-size: 16px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } address { font-style: normal; } audio:not([controls]) { display: none; height: 0; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } [hidden], template { display: none; } a { color: var(--Brand-Blue-500); text-decoration: none; cursor: pointer !important; } a:hover { color: var(--text-on-light-link-hover); text-decoration: none; } a:focus-visible { border-radius: 3px; outline-offset: 2px; outline: var(--Brand-Blue-500) solid 2px; } ul, ol { list-style: none; margin-bottom: 0; margin-top: 0; padding: 0; } p { margin: var(--spacing-none); } hr { margin-top: var(--spacing-xxlarge); margin-bottom: var(--spacing-xxlarge); border: 0; border-top: 1px solid #ECE8EC; } .tui_separator hr { background: #ece8ec; height: 2px; width: 100%; } .tui_separator_medium hr { background: #ece8ec; height: 2px; width: 100%; margin-top: var(--spacing-medium); margin-bottom: var(--spacing-medium); } .tui_separator_xlarge hr { background: #ece8ec; height: 2px; width: 100%; margin-top: var(--spacing-xlarge); margin-bottom: var(--spacing-xlarge); } .tui_separator_no_space hr { margin: 0 !important; padding: 0 !important; background: transparent; border: none; height: 2px; width: 100%; } abbr [title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 8px; } sub { top: 8px; } img { border: 0; vertical-align: middle; max-width: 100%; } .img-responsive { display: block; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: var(--spacing-none); } pre { overflow: auto; } code, kbd, pre, samp { font-size: var(--body-font-size); font-family: var(--global-font-family); } button, input, optgroup, select, textarea { margin: var(--spacing-none); font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } [role=button] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } input[type=search], input[type=email], input[type=text], input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; } input[type=search] { box-sizing: border-box; } fieldset { border: 0; margin: var(--spacing-none); padding: var(--spacing-none); } fieldset[disabled] { cursor: default; opacity: 0.6; } figcaption { font-size: var(--font-size-200); line-height: 22px; color: var(--text-on-light-default); } form[disabled] { cursor: default; opacity: 0.6; } legend { border: 0; padding: 0; } textarea { overflow: auto; } table { border-collapse: collapse; border-spacing: var(--spacing-none); } td, th { padding: var(--spacing-none); } .sr-only, .cmp-link__screen-reader-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .lp__cover { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100%; } .cmp-image__image { display: block; max-width: 100%; height: auto; width: 100%; } img { -webkit-filter: contrast(1.15); filter: contrast(1.15); } a.lp__overlay-link { top: 0; right: 0px; bottom: 0; left: 0px; overflow: hidden; text-indent: 200%; white-space: nowrap; visibility: visible; background: transparent; position: absolute; z-index: 1; cursor: pointer; } a.lp__overlay-link:focus { outline: 0px; } .visually-hidden { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; word-wrap: normal; } .visually-hidden.focusable:active, .visually-hidden.focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; } .card_swiper .tui_swiper_card, .tui_image_banner { overflow: hidden; border-radius: 30px 4px; } .tui_desktop_card_container .card { transition: all 0.3s ease-in-out; } .card_swiper .tui_swiper_card .card video, .card_swiper .tui_swiper_card .card span+.tui_ieo_bannervideo video, .card_swiper .tui_swiper_card .card img, .card_swiper .tui_swiper_card .card span+img, .tui_desktop_card_container .card span+img { transition: all 0.3s ease-in-out; } .card_swiper .tui_swiper_card .card video:hover, .card_swiper .tui_swiper_card .card span:hover+.tui_ieo_bannervideo video, .card_swiper .tui_swiper_card .card img:hover, .card_swiper .tui_swiper_card .card span:hover+img, .tui_desktop_card_container .card span:hover+img, .tui_teaser_image_with_video img:hover { transform: scale(1.15); transition: all 0.3s ease-in-out; } .cmp-image__image { -webkit-filter: contrast(1.15); filter: contrast(1.15); } .tui_data_rating_map { cursor: grab; } .tui_data_rating_map path { cursor: grabbing; } /* === End default css ===*/ .root #main .touchui-container { opacity: 0; transition: opacity 0.5s ease-in; } .root #main .touchui-container.visible { opacity: 1; } .tui_ieo_checkbox_wrapper .tui__primary_radio { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 24px; height: 24px; margin: 0 1rem 0 0; cursor: pointer; border-radius: 5px 0; border: 1.52px solid #dcdcdc; display: inline-block; vertical-align: middle; position: relative; background: #fff; } .tui_ieo_checkbox_wrapper .tui__primary_radio:checked { border: 1.52px solid var(--Brand-Blue-700, #3756cc); background: var(--Brand-Blue-700, #3756cc); } .tui_ieo_checkbox_wrapper .tui__primary_radio:checked::after { content: ""; position: absolute; top: 4px; left: 8px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } @media (min-width: 1024px) { .tui_ieo_checkbox_wrapper .tui__radio { padding-bottom: var(--spacing-medium) !important; margin-bottom: var(--spacing-medium); border-bottom: 1px solid var(--Gray-200); } } /* === Grid system css Begin === */ .touchui-container-fluid { margin-right: auto; margin-left: auto; float: none !important; } .touchui-container-fluid:before, .touchui-container-fluid:after { content: " "; display: table; } .touchui-container-fluid:after { clear: both; } .aem-Grid { display: block; } .aem-GridColumn--phone--1, .aem-GridColumn--tablet--1, .aem-GridColumn--desktop--1, .aem-GridColumn--default--1, .aem-GridColumn--phone--2, .aem-GridColumn--tablet--2, .aem-GridColumn--desktop--2, .aem-GridColumn--default--2, .aem-GridColumn--phone--3, .aem-GridColumn--tablet--3, .aem-GridColumn--desktop--3, .aem-GridColumn--default--3, .aem-GridColumn--phone--4, .aem-GridColumn--tablet--4, .aem-GridColumn--desktop--4, .aem-GridColumn--default--4, .aem-GridColumn--phone--5, .aem-GridColumn--tablet--5, .aem-GridColumn--desktop--5, .aem-GridColumn--default--5, .aem-GridColumn--phone--6, .aem-GridColumn--tablet--6, .aem-GridColumn--desktop--6, .aem-GridColumn--default--6, .aem-GridColumn--phone--7, .aem-GridColumn--tablet--7, .aem-GridColumn--desktop--7, .aem-GridColumn--default--7, .aem-GridColumn--phone--8, .aem-GridColumn--tablet--8, .aem-GridColumn--desktop--8, .aem-GridColumn--default--8, .aem-GridColumn--phone--9, .aem-GridColumn--tablet--9, .aem-GridColumn--desktop--9, .aem-GridColumn--default--9, .aem-GridColumn--phone--10, .aem-GridColumn--tablet--10, .aem-GridColumn--desktop--10, .aem-GridColumn--default--10, .aem-GridColumn--phone--11, .aem-GridColumn--tablet--11, .aem-GridColumn--desktop--11, .aem-GridColumn--default--11, .aem-GridColumn--phone--12, .aem-GridColumn--tablet--12, .aem-GridColumn--desktop--12, .aem-GridColumn--default--12 { position: relative; min-height: 1px; } .aem-GridColumn--phone-1, .aem-GridColumn--phone--2, .aem-GridColumn--phone--3, .aem-GridColumn--phone--4, .aem-GridColumn--phone--5, .aem-GridColumn--phone--6, .aem-GridColumn--phone--7, .aem-GridColumn--phone--8, .aem-GridColumn--phone--9, .aem-GridColumn--phone--10, .aem-GridColumn--phone--11, .aem-GridColumn--phone--12 { float: left; } .aem-GridColumn--phone--1 { width: 8.3333333333%; } .aem-GridColumn--phone--2 { width: 16.6666666667%; } .aem-GridColumn--phone--3 { width: 25%; } .aem-GridColumn--phone--4 { width: 33.3333333333%; } .aem-GridColumn--phone--5 { width: 41.6666666667%; } .aem-GridColumn--phone--6 { width: 50%; } .aem-GridColumn--phone--7 { width: 58.3333333333%; } .aem-GridColumn--phone--8 { width: 66.6666666667%; } .aem-GridColumn--phone--9 { width: 75%; } .aem-GridColumn--phone--10 { width: 83.3333333333%; } .aem-GridColumn--phone--11 { width: 91.6666666667%; } .aem-GridColumn--phone--12 { width: 100%; } .aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-GridColumn--offset--phone--1 { margin-left: 8.3333333333%; } .aem-GridColumn--offset--phone--2 { margin-left: 16.6666666667%; } .aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-GridColumn--offset--phone--4 { margin-left: 33.3333333333%; } .aem-GridColumn--offset--phone--5 { margin-left: 41.6666666667%; } .aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-GridColumn--offset--phone--7 { margin-left: 58.3333333333%; } .aem-GridColumn--offset--phone--8 { margin-left: 66.6666666667%; } .aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-GridColumn--offset--phone--10 { margin-left: 83.3333333333%; } .aem-GridColumn--offset--phone--11 { margin-left: 91.6666666667%; } .aem-GridColumn--offset--phone--12 { margin-left: 100%; } @media (min-width: 768px) { .aem-GridColumn--tablet-1, .aem-GridColumn--tablet--2, .aem-GridColumn--tablet--3, .aem-GridColumn--tablet--4, .aem-GridColumn--tablet--5, .aem-GridColumn--tablet--6, .aem-GridColumn--tablet--7, .aem-GridColumn--tablet--8, .aem-GridColumn--tablet--9, .aem-GridColumn--tablet--10, .aem-GridColumn--tablet--11, .aem-GridColumn--tablet--12 { float: left; } .aem-GridColumn--tablet--1 { width: 8.3333333333%; } .aem-GridColumn--tablet--2 { width: 16.6666666667%; } .aem-GridColumn--tablet--3 { width: 25%; } .aem-GridColumn--tablet--4 { width: 33.3333333333%; } .aem-GridColumn--tablet--5 { width: 41.6666666667%; } .aem-GridColumn--tablet--6 { width: 50%; } .aem-GridColumn--tablet--7 { width: 58.3333333333%; } .aem-GridColumn--tablet--8 { width: 66.6666666667%; } .aem-GridColumn--tablet--9 { width: 75%; } .aem-GridColumn--tablet--10 { width: 83.3333333333%; } .aem-GridColumn--tablet--11 { width: 91.6666666667%; } .aem-GridColumn--tablet--12 { width: 100%; } .aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-GridColumn--offset--tablet--1 { margin-left: 8.3333333333%; } .aem-GridColumn--offset--tablet--2 { margin-left: 16.6666666667%; } .aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-GridColumn--offset--tablet--4 { margin-left: 33.3333333333%; } .aem-GridColumn--offset--tablet--5 { margin-left: 41.6666666667%; } .aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-GridColumn--offset--tablet--7 { margin-left: 58.3333333333%; } .aem-GridColumn--offset--tablet--8 { margin-left: 66.6666666667%; } .aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-GridColumn--offset--tablet--10 { margin-left: 83.3333333333%; } .aem-GridColumn--offset--tablet--11 { margin-left: 91.6666666667%; } .aem-GridColumn--offset--tablet--12 { margin-left: 100%; } } @media (min-width: 1024px) { .aem-GridColumn--desktop-1, .aem-GridColumn--desktop--2, .aem-GridColumn--desktop--3, .aem-GridColumn--desktop--4, .aem-GridColumn--desktop--5, .aem-GridColumn--desktop--6, .aem-GridColumn--desktop--7, .aem-GridColumn--desktop--8, .aem-GridColumn--desktop--9, .aem-GridColumn--desktop--10, .aem-GridColumn--desktop--11, .aem-GridColumn--desktop--12 { float: left; } .aem-GridColumn--desktop--1 { width: 8.3333333333%; } .aem-GridColumn--desktop--2 { width: 16.6666666667%; } .aem-GridColumn--desktop--3 { width: 25%; } .aem-GridColumn--desktop--4 { width: 33.3333333333%; } .aem-GridColumn--desktop--5 { width: 41.6666666667%; } .aem-GridColumn--desktop--6 { width: 50%; } .aem-GridColumn--desktop--7 { width: 58.3333333333%; } .aem-GridColumn--desktop--8 { width: 66.6666666667%; } .aem-GridColumn--desktop--9 { width: 75%; } .aem-GridColumn--desktop--10 { width: 83.3333333333%; } .aem-GridColumn--desktop--11 { width: 91.6666666667%; } .aem-GridColumn--desktop--12 { width: 100%; } .aem-GridColumn--offset--desktop--0 { margin-left: 0%; } .aem-GridColumn--offset--desktop--1 { margin-left: 8.3333333333%; } .aem-GridColumn--offset--desktop--2 { margin-left: 16.6666666667%; } .aem-GridColumn--offset--desktop--3 { margin-left: 25%; } .aem-GridColumn--offset--desktop--4 { margin-left: 33.3333333333%; } .aem-GridColumn--offset--desktop--5 { margin-left: 41.6666666667%; } .aem-GridColumn--offset--desktop--6 { margin-left: 50%; } .aem-GridColumn--offset--desktop--7 { margin-left: 58.3333333333%; } .aem-GridColumn--offset--desktop--8 { margin-left: 66.6666666667%; } .aem-GridColumn--offset--desktop--9 { margin-left: 75%; } .aem-GridColumn--offset--desktop--10 { margin-left: 83.3333333333%; } .aem-GridColumn--offset--desktop--11 { margin-left: 91.6666666667%; } .aem-GridColumn--offset--desktop--12 { margin-left: 100%; } } @media (min-width: 1400px) { .aem-GridColumn--default-1, .aem-GridColumn--default--2, .aem-GridColumn--default--3, .aem-GridColumn--default--4, .aem-GridColumn--default--5, .aem-GridColumn--default--6, .aem-GridColumn--default--7, .aem-GridColumn--default--8, .aem-GridColumn--default--9, .aem-GridColumn--default--10, .aem-GridColumn--default--11, .aem-GridColumn--default--12 { float: left; } .aem-GridColumn--default--1 { width: 8.3333333333%; } .aem-GridColumn--default--2 { width: 16.6666666667%; } .aem-GridColumn--default--3 { width: 25%; } .aem-GridColumn--default--4 { width: 33.3333333333%; } .aem-GridColumn--default--5 { width: 41.6666666667%; } .aem-GridColumn--default--6 { width: 50%; } .aem-GridColumn--default--7 { width: 58.3333333333%; } .aem-GridColumn--default--8 { width: 66.6666666667%; } .aem-GridColumn--default--9 { width: 75%; } .aem-GridColumn--default--10 { width: 83.3333333333%; } .aem-GridColumn--default--11 { width: 91.6666666667%; } .aem-GridColumn--default--12 { width: 100%; } .aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-GridColumn--offset--default--1 { margin-left: 8.3333333333%; } .aem-GridColumn--offset--default--2 { margin-left: 16.6666666667%; } .aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-GridColumn--offset--default--4 { margin-left: 33.3333333333%; } .aem-GridColumn--offset--default--5 { margin-left: 41.6666666667%; } .aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-GridColumn--offset--default--7 { margin-left: 58.3333333333%; } .aem-GridColumn--offset--default--8 { margin-left: 66.6666666667%; } .aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-GridColumn--offset--default--10 { margin-left: 83.3333333333%; } .aem-GridColumn--offset--default--11 { margin-left: 91.6666666667%; } .aem-GridColumn--offset--default--12 { margin-left: 100%; } } .touchui-container { margin-right: auto; margin-left: auto; float: none !important; padding-left: var(--global-margin); padding-right: var(--global-margin); } .touchui-container:before, .touchui-container:after { content: " "; display: table; } .touchui-container:after { clear: both; } @media (min-width: 1024px) { .touchui-container { max-width: 1600px; } } @media (min-width: 1400px) { .touchui-container { max-width: 1600px; } } .separator { width: 100%; display: inline-block; } /* === Grid system css End === */ /* === Typography css Begin === */ h1, h2, h3, h4, h5, h6 { font-family: "dashiell-fine", serif; line-height: 1.2; margin: 0; letter-spacing: 0; color: var(--text-on-light-highlight); } h1 { font-family: "dashiell-fine", serif; font-size: var(--font-heading-h1-base); font-weight: 600; line-height: 115%; color: var(--Dark-Blue); margin: 0; margin-bottom: var(--spacing-regular); } h2 { font-family: "dashiell-fine", serif; font-size: var(--font-heading-h2-regular); font-weight: 600; line-height: 130%; color: var(--Dark-Blue); margin: 0; margin-bottom: var(--spacing-regular); } h3 { font-family: "dashiell-fine", serif; font-size: var(--font-heading-h3); line-height: 1.1; color: var(--Dark-Blue); margin-bottom: var(--spacing-regular); } h4 { font-family: "dashiell-fine", serif; font-size: var(--font-heading-h4); color: var(--Dark-Blue); margin-bottom: var(--spacing-regular); } /* TODO: Check with Maria */ h5 { font-size: var(--font-heading-h4); } h6 { font-size: var(--font-heading-h4); } .tui_text_center { text-align: center; } .tui_text_center h2 b { font-weight: 900; } .tui_col_contrl .text p { font-size: var(--font-body-text-medium); font-weight: 400; line-height: 140%; color: var(--Gray-1000); margin-bottom: var(--spacing-regular); } .tui_col_contrl .button a { color: var(--Brand-Blue-500); font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; padding-bottom: var(--spacing-small); border-bottom: 2px solid currentColor; width: auto; } @media (min-width:768px) { .tui_col_contrl .button a { padding-bottom: var(--spacing-xsmall); } } .tui_col_contrl .button a:after { font-family: "loopicon"; content: "\e123"; font-size: 80%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); } .tui_col_contrl .button a:hover { color: var(--Blue-900); } .tui_col_contrl .title h2 { margin-top: 0; margin-right: 0.5rem; width: 90%; } .text.tui_text_center h2 { line-height: 130%; } .photo-credits { font-size: var(--font-body-text-xsmall); font-weight: 400; line-height: 160%; color: #000; } /*=== Begin layer ===*/ .tui__blue_row { border-radius: 30px 4px; background: var(--Dark-Blue); padding: var(--spacing-regular) var(--spacing-regular) var(--spacing-none) var(--spacing-regular); position: relative; } .bg-home { background-image: url("clientlib-site/resources/img/bg-mobile.png"); background-repeat: no-repeat; background-size: cover; background-position-x: center; overflow-x: hidden; } @media (min-width:768px) { .bg-home { background-image: url("clientlib-site/resources/img/bg-tablet.png"); background-repeat: no-repeat; background-size: cover; background-position-x: center; overflow-x: hidden; } } @media (min-width:1024px) { .bg-home { background-image: url("clientlib-site/resources/img/home-bg.svg"); background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: 8%; overflow-x: hidden; } } .bg-subgradient, .bg-newstype, .bg-events-region, .bg-methodlogy { background-image: url("clientlib-site/resources/img/sub-bg.svg"); background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: top; } .cmp-experiencefragment--footer { background-image: url("clientlib-site/resources/img/footer-tablet.png"); background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: top; padding-top: var(--global-section-padding); } .bg-subnewstype, .eve-bg-subgradient { background-image: url("clientlib-site/resources/img/eval-bg.svg"); background-repeat: no-repeat; background-size: cover; background-position-x: top; background-position-y: 15%; } @media (min-width: 768px) { .cmp-experiencefragment--footer { background-image: url("clientlib-site/resources/img/footer-bg.png"); background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: top; padding-top: var(--global-section-padding); } .eve-bg-subgradient { background-position-x: center; background-position-y: 15%; } } .tui__body_content_img { margin-bottom: var(--spacing-large); } .tui_article_text .tui__body_content_img > .aem-Grid{ display: flex; gap: 16px; } @media (max-width: 767px) { .tui_article_text .tui__body_content_img > .aem-Grid{ display: flex; gap: 16px; flex-direction: column; } } .tui_article_text .tui__body_content_img > .aem-Grid::before, .tui_article_text .tui__body_content_img > .aem-Grid::after { display: none; } .tui__body_content_img.image, .tui__body_content_img .image { margin-bottom: var(--spacing-small); } .tui__body_content_img.image img, .tui__body_content_img .image img { border-radius: 30px 4px; } .tui__body_content_img.image .cmp-image__title, .tui__body_content_img .image .cmp-image__title { color: var(--Black); font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 160%; } /* .tui__body_content_img .aem-GridColumn+.aem-GridColumn { padding-left: 0px; padding-bottom: var(--spacing-small); } */ @media (max-width:767px) { .tui_ieo_featurevideo { position: relative; height: 520px; } } @media (max-width:520px) { .tui_ieo_featurevideo { position: relative; height: 380px; } } @media (max-width:450px) { .tui_ieo_featurevideo { position: relative; height: 300px; } } @media (max-width:350px) { .tui_ieo_featurevideo { position: relative; height: 200px; } } /* @media (min-width: 768px) { .tui__body_content_img .aem-GridColumn+.aem-GridColumn { padding-left: 12px; } } @media (min-width: 1024px) { .tui__body_content_img .aem-GridColumn+.aem-GridColumn { padding-left: 16px; } } */ .tui_featured_section .cmp-teaser__image .cmp-image { -webkit-mask-image: url(clientlib-site/resources/img/maskimage.png); mask-image: url(clientlib-site/resources/img/maskimage.png); mask-size: 94%; mask-repeat: no-repeat; mask-position: center; mask-origin: fill-box; } .tui_featured_section .cmp-teaser__image { background-image: url(clientlib-site/resources/img/Vector.png); background-image: url(clientlib-site/resources/img/Vector.png); background-repeat: no-repeat; background-position: center; background-size: 90%; } @media (min-width:1024px) { .tui__blue_row { z-index: 0; } .tui_featured_section .cmp-teaser__image .cmp-image { position: absolute; z-index: -1; /* top: -40px;*/ width: 100%; height: 100%; } .tui_featured_section .cmp-teaser__image { position: relative; } .tui_featured_section .cmp-teaser__image .cmp-image__image { height: 100%; object-fit: cover; object-position: right top; } } .tui_featured_section .cmp-teaser__image img{ aspect-ratio: 1/1; object-fit: cover; object-position: center; width: 100%; } .tui_full_row_teaser .cmp-teaser__image .cmp-image { -webkit-mask-image: url(clientlib-site/resources/img/maskimage.png); mask-image: url(clientlib-site/resources/img/maskimage.png); mask-size: 90%; mask-repeat: no-repeat; mask-position: center; mask-origin: fill-box; } .tui_full_row_teaser .cmp-teaser__image { background-image: url(clientlib-site/resources/img/Vector-2.svg); background-image: url(clientlib-site/resources/img/Vector-2.svg); background-repeat: no-repeat; background-position: top; background-size: 87%; } .tui_purple_card .tui_teaser_image-wrapper .tui_teaser-image img { -webkit-mask-image: url(clientlib-site/resources/img/leader-mask.png); mask-image: url(clientlib-site/resources/img/leader-mask.png); mask-size: 100%; mask-repeat: no-repeat; mask-position: center; mask-origin: fill-box; } .tui_purple_card .tui_teaser_image-wrapper .tui_teaser-image { background-image: url(clientlib-site/resources/img/leader-border.png); background-image: url(clientlib-site/resources/img/leader-border.png); background-repeat: no-repeat; background-position: center; } .leader_card .cmp-teaser__image .cmp-image { background-image: url(clientlib-site/resources/img/leader-landing-bg.png); background-image: url(clientlib-site/resources/img/leader-landing-bg.png); background-repeat: no-repeat; background-position: center; background-size: 100%; } .leader_card .cmp-teaser__image .cmp-image img { -webkit-mask-image: url(clientlib-site/resources/img/leader-landing-mask.png); mask-image: url(clientlib-site/resources/img/leader-landing-mask.png); mask-size: 85%; mask-repeat: no-repeat; mask-position: center; mask-origin: fill-box; } .biodetail, .articleteaser { padding: var(--spacing-xlarge) 0 var(--spacing-xxlarge) 0; } .articleteaser .no-image { width: 100%; border-bottom: 1px solid var(--Blue-900); } .articleteaser .no-image [class*="aem-GridColumn--"] { width: 100%; text-align: center; } .articleteaser .no-image .tui_article_teaser { margin: var(--spacing-xxlarge) auto 0 auto; width: 80%; text-align: center; } .eventdetails { display: flex; align-items: center; flex-direction: column-reverse; } @media screen and (min-width: 1024px) { .eventdetails { display: flex; align-items: center; flex-direction: row; } } .eventdetails .article-banner-img { position: relative; } .eventdetails img { width: 100%; border-radius: 30px 4px; aspect-ratio: 711 / 544; object-fit: cover; object-position: top; } .tui__image_white_box { background: #ffffff; border-radius: 30px 4px; padding: 16px; display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden; aspect-ratio: 291/203; } @media (min-width: 768px) { .tui__image_white_box { aspect-ratio: 67/46; } } @media (min-width: 1024px) { .tui__image_white_box { aspect-ratio: 137/105; } } .tui__image_white_box .tui_sm_horizontal_img { height: 100%; width: 100%; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } @media (max-width: 1023px) { .tui_featured_section .cmp-teaser__image .cmp-image__image { height: 730px; } } @media (max-width: 800px) { .tui_featured_section .cmp-teaser__image .cmp-image__image { height: 630px; } } @media (max-width: 767px) { .tui_featured_section .cmp-teaser__image .cmp-image__image { height: 545px; } } @media (max-width: 600px) { .tui_featured_section .cmp-teaser__image .cmp-image__image { height: 430px; } } @media (max-width: 550px) { .tui_featured_section .cmp-teaser__image .cmp-image__image { height: 330px; } } .tui_job_banner .cmp-teaser__image .cmp-image { -webkit-mask-image: url(clientlib-site/resources/img/maskimage.png); mask-image: url(clientlib-site/resources/img/maskimage.png); mask-size: 94%; mask-repeat: no-repeat; mask-position: center; mask-origin: fill-box; } .tui_job_banner .cmp-teaser__image { background-image: url(clientlib-site/resources/img/Vector.png); background-image: url(clientlib-site/resources/img/Vector.png); background-repeat: no-repeat; background-position: center; background-size: 90%; } .tui_job_banner .cmp-teaser__image img{ aspect-ratio: 1/1; object-fit: cover; object-position: center; } /*=== End layer ===*/ .tui_button_primary a, .tui_button_primary button { border: 1px solid transparent; display: inline-flex; width: auto; padding: 12px 24px; justify-content: center; align-items: center; gap: 20px; border-radius: 10px 0px; background: var(--Brand-Blue-500, #345ff9); z-index: 99; } .tui_button_primary a:hover, .tui_button_primary button:hover { color: var(--Gray-000); border: 1.5px solid var(--Blue-900); background: var(--Blue-900); } .tui_button_primary a:focus-visible, .tui_button_primary button:focus-visible { border: 1.5px solid var(--Brand-Blue-700); background: var(--Brand-Blue-700); } .tui_button_primary .tui_btn_text { color: var(--Gray-000, #fff); /* Buttons/Button_SM */ font-size: 14px; font-style: normal; font-weight: 700; line-height: 130%; /* 18.2px */ } .tui_blue_border_button a, .tui_blue_border_button button { display: flex; padding: 20px 30px 22px 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500, #345ff9); } .tui_blue_border_button .tui_btn_text { color: var(--Brand-Blue-500, #345ff9); text-align: center; /* Buttons/Button_MD */ font-family: "Sofia Pro"; font-size: var(--Font-Buttons-Button_MD, 16px); font-style: normal; font-weight: 800; line-height: 130%; /* 20.8px */ } .tui_button_group, .tui_button_group ul { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-xsmall); } /* .tui_button_group ul { width: 100%; } */ /*=== Begin css change 02/25/2025 ==*/ .ieo-arrow-btn:after { font-family: "loopicon"; content: "\e123"; font-size: 80%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); } .ieo_blue_outline_btn { text-align: center; } .ieo_blue_outline_btn a { color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; /* 20.8px */ display: inline-block; padding: 20px 30px 20px 30px; gap: 10px; border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500); } @media screen and (min-width:1024px) { .ieo_blue_outline_btn a { padding: 20px 30px 20px 30px; } } .ieo_blue_outline_btn a:hover { border-radius: 10px 0px; border: 1.5px solid var(--Blue-900); background: var(--Blue-900); color: var(--Gray-000); } .ieo_blue_outline_btn a:focus-visible { border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-700); background: var(--Brand-Blue-700); color: var(--Gray-000); } .tui_btn { color: var(--Brand-Blue-500); text-align: center; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; /* 20.8px */ display: inline-block; padding: 20px 30px; border-radius: 10px 0px; cursor: pointer; } .tui_btn button { background: transparent; border: 0; display: inline-block; } .tui_solid_blue_btn { border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500); background-color: var(--Brand-Blue-500); color: var(--Gray-000, #fff); } .tui_solid_blue_btn button, .tui_solid_blue_btn a { color: currentColor; } .tui_solid_blue_btn:hover { color: var(--Gray-000, #fff); border: 1.5px solid var(--Blue-900); background: var(--Blue-900); } .tui_solid_blue_btn:focus-visible { border: 1.5px solid var(--Brand-Blue-700); background: var(--Brand-Blue-700); } .cta_btn_flex .cmp-container { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 2rem; } /*=== end css change 02/25/2025 ==*/ .button.lp__list_btn a, .button.lp__list_btn button { font-weight: 700; border-bottom: 2px solid; padding-bottom: 0.5rem; } .button.lp__list_btn a:after, .button.lp__list_btn button:after { font-family: "loopicon"; content: "\e123"; font-size: 80%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); } .columncontrol .button.tui_btn.tui_solid_blue_btn { margin-bottom: 1.25rem; } .tui_ieo_knowledge_teaser .button.tui_btn.tui_solid_blue_btn { margin: 1.25rem 0; } .tui_padding-none-x { padding-left: var(--spacing-none); padding-right: var(--spacing-none); } .tui_padding-none-y { padding-top: var(--spacing-none); padding-bottom: var(--spacing-none); } .tui_padding-none-t { padding-top: var(--spacing-none); } .tui_padding-none-r { padding-right: var(--spacing-none); } .tui_padding-none-b { padding-bottom: var(--spacing-none); } .tui_padding-none-l { padding-left: var(--spacing-none); } .tui_padding-xtiny-x { padding-left: var(--spacing-xtiny); padding-right: var(--spacing-xtiny); } .tui_padding-xtiny-y { padding-top: var(--spacing-xtiny); padding-bottom: var(--spacing-xtiny); } .tui_padding-xtiny-t { padding-top: var(--spacing-xtiny); } .tui_padding-xtiny-r { padding-right: var(--spacing-xtiny); } .tui_padding-xtiny-b { padding-bottom: var(--spacing-xtiny); } .tui_padding-xtiny-l { padding-left: var(--spacing-xtiny); } .tui_padding-tiny-x { padding-left: var(--spacing-tiny); padding-right: var(--spacing-tiny); } .tui_padding-tiny-y { padding-top: var(--spacing-tiny); padding-bottom: var(--spacing-tiny); } .tui_padding-tiny-t { padding-top: var(--spacing-tiny); } .tui_padding-tiny-r { padding-right: var(--spacing-tiny); } .tui_padding-tiny-b { padding-bottom: var(--spacing-tiny); } .tui_padding-tiny-l { padding-left: var(--spacing-tiny); } .tui_padding-xxsmall-x { padding-left: var(--spacing-xxsmall); padding-right: var(--spacing-xxsmall); } .tui_padding-xxsmall-y { padding-top: var(--spacing-xxsmall); padding-bottom: var(--spacing-xxsmall); } .tui_padding-xxsmall-t { padding-top: var(--spacing-xxsmall); } .tui_padding-xxsmall-r { padding-right: var(--spacing-xxsmall); } .tui_padding-xxsmall-b { padding-bottom: var(--spacing-xxsmall); } .tui_padding-xxsmall-l { padding-left: var(--spacing-xxsmall); } .tui_padding-xsmall-x { padding-left: var(--spacing-xsmall); padding-right: var(--spacing-xsmall); } .tui_padding-xsmall-y { padding-top: var(--spacing-xsmall); padding-bottom: var(--spacing-xsmall); } .tui_padding-xsmall-t { padding-top: var(--spacing-xsmall); } .tui_padding-xsmall-r { padding-right: var(--spacing-xsmall); } .tui_padding-xsmall-b { padding-bottom: var(--spacing-xsmall); } .tui_padding-xsmall-l { padding-left: var(--spacing-xsmall); } .tui_padding-small-x { padding-left: var(--spacing-small); padding-right: var(--spacing-small); } .tui_padding-small-y { padding-top: var(--spacing-small); padding-bottom: var(--spacing-small); } .tui_padding-small-t { padding-top: var(--spacing-small); } .tui_padding-small-r { padding-right: var(--spacing-small); } .tui_padding-small-b { padding-bottom: var(--spacing-small); } .tui_padding-small-l { padding-left: var(--spacing-small); } .tui_padding-regular-x { padding-left: var(--spacing-regular); padding-right: var(--spacing-regular); } .tui_padding-regular-y { padding-top: var(--spacing-regular); padding-bottom: var(--spacing-regular); } .tui_padding-regular-t { padding-top: var(--spacing-regular); } .tui_padding-regular-r { padding-right: var(--spacing-regular); } .tui_padding-regular-b { padding-bottom: var(--spacing-regular); } .tui_padding-regular-l { padding-left: var(--spacing-regular); } .tui_padding-medium-x { padding-left: var(--spacing-medium); padding-right: var(--spacing-medium); } .tui_padding-medium-y { padding-top: var(--spacing-medium); padding-bottom: var(--spacing-medium); } .tui_padding-medium-t { padding-top: var(--spacing-medium); } .tui_padding-medium-r { padding-right: var(--spacing-medium); } .tui_padding-medium-b { padding-bottom: var(--spacing-medium); } .tui_padding-medium-l { padding-left: var(--spacing-medium); } .tui_padding-large-x { padding-left: var(--spacing-large); padding-right: var(--spacing-large); } .tui_padding-large-y { padding-top: var(--spacing-large); padding-bottom: var(--spacing-large); } .tui_padding-large-t { padding-top: var(--spacing-large); } .tui_padding-large-r { padding-right: var(--spacing-large); } .tui_padding-large-b { padding-bottom: var(--spacing-large); } .tui_padding-large-l { padding-left: var(--spacing-large); } .tui_padding-xlarge-x { padding-left: var(--spacing-xlarge); padding-right: var(--spacing-xlarge); } .tui_padding-xlarge-y { padding-top: var(--spacing-xlarge); padding-bottom: var(--spacing-xlarge); } .tui_padding-xlarge-t { padding-top: var(--spacing-xlarge); } .tui_padding-xlarge-r { padding-right: var(--spacing-xlarge); } .tui_padding-xlarge-b { padding-bottom: var(--spacing-xlarge); } .tui_padding-xlarge-l { padding-left: var(--spacing-xlarge); } .tui_padding-xxlarge-x { padding-left: var(--spacing-xxlarge); padding-right: var(--spacing-xxlarge); } .tui_padding-xxlarge-y { padding-top: var(--spacing-xxlarge); padding-bottom: var(--spacing-xxlarge); } .tui_padding-xxlarge-t { padding-top: var(--spacing-xxlarge); } .tui_padding-xxlarge-r { padding-right: var(--spacing-xxlarge); } .tui_padding-xxlarge-b { padding-bottom: var(--spacing-xxlarge); } .tui_padding-xxlarge-l { padding-left: var(--spacing-xxlarge); } .tui_padding-huge-x { padding-left: var(--spacing-huge); padding-right: var(--spacing-huge); } .tui_padding-huge-y { padding-top: var(--spacing-huge); padding-bottom: var(--spacing-huge); } .tui_padding-huge-t { padding-top: var(--spacing-huge); } .tui_padding-huge-r { padding-right: var(--spacing-huge); } .tui_padding-huge-b { padding-bottom: var(--spacing-huge); } .tui_padding-huge-l { padding-left: var(--spacing-huge); } .tui_padding-xhuge-x { padding-left: var(--spacing-xhuge); padding-right: var(--spacing-xhuge); } .tui_padding-xhuge-y { padding-top: var(--spacing-xhuge); padding-bottom: var(--spacing-xhuge); } .tui_padding-xhuge-t { padding-top: var(--spacing-xhuge); } .tui_padding-xhuge-r { padding-right: var(--spacing-xhuge); } .tui_padding-xhuge-b { padding-bottom: var(--spacing-xhuge); } .tui_padding-xhuge-l { padding-left: var(--spacing-xhuge); } .tui_margin-none-x { margin-left: var(--spacing-none); margin-right: var(--spacing-none); } .tui_margin-none-y { margin-top: var(--spacing-none); margin-bottom: var(--spacing-none); } .tui_margin-none-t { margin-top: var(--spacing-none); } .tui_margin-none-r { margin-right: var(--spacing-none); } .tui_margin-none-b { margin-bottom: var(--spacing-none); } .tui_margin-none-l { margin-left: var(--spacing-none); } .tui_margin-xtiny-x { margin-left: var(--spacing-xtiny); margin-right: var(--spacing-xtiny); } .tui_margin-xtiny-y { margin-top: var(--spacing-xtiny); margin-bottom: var(--spacing-xtiny); } .tui_margin-xtiny-t { margin-top: var(--spacing-xtiny); } .tui_margin-xtiny-r { margin-right: var(--spacing-xtiny); } .tui_margin-xtiny-b { margin-bottom: var(--spacing-xtiny); } .tui_margin-xtiny-l { margin-left: var(--spacing-xtiny); } .tui_margin-tiny-x { margin-left: var(--spacing-tiny); margin-right: var(--spacing-tiny); } .tui_margin-tiny-y { margin-top: var(--spacing-tiny); margin-bottom: var(--spacing-tiny); } .tui_margin-tiny-t { margin-top: var(--spacing-tiny); } .tui_margin-tiny-r { margin-right: var(--spacing-tiny); } .tui_margin-tiny-b { margin-bottom: var(--spacing-tiny); } .tui_margin-tiny-l { margin-left: var(--spacing-tiny); } .tui_margin-xxsmall-x { margin-left: var(--spacing-xxsmall); margin-right: var(--spacing-xxsmall); } .tui_margin-xxsmall-y { margin-top: var(--spacing-xxsmall); margin-bottom: var(--spacing-xxsmall); } .tui_margin-xxsmall-t { margin-top: var(--spacing-xxsmall); } .tui_margin-xxsmall-r { margin-right: var(--spacing-xxsmall); } .tui_margin-xxsmall-b { margin-bottom: var(--spacing-xxsmall); } .tui_margin-xxsmall-l { margin-left: var(--spacing-xxsmall); } .tui_margin-xsmall-x { margin-left: var(--spacing-xsmall); margin-right: var(--spacing-xsmall); } .tui_margin-xsmall-y { margin-top: var(--spacing-xsmall); margin-bottom: var(--spacing-xsmall); } .tui_margin-xsmall-t { margin-top: var(--spacing-xsmall); } .tui_margin-xsmall-r { margin-right: var(--spacing-xsmall); } .tui_margin-xsmall-b { margin-bottom: var(--spacing-xsmall); } .tui_margin-xsmall-l { margin-left: var(--spacing-xsmall); } .tui_margin-small-x { margin-left: var(--spacing-small); margin-right: var(--spacing-small); } .tui_margin-small-y { margin-top: var(--spacing-small); margin-bottom: var(--spacing-small); } .tui_margin-small-t { margin-top: var(--spacing-small); } .tui_margin-small-r { margin-right: var(--spacing-small); } .tui_margin-small-b { margin-bottom: var(--spacing-small); } .tui_margin-small-l { margin-left: var(--spacing-small); } .tui_margin-regular-x { margin-left: var(--spacing-regular); margin-right: var(--spacing-regular); } .tui_margin-regular-y { margin-top: var(--spacing-regular); margin-bottom: var(--spacing-regular); } .tui_margin-regular-t { margin-top: var(--spacing-regular); } .tui_margin-regular-r { margin-right: var(--spacing-regular); } .tui_margin-regular-b { margin-bottom: var(--spacing-regular); } .tui_margin-regular-l { margin-left: var(--spacing-regular); } .tui_margin-medium-x { margin-left: var(--spacing-medium); margin-right: var(--spacing-medium); } .tui_margin-medium-y { margin-top: var(--spacing-medium); margin-bottom: var(--spacing-medium); } .tui_margin-medium-t { margin-top: var(--spacing-medium); } .tui_margin-medium-r { margin-right: var(--spacing-medium); } .tui_margin-medium-b { margin-bottom: var(--spacing-medium); } .tui_margin-medium-l { margin-left: var(--spacing-medium); } .tui_margin-large-x { margin-left: var(--spacing-large); margin-right: var(--spacing-large); } .tui_margin-large-y { margin-top: var(--spacing-large); margin-bottom: var(--spacing-large); } .tui_margin-large-t { margin-top: var(--spacing-large); } .tui_margin-large-r { margin-right: var(--spacing-large); } .tui_margin-large-b { margin-bottom: var(--spacing-large); } .tui_margin-large-l { margin-left: var(--spacing-large); } .tui_margin-xlarge-x { margin-left: var(--spacing-xlarge); margin-right: var(--spacing-xlarge); } .tui_margin-xlarge-y { margin-top: var(--spacing-xlarge); margin-bottom: var(--spacing-xlarge); } .tui_margin-xlarge-t { margin-top: var(--spacing-xlarge); } .tui_margin-xlarge-r { margin-right: var(--spacing-xlarge); } .tui_margin-xlarge-b { margin-bottom: var(--spacing-xlarge); } .tui_margin-xlarge-l { margin-left: var(--spacing-xlarge); } .tui_margin-xxlarge-x { margin-left: var(--spacing-xxlarge); margin-right: var(--spacing-xxlarge); } .tui_margin-xxlarge-y { margin-top: var(--spacing-xxlarge); margin-bottom: var(--spacing-xxlarge); } .tui_margin-xxlarge-t { margin-top: var(--spacing-xxlarge); } .tui_margin-xxlarge-r { margin-right: var(--spacing-xxlarge); } .tui_margin-xxlarge-b { margin-bottom: var(--spacing-xxlarge); } .tui_margin-xxlarge-l { margin-left: var(--spacing-xxlarge); } .tui_margin-huge-x { margin-left: var(--spacing-huge); margin-right: var(--spacing-huge); } .tui_margin-huge-y { margin-top: var(--spacing-huge); margin-bottom: var(--spacing-huge); } .tui_margin-huge-t { margin-top: var(--spacing-huge); } .tui_margin-huge-r { margin-right: var(--spacing-huge); } .tui_margin-huge-b { margin-bottom: var(--spacing-huge); } .tui_margin-huge-l { margin-left: var(--spacing-huge); } .tui_margin-xhuge-x { margin-left: var(--spacing-xhuge); margin-right: var(--spacing-xhuge); } .tui_margin-xhuge-y { margin-top: var(--spacing-xhuge); margin-bottom: var(--spacing-xhuge); } .tui_margin-xhuge-t { margin-top: var(--spacing-xhuge); } .tui_margin-xhuge-r { margin-right: var(--spacing-xhuge); } .tui_margin-xhuge-b { margin-bottom: var(--spacing-xhuge); } .tui_margin-xhuge-l { margin-left: var(--spacing-xhuge); } .tui_margin-grid-section-t { margin-top: var(--global-margin); } .tui_margin-grid-section-b { margin-bottom: var(--global-margin); } .tui_margin-grid-section-t { margin-top: var(--global-margin); } .tui_margin-grid-section-b { margin-bottom: var(--global-margin); } .tui-Global-Section-Padding-y { padding: var(--global-section-padding) var(--spacing-none); } .tui-Global-Section-Padding-b { padding-bottom: var(--global-section-padding); } .tui-Global-Section-margin-b { margin-bottom: var(--global-section-padding); } .ieoempty { padding: 0px; margin: 0px; float: left !important; } /** * Swiper 11.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 2, 2025 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } /* === Swiper custom CSS Begin === */ .swiper { width: 100%; height: 100%; } .swiper-slide { font-size: 1rem; display: flex; justify-content: center; align-items: center; height: auto; } .swiper-slide img { display: block; } .swiper-button-prev, .swiper-button-next { width: 2rem; height: 2rem; background: #ffffff; padding: 1rem; border-radius: 50%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; color: var(--Dark-Blue); box-shadow: 0px 0px 1px 0px var(--Dark-Blue); } @media (min-width: 1024px) { .swiper-button-prev, .swiper-button-next { width: 2.5rem; height: 2.5rem; } } .swiper-button-next:after, .swiper-button-prev:after { font-family: "loopicon"; font-size: 1rem; } .swiper-button-prev:after { content: "\e117"; } .swiper-button-next:after { content: "\e118"; } .swiper-pagination-clickable .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper-pagination-bullet-active { background: var(--Brand-Blue-500); } .tui_full_row_swiper { overflow: hidden; width: 100%; max-width: 100%; } .tui_full_row_swiper .swiper { overflow: visible; } /* === Swiper custom CSS End === */ .tui_banner_card_swiper { display: flex; } @media (min-width: 1024px) { .tui_banner_card_swiper { display: none; } } .tui_banner_card_swiper .swiper-slide { width: 228px; } @media (max-width: 1024px) { .tui_flex_box.banner > .aem-Grid { overflow: hidden; } } .tui_desktop_card_container { display: none; } @media (min-width: 1024px) { .tui_desktop_card_container { display: block; } } /* === card wrapper layout CSS Begin === */ .tui_evaluations_card_inline .swiper-wrapper, .tui_flex_box .swiper-wrapper { display: flex; flex-wrap: wrap; width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; } @media (min-width: 768px) { .tui_evaluations_card_inline .swiper-wrapper, .tui_flex_box .swiper-wrapper { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; } } @media (min-width: 1024px) { .tui_evaluations_card_inline .swiper-wrapper, .tui_flex_box .swiper-wrapper { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } } .tui_evaluations_card_inline .tui_teaser, .tui_flex_box .swiper-wrapper .tui_teaser { padding-left: 8px; padding-right: 8px; margin-right: 0; } @media (min-width: 768px) { .tui_evaluations_card_inline .tui_teaser, .tui_flex_box .swiper-wrapper .tui_teaser { padding-left: 12px; padding-right: 12px; } } @media (min-width: 1024px) { .tui_evaluations_card_inline .tui_teaser, .tui_flex_box .swiper-wrapper .tui_teaser { padding-left: 16px; padding-right: 16px; } } .showless { display: none; } .tui_flex_grid>.aem-Grid { display: flex; flex-wrap: wrap; width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; row-gap: var(--spacing-regular); } @media (min-width: 768px) { .tui_flex_grid>.aem-Grid { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; } } @media (min-width: 1024px) { .tui_flex_grid>.aem-Grid { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } } .tui_flex_grid>.aem-Grid>[class*="aem-GridColumn-"] { padding-left: 8px; padding-right: 8px; margin-right: 0; } @media (min-width: 768px) { .tui_flex_grid>.aem-Grid>[class*="aem-GridColumn-"] { padding-left: 12px; padding-right: 12px; } } @media (min-width: 1024px) { .tui_flex_grid>.aem-Grid>[class*="aem-GridColumn-"] { padding-left: 16px; padding-right: 16px; } } /* === card wrapper layout CSS End === */ @media (min-width: 1024px) { .tui_title_text-link { display: grid; grid-template-columns: 40% 40%; grid-template-rows: auto auto; align-items: center; justify-content: center; } } .tui_title_text-link .tui_link { color: var(--Brand-Blue-500); font-size: var(--font-buttons-button-md); font-style: normal; font-weight: 800; line-height: 130%; padding-bottom: var(--spacing-xsmall); border-bottom: 2px solid currentColor; } .tui_title_text-link .tui_link::after { font-family: "loopicon"; content: "\e123"; font-size: 80%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); } .tui__heading_v1 { text-align: center; } .tui__heading_v1 .cmp-teaser__title { margin-bottom: var(--spacing-large); } .tui__heading_v1 .cmp-teaser__action-link { padding: 20px 30px 22px 30px; border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500, #345FF9); color: var(--Brand-Blue-500, #345FF9); font-family: "Sofia Pro"; font-size: var(--font-buttons-button_md); font-style: normal; font-weight: 800; line-height: 130%; display: inline-block; } @media (min-width: 768px) { .banner-headding .text.tui_text_center { width: calc(100% / 12 * 8); margin-left: auto; margin-right: auto; } } /*=== end Heading ====*/ /*# sourceMappingURL=clientlib-IEO.css.map */ /*=== Begin Dropdown css ===*/ .tui__dropup, .tui__dropdown { position: relative; display: inline-block; } .tui__dropdown_label { font-size: 0.875rem; line-height: 44px; font-weight: bold; padding-right: 16px; } .tui__dropdown_group { position: relative; display: block; float: none; } .tui__dropdown_toggle { color: var(--Brand-Blue-500); font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; } .tui__dropdown_menu { margin: 0px; display: none; float: left; z-index: 105; position: absolute; top: 100%; width: 100%; left: 0; list-style: none; text-align: left; background-color: white; border: 0px solid transparent; border-radius: 3px; background-clip: padding-box; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .tui__dropdown_menu li a { display: inline-flex; align-items: center; justify-content: center; } /*=== End Dropdown css ===*/ /*=== Begin tag scss ===*/ .tui__tag ul { display: inline-flex; align-items: center; flex-wrap: wrap; width: 100%; } .tui__tag ul li { font-size: var(--font-heading-label-small); line-height: 130%; font-weight: 700; margin-right: 1rem; margin-bottom: 1rem; } .tui__tag ul li a { border-radius: 10px 2px; border: 1.25px solid var(--Blue-900); display: inline-block; color: var(--Blue-900); padding: 11px 17px 9px 17px; } .tui__tag ul li a:hover { color: var(--Brand-Blue-500); border: 1.25px solid var(--Brand-Blue-500); } .tui__tag ul li a:hover { color: var(--Brand-Blue-500); border: 1.25px solid var(--Brand-Blue-500); } .tui__tag ul li a:focus-visible { color: var(--Brand-Blue-700); border: 1.25px solid var(--Brand-Blue-700); } /*=== end tag scss ===*/ .wrap_multimedia_section { margin-bottom: var(--spacing-xhuge); } .wrap_multimedia_section, .relatedcontent { display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .wrap_multimedia_section, .relatedcontentr { width: calc(100% + 16px); } } @media (min-width: 1200px) { .wrap_multimedia_section, .relatedcontent { width: calc(100% + 24px); } } @media (min-width: 1400px) { .tui_flexcard_wrapper { width: calc(100% + 32px); } } .relatedcontent .embed_video_container { margin-bottom: 20px; } .relatedcontent .embed_video_container iframe { position: relative; min-height: 230px; } .relatedcontent .embed_video_container:nth-child(odd){ margin-left: 15px; } .relatedcontent .embed_video_container{ position: relative; margin-bottom: var(--spacing-small); width:49%; } .relatedcontent .swiper-slide .tui_teaser-container{ width:100%!important; } .relatedcontent .list h3{ font-family: "Poppins"; font-size: var(--font-body-text-small); font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: var(--spacing-xxsmall); } .relatedcontent .list ul { font-family: "Poppins"; font-size: var(--font-body-text-small); line-height: 130%; margin-bottom: var(--spacing-xxsmall); } .relatedcontent .multimedia-heading { width:100%; } .tui_2column_layout ul { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 32px; column-gap: 32px; } .tui_2column_layout ul li { margin-bottom: var(--spacing-small); } .tui_2column_layout ul li>span { display: inline-block; } ul.council-summary-sublist { display:inline-flex; column-gap: 4px; margin-top: 6px; } ul.council-summary-sublist li { margin-bottom: var(--spacing-xtiny); } ul.council-summary-sublist li a{ padding-bottom: var(--spacing-xtiny); } ul.council-summary-sublist li a::after{ display: none; } .relatedcontent .tui_2column_layout ul{ grid-template-columns: repeat(1, 1fr); } .relatedcontent .tui_external_link.tui_2column_layout ul li { margin-bottom: 10px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 160%; } .relatedcontent .tui_external_link.tui_2column_layout h3 { font-size: 14px; font-style: normal; font-weight: 600; line-height: 160%; margin: 0px; } .relatedcontent .tui_external_link.tui_2column_layout h3 a:hover { text-decoration: underline; color: var(--Brand-Blue-500); } .relatedcontent .tui_external_link.tui_2column_layout ul li a { color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 160%; } .relatedcontent .tui_external_link.tui_2column_layout ul li a:hover { text-decoration:underline; } /*=== Begin Leader card ====*/ .leader_card .cmp-teaser { display: flex; align-items: center; gap: var(--spacing-large); flex-direction: column; } .leader_card { margin-bottom: var(--spacing-medium); } @media (min-width: 600px) { .leader_card .cmp-teaser { flex-direction: row; } } @media (min-width: 600px) { .leader_card .cmp-teaser__image .cmp-image { width: 100%; } .teaser.leader_card.region-leadercard.horizontal .cmp-teaser__image .cmp-image { width: 220px; } .tui_job_banner .leader_card .cmp-teaser__image .cmp-image { width: 100% !important; } } .leader_card .cmp-teaser__content { display: inline-flex; align-items: center; flex-direction: column; align-items: flex-start; } @media (min-width: 1366px) { .leader_card .cmp-teaser__content { flex-direction: row; display: inline-flex; align-items: center; } } .leader_card .cmp-teaser__content_top { width: 100%; border: 0px; border-bottom: 1px solid rgba(210, 253, 206, 0.4); padding: 0 0 var(--spacing-xlarge) 0; margin: 0 0 var(--spacing-xlarge) 0; display: flex; flex-direction: column; } @media (min-width: 1366px) { .leader_card .cmp-teaser__content_top { border: 0px; border-right: 1px solid rgba(210, 253, 206, 0.4); padding: 0 var(--spacing-xhuge) 0 0; margin: 0 var(--spacing-xhuge) 0 0; } } .leader_card .cmp-teaser__content_top .cmp-teaser__pretitle { color: var(--Green-500); /* font-size: var(--font-body-text-small-bold); */ font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 140%; } .leader_card .cmp-teaser__content_top h2 { color: var(--Gray-000); font-size: var(--font-heading-label-serif-xlarge); font-style: normal; font-weight: 600; line-height: 130%; letter-spacing: -0.36px; margin-bottom: var(--spacing-xxsmall); /* order: 1; */ } .leader_card .cmp-teaser__content_bottom .cmp-teaser__description { color: var(--Gray-000); font-size: var(--font-body-text-medium); font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: var(--spacing-regular); } .leader_card .cmp-teaser__content_bottom .cmp-teaser__action-container { /* text-align: right; */ } .leader_card .cmp-teaser__content_bottom .cmp-teaser__action-link .lp { display: inline-flex; justify-content: center; align-items: center; border-radius: 10px 0px; background: var(--Gray-000); width: 48px; height: 48px; padding: 1rem; font-size: 1.25rem; } @media (min-width: 1400px) { .leader_card .cmp-teaser__content_bottom .cmp-teaser__action-link .lp { position: absolute; } } .leader_card .cmp-teaser__content_bottom .cmp-teaser__action-link .lp:before { transform: rotate(45deg); } .tui_flex_grid>.aem-Grid>.container>.cmp-container, .tui_flex_grid>.aem-Grid>.container>.cmp-container>.leadercard { height: 100%; } /*=== End Leader card ====*/ .embed { position: relative; display: block; padding: 0; overflow: hidden; margin-bottom: 32px; } .tui__embed_responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; margin-bottom: 16px; } .tui__embed_responsive_item, iframe, embed, object, video, .s7videoviewer { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .tui__embed_responsive_1by { padding-bottom: 56.25%; } .cmp-embed, .tui__embed_responsive_16by9 { padding-bottom: 56.25%; } .tui__embed_responsive_4by3 { padding-bottom: 75%; } .tui__embed_responsive_21by9 { padding-bottom: 80%; } .tui_video_section { position: relative; } .tui_video_section video { -o-object-fit: cover; object-fit: cover; border-radius: 20px 4px; }/*# sourceMappingURL=clientlib-IEO.css.map */ .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 1024px) and (max-width: 1399px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1400px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023.5px) { .hidden-sm { display: none !important; } } @media (min-width: 1024px) and (max-width: 1399.5px) { .hidden-md { display: none !important; } } @media (min-width: 1400px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .tui_button_primary a, .tui_button_primary button { border: 1px solid transparent; display: inline-flex; width: auto; height: 48px; padding: 22px 20px; justify-content: center; align-items: center; gap: 20px; border-radius: 10px 0px; background: var(--Brand-Blue-500); } .tui_button_primary .tui_btn_text { color: var(--Gray-000); /* Buttons/Button_SM */ font-size: 14px; font-style: normal; font-weight: 700; line-height: 130%; /* 18.2px */ } .tui_blue_border_button a, .tui_blue_border_button button { display: flex; padding: 20px 30px 22px 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500); } .tui_blue_border_button .tui_btn_text { color: var(--Brand-Blue-500); text-align: center; font-size: var(--Font-Button-Medium); font-style: normal; font-weight: 800; line-height: 130%; } .tui_button_group, .tui_button_group ul { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-xsmall); } .tui_icon_btn .lp::before { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background: var(--Gray-000); width: 48px; height: 48px; padding: 1rem; font-size: 1.25rem; } .tui_btn { color: var(--Brand-Blue-500); text-align: center; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; /* 20.8px */ display: inline-block; padding: 20px 30px; border-radius: 10px 0px; display: inline-block; } .tui_solid_blue_btn { border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500); background-color: var(--Brand-Blue-500); color: var(--Gray-000); } .tui_solid_blue_btn:hover { color: var(--Gray-000); border: 1.5px solid var(--Blue-900); background: var(--Blue-900); } .tui_solid_blue_btn:focus { border: 1.5px solid var(--Brand-Blue-700); background: var(--Brand-Blue-700); } @media (max-width: 1024px) { .tui_purple_button_group_wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .tui_purple_button_group_wrapper::-webkit-scrollbar { display: none; } } .tui_purple_button_list { display: flex; justify-content: start; gap: var(--spacing-medium); width: calc(100% + var(--spacing-medium)); } /* @media (min-width: 1200px) { .tui_purple_button_list { flex-wrap: wrap; } } */ .tui_purple_button_list img { min-width: 170px; } .tui_purple_button_list li { height: auto; } .tui_purple_button_list li div { height: 100%; } .tui_purple_button a, .tui_purple_button button { display: inline-flex; align-items: center; justify-content: center; background: transparent; border-radius: 20px 4px; border: 1.5px solid var(--Purple-500); height: 100%; padding: var(--spacing-xlarge) var(--spacing-regular); width: 100%; } /*=== Begin accordion === */ .accordion { display: block; } .accordion .cmp-accordion__item { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .accordion .cmp-accordion__header { display: block; width: 100%; margin: 0px 0px 12px 0px; } .accordion .cmp-accordion__button { display: inline-flex; justify-content: space-between; align-items: center; width: 100%; text-align: left; color: #0071BC; border: none; background: transparent; cursor: pointer; padding: 8px 0px 8px 0; overflow: hidden; font-size: 1rem; line-height: 1.5rem; } .accordion .cmp-accordion__button .cmp-accordion__icon:after { font-family: "loopicon"; float: right; padding: 0 0.5rem; color: rgba(0, 0, 0, 0.6); } .accordion .cmp-accordion__button[aria-expanded=true] .cmp-accordion__icon:after { content: "\e129"; } .accordion .cmp-accordion__button[aria-expanded=false] .cmp-accordion__icon:after { content: "\e128"; } .accordion .cmp-accordion__title { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.01563rem; color: #0071BC; font-weight: 700; width: 100%; display: inline-block; } .accordion .cmp-accordion__title:after { color: rgba(0, 0, 0, 0.6); } .accordion .cmp-accordion__panel { display: none; } .accordion .cmp-accordion__panel::after, .accordion .cmp-accordion__panel::before { content: " "; display: table; clear: both; } .accordion .cmp-accordion__panel--hidden { display: none; } .accordion .cmp-accordion__panel--expanded { display: block; } @media (max-width: 768px) { .accordion .cmp-accordion__title { font-size: 0.875rem; line-height: 1.25rem; } } .tui__accordion_white .cmp-accordion__item { background-color: #ffffff; padding: 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.5rem; } .tui__accordion_white .cmp-accordion__button__icon { width: 1.5rem; height: 1.5rem; display: inline-block; } .tui__accordion_white .cmp-accordion__title { font-size: 1.25rem; line-height: 2rem; color: rgba(0, 0, 0, 0.87); font-weight: 700; letter-spacing: -0.03rem; padding: 0 0.5rem; } .tui__accordion_white .cmp-accordion__button { padding: 0; } .tui__accordion_white .cmp-accordion__header { margin: 0; line-height: 0; } .tui__accordion_white .cmp-accordion__panel { padding-top: 1rem; padding-bottom: 0; } @media (min-width: 992px) { .tui__accordion_white .cmp-accordion__item { padding: 1.5rem; } .tui__accordion_white .cmp-accordion__panel { padding-top: 1.5rem; padding-bottom: 0; } .tui__accordion_white .cmp-accordion__title { font-size: 1.5rem; line-height: 2rem; padding: 0 1rem; } .tui__accordion_white .cmp-accordion__button__icon { width: 2rem; height: 2rem; } } .lp__tab_full_row .accordion .cmp-accordion__panel--expanded .lp__text_md, .lp__tab_full_row .accordion .cmp-accordion__panel .text { padding: 0px; } /*=== end accordion === */ /* Begin tui__accordian_inner_teaser > topic profile page*/ .tui__accordion_white .tui__accordian_inner_teaser { display: inline-flex; justify-content: space-between; margin-bottom: 1.5rem; } .tui__accordion_white .tui__accordian_inner_teaser a { color: #0071BC; text-align: center; font-size: 0.6875rem; font-style: normal; font-weight: 700; line-height: 1rem; letter-spacing: 0.04688rem; text-transform: uppercase; border: 1px solid #0071BC; padding: 0.5rem 0.75rem; border-radius: 3px; float: right; position: relative; z-index: 105; } .tui__accordion_white .tui__accordian_inner_teaser a::after { content: "\e118"; font-family: "loopicon"; padding-left: 8px; } .tui__accordion_white .tui__accordian_inner_teaser a:hover, .tui__accordian_inner_teaser a:active, .tui__accordian_inner_teaser a:focus { text-decoration: none; background-color: #0071BC; color: #ffffff; } .tui__accordion_white .tui__accordian_inner_teaser p { display: inline-block; } @media (min-width: 768px) { .tui__accordion_white .tui__accordian_inner_teaser { padding-left: 3rem; } .tui__accordion_white .tui__accordian_inner_teaser p:first-child { width: 65%; } .tui__accordion_white .tui__accordian_inner_teaser p:nth-child(2) { width: 35%; vertical-align: top; float: right; } } /* End tui__accordian_inner_teaser */ .lp__text_external_link a { display: inline-flex; align-items: center; } .lp__text_external_link a::before { content: "\e200"; font-family: "loopicon"; margin-right: 0.5rem; font-size: 150%; font-weight: 400; } @media (min-width: 768px) { .lp__text_external_link a::before { margin-right: 1rem; } } legend { display: block; width: 100%; padding: 0; margin: 0px 0px 16px 0px; font-size: 0.875rem; color: rgba(0, 0, 0, 0.6); border: 0; border-bottom: 1px solid #e5e5e5; } label { font-size: 14px; line-height: 20px; display: inline-block; max-width: 100%; font-weight: 700; } input [type=search] { box-sizing: border-box; } input [type=text] [disabled], fieldset [disabled] input [type=text] { cursor: default; } input [type=file] { display: block; } input [type=range] { display: block; width: 100%; } select [multiple], select [size] { height: auto; } input [type=file]:focus, input [type=radio]:focus, input [type=checkbox]:focus { outline: 2px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 16px; line-height: 1.75rem; color: rgba(0, 0, 0, 0.87); } textarea .form-control { height: auto; } input [type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input [type=date].form-control, input [type=time].form-control, input [type=datetime-local].form-control, input [type=month].form-control { line-height: 22px; } } input [type=radio], input [type=checkbox] { margin: 4px; line-height: normal; opacity: 0; } .tui__radio, .tui__checkbox { position: relative; display: block; margin-top: 0; margin-bottom: 16px; } .tui__radio label, .tui__checkbox label { padding-left: 16px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .tui__checkbox input[type=checkbox], .tui__checkbox_inline input[type=checkbox] { position: absolute; margin-left: 0; z-index: 1; width: 24px; height: 24px; } .tui__radio input[type=radio], .tui__radio_inline input[type=radio] { margin-left: 0rem; z-index: 1; width: 24px; height: 24px; } .tui__radio+.tui__radio, .tui__checkbox+.tui__checkbox { margin-top: -4px; } .tui__radio_inline, .tui__checkbox_inline { position: relative; display: inline-block; padding-left: 0; margin-bottom: 16px; vertical-align: middle; font-weight: normal; cursor: pointer; } .tui__radio_inline label, .tui__checkbox_inline label { padding-left: 8px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .tui__radio_inline+.tui__radio_inline, .tui__checkbox_inline+.tui__checkbox_inline { margin-top: 0; margin-left: 16px; } .tui__primary_checkbox { position: absolute; opacity: 0; } .tui__primary_checkbox+label { position: relative; padding: 0; color: var(--Gray-1000, var(--Black, #141212)); font-size: var(--Font-Navigation-Secondary, 16px); font-style: normal; font-weight: 400; line-height: 140%; /* 25.2px */ text-transform: capitalize; display: inline-flex; align-items: center; } .tui__primary_checkbox+label:before { content: ""; margin-right: 1rem; display: inline-block; vertical-align: text-top; padding: 2px; min-width: 24px; height: 24px; background-color: #fff; border-radius: 5px 0px; border: 1.52px solid var(--gray-500); box-shadow: none; cursor: pointer; float: left; } .tui__primary_checkbox:focus+label:before { outline: #00538a solid 2px; } .tui__primary_checkbox:checked+label:before { background-color: #0071bc; border-color: #0071bc; box-shadow: none; } .tui__primary_checkbox:checked:disabled+label:before { color: #fff; background-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .tui__primary_checkbox:checked:disabled+label:after { color: #fff; } .tui__primary_checkbox:disabled+label { opacity: 0.6; } .tui__primary_checkbox:disabled+label:before { box-shadow: none; pointer-events: none; } .tui__primary_checkbox:checked+label:after { content: "\e124"; font-family: "loopicon"; font-size: 16px; line-height: 24px; position: absolute; left: 4px; top: 0; color: #fff; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: 0 0 0px 1000px #fff inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; /* Now your own custom styles */ height: 1px; width: 1px; background: transparent; } input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=image]:focus, input[type=search-text]:focus { outline: #00538a solid 2px; } input[type=text]:-internal-autofill-selected, input[type=email]:-internal-autofill-selected, input[type=search]:-internal-autofill-selected, input[type=image]:-internal-autofill-selected, input[type=search-text]:-internal-autofill-selected { background-color: #ffffff; } input .email-input-field-1::-webkit-input-placeholder, input .email-input-field-1::-moz-placeholder, input .email-input-field-1::-ms-input-placeholder, input .email-input-field-1::-moz-placeholder, input .search-input-field-1::-webkit-input-placeholder, input .search-input-field-1::-moz-placeholder, input .search-input-field-1::-ms-input-placeholder, input .search-input-field-1::-moz-placeholder, input .search-input-field::-webkit-input-placeholder, input .search-input-field::-moz-placeholder, input .search-input-field::-ms-input-placeholder, input .search-input-field::-moz-placeholder, input[type=text]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, input[type=text]::-ms-input-placeholder, input[type=text]::-moz-placeholder, input[type=email]::-webkit-input-placeholder, input[type=email]::-moz-placeholder, input[type=email]::-ms-input-placeholder, input[type=email]::-moz-placeholder, input[type=search]::-webkit-input-placeholder, input[type=search]::-moz-placeholder, input[type=search]::-ms-input-placeholder, input[type=search]::-moz-placeholder, input[type=search-text]::-webkit-input-placeholder, input[type=search-text]::-moz-placeholder, input[type=search-text]::-ms-input-placeholder, input[type=search-text]::-moz-placeholder { color: #000000; } .cmp-tabs__tablist, .tui_ieo_tabs .tab { overflow: scroll hidden; display: inline-flex; align-items: center; border-bottom: 1px solid var(--Blue-900, #15293F); transition: all 3s; width: 100%; scroll-behavior: smooth; scrollbar-width: none } .cmp-tabs__tablist::-webkit-scrollbar { display: none; } .cmp-tabs__tablist { margin-bottom: var(--spacing-small); } .cmp-tabs__tab, .tui_ieo_tabs .tab button { color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: var(--Font-Button-Medium); line-height: 130%; font-style: normal; font-weight: 700; height: 60px; cursor: pointer; padding: 18px; display: flex; align-items: center; cursor: pointer; background: transparent; border: 0; white-space: nowrap; } .cmp-tabs__tab--active, .tui_ieo_tabs .tab button.active { border-radius: 20px 4px 0px 0px; background: var(--Brand-Blue-700, #3756CC); color: #fff; } .tui_ieo_tabs .tab-nav { border-top: 1.25px solid var(--Blue-900, #15293F); padding: 0; } @media (min-width: 1200px) { .tui_ieo_tabs .tab-nav { border: 0; padding: 0; } } .tabs .cmp-tabs__tabpanel, .tui_ieo_tabs .tabcontent { padding: var(--spacing-xxlarge) 0 0 0; } .tui_ieo_tabs .tabcontent .touchui-container { padding-left: 0; padding-right: 0; } .tui_ieo_tabs .is-hidden { display: none !important; } .tab .tablist, .tui_ieo_tabs .is-desktop { display: none; align-items: center; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; } @media (min-width: 1200px) { .tab .tablist, .tui_ieo_tabs .is-desktop { display: inline-flex !important; } } .tui_ieo_tabs .is-mobile { display: inline-flex !important; } .tui_ieo_tabs .is-mobile .dropdown__switch { display: none; } @media (min-width: 1200px) { .tui_ieo_tabs .is-mobile { display: none !important; } } .tui_ieo_tabs .select { position: relative; display: inline-flex; align-items: center; min-height: 48px; } .tui_ieo_tabs .select__icon { display: flex; align-items: center; } .tui_ieo_tabs .select__icon .lp::before { margin-right: 0.5rem; font-size: 20px; top: -2px; position: relative; } .tui_ieo_tabs .select__icon p { color: var(--Gray-1000, var(--Black, #141212)); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold); font-style: normal; font-weight: 700; line-height: 140%; } .tui_ieo_tabs .dropdown__switch:checked+.dropdown__options-filter .dropdown__select { transform: scaleY(1); opacity: 1; max-height: 332px; overflow-y: auto; } .tui_ieo_tabs .dropdown__switch:checked+.dropdown__options-filter .dropdown__filter:after { transform: rotate(-180deg); } .tui_ieo_tabs .dropdown__options-filter { width: 100%; cursor: pointer; } .tui_ieo_tabs .dropdown__filter { position: relative; display: flex; padding: 16px 8px 0 8px; background-color: transparent; color: var(--Brand-Blue-500, #345FF9); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; } .tui_ieo_tabs .dropdown__filter:focus { outline: none; } .tui_ieo_tabs .dropdown__filter::after { position: relative; left: 20px; content: "\e116"; color: #345FF9; font-size: 14px; top: -2px; font-family: "loopicon"; } .tui_ieo_tabs .dropdown__select { position: absolute; top: 100%; left: -20px; right: 0px; overflow: hidden; transform: scaleY(0); transform-origin: top; opacity: 0; transition: 0.2s ease-in-out; z-index: 9; width: 264px; padding: var(--Spacing-medium, 32px); flex-direction: column; align-items: flex-start; border-top: 2px solid var(--Brand-Blue-500, #345FF9); background: var(--Gray-000, #FFF); } /* @media (min-width: 768px) { .tui_ieo_tabs .dropdown__select { left: 0; } } */ .tui_ieo_tabs .dropdown__select-option { transition: 0.3s; display: flex; color: var(--Brand-Blue-500, #345FF9); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; padding-bottom: var(--Spacing-medium, 32px); cursor: pointer; } .tui_ieo_tabs .dropdown__select-option:last-child { padding-bottom: 0; } .filter-container { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; padding: 0; position: relative; padding-right: 4rem; } @media screen and (min-width: 768px) { .filter-container { position: absolute; right: 0; top: 10px; } } @media screen and (min-width: 1200px) { .filter-container { position: relative; right: auto; top: 0; padding: 1.5rem 0; padding-right: 0; border-bottom: 1.25px solid #15293f; } } .filter-container .tui_search_bar_container { position: absolute; right: 0; } .filter-container .tui_search_bar_container button { border: 0; } .filter-container .tui_search_bar_container button.lp-search-regular { background-color: transparent; } .filter-container .tui_search_bar_container.wide-search { position: absolute; left: auto; } .filter-container .tui_search_bar_container .close-search { right: 6px; top: 6px; } .filter-container .tui_search_bar_container .close-search span::before { position: relative; top: 3px; } .filter-label { color: var(--Blue-900, #15293f); font-size: var(--Font-Body-Text-Small_Bold); font-weight: 700; line-height: 140%; display: none; /* 22.4px */ } .filter-label span.lp::before { display: inline-block; content: "\e377"; } @media screen and (min-width: 1200px) { .filter-label { display: block; } } .filter-item { color: var(--Blue-900); font-size: var(--font-filter-medium); font-weight: 600; line-height: 18px; letter-spacing: 1.4px; text-transform: uppercase; cursor: pointer; display: none; background: transparent; border: 0; } @media screen and (min-width: 1200px) { .filter-item { display: block; } } .filter-item .lp::before { position: relative; top: 0; font-size: 10px; } .popup { display: none; position: fixed; top: 0%; left: 50%; transform: translate(-50%, 0%); background: white; padding: 1.75rem; width: 100%; max-height: 100vh; overflow-y: auto; z-index: 99; font-family: "Poppins", sans-serif; border-radius: 40px 10px; background: var(--Gray-000, #fff); padding: var(--spacing-large); } @media screen and (min-width: 1024px) { .popup { top: 64px; } } @media screen and (min-width: 1200px) { .popup { top: 50%; transform: translate(-50%, -50%); width: 75%; padding: 2.75rem; } } @media screen and (min-width: 1400px) { .popup { width: 60%; padding: 100px; } } .popup h3 { font-family: "Poppins", sans-serif; color: var(--Blue-900, #15293f); font-size: var(--font-filter-large); font-style: normal; font-weight: 400; line-height: 130%; letter-spacing: 2.8px; text-transform: uppercase; } .popup .accordion .cmp-accordion__title { font-size: var(--font-filter-large); font-weight: 400; line-height: 130%; letter-spacing: 2px; color: var(--Blue-900, #15293f); text-transform: uppercase; padding-right: 2rem; } @media screen and (min-width: 1200px) { .popup .accordion .cmp-accordion__title { color: #000; font-size: var(--Font-Heading-Label-Large, 24px); font-weight: 700; line-height: 130%; padding-right: 0; text-transform: capitalize; } } .popup .accordion .cmp-accordion__header { margin: 0; display: inline-flex; align-items: center; } .popup .accordion .cmp-accordion__button { padding: 0; align-items: flex-start; } .popup .accordion .cmp-accordion__button .cmp-accordion__icon:after { border: 1px solid #345ff9; border-radius: 100%; color: #345ff9; width: 30px; display: flex; align-items: center; justify-content: center; height: 30px; position: absolute; right: 0; } @media screen and (min-width: 1200px) { .popup .accordion .cmp-accordion__button .cmp-accordion__icon:after { right: 1rem; top: 0; } } .popup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.5rem; } .close-btn { cursor: pointer; font-size: 20px; display: flex; width: 48px; height: 48px; padding: 10px; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; background: var(--Blue-900, #15293f); color: #fff; position: absolute; right: 1rem; top: 1rem; border: 0; z-index: 9; } @media (min-width: 1200px) { .close-btn { right: 2rem; top: 2rem; } } .popup-content { display: inline-block; width: 100%; } .popup-content .cmp-accordion__item { padding-bottom: 2rem; border-bottom: 1px solid var(--Gray-200, #ece8ec); margin-bottom: 2rem; position: relative; } .popup-content .cmp-accordion__item:last-child { border-bottom: none; margin-bottom: 0; } .apply-btn, .clear-btn { margin-top: 2rem; cursor: pointer; } .apply-btn { color: white; border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500, #345ff9); background: var(--Brand-Blue-500, #345ff9); display: inline-flex; justify-content: center; align-items: center; padding: 21px 30px; gap: 10px; color: var(--Gray-000, #fff); font-size: var(--font-button-medium); font-weight: 700; line-height: 130%; } .clear-btn, .clear-filters { color: var(--Brand-Blue-500, #345ff9); font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; /* 20.8px */ border: 0; padding-bottom: 10px; margin-left: 1.5rem; border-bottom: 1.5px solid var(--Brand-Blue-500, #345ff9); background-color: transparent; } .clear-btn span.lp::before, .clear-filters span.lp::before { padding-left: 1rem; position: relative; top: 2px; } .tui_ieo_checkbox_wrapper { display: grid; width: 100%; align-items: flex-start; } .no-scroll { overflow: hidden; } .popup-backdrop { position: fixed; opacity: 0.8; background: var(--Gray-100, #f3f6f9); width: 100%; height: 100%; top: 0; bottom: 0; display: inline-block; left: 0; right: 0; z-index: 9; display: none; } .popup-backdrop.show { display: block; } .lp__scrollable_wrapper::-webkit-scrollbar { background: #dcdcdc; width: 8px; height: 8px; } .lp__scrollable_wrapper::-webkit-scrollbar-track { background: #dcdcdc; border-radius: 8px; width: 1rem; border: 1px solid transparent; background-clip: content-box; } .lp__scrollable_wrapper::-webkit-scrollbar-thumb { background-color: #345ff9; width: 0.35rem; border-radius: 8px; } .lp__scrollable_wrapper::-webkit-scrollbar { width: 0.35rem; } .filter-results { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: var(--spacing-large); } @media (max-width: 1200px) { .filter-results { border-top: 1.25px solid var(--Blue-900, #15293F); padding-top: 20px; margin: 0; } .tui_ieo_tabs .select { min-height: 58px; } } .filter-results .clear-filters { margin-left: 0; } .results-count { color: var(--Gray-900, #1e1e1e); font-size: 18px; font-weight: 700; line-height: 130%; } .filter-tag { display: flex; align-items: center; padding: 0.5rem 1rem; border-radius: 10px 2px; border: 1.25px solid var(--Blue-900, #15293f); color: var(--Blue-900, #15293f); font-size: var(--Font-Heading-Label-Small, 14px); font-weight: 700; line-height: 130%; margin-bottom: 0.5rem; } .filter-tag button { background: transparent; border: 0; } .filter-tag p { position: relative; top: 1px; } .filter-tag span { margin-left: 8px; cursor: pointer; position: relative; top: 2px; } .filter-btn-mobile { border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500, #345ff9); background: var(--Brand-Blue-500, #345ff9); display: flex; /* width: 100%; */ height: 40px; padding: 0 30px; justify-content: center; align-items: center; gap: 0; color: var(--Gray-000, #fff); font-size: var(--Font-Body-Text-Small_Bold); font-weight: 700; border: 0; } @media (max-width:768px) { .filter-btn-mobile { width: 100%; } } .filter-btn-mobile span.lp::before { content: "\e377"; color: rgb(255, 255, 255); padding-right: 0.25rem; font-size: 16px; display: inline-flex; position: relative; align-items: center; justify-content: center; } @media screen and (min-width: 1200px) { .filter-btn-mobile { display: none; } } @media screen and (min-width: 1200px) { #filter-mobile { display: none !important; } } .tui_ieo_checkbox_single_list { -moz-column-count: auto; column-count: auto; } .tui_ieo_checkbox_single_list .tui__checkbox { margin-bottom: var(--spacing-medium); } @media (min-width: 1024px) { .tui_ieo_checkbox_single_list .tui__checkbox { border-bottom: 1px solid var(--Gray-200); padding-bottom: var(--spacing-medium); } } .tui_ieo_checkbox_single_list .tui__primary_checkbox+label { font-weight: 700; } .tui_data_table { overflow-x: auto; scrollbar-width: none; } .tui_data_table table { width: 100%; border: 0; } .tui_data_table th, .tui_data_table td { padding: 1rem; border-color: transparent; text-align: left; } .tui_data_table thead tr th:not(:first-child) { color: var(--Gray-000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small-bold); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ background: var(--Blue-900); padding-left: 2.25rem; } .tui_data_table thead th:nth-child(2) { border-radius: 30px 0px 0px 0px !important; } .tui_data_table thead th:last-child { border-radius: 0px 4px 0px 0px; } .tui_data_table tbody tr td:first-child { border-right: 1px solid var(--Black); font-weight: bold; font-size: var(--Font-Body-Text-Small_Bold); line-height: 140%; } .tui_data_table tbody tr td:not(:first-child) { padding-left: 2.25rem; font-size: var(--Font-Body-Text-Small); line-height: 140%; } .tui_data_table tbody tr:first-child td:nth-child(1) { border-top: 1px solid var(--Black); } .tui_data_table tbody tr:last-child { border-bottom: 1px solid var(--Black); } .tui_data_rating_page .filter-container { border-bottom: 1.25px solid #15293f; border-top: 1.25px solid #15293f; position: relative; padding: 20px 0; top: 0; } .tui_data_rating_page .filter-btn-mobile { min-width: 200px; margin-right: 4rem; z-index: 9; } .tui_data_rating_content>.aem-Grid { display: flex; flex-direction: column-reverse; } @media (min-width: 1024px) { .tui_data_rating_content>.aem-Grid { display: flex; flex-direction: row; } } .tui_data_rating_content .tui_data_rating_map { margin-bottom: 4rem; border-radius: 30px 4px; overflow: hidden; position: sticky; top: 2rem; padding: 0; } .tui_data_rating_content .tui_data_rating_map img { height: 420px; width: 100%; } @media (min-width: 1024px) { .tui_data_rating_content .tui_data_rating_map { margin-bottom: 0; margin-left: 6rem; } .tui_data_rating_content .tui_data_rating_map img { height: auto; width: auto; } } .tui_data_value { display: flex; align-items: center; flex-wrap: wrap; padding-bottom: 0; } .tui_data_value .tui_data_value_item { display: flex; max-width: 340px; width: 100%; padding: 0px 32px; flex-direction: column; align-items: flex-start; gap: var(--Spacing-xxsmall, 8px); border-left: 3px solid var(--Green-500, #15AC8B); margin-bottom: var(--spacing-large); } .tui_data_value .tui_data_value_item p:first-child { color: var(--Blue-900, #15293F); font-family: "dashiell-fine", serif; font-size: var(--Font-Heading-Label-Serif_XLarge); font-style: normal; font-weight: 600; line-height: 130%; /* 46.8px */ letter-spacing: -0.36px; } .tui_data_value .tui_data_value_item p:last-child { color: var(--Gray-1000, var(--Black, #141212)); /* Body/Text/Small */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } @media (min-width: 768px) { .tui_data_value .tui_data_value_item p:first-child { font-size: var(--Font-Heading-Label-Serif_XLarge); } } @media (min-width: 1024px) { .tui_data_value .tui_data_value_item p:first-child { font-size: var(--Font-Heading-Label-Serif_XLarge); } .tui_data_value .tui_data_value_item p:last-child { font-size: var(--font-body-text-small); } } .tui_data_rating_map { text-align: right; } .tui_sticky_map { position: sticky; top: 0; } .tui_data_rating_graph { display: flex; align-items: flex-start; flex-wrap: wrap; margin-bottom: 2.75rem; border-bottom: 2px solid var(--Gray-200, #ECE8EC); overflow-x: auto; scrollbar-width: none; } @media (min-width: 1024px) { .tui_data_rating_graph { scrollbar-width: none; overflow-x: auto; flex-wrap: nowrap; margin-bottom: 0; } .tui_data_value { flex-wrap: nowrap; margin-bottom: 0; padding-bottom: 4rem; } .tui_data_value .tui_data_value { padding-bottom: 0; } .tui_data_value .tui_data_value_item { margin-bottom: 0 } } .tui_data_rating_graph .tui_data_rating_graph_item { width: 100%; border-right: 0; padding-right: 0; max-width: 215px; padding: 0 24px; margin-bottom: 2rem; } @media (min-width: 1200px) { .tui_data_rating_graph .tui_data_rating_graph_item { border-right: 2px solid var(--Gray-200, #ECE8EC); margin-bottom: 0; } } .tui_data_rating_graph .tui_data_rating_graph_item:last-child { border: 0; padding-right: 0; margin-right: 0; } .tui_data_rating_graph .tui_data_rating_graph_item .tui_data_rating_graph_item_title p { color: var(--Blue-900, #15293F); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold, 14px); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ padding-bottom: 1rem; } .tui_data_rating_graph .tui_data_rating_graph_item p { color: var(--Gray-1000, var(--Black, #141212)); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; padding-bottom: 0.75rem; align-items: flex-start; } @media (min-width: 768px) { .tui_data_rating_graph .tui_data_rating_graph_item .tui_data_rating_graph_item_title p { font-size: var(--Font-Body-Text-Small_Bold); } .tui_data_rating_graph .tui_data_rating_graph_item p { font-size: var(--font-body-text-small); } } .tui_data_rating_graph .tui_data_rating_graph_item p span { display: inline-block; min-width: 14px; min-height: 14px; margin-right: 0.75rem; border-radius: 50%; position: relative; top: 3px; } .tui_data_rating_graph .tui_data_rating_graph_item p.color1 span { background: #f47540; } .tui_data_rating_graph .tui_data_rating_graph_item p.color2 span { background: #15AC8B; } .tui_data_rating_graph .tui_data_rating_graph_item p.color3 span { background: #f49614; } .tui_data_rating_graph .tui_data_rating_graph_item p.color4 span { background: #345ff9; } .tui_data_rating_graph .tui_data_rating_graph_item p.color5 span { background: red; } .tui_data_rating_graph .tui_data_rating_graph_item p.color6 span { background: yellow; } .tui_data_rating_graph .tui_data_rating_graph_item p.color7 span { background: blue; } .tui_data_rating_graph .tui_data_rating_graph_item p.color8 span { background: #9b59b6; } .tui_data_rating_graph .tui_data_rating_graph_item p.color9 span { background: #e74c3c; } .tui_data_rating_graph .tui_data_rating_graph_item button { color: #345FF9; display: flex; padding-bottom: 10px; justify-content: center; align-items: center; gap: var(--spacing-xxsmall); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; border: 0; width: -moz-max-content; width: max-content; border-bottom: 1.5px solid var(--Brand-Blue-500, #345FF9); background: transparent; } /*# sourceMappingURL=clientlib-IEO.css.map */ .tui_data_rating_map g.highcharts-label.highcharts-tooltip { display: none; } g.highcharts-label.highcharts-tooltip { border-radius: 20px 4px; background: var(--Gray-000, #FFF); background: transparent !important; } .tui_chart_tooltip { border-radius: 20px 4px; background: var(--Gray-000, #FFF) !important; padding: 1.5rem !important; } span.tooltip-value { color: var(--Gray-1000, var(--Black, #141212)); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 4px; } .tui_chart_tooltip_title { color: var(--Blue-900, #15293F); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold) !important; font-style: normal; font-weight: 700 !important; line-height: 140%; border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; line-height: inherit !important; } .tooltip-content { display: flex; flex-direction: column; margin-top: 8px; } .tooltip-content span.tooltip-value:last-child { margin: 0; } .tui_chart_tooltip::after { content: ''; width: 37px; height: 37px; transform: rotate(45deg); flex-shrink: 0; background: var(--Gray-000, #FFF); display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; } .tui_filter_wrapper .popup-content { margin-top: 6rem; display: inline-block; width: 100%; } @media screen and (min-width: 1200px) { .tui_filter_wrapper .popup-content { margin-top: 0; } } .tui_ieo_checkbox_wrapper .tui__primary_checkbox+label { align-items: flex-start; } .tui_filter_wrapper .tui__primary_checkbox:checked+label:before { border: 1.52px solid var(--gray-500); background: transparent; } .tui_filter_wrapper .tui__primary_checkbox:checked+label:after { width: 12px; height: 12px; position: absolute; left: 6px; top: 6px; border-radius: 3px 0px; background: var(--Brand-Blue-700, #3756CC); content: ''; } .tui_filter_wrapper .tui__primary_checkbox:focus+label:before { outline: none; } .tui_ieo_checkbox_wrapper .tui__radio, .tui_ieo_checkbox_wrapper .tui__checkbox { display: flex; align-items: center; } .tui_ieo_checkbox_wrapper .tui__radio label { height: 24px; display: inline-block; line-height: inherit; position: relative; top: 3px; padding-right: 0.5rem; width: 90%; color: var(--Gray-1000); /* Heading/Label/Large */ font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; /* 31.2px */ } .MapColor1 span { background: #AAD0EB; } .MapColor2 span { background: #77AED4; } .MapColor3 span { background: #508FBC; } .MapColor4 span { background: #3274A3; } .MapColor5 span { background: #146198; } .tui_data_rating_map .tui_data_rating_graph_item_option { border-radius: 20px 0px 4px 0px; background: var(--Gray-000, #FFF); padding: 1.5rem; z-index: 9; position: absolute; right: 0; bottom: 0; } .tui_data_rating_map .tui_data_rating_graph_item_option .tui_data_rating_graph_item_title p { color: var(--Gray-1000, var(--Black, #141212)); font-size: var(--Font-Filter-Small, 12px); font-style: normal; font-weight: 900; line-height: 16px; /* 133.333% */ letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 0.5rem; } .tui_data_rating_map .tui_data_rating_graph_item_option p { text-align: left; font-size: 14px; font-weight: 400; line-height: 140%; } @media screen and (min-width: 1024px) { .tui_data_rating_map .tui_data_rating_graph_item_option p { font-size: 16px; } } .tui_data_rating_map .tui_data_rating_graph_item_option p span { width: 14px; height: 14px; display: inline-block; margin-right: 0.5rem; border-radius: 100%; } .cmp-accordion__header+.cmp-accordion__panel .tui_ieo_checkbox_wrapper { margin-top: 1.5rem; display: grid; } .tui_data_rating_content .text p, .tui_data_rating_content .tui__body_content p { margin: 0; } @media screen and (min-width: 1200px) and (max-width: 1480px) { .filter-container .tui_search_bar_container { top: 12px; } .tui_data_rating_page .filter-container { padding-right: 1.5rem; } } #filter-mobile.popup .tui_ieo_checkbox_wrapper .accordion .cmp-accordion__button .cmp-accordion__icon:after { top: -4px; } #filter-mobile.popup .accordion .cmp-accordion__title { color: var(--Blue-900, #15293F); font-family: "Poppins", sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 130%; letter-spacing: 2.4px; } #filter-mobile.popup .tui_ieo_checkbox_wrapper .accordion .cmp-accordion__title { font-size: 18px; font-weight: 400; line-height: 130%; letter-spacing: 2px; color: var(--Blue-900, #15293f); text-transform: capitalize; padding-right: 2rem; font-weight: bold; } @media screen and (min-width: 1024px) { .tui_ieo_checkbox_wrapper .tui__primary_checkbox+label { font-size: 18px; } } #filter-mobile.popup .accordion .cmp-accordion__panel--expanded { display: block; padding-top: 2rem; } #filter-mobile.popup .tui_ieo_checkbox_wrapper .tui__radio label { height: auto; display: inline-block; line-height: normal; } #filter-mobile.popup .tui__radio input[type=radio] { min-width: 24px; } .text.tui_text_center.tui_padding-xxlarge-b { padding: var(--spacing-xxlarge) 0; } .filter-container .tui_search_bar_container button.lp-search-regular:before { color: #345ff9; font-weight: 700; } .tui_ieo_tabs .is-mobile .dropdown__switch { display: none; } .tui_data_rating_chart.tui_ieo_tabs.tui_padding-xxlarge-b { border-bottom: 2px solid var(--Gray-200, #ECE8EC); padding-bottom: 0; margin-bottom: 3rem; } @media screen and (min-width: 1024px) { .text.tui_page_subtitle.tui_body_text_medium.tui_padding-xxlarge-b { padding-top: 80px; } .tui_data_rating_chart.tui_ieo_tabs.tui_padding-xxlarge-b { margin-bottom: 0; } } button.download-datasets-button { border-radius: 10px 0px; border: 1.5px solid var(--Vibrant-Blue); background: var(--Vibrant-Blue); display: flex; padding: 21px 30px; justify-content: center; align-items: center; gap: 10px; color: var(--White); font-size: var(--Font-Buttons-Button_MD); font-style: normal; font-weight: 800; line-height: 130%; } table .is-desktop { display: none; } table .is-mobile { display: contents; } .tui_data_rating_content .tui_ieo_tabs .is-mobile { display: inline-flex !important; } @media screen and (min-width: 768px) { table .is-desktop { display: contents; } table .is-mobile { display: none; } .tui_data_rating_content .tui_ieo_tabs .is-mobile { display: none !important; } } .tui_data_table tbody tr td:not(:first-child), .tui_data_table thead tr th:not(:first-child) { min-width: 160px; } .tui_data_rating_page .tui_filter_wrapper .popup-content { margin-top: 0; } .text.tui_text_center.tui_padding-xxlarge-b p { width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 0; } .tui_data_rating_map .highcharts-button-box { fill: rgba(20, 18, 18, 1); } .tui_data_rating_map .highcharts-button-symbol { stroke: #fff; } .tui_data_rating_chart.tui_ieo_tabs .tab-nav { border: 0; padding: 0; } .tui_data_rating_page .filter-btn-mobile span { position: relative; top: 2px; } .tui_data_rating_chart.tui_ieo_tabs .tabcontent { padding: 1rem 0 0; } [feature-name="dataAndRating"]>.tui_padding-xxlarge-b { padding-bottom: 1.5rem; } .tui_chart_tooltip_bars { border-radius: 20px 4px; padding: 24px 16px; background: var(--Gray-000); display: inline-block; width: auto; position: relative; } .tui_chart_tooltip_bars .tui_chart_tooltip_title { position: relative; color: #15293f; font-family: "Poppins", sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 140%; z-index: 2; } .tui_chart_tooltip_bars .tooltip-value { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; position: relative; z-index: 2; } .tui_chart_tooltip_bars::after { content: " "; display: inline-block; background: var(--Gray-000); width: 37px; height: 37px; transform: translateX(-50%) rotate(45deg); flex-shrink: 0; border-radius: 0px 0px 4px 0px; position: absolute; bottom: -10px; left: 50%; z-index: 1; } .highcharts-tooltip-container .highcharts-root { display: none; } .highcharts-announcer-container .highcharts-axis-labels.highcharts-xaxis-labels text { font-size: var(--Font-Body-Text-Small_Bold) !important; line-height: 140% !important; } .highcharts-label.highcharts-tooltip>span:first-child { left: 0 !important; } @media (max-width: 768px) { .highcharts-label.highcharts-tooltip { left: 0 !important; } .highcharts-label.highcharts-tooltip .tui_chart_tooltip_bars { right: 30%; } } .search-wrapper.expanded .icon-search { display: none; } @media (max-width: 1200px) { .search-wrapper.expanded .close-search-btn { top: 3px; } .filter-btn-mobile+.tui_search_bar_container { justify-content: flex-end; padding: 0; } .tui_search_bar_container .search-wrapper { width: 100%; } .search-wrapper.expanded { width: 100%; z-index: 9; } .tui_filter_wrapper .search-wrapper.expanded .search-form { display: flex; align-items: center; background: #fff; border-radius: 50px; padding: 10px; } .filter-container .tui_search_bar_container .search-wrapper button.lp-search-regular { background-color: #fff; padding: 10px; border-radius: 100%; width: 48px; height: 48px; } .tui_search_bar_container .search-wrapper.expanded button.lp-search-regular { background-color: #fff; padding: 10px; border-radius: 100%; } .tui_filter_wrapper .search-wrapper.expanded .search-container { display: block; } } @media (max-width: 768px) { .search-container input { min-height: 35px; } .search-container input { width: 100%; } .tui_filter_wrapper .search-container, .tui_search_bar_container .search-wrapper { width: 100%; } .filter-container .search-container input { color: #15293F; font-size: 14px; font-weight: 400; line-height: 140%; padding: 1rem; margin-right: 0; padding-right: 40px; width: 100%; } .close-search-btn { top: 8px; } .tui_filter_wrapper .search-form { justify-content: space-between; } } .tui_region_data_section { margin: 0 auto; width: 100%; } .tui_region_data_section .tui_data_value { border-bottom: 0; justify-content: center; } .tui_region_data_section .tui_button_primary { margin: 0 auto; text-align: center; width: 100%; } /*=== Begin listnav ===*/ .tui_listnav_section { display: flex; flex-direction: column-reverse; column-gap: var(--spacing-xhuge); } @media(min-width:768px) { .tui_listnav_section { display: grid; grid-template-columns: none; grid-template-rows: auto auto; } } .tui_listnav_section .tui_title_text-link { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: var(--spacing-xxlarge); } /* .tui_listnav_section .tui_sm_horizontal_img img { width: 100%; } */ .tui__listnav_title a { color: var(--Brand-Blue-500); font-family: 'poppins'; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; padding-bottom: var(--spacing-xtiny); margin-bottom: var(--spacing-tiny); display: inline; border-bottom: 1.5px solid transparent; width: auto; } .tui__listnav_title::after { font-family: "loopicon"; content: "\e123"; font-size: 100%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); color: var(--Brand-Blue-500); } .tui__listnav_title a:hover { border-bottom: 1.5px solid currentcolor; } .tui__listnavblurb_text { font-family: 'Poppins'; color: var(--Gray-1000, var(--Black)); font-size: var(--Font-Body-Sans_Body_SM, 16px); font-style: normal; font-weight: 400; line-height: 140%; position: relative; z-index: 10; } .tui__listnavblurb_text p:last-child { margin-bottom: 0; } .tui_listnav_section iframe, .tui_listnav_section video { position: relative; height: 334px; } .tui_listnav_section .s7videoviewer { height: 334px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tui_listnav_section .tui_embed_section, .tui_listnav_section .tui_video_section, .tui_listnav_section .tui_img_section { order: 2; } } .tui_listnav_section .tui_embed_section iframe, .tui_listnav_section .tui_embed_section .s7videoplayer, .tui_listnav_section .tui_video_section video { -o-object-fit: cover; object-fit: cover; border-radius: 20px 4px; } .tui_embed_section .tui_dynamic_video { height: 100% !important; } @media screen and (min-width: 768px) { .tui_listnav_section iframe, .tui_listnav_section video { height: 300px; margin-left: 0; } .tui_listnav_section .s7videoviewer { height: 300px; max-width: 300px; width: 100%; left: auto; } .tui_listnav_section .tui_embed_section, .tui_listnav_section .tui_video_section { order: inherit; margin-bottom: 2rem; height: max-content; } .tui_listnav_section { grid-template-columns: 60% 30%; order: 2; } } .tui_listnav_section .tui_play_btn, .tui_listnav_section .tui_pause_btn { left: 16px; bottom: 16px; } @media screen and (min-width: 1024px) { .tui_listnav_section .tui_play_btn, .tui_listnav_section .tui_pause_btn { left: 24px; bottom: 28px; } .tui_listnav_section { grid-template-columns: 41% 42%; grid-template-rows: auto auto; order: inherit; } .tui_listnav_section .tui_embed_section, .tui_listnav_section .tui_video_section, .tui_listnav_section .tui_img_section { position: sticky; top: 15%; height: fit-content; } .tui_listnav_section iframe, .tui_listnav_section video { height: 100%; min-height: 821px; margin-left: 0; } .tui_listnav_section .s7videoviewer { min-height: 821px; width: 100%; max-width: inherit; } } .tui_listnav_section .tui_embed_section iframe, .tui_listnav_section .tui_embed_section .s7videoplayer, .tui_listnav_section .tui_video_section video { -o-object-fit: cover; object-fit: cover; border-radius: 20px 4px; } .tui_listnav_top { order: 1; } .tui_listnav_wrapper ul { order: 3; } .tui_listnav_section a.lp__overlay-link { z-index: -1; } .tui_listnav_section #s7video_div124_controls.s7controlbar { position: absolute; visibility: inherit; z-index: 999; } .tui_listnav_section.tui_data_rating_region .tab-container>p { margin-bottom: var(--spacing-large, 40px); } .tui_listnav_section.tui_data_rating_region .tab-container>p, .tui_listnav_section.tui_data_rating_region .tui_data_rating_content h2+p { color: var(--Blue-900, #15293F); font-size: 18px; font-weight: 700; line-height: 130%; } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content { display: flex; padding-right: var(--Spacing-xxlarge, 64px); flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; border-right: 2px solid var(--Gray-200, #ECE8EC); gap: var(--Spacing-regular, 24px); } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content h2 { margin: 0; } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content p span { color: var(--Gray-1000, var(--Black, #141212)); font-size: var(--Font-Body-Text-Small, 16px); font-weight: 400; line-height: 140%; padding-bottom: var(--Spacing-regular, 24px); display: block; } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content p span:last-child { padding-bottom: 0; } @media (max-width: 768px) { .filter-btn-mobile+.tui_search_bar_container.tui_search_bar_show .close-search-btn { top: 8px; } } @media (max-width: 768px) { .filter-btn-mobile+.tui_search_bar_container.tui_search_bar_show { width: 100%; } div[feature-name="searchListing"] .tui_ieo_tabs .tab-nav { padding: 0; } } @media (max-width: 1024px) { .tui_ieo_tabs .dropdown__filter { margin-bottom: 0; } .tui_ieo_tabs .select { align-items: unset; min-height: 48px; } } @media (min-width: 768px) { .tui_ieo_tabs .select { min-height: 58px; } .tui_ieo_tabs .dropdown__filter { padding: 21px 8px 0 8px; } } @media (min-width: 1025px) { .tui_ieo_tabs .dropdown__filter { padding: 8px 0px 8px 8px; } } #data-ratings-power-bi .cmp-embed { padding-bottom: 100%; } .tui_data_rating_chart .tui_ieo_tabs .select__icon { margin-right: 8px; } /* === Newsletter Modal CSS Begin === */ .tui_newsletter_modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 1.75rem; width: 100%; height: 100%; overflow-y: auto; z-index: 99; font-family: "Poppins", sans-serif; border-radius: 0; background: transparent; padding: var(--spacing-medium); background: rgba(255, 255, 255, 0.9); } /* @media (min-width: 1400px) { .tui_newsletter_modal { } } */ .tui_newsletter_modal .close-btn { position: static; margin: 0 auto; text-align: center; border-radius: 100px; background: var(--Black, #141212); margin-bottom: var(--spacing-xlarge); } .tui_newsletter_wrapper { background-image: url(../../../content/dam/partners/ieo/img/2025/newsletter-bg-phone.png); background-repeat: no-repeat; background-position: center; background-size: 100% 115%; } @media (min-width: 768px) { .tui_newsletter_wrapper { background-image: url(../../../content/dam/partners/ieo/img/2025/newsletter-bg-tablet.png); background-size: 100%; } } @media (min-width: 1024px) { .tui_newsletter_wrapper { background-image: url(../../../content/dam/partners/ieo/img/2025/newsletter-bg.png); background-size: 80%; } } @media (min-width: 1400px) { .tui_newsletter_wrapper { background-size: 70%; } } @media (min-width: 1024px) { .tui_newsletter_wrapper .tui_newsletter_body { background-image: url(../../../content/dam/partners/ieo/img/2025/newsletter-Vector.png); background-repeat: no-repeat; background-position: center; background-size: 77% 100%; display: flex; align-items: center; justify-content: center; } } @media (min-width: 1400px) { .tui_newsletter_wrapper .tui_newsletter_body { background-size: 65%; } } .tui_newsletter_content { position: relative; padding: 0; margin: 0 auto; position: relative; padding: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .tui_newsletter_card { width: 62%; color: var(--Gray-000); text-align: center; position: relative; margin: 0 auto; padding: var(--spacing-xxlarge) calc(var(--spacing-xhuge)); } @media (min-width: 1024px) { .tui_newsletter_card { padding: var(--spacing-xxlarge) calc(var(--spacing-xhuge)); } } .tui_newsletter_eyebrow { color: var(--Green-500); text-align: center; /* Body/Eyebrow/Base */ font-family: Poppins; font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-medium); } .tui_newsletter_headline { color: var(--Gray-000); text-align: center; /* Heading/H2/Regular */ font-family: "Dashiell Fine"; font-size: var(--font-heading-h2-regular); font-style: normal; font-weight: 600; line-height: 130%; /* 57.2px */ margin-bottom: var(--spacing-large); } .tui_newsletter_form { margin: 0 auto; } .tui_newsletter_field { display: grid; gap: 6px; margin-bottom: var(--spacing-regular); } .tui_newsletter_label { color: var(--Gray-000); /* Body/Text/XSmall */ font-family: Poppins; font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 160%; /* 22.4px */ text-align: left; } .tui_newsletter_input { background: transparent; border: none; border-bottom: 1px solid var(--Green-100, rgba(210, 253, 206, 0.4)); padding: 12px 2px 10px; font-size: 16px; color: var(--text); outline: none; height: var(--spacing-xlarge); } .tui_newsletter_cta { margin-top: var(--spacing-huge); } .tui_newsletter_button { background: var(--button); color: var(--button-text); border: none; padding: 14px 26px; border-radius: 12px; font-weight: 700; font-size: 15px; cursor: pointer; box-shadow: 0 6px 18px rgba(59, 108, 255, 0.28); } .tui_newsletter_cta .tui_newsletter_button { border: 1px solid transparent; display: inline-flex; width: auto; height: 48px; padding: 22px 20px; justify-content: center; align-items: center; gap: 20px; border-radius: 10px 0px; background: var(--Brand-Blue-500); } .tui_newsletter_error { display: none; } .tui_newsletter_field_error .tui_newsletter_label { display: inline-block; width: -moz-max-content; width: max-content; padding: 4px; border: 1.5px solid var(--Vibrant-Organge, #f47540); } .tui_newsletter_error { display: inline-block; text-align: left; color: var(--Orange-500, var(--Vibrant-Organge, #f47540)); /* Body/Text/XSmall */ font-family: Poppins; font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 160%; /* 22.4px */ } /* === Newsletter Modal CSS End === */ /* === tui_newsletter_success css Begin === */ .tui_newsletter_success .cmp-teaser { display: flex; flex-direction: row; gap: var(--spacing-xhuge); align-items: center; flex-direction: column-reverse; } @media (min-width: 1024px) { .tui_newsletter_success .cmp-teaser { display: grid; grid-template-columns: 40% 60%; gap: 36px; align-items: center; } } .tui_newsletter_success .cmp-teaser__title { color: var(--Blue-900); /* Heading/H1/Base */ font-family: "Dashiell Fine", sans-serif; font-size: var(--font-heading-h1-base); font-style: normal; font-weight: 600; line-height: 115%; /* 59.8px */ margin-bottom: 16px; } .tui_newsletter_success .cmp-teaser__image { width: 100%; } @media (min-width: 1024px) { .tui_newsletter_success .cmp-teaser__image { padding-left: var(--spacing-huge); } } .tui_newsletter_success .cmp-teaser__image .cmp-image { border: 0px solid transparent; border-radius: 30px 4px; overflow: hidden; } .tui_newsletter_success .cmp-teaser__description { color: var(--Gray-1000); /* Body/Text/Medium */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-medium); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ margin-bottom: var(--spacing-medium); } .tui_newsletter_success .cmp-teaser__action-container a { color: var(--Gray-000); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; display: inline-flex; padding: 20px 30px 22px 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 10px 0; border: 1.5px solid var(--Brand-Blue-500); background: var(--Brand-Blue-500); } .tui_newsletter_success .cmp-teaser__action-container a .lp { display: none; } .tui_newsletter_body .warning, .tui_newsletter_body .alert { display: flex; align-items: baseline; justify-content: space-between; width: 100%; gap: var(--spacing-xxsmall); margin: var(--spacing-medium) auto var(--spacing-xsmall) auto; text-align: center; font-family: "Poppins", serif; font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 400; line-height: 16px; padding: var(--spacing-xxsmall); border-radius: 10px; } @media (min-width: 768px) { .tui_newsletter_body .warning, .tui_newsletter_body .alert { width: 70%; } } .tui_newsletter_body .alert.successText { background: #edfeeb; color: var(--Green-500); } .tui_newsletter_body .warning { background: #f49614; color: #ffffff; } .tui_newsletter_body button.lp.lp-times { background-color: transparent; border: none; font-family: "Poppins", serif; font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ } /* === tui_newsletter_success css End=== */ /* === tui_evaluations_card CSS Begin === */ .tui_evaluations_card .tui_teaser { width: 100%; border-bottom: 2px solid var(--Gray-200); padding-bottom: var(--spacing-large); margin-bottom: var(--spacing-large); align-items: flex-start; } .tui_evaluations_card .tui_teaser:last-child { border: none; } .tui_evaluations_card .tui_teaser:nth-first-child(-n + 4) { border: none; } .tabcontent .tui_evaluations_card .tui_teaser:nth-child(1) { border: none; margin-top: 0px; padding-top: 0px; } @media (min-width:768px) { .tabcontent .tui_evaluations_card .tui_teaser:nth-child(1), .tabcontent .tui_evaluations_card .tui_teaser:nth-child(2) { border: none; margin-top: 0px; padding-top: 0px; } } @media (min-width:1024px) { .tabcontent .tui_evaluations_card .tui_teaser:nth-child(1), .tabcontent .tui_evaluations_card .tui_teaser:nth-child(2), .tabcontent .tui_evaluations_card .tui_teaser:nth-child(3), .tabcontent .tui_evaluations_card .tui_teaser:nth-child(4) { border: none; margin-top: 0px; padding-top: 0px; } } /*.tui_evaluations_card .tui_teaser:nth-last-child(-n + 4):nth-last-child(-n + 2) { border: none; }*/ @media (min-width: 768px) { .tui_evaluations_card .tui_teaser { width: 50%; } .tui_evaluations_card .tui_teaser:nth-last-child(-n + 2) { border: none; } } @media (min-width: 1024px) { .tui_evaluations_card .tui_teaser { width: 25%; } .tui_evaluations_card .tui_teaser:nth-last-child(-n + 4) { border: none; } } .tui_evaluations_card .tui_teaser_image-wrapper { margin-bottom: var(--spacing-medium); } .tui_evaluations_card .tui_teaser-pretitle { color: var(--Blue-900); font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-small); } .tui_evaluations_card .tui_teaser-title { color: var(--Blue-900); font-size: 18px; font-style: normal; font-weight: 800; line-height: 130%; margin-bottom: var(--spacing-small); } .tui_evaluations_card .tui_teaser-title a { color: var(--Blue-900, #15293F); font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; } .tui_evaluations_card .tui_teaser-title a:hover { text-decoration: underline; text-decoration-color: var(--Brand-Blue-500); } .tui_evaluations_card .tui_teaser-title a:focus:after, .tui_evaluations_card .tui_teaser-title a:hover:after { font-family: "loopicon"; content: "\e123"; font-size: 80%; line-height: 100%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; color: var(--Brand-Blue-500); margin-left: var(--spacing-tiny); } .tui_evaluations_card .tui_teaser-title a:focus { color: var(--Brand-Blue-700); } .tui_evaluations_card .tui_teaser__description { color: var(--Gray-1000); font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 160%; } .tabcontent .tui_evaluations_card .swiper-wrapper { align-items: flex-start; } .tabcontent .tui_evaluations_card .tui_teaser { margin-top: var(--spacing-large); padding-top: var(--spacing-large); border-top: 2px solid #ECE8EC; border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; } .swiper-button-next { left: 70px; right: auto; top: auto; background-color: #345ff9; color: #fff; } .swiper-button-prev { right: auto; top: auto; background-color: #345ff9; color: #fff; left: 10px; } /* === tui_evaluations_card CSS End === */ .pagination-container { display: flex; align-items: center; gap: 1.5rem; font-size: 1.1rem; color: #333; margin-top: var(--spacing-xxlarge); } .pagination-button { background-color: #345FF9; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; cursor: pointer; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: background 0.2s ease; span:before { font-size: 16px; position: relative; top: -2px; } } .pagination-button:hover { background-color: #345FF9; } .page-indicator { color: var(--Gray-1000, var(--Black, #141212)); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Medium, 20px); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ } .tui_data_picker_content .date-picker-container { background: #fff; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-bottom: 2rem; } @media (min-width: 768px) { .tui_data_picker_content .date-picker-container { flex-wrap: nowrap; gap: 0; } .tui_data_picker_content .tui_start_date, .tui_data_picker_content .tui_end_date { padding-right: 2rem; } } .tui_data_picker_content label { display: block; margin-bottom: 0.5rem; font-weight: bold; font-size: var(--font-heading-label-large); padding-right: 0.5rem; line-height: 130%; } .tui_data_picker_content input[type="date"] { padding: 0.5rem; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; } .tui_data_picker_content .output { margin-top: 1rem; color: #333; } .tui_evaluations_card .tui_teaser-image img { border-radius: 30px 4px; width: 100%; aspect-ratio: 3/2; object-fit: cover; object-position: top; margin-bottom: var(--spacing-none); } @media (min-width: 1400px) { .tui_ieo_tabs .tui_featured_section .cmp-teaser { padding: var(--spacing-xxlarge) var(--spacing-xhuge); } } @media (min-width: 1400px) { .tui_ieo_tabs .tui_featured_section .cmp-teaser { display: grid; grid-template-columns: 55% 45%; gap: var(--spacing-xhuge); } } @media (min-width: 1024px) { .tui_ieo_tabs .tui_featured_section .cmp-teaser { padding: var(--spacing-large) var(--spacing-huge); } } @media (min-width: 1024px) { .tui_ieo_tabs .tui_featured_section .cmp-teaser { display: grid; grid-template-columns: 55% 45%; grid-template-rows: auto auto; gap: var(--spacing-large); } } .fullpageLoader { justify-content: center; align-items: center; display: flex; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); color: white; z-index: 9; } .tui_tag_item { position: absolute; bottom: 40px; left: 1rem; display: inline-flex; padding: 8px 12px; justify-content: center; align-items: center; gap: var(--Spacing-xxsmall, 8px); background: var(--Black, #141212); border-radius: 100px; color: #fff; } .tui_tag_item p { color: var(--Gray-000, #FFF); font-size: var(--Font-Eyebrows-Eyebrow_Tag, 12px); font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ letter-spacing: 5px; text-transform: uppercase; position: relative; top: 1px; } .tui_tag_item img { width: 16px; height: 16px; } .tui_evaluations_card .tui_teaser .tui_teaser-container { display: flex; flex-direction: column; height: 100%; width: 100%; } .dynamictext .cmp-dynamic-text { width: 100%; margin: 0 auto; will-change: width; } @media (min-width:768px) { .tui-Global-Section-Padding-b .dynamictext { padding: 6rem 0rem 6rem 0rem; } .dynamictext .cmp-dynamic-text { width: 82%; } } .dynamictext h2 { display: flex; flex-wrap: wrap; column-gap: 1rem; justify-content: center; margin-bottom: 6rem!important; padding-inline: 2em; } /* .tui-Global-Section-Padding-b .dynamictext h2.in-view { padding-inline: 2em; } */ .tui-Global-Section-Padding-b .dynamictext h2 span { transform-origin: 0 0; display: inline-block; transform: translateY(120px) scale(0.90); transition: 0.5s; } .dynamictext h2.in-view { display: flex; flex-wrap: wrap; column-gap: 12px; margin-bottom: 2rem!important; } .dynamictext h2 span { transform-origin: 0 0; display: inline-block; transform: translateY(80px) scale(0.90); transition: 0.5s; } .dynamictext h2 span.v2 { transform: translateY(0px) scale(1); transition: 1s; padding: 0px; } .tui__heading_v1 h2 span:nth-child(n) { animation-delay: calc(0.1s * var(--i)); } .dynamictext h2 span:nth-child(4), .dynamictext h2 span:nth-child(5), .dynamictext h2 span:nth-child(6), .dynamictext h2 span:nth-child(7) { font-weight: bolder; } .tui_evaluations_card.tui_evaluations_card_inline.tui__body_content_img { aspect-ratio: 9 / 16; object-fit: cover; object-position: top; } .tui_learning_cards .tui_teaser { border-bottom: 1px solid var(--Gray-200, #ece8ec); margin-bottom: var(--spacing-large) !important; padding-bottom: var(--spacing-large) !important; width: 100%; } @media (min-width: 768px) { .tui_learning_cards .tui_teaser { width: 50%; } } @media (min-width: 1024px) { .tui_learning_cards .tui_teaser { width: 25%; } } .tui_learning_cards .tui_teaser_image-wrapper { margin-bottom: var(--spacing-medium); } .tui_learning_cards .tui_teaser_image-wrapper .tui_teaser-image { border-radius: 30px 4px; overflow: hidden; border: 1px solid transparent; } .tui_learning_cards .tui_teaser_image-wrapper .tui_teaser-image img { aspect-ratio: 27/35; width: 100%; } .tui_learning_cards .tui_teaser-pretitle, .tui_learning_cards .tui_teaser__pretitle { color: var(--Blue-900, #15293f); /* Body/Eyebrow/Base */ font-family: "Poppins", sans-serif; font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-small); } .tui_learning_cards .tui_teaser-title a, .tui_learning_cards .tui_teaser-title { color: var(--Blue-900, #15293f); /* Heading/Label/Medium */ font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; /* 23.4px */ margin-bottom: var(--spacing-small); } .tui_learning_cards .tui_teaser__description { color: var(--Gray-1000, var(--Black, #141212)); /* Body/Text/XSmall */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 160%; /* 22.4px */ } .tui_learning_cards>.tui_teaser:last-child { border-bottom: none; } @media (min-width: 1024px) { .tui_learning_cards>.tui_teaser:nth-last-child(-n + 2) { border-bottom: none; } } @media (min-width: 1024px) { .tui_learning_cards>.tui_teaser:nth-last-child(-n + 3) { border-bottom: none; } } /* === Wrapper to make iframe responsive css Begin === */ .tui_evaluations_card .tui_teaser_iframe-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 30px 4px; aspect-ratio: 3/2; } .tui_evaluations_card .tui_teaser_iframe-wrapper iframe, .tui_evaluations_card .tui_teaser_iframe-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; -o-object-fit: cover; object-fit: cover; } /* === Wrapper to make iframe responsive css End === */ .eventdetails { display: flex; gap: var(--spacing-huge); align-items: center; padding-top: var(--spacing-xxlarge); } .eventdetails .layer__event_btn_detail { display: flex; align-items: center; flex-wrap: wrap; } .eventdetails .tui_calendar_btn { border-bottom: 1.5px solid var(--Brand-Blue-500); } .eventdetails .tui_calendar_btn.layer-card-title, .eventdetails .banner-action-buttons-wrapper { display: inline-flex; align-items: center; } .eventdetails .event-signup-button { margin-right: var(--spacing-medium); } .eventdetails .addeventatc { visibility: visible; padding-left: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding-bottom: 10px !important; padding-right: var(--spacing-xxsmall) !important; z-index: 1 !important; } .eventdetails .tui_calendar_btn:after { font-size: 1rem; margin-left: 0; } .eventdetails .tui_article_teaser>span { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Eyebrow-Base); font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-small); } .eventdetails .tui_article_teaser h1 { color: var(--Blue-900); font-family: "dashiell-fine", serif; font-size: var(--font-heading-h1-base); font-style: normal; font-weight: 600; line-height: 115%; margin-bottom: var(--spacing-large); } .eventdetails .tui_article_teaser .tui_event_info_wrapper { margin-bottom: var(--spacing-large); } .banner-action-button.AddTOCalendar.addeventatc.cmp-button span { color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; } .banner-action-button.AddTOCalendar.addeventatc.cmp-button .banner-action-button-text { display: inline-flex; } .addeventatc_icon.atc_node.notranslate, .location.atc_node.notranslate, .description.atc_node.notranslate, .title.atc_node.notranslate, .timezone.atc_node.notranslate, .end.atc_node.notranslate, .start.atc_node.notranslate { display: none; } .tui_article_text .text p:last-child, .tui_article_text .tui__body_content p:last-child { margin-bottom: var(--spacing-xxlarge); } .tui_ieo_tabs_v2 .tab button.active, .tui_ieo_tabs_v2 .cmp-tabs__tab--active { border-radius: 20px 4px 0px 0px; background: transparent; color: #fff; border-radius: 20px 4px 0px 0px; border: 1.5px solid var(--Blue-900); color: var(--Brand-Blue-500); } .tui_ieo_tabs_v2 .tab button:hover { color: var(--Brand-Blue-500, #345FF9); border: 1.5px solid var(--Brand-Blue-500, #345FF9); } .tui_article_teaser .tui_article_author { display: flex; flex-wrap: wrap; align-items: end; gap: var(--spacing-medium); } .tui_article_share .tui__dropdown_toggle { display: flex; padding-bottom: 10px; justify-content: center; align-items: center; gap: var(--spacing-xxsmall); background: transparent; border: none; border-bottom: 1.5px solid var(--Brand-Blue-500, #345ff9); margin-bottom: 1rem; } /* @media (min-width:768px) { .tui_article_share .tui__dropdown_toggle { margin-bottom: 0; } } */ .tui_article_share .tui__dropdown_toggle::after { content: "\e224"; font-family: "loopicon"; font-size: 1rem; line-height: 1; } .title h2.cmp-title__text { margin-bottom: var(--spacing-medium); } .tui_purple_button_group { margin-bottom: var(--spacing-huge); } .tui_purple_button { display: inline-flex; align-items: center; justify-content: center; background: transparent; border-radius: 20px 4px; border: 1.5px solid var(--Purple-500); height: 100%; padding: var(--spacing-xlarge) var(--spacing-regular); width: 100%; } .tui_purple_button:hover { border: 1.5px solid var(--Blue-900); background: var(--Blue-900); } .tui_purple_button:active { border: 1.5px solid #7750e2; background: #7750e2; } .tui_purple_button:disabled { pointer-events: none; opacity: 0.5; } .tui_external_link.tui_2column_layout h3 { font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; } .tui_external_link.tui_2column_layout ul { margin-bottom: var(--spacing-medium); } .tui_external_link.tui_2column_layout ul:not(:last-child) { margin-bottom: var(--spacing-medium); } .tui_external_link.tui_2column_layout ul li { margin-bottom: 16px; } .tui_external_link.tui_2column_layout ul li a { color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; } .tui_external_link.tui_2column_layout ul li a::after { justify-content: center; content: "\e123"; font-family: "loopicon"; font-size: 80%; transform: rotate(45deg); display: inline-flex; font-weight: 400; align-items: center; } .tui_participants_cards h2.cmp-title__text { text-align: left; } .tui_participants_cards .tui_teaser { -moz-column-count: 2; column-count: 2; -moz-column-gap: 32px; column-gap: 32px; } .tui_participants_cards .tui_teaser-container { display: flex; align-items: center; gap: var(--spacing-large); /* margin-bottom: var(--spacing-regular); */ /* padding-left: 16px; padding-right: 16px; */ } @media (min-width: 1024px) { .tui_participants_cards .tui_teaser-container { width: 50%; } } .tui_participants_cards .tui_teaser-image { min-width: 80px; min-height: 80px; border-radius: 50%; overflow: hidden; } .tui_participants_cards .tui_teaser-title { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 0.25rem; } .tui_participants_cards .tui_teaser__description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; } .teal-bg .tui_purple_button_list { display: flex; padding: var(--spacing-xlarge); flex-direction: row; align-self: stretch; border-radius: 20px 4px; background: #0E9EA8; gap: var(--spacing-medium); flex-wrap: nowrap; } .teal-bg .tui_purple_button { border-radius: 20px 4px; border: 1.5px solid var(--Gray-000, #FFF); width: 216px; height: 144px; } .teal-bg .tui_purple_button_list img { width: 100%; padding: 1rem; } .teal-bg .tui_purple_button:hover, .teal-bg .tui_purple_button:focus, .teal-bg .tui_purple_button:active { border: 1.5px solid #ffffff; background: transparent; } .tui_sortby_label { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold); font-style: normal; font-weight: 700; line-height: 140%; } .tui_sortby_drowdown { position: relative; } .tui_sortby_drowdown .tui__dropdown_toggle { position: relative; display: flex; background-color: transparent; color: var(--Brand-Blue-500, #345FF9); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; border: none; } .tui_sortby_dropdown { position: absolute; top: auto; left: 0px; z-index: 9; width: auto; padding: var(--spacing-medium); flex-direction: column; align-items: flex-start; border-top: 2px solid var(--Brand-Blue-500, #345FF9); background: var(--Gray-000); } .tui_sortby_dropdown li { transition: 0.3s; display: flex; color: var(--Brand-Blue-500, #345FF9); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; cursor: pointer; } .tui_sortby_dropdown li:not(:last-child) { padding-bottom: var(--spacing-medium); } .popup-content .date-picker-container { margin-top: var(--spacing-medium); } .tui_sortby_drowdown .tui__dropdown_toggle::after { position: relative; left: 0; content: "\e116"; color: var(--Brand-Blue-500, #345FF9); font-size: 14px; top: -2px; font-family: "loopicon"; margin-left: 2px; } .tui_sortby_drowdown .tui__dropdown_toggle[aria-expanded="false"]::after { content: "\e116"; } .tui_sortby_drowdown .tui__dropdown_toggle[aria-expanded="true"]::after { content: "\e119"; } .date-picker-container .tui_data_picker_content label { display: flex; align-items: center; gap: 4px; } .tui_ieo_knowledge_teaser .embed, .tui_training__image, .tui_training_wrapper .embed { border-radius: 30px 4px; overflow: hidden; } .tui_training__image img { width: 100%; } .tui_training__image.tui_padding-xlarge-b { padding-bottom: 0; margin-bottom: var(--spacing-xlarge); } /* === tui_news_teaser Begin === */ .tui_news_teaser { padding-bottom: var(--spacing-large); margin-bottom: var(--spacing-large); } .tui_news_teaser:not(:last-child) { border-bottom: 2px solid var(--Gray-200); } .tui_news_teaser:last-of-type { border-bottom: none; margin-bottom: var(--spacing-xlarge); } .tui_news_teaser .cmp-teaser { gap: var(--spacing-medium); } @media (min-width: 768px) { .tui_news_teaser .cmp-teaser { display: flex; min-width: 312px; } } .tui_news_teaser .cmp-image { border-bottom: 2px solid var(--Gray-200, #ece8ec); overflow: hidden; border-radius: 30px 4px; margin-bottom: var(--spacing-medium); } @media (min-width: 768px) { .tui_news_teaser .cmp-image { min-width: 312px; margin-bottom: 0; } } @media (min-width: 1024px) { .tui_news_teaser .cmp-image { min-width: 340px; } } .tui_news_teaser .cmp-image img { object-fit: cover; object-position: top; aspect-ratio: 89/61; max-width: 100%; } @media (min-width: 768px) { .tui_news_teaser .cmp-image img { max-width: 312px; aspect-ratio: 156/107; } } @media (min-width: 1024px) { .tui_news_teaser .cmp-image img { max-width: 340px; aspect-ratio: 143 / 98; } } .tui_news_teaser .cmp-teaser__pretitle { color: var(--Blue-900); font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-small); } .tui_news_teaser .cmp-teaser__title { font-family: "Poppins", sans-serif; color: var(--Blue-900); font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: var(--spacing-xxsmall); } .tui_news_teaser .cmp-teaser__title a { color: inherit; } .tui_news_teaser .cmp-teaser__description { color: var(--Blue-900); text-overflow: ellipsis; /* Body/Text/Small */ font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } .tui_news_teaser .cmp-teaser__description p { margin-bottom: var(--spacing-small); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .tui_news_teaser .cmp-teaser__description p:nth-child(2) { color: var(--Gray-1000); } .tui_news_teaser .cmp-teaser__description a { text-decoration: underline; color: inherit; } /* === tui_news_teaser End === */ /* === tui_jump_to_link css Begin === */ .tui_jump_to_link_wrapper { display: flex; align-items: center; gap: var(--spacing-regular); border-bottom: 1.25px solid var(--Blue-900); border-top: 1px solid var(--Blue-900); padding-top: 20px; padding-bottom: 20px; } @media (min-width: 1024px) { .tui_jump_to_link_wrapper { padding-top: 0; padding-bottom: 0; overflow: auto; overflow: auto; scrollbar-width: none; -ms-overflow-style: none; border-top: none; } .tui_jump_to_link_wrapper::-webkit-scrollbar { display: none; } } .tui_jump_to_link_wrapper ul { display: inline-flex; flex-direction: column; } @media (min-width: 1024px) { .tui_jump_to_link_wrapper ul { flex-direction: row; } } .tui_jump_to_label { display: inline-flex; align-items: center; gap: var(--spacing-xxsmall); } .tui_jump_to_label_text { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ white-space: nowrap; } .tui_jump_to_list_item a { display: flex; flex-direction: column; justify-content: center; color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; /* 20.8px */ white-space: nowrap; } @media (min-width: 1024px) { .tui_jump_to_list_item a { align-items: center; padding: 30px; border-radius: 20px 4px 0px 0px; } .tui_jump_to_list_item a.active, .tui_jump_to_list_item a:active, .tui_jump_to_list_item a:focus { background: var(--Brand-Blue-700); color: var(--Gray-000); } .tui_jump_to_list_item a:hover { background: var(--Blue-900); color: var(--Gray-000); } } .tui_jump_to_btn { display: inline-flex; justify-content: center; align-items: center; gap: 4px; background-color: transparent; border: none; color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; } @media (min-width: 1024px) { .tui_jump_to_btn { display: none; } } .tui_custom_dropdown { position: relative; } @media (min-width: 1024px) { .tui_custom_dropdown .tui_dropdown_menu { display: inline-flex !important; } } @media (max-width: 1024px) { .tui_custom_dropdown .tui_dropdown_menu { display: none; position: absolute; top: 2rem; z-index: 1; left: 0; padding: 2rem 1.25rem; border-radius: 0px 0px 4px 4px; border-top: 2px solid var(--Brand-Blue-500); background: var(--White); overflow: auto; max-height: 300px; } .tui_custom_dropdown .tui_dropdown_menu.show { display: block !important; } .tui_custom_dropdown .tui_jump_to_list li:first-child { display: none; } .tui_custom_dropdown .tui_jump_to_list li:not(:last-child) a { padding-bottom: var(--spacing-large); } } /* === tui_jump_to_link css End === */ /* === tui_agenda_title_teaser Begin === */ .tui_agenda_title_teaser .cmp-teaser__pretitle { font-weight: 700; color: var(--neutral-solid-60-s); font-family: var(--global-font-family); font-size: var(--font-size-100); font-style: normal; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; } .tui_agenda_title_teaser .cmp-teaser__title { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 0.25rem; } .tui_agenda_title_teaser .cmp-teaser__action-container { display: flex; flex-wrap: wrap; gap: var(--spacing-small); } .tui_agenda_title_teaser .cmp-teaser__description p { margin-bottom: 1rem; color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; } /* === tui_agenda_title_teaser End === */ /* === tui_agenda_text_teaser Begin === */ .tui_agenda_text_teaser { margin-bottom: var(--spacing-regular); } @media (min-width: 768px) { .tui_agenda_text_teaser .cmp-teaser { display: flex; gap: var(--spacing-xxlarge); } } @media (min-width: 1024px) { .tui_agenda_text_teaser .cmp-teaser { gap: var(--spacing-medium); } } @media (min-width: 768px) { .tui_agenda_text_teaser .cmp-teaser__content-left { width: 30%; } } @media (min-width: 768px) { .tui_agenda_text_teaser .cmp-teaser__content { width: calc(70% - var(--spacing-xxlarge)); } } @media (min-width: 1024px) { .tui_agenda_text_teaser .cmp-teaser__content { width: calc(70% - var(--spacing-medium)); } } .tui_agenda_text_teaser .cmp-teaser__title { margin-bottom: var(--spacing-xxsmall); } .tui_agenda_text_teaser .cmp-teaser__title a { color: inherit; } .tui_agenda_text_teaser .cmp-teaser__title, .tui_agenda_text_teaser .cmp-teaser__pretitle { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; /* 23.4px */ } .tui_agenda_text_teaser .cmp-teaser__description p:not(:last-child) { margin-bottom: var(--padding-margins-sp-20); } .tui_agenda_text_teaser .cmp-teaser__description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } @media (max-width: 768px) { .tui_register_btn { margin-bottom: 1rem; } } .tui_calendar_btn { color: var(--Brand-Blue-500); border-bottom: 1px solid var(--Brand-Blue-500); padding-bottom: 0.25rem; margin-bottom: 1rem; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; } .tui_calendar_btn:after { content: " \e265"; font-family: "loopicon"; font-size: 0.75rem; margin-left: 0.25rem; color: var(--Brand-Blue-500); } .tui_event_info_wrapper { display: flex; flex-wrap: wrap; gap: var(--spacing-medium); margin-bottom: var(--spacing-large); color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } .tui_event_info_wrapper p { margin-bottom: 0; } .tui__blue_row .tui_event_info_wrapper { display: flex; flex-wrap: wrap; gap: var(--spacing-xxlarge); margin-bottom: var(--spacing-large); color: var(--Gray-000); } .tui__blue_row .tui_event_info_wrapper b { font-weight: 400; } /* === tui_agenda_text_teaser End === */ /*=== Begin Team card===*/ .team-cards .cmp-title__text { text-align: center; } .tui_cards_wrapper { display: flex; flex-wrap: wrap; width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; } @media (min-width: 768px) { .tui_cards_wrapper { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; } } @media (min-width: 1024px) { .tui_cards_wrapper { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } } .tui_cards_wrapper .tui_teaser { padding-left: 8px; padding-right: 8px; margin-bottom: var(--spacing-regular); position: relative; } @media (min-width: 768px) { .tui_cards_wrapper .tui_teaser { padding-left: 12px; padding-right: 12px; } } @media (min-width: 1024px) { .tui_cards_wrapper .tui_teaser { padding-left: 16px; padding-right: 16px; } } .team-cards .tui_teaser-image img { border-radius: 30px 4px; aspect-ratio: 1 / 1; width: 100%; } .team-cards .tui_teaser { width: 100%; width: 50%; } @media (min-width: 1024px) { .team-cards .tui_teaser { width: 25%; } } .tui_evaluations_team_card .tui_teaser:last-child, .tui_evaluations_team_card .tui_teaser:nth-last-child(2) { margin-bottom: 0; } @media (min-width: 1024px) { .tui_evaluations_team_card .tui_teaser:nth-last-child(3), .tui_evaluations_team_card .tui_teaser:nth-last-child(4) { margin-bottom: 0; } } .team-cards .tui_teaser_image-wrapper { margin-bottom: var(--spacing-regular); } .team-cards .tui_teaser-title { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 4px; position: relative; z-index: 1; } .team-cards .tui_teaser-title a { color: var(--Blue-900); } .team-cards .tui_teaser-title a:hover { color: var(--Brand-Blue-500); } .team-cards .tui_teaser__description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-medium); font-style: normal; font-weight: 400; line-height: 140%; position: relative; z-index: 1; } .team-cards .tui_teaser__pretitle { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 160%; position: relative; z-index: 1; } /*=== end Team card===*/ /* @media (min-width: 1024px) { .team-cards.tui_participants_cards .tui_teaser-container { width: calc(50% - 32px); } } */ /*=== Begin listnav ===*/ .tui_listnav_section.tui_data_rating_region { display: flex; flex-direction: column; column-gap: var(--spacing-xhuge); row-gap: var(--spacing-none); } @media(min-width:1024px) { .tui_listnav_section.tui_data_rating_region { display: grid; grid-template-columns: calc(100% / 12 * 5) calc(100% / 12 * 7); gap: var(--spacing-xxlarge); } } .tui_listnav_section .tui_title_text-link { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: var(--spacing-xxlarge); } /* .tui_listnav_section .tui_sm_horizontal_img img { width: 100%; } */ .tui__listnav_title a { color: var(--Brand-Blue-500); font-family: 'poppins'; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; padding-bottom: var(--spacing-xtiny); margin-bottom: var(--spacing-tiny); display: inline-block; border-bottom: 1.5px solid transparent; width: auto; } .tui__listnav_title::after { font-family: "loopicon"; content: "\e123"; font-size: 100%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); color: var(--Brand-Blue-500); } .tui__listnav_title a:hover { border-bottom: 1.5px solid currentcolor; } .tui__listnavblurb_text { font-family: 'Poppins'; color: var(--Gray-1000, var(--Black)); font-size: var(--Font-Body-Sans_Body_SM, 16px); font-style: normal; font-weight: 400; line-height: 140%; position: relative; z-index: 10; } .tui_listnav_section iframe, .tui_listnav_section video { position: relative; height: 334px; } .tui_listnav_section .s7videoviewer { height: 334px; position: relative; } @media screen and (min-width: 768px) { .tui_listnav_section iframe, .tui_listnav_section video { height: 300px; margin-left: 0; } .tui_listnav_section { grid-template-columns: 60% 30%; order: 2; } } .tui_listnav_section .tui_play_btn, .tui_listnav_section .tui_pause_btn { left: 16px; bottom: 16px; } .tui_listnav_top { order: 1; } .tui_listnav_wrapper ul { order: 3; } .tui_listnav_section a.lp__overlay-link { z-index: -1; } .tui_listnav_section #s7video_div124_controls.s7controlbar { position: absolute; visibility: inherit; z-index: 999; } .tui_region_data_section { margin: 0 auto; width: 100%; } .tui_region_data_section .tui_data_value { border-bottom: 0; justify-content: center; } @media (max-width: 1023px) { .tui_region_data_section .tui_data_value { flex-direction: column; justify-content: flex-start; align-items: flex-start; } } @media (min-width: 1024px) { .tui_region_scroll_container .contentcards>.card-container { display: grid; } .tui_region_scroll_container .contentcards>.card-container { grid-template-columns: 50% 50%; column-gap: var(--Global-Gutter, 32px); } } .tui_region_scroll_container .contentcards>.card-container .tui_listnav_section { display: flex; flex-direction: column; align-items: flex-start; } .tui_region_landing_cards .tui_teaser-pretitle { color: var(--Blue-900); font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-small); } .tui_region_landing_cards .tui_teaser-title { color: var(--Blue-900); font-size: 18px; font-style: normal; font-weight: 800; line-height: 130%; margin-bottom: var(--spacing-small); font-family: "Poppins"; word-break: break-word; } .tui_region_landing_cards .tui_teaser-title a { color: var(--Blue-900, #15293F); } .tui_region_landing_cards .tui_teaser-title a:hover { text-decoration: underline; text-decoration-color: var(--Brand-Blue-500); } .tui_region_landing_cards .tui_teaser-title a:focus:after, .tui_region_landing_cards .tui_teaser-title a:hover:after { font-family: "loopicon"; content: "\e123"; font-size: 80%; line-height: 100%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; color: var(--Brand-Blue-500); margin-left: var(--spacing-tiny); } .tui_region_landing_cards.tui_teaser-title a:focus { color: var(--Brand-Blue-700); } .tui_region_landing_cards .tui_teaser__description { color: var(--Gray-1000); font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 160%; } .tui_region_landing_cards .tui_teaser_image-wrapper .tui_teaser-image img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 711 / 528; border-radius: 40px 4px; } .vertical .tui_teaser-container { display: flex; padding-bottom: var(--Spacing-regular, 24px); margin-bottom: var(--Spacing-regular, 24px); align-items: center; gap: var(--Spacing-medium, 32px); border-bottom: 2px solid var(--Gray-200, #ECE8EC); } .vertical .tui_teaser-container .tui_teaser_image-wrapper .tui_teaser-image img { width: 218px; height: 123px; object-fit: cover; aspect-ratio: 218 / 123; border-radius: 15px 4px; } .vertical .tui_teaser-container .tui_teaser_image-wrapper { width: 218px; height: 123px; } .vertical .tui_teaser-container .tui_teaser-content { width: 65%; } .tui_region_landing_cards .vertical .tui_teaser-container { flex-direction: row; display: flex; gap: 32px; } .tui_region_landing_cards, .tui_teaser .vertical { position: sticky; top: 0; } @media screen and (min-width: 768px) { .tui_data_rating_region { grid-template-columns: 50% 50%; } } @media screen and (min-width: 1024px) { .tui_data_rating_region { grid-template-columns: 40% 40%; } } .tui_data_rating_chart.tui_ieo_tabs.tui_padding-xxlarge-b { border-bottom: 0px; padding-bottom: 0; margin-bottom: 0rem; } /*=== Begin listnav ===*/ .tui_banner_tabs.tui_ieo_tabs { margin: var(--Spacing-regular, 24px) 0; } .tui_banner_tabs.tui_ieo_tabs .dropdown__select { width: 100%; left: 0; } .tui_banner_tabs.tui_ieo_tabs .dropdown__filter { height: 45px; padding: 0; padding-bottom: var(--Spacing-regular, 24px); align-items: center; gap: var(--Spacing-xxsmall, 8px); flex-shrink: 0; border-bottom: 1px solid var(--Gray-000, #FFF); list-style: none; margin-bottom: 0; } .tui_banner_tabs.tui_ieo_tabs .dropdown__filter li.dropdown__filter-selected { color: var(--Gray-000, #FFF); font-size: var(--Font-Body-Text-Small, 16px); font-style: normal; font-weight: 400; line-height: 140%; } .tui_ieo_tabs.tui_ieo_tabs .dropdown__filter::after { position: relative; left: 0; content: "\e116"; color: var(--Brand-Blue-500, #345FF9); font-size: 14px; top: 0px; font-family: "loopicon"; margin-left: 2px; } .tui_ieo_tabs.tui_banner_tabs .dropdown__filter::after { position: relative; left: 0; content: "\e116"; color: #fff; font-size: 14px; top: 0px; font-family: "loopicon"; margin-left: 2px; } .tui_video_banner .tui_featured_section a.cmp-teaser__action-link .lp::before { color: var(--Brand-Blue-500); text-decoration: none; } .tui_video_banner .tui_featured_section a.cmp-teaser__action-link:hover, .tui_video_banner .tui_featured_section a.cmp-teaser__action-link:focus { text-decoration: none; } .tui_video_banner .tui_featured_section a.cmp-teaser__action-link .lp:hover, .tui_video_banner .tui_featured_section a.cmp-teaser__action-link .lp:focus { background-color: #FFF; } .tui_region_data_section { margin: 0 auto; width: 100%; } .tui_region_data_section .tui_button_primary { margin: 0 auto; text-align: center; width: 100%; /* margin-top: var(--spacing-large); */ } @media (width <=768px) { .tui_region_data_section .tui_button_primary { text-align: left; } } .tui_purple_card .swiper, .tui_purple_card .swiper-wrapper { height: auto; } .tui_purple_card .tui_teaser_image-wrapper .tui_teaser-image img { mask-image: inherit; } .tui_data_rating_chart.tui_ieo_tabs.tui_padding-xxlarge-b { border-bottom: 0; padding-bottom: 0; } .tui_listnav_section.tui_data_rating_region .tab-container>p { margin-bottom: var(--spacing-large, 40px); } .tui_listnav_section.tui_data_rating_region .tab-container>p, .tui_listnav_section.tui_data_rating_region .tui_data_rating_content h2+p { color: var(--Blue-900, #15293F); font-size: 18px; font-weight: 700; line-height: 130%; } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content { display: flex; padding-right: var(--Spacing-xxlarge, 64px); flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; border: 0px; border-right: 2px solid var(--Gray-200, #ECE8EC); gap: var(--Spacing-regular, 24px); } @media (width <=1023px) { .tui_listnav_section.tui_data_rating_region .tui_data_rating_content { padding-right: var(--spacing-none); border: 0px; padding-bottom: var(--spacing-xxlarge); margin-bottom: var(--spacing-xxlarge); border-bottom: 2px solid var(--Gray-200, #ECE8EC); } } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content h2 { margin: 0; } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content p span { color: var(--Gray-1000, var(--Black, #141212)); font-size: var(--Font-Body-Text-Small, 16px); font-weight: 400; line-height: 140%; padding-bottom: var(--Spacing-regular, 24px); display: block; } .tui_listnav_section.tui_data_rating_region .tui_data_rating_content p span:last-child { padding-bottom: 0; } .tui_region_landing_cards { position: sticky; top: 0; } .tui_region_landing_cards .swiper-wrapper { flex-direction: column; height: auto; } .tui_region_landing_cards .swiper { height: auto; margin-bottom: var(--spacing-xlarge, 48px); } .tui_region_landing_cards .swiper-slide { width: 100%; height: auto; margin-bottom: var(--Spacing-regular, 24px); } .tui_region_landing_cards .swiper-slide:last-child { margin-bottom: 0; } .tui_region_landing_cards .swiper-slide .tui_teaser_image-wrapper { height: 100%; width: 100%; max-width: 218px; } .tui_region_landing_cards .swiper-slide .tui_teaser_image-wrapper .tui_teaser-image img { width: 100%; height: 100%; object-fit: cover; } .tui_region_landing_cards .swiper-slide .tui_teaser_image-wrapper .tui_teaser-image img { mask-image: inherit; border-radius: 15px 4px; background: url(clientlib-site/css/) lightgray -16.646px -23.813px / 122.463% 119.132% no-repeat; } .tui_region_landing_cards .tui_teaser-container { display: flex; padding-bottom: var(--Spacing-regular, 24px); align-items: flex-start; gap: var(--Spacing-medium, 32px); border-bottom: 2px solid var(--Gray-200, #ECE8EC); } .tui_region_landing_cards .tui_teaser-container:last-child { border: 0px; } .tui_region_landing_cards .swiper-slide:last-child .tui_teaser-container { border-bottom: 0; padding-bottom: 0; } @media (min-width: 1024px) { .tui_region_page_text .tui_title_text-link { display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto auto; align-items: center; justify-content: center; gap: var(--Global-Gutter, 32px); } .tui_region_page_text .columncontrol .title h2.cmp-title__text { margin-right: var(--spacing-large); } .tui_region_page_text_v2 .tui_title_text-link { display: grid; grid-template-columns: 60% 40%; grid-template-rows: auto auto; align-items: center; justify-content: center; gap: var(--Global-Gutter, 32px); } .tui_region_scroll_container .tui_listnav_section { grid-template-columns: 50% 50%; column-gap: var(--Global-Gutter, 32px); } } .tui_region_card_section .tui_teaser-container { flex-direction: column; align-items: flex-start; gap: var(--Spacing-xlarge, 48px); } .tui_region_card_section .tui_region_landing_cards .swiper-slide .tui_teaser_image-wrapper { max-width: 100%; margin: 0; } .tui_region_card_section .tui_region_landing_cards .swiper-slide .tui_teaser_image-wrapper .tui_teaser-image img { border-radius: 40px 4px; background: url(clientlib-site/css/) lightgray -9.611px -108.169px / 141.577% 126.973% no-repeat; } .tui_teaser_image_with_video .cmp-image__img, .tui_teaser_image_with_video .cmp-image__video { /* width: 100%; */ border-radius: 41.751px 5.567px; height: 100%; position: relative; border: 1px solid transparent; } .tui_teaser_image_with_video .tui_button_primary { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .tui_region_card_section .tui_teaser_image-wrapper { width: 100%; } .tui_region_card_section .tui_teaser-container { border-bottom: 0px; } .tui_region_card_section .tui_teaser-title { color: var(--Blue-900, #15293F); font-family: "Poppins", sans-serif; font-size: var(--Font-Heading-Label-Large, 24px); font-style: normal; font-weight: 700; line-height: 130%; } @media (width >=1024px) { .tui_regionlistnav_section { position: sticky; top: 40px; height: fit-content; } } .tui_video_banner .tui_banner_tabs ul li a { color: var(--Brand-Blue-500, #345FF9); text-decoration: none; } .tui__listnav__description span { padding-right: 8px; margin-right: 8px; border-right: 1px solid #ECE8EC; } .tui__listnav__description span:last-child { padding-right: 0px; margin-right: 0px; border-right: 0px solid #ECE8EC; } .region-leadercard.leader_card .cmp-teaser__content_top .cmp-teaser__pretitle { color: var(--Green-500, #15AC8B); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Eyebrow-Base, 12px); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 3px; text-transform: uppercase; } .tui_regionlistnav_section .tui_region_landing_cards .tui_teaser__description { color: var(--Gray-1000, var(--Black, #141212)); font-size: var(--Font-Body-Text-Medium, 20px); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ } .touchui-container.tui-Global-Section-Padding-b .bannerdetail.tui_video_banner { margin-bottom: var(--spacing-xhuge); } [feature-name="regionAndCountry"] .tui_region_data_section .tui_data_value { justify-content: space-between; width: 100%; } [feature-name="regionAndCountry"] .tui_ieo_tabs .select__icon p { white-space: nowrap; } /*.tui_video_banner .tui_play_btn, .tui_video_banner .tui_pause_btn { width: 45px; z-index: 99; }*/ [feature-name="regionAndCountry"] .tui_data_value .tui_data_value_item p:first-child { font-size: var(--Font-Heading-Label-Serif_Huge, 36px); line-height: 115%; } @media (min-width: 768px) { [feature-name="regionAndCountry"] .tui_data_value .tui_data_value_item p:first-child { font-size: var(--Font-Heading-Label-Serif_Huge, 48px); } } @media (min-width: 1024px) { [feature-name="regionAndCountry"] .tui_data_value .tui_data_value_item p:first-child { font-size: var(--Font-Heading-Label-Serif_Huge, 72px); } } [feature-name="regionAndCountry"] .tui_button_primary a, [feature-name="regionAndCountry"] .tui_button_primary button { padding: 21px var(--spacing-xlarge); } @media (min-width: 1024px) { [feature-name="regionAndCountry"] .tui_data_value .tui_data_value_item p:last-child { font-size: var(--font-body-text-medium); } } @media(min-width:1024px) { .tui_listnav_section.tui_data_rating_region { display: grid; grid-template-columns: calc(100% / 12 * 5) calc(92% / 12 * 7); gap: var(--spacing-xxlarge); } } .popup-content .embed { position: relative; display: block; height: 0; padding: 0; overflow: hidden; margin-bottom: 16px; padding-bottom: 56.25%; border-radius: 40px 4px; } .tui_teaser_image_with_video.tui_region_b_roll .cmp-image__video video { position: relative; border-radius: 41.751px 5.567px; } @media(max-width:768px) { .tui_teaser_image_with_video.tui_region_b_roll .cmp-image__video video { position: relative; border-radius: 41.751px 5.567px; height: 350px; object-fit: cover; } } .tui_region_b_roll .cmp-image__video { margin-bottom: var(--spacing-none); } .tui_teaser_image_with_video .tui_region_b_roll iframe { pointer-events: none; } /* === lp__author_teaser css Start === */ .lp__author_teaser { margin-bottom: var(--spacing-regular); } .lp__author_teaser .cmp-teaser { display: flex; align-items: center; gap: var(--spacing-large); } .lp__author_teaser .cmp-teaser__title { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; /* 31.2px */ margin-bottom: 0.25rem; } .lp__author_teaser .cmp-teaser__title a { color: inherit; } .lp__author_teaser .cmp-image { min-width: 80px; min-height: 80px; border-radius: 50%; overflow: hidden; } .lp__author_teaser .cmp-teaser__description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; } .lp__author_teaser .cmp-teaser__description p { margin-bottom: 0; } .lp__author_teaser .cmp-teaser { position: relative; } .lp__author_teaser .tui_teaser_popup_btn { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: transparent; border: none; } .tui_author_popup_teaser .tui_author_content_wrapper { gap: var(--spacing-regular); width: 100%; } @media (min-width: 768px) { .tui_author_popup_teaser .tui_author_content_wrapper { display: flex; } } .tui_author_popup_teaser .tui_author_content_image img { max-width: 80%; margin: 0 auto var(--spacing-regular) auto; } @media (min-width: 768px) { .tui_author_popup_teaser .tui_author_content_image { width: 35%; } .tui_author_popup_teaser .tui_author_content_image img { max-width: 100%; margin: 0; } } .tui_author_popup_teaser .tui_author_content_image .tui_author_content { width: 75%; } .tui_author_popup_teaser .tui_author_content_title { color: var(--Blue-900); font-size: var(--Font-Heading-Label-Serif_XLarge); font-style: normal; font-weight: 600; line-height: 130%; letter-spacing: -0.36px; } .tui_author_popup_teaser .tui_author_content_title a { color: inherit; font-size: inherit; } .tui_author_popup_teaser .tui_author_content_pretitle { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold); font-style: normal; font-weight: 700; line-height: 140%; margin-bottom: var(--spacing-regular); } .tui_author_popup_teaser .tui_author_content_description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Medium); font-style: normal; font-weight: 400; line-height: 140%; } /* === lp__author_teaser css Start === */ /* === tui_agenda_text_teaser Begin === */ .tui_agenda_text_teaser { /* margin-bottom: var(--spacing-regular); */ padding-bottom: var(--spacing-large); margin-bottom: var(--spacing-large); border-bottom: 1.5px solid var(--gray-500); } .eventsession:last-child .tui_agenda_text_teaser { margin-bottom: 0; padding-bottom: 0; } .tui_agenda_text_teaser:last-child { border-bottom: none; } @media (min-width: 768px) { .tui_agenda_text_teaser .cmp-teaser { display: flex; } } @media (min-width: 768px) { .tui_agenda_text_teaser .cmp-teaser__content-left { width: 30%; } } @media (min-width: 1024px) { .tui_agenda_text_teaser .cmp-teaser__content-left { width: 25%; } } .tui_agenda_text_teaser .cmp-teaser__content { flex: 1; } @media (min-width: 768px) { .tui_agenda_text_teaser .cmp-teaser__content { width: 70%; } } @media (min-width: 1024px) { .tui_agenda_text_teaser .cmp-teaser__content { width: 75%; } } .tui_agenda_text_teaser .cmp-teaser__title { margin-bottom: var(--spacing-xxsmall); } .tui_agenda_text_teaser .cmp-teaser__title a { color: inherit; } .tui_agenda_text_teaser .cmp-teaser__title { color: var(--Gray-1000); /* Body/Text/Medium */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-medium); font-style: normal; font-weight: 700; line-height: 140%; /* 28px */ margin-bottom: 0; } .tui_agenda_text_teaser .cmp-teaser__pretitle { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; /* 23.4px */ } .tui_agenda_text_teaser .cmp-teaser_title_info { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 300; line-height: 130%; /* 18.2px */ margin-bottom: 1rem; } .tui_agenda_text_teaser .cmp-teaser__description p:not(:last-child) { margin-bottom: var(--padding-margins-sp-20); } .tui_agenda_text_teaser .cmp-teaser__description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ margin-bottom: 0; } .tui_agenda_text_teaser .cmp-teaser__description a { color: var(--Gray-1000); text-decoration: underline; } .tui_agenda_text_teaser .tui_2column_cards>.cmp-container { -moz-column-gap: var(--spacing-regular); column-gap: var(--spacing-regular); display: flex; flex-wrap: wrap; width: calc(100% + var(--spacing-regular)); } .tui_agenda_text_teaser .tui_2column_cards { margin-top: var(--spacing-large); } @media (min-width: 1024px) { .tui_agenda_text_teaser .tui_2column_cards>.cmp-container { margin-right: calc(-1 * var(--spacing-regular)); } } .tui_agenda_text_teaser .tui_2column_cards>.cmp-container .lp__author_teaser { width: 100%; } @media (min-width: 1024px) { .tui_agenda_text_teaser .tui_2column_cards>.cmp-container .lp__author_teaser { width: calc(50% - var(--spacing-regular)); } } .tui_agenda_text_teaser .tui_2column_cards>.cmp-container .lp__author_teaser .cmp-teaser__description { margin-bottom: 0; } .tui_agenda_text_teaser .lp__author_teaser .cmp-teaser { align-items: self-start; gap: 0; } .tui_agenda_text_teaser .lp__author_teaser .cmp-image { min-width: auto; min-height: auto; border-radius: 0; padding-right: var(--spacing-small); } .tui_agenda_text_teaser .lp__author_teaser .cmp-image__image { width: 48px; height: 48px; border-radius: 50%; } .tui_agenda_text_teaser .lp__author_teaser .cmp-teaser__title { color: var(--Blue-900); font-size: var(--Font-Body-Text-Small_Bold); font-weight: 600; line-height: 140%; } .tui_agenda_text_teaser .lp__author_teaser .cmp-teaser__title span { display: inline-block; font-weight: normal; color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-small); font-style: normal; font-weight: 400; line-height: 130%; } .tui_agenda_text_teaser .lp__author_teaser .cmp-teaser__title span::before { content: " | "; display: inline-block; padding-left: var(--spacing-xxsmall); padding-right: var(--spacing-xxsmall); } .tui_agenda_text_teaser .lp__author_teaser .cmp-teaser__description { margin-bottom: var(--spacing-regular); } .tui_agenda_text_teaser .lp__author_teaser .cmp-teaser__description p { color: var(--Gray-1000); font-size: var(--font-body-text-xsmall); font-weight: 300; line-height: 130%; } .tui_purple_border_button .tui__dropdown_menu { width: 100%; max-height: 250px; overflow: auto; } .tui_purple_border_button .tui__dropdown_menu a { border: none; } .articleteaser .image { width: 100%; } /* === tui_agenda_text_teaser End === */ /* === tui_work_teaser css Begin === */ .tui_work_teaser_border .tui_work_teaser:not(:last-child) { border-bottom: 1.5px solid var(--Gray-200); margin-bottom: var(--spacing-huge); } .tui_work_teaser { display: flex; width: 100%; flex-direction: column-reverse; align-items: flex-start; padding-bottom: var(--spacing-huge); padding-bottom: 0; } @media (min-width: 768px) { .tui_work_teaser { flex-direction: row; gap: var(--global-gutter); } } .tui_work_teaser_content { color: var(--Gray-1000); font-family: Poppins, sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; } @media (min-width: 768px) { .tui_work_teaser_content { padding-right: var(--spacing-medium); width: calc(70% - var(--global-gutter)); } } .tui_work_teaser_description { margin-bottom: var(--spacing-large); } .tui_work_teaser_image { width: 100%; margin-bottom: var(--spacing-regular); border-radius: 30px 4px; overflow: hidden; } @media (min-width: 768px) { .tui_work_teaser_image { width: 30%; margin-bottom: 0; } } .tui_work_teaser_image img { width: 100%; aspect-ratio: 1/1; } .tui_work_teaser_title { color: var(--Blue-900, #15293f); font-family: "dashiell-fine", serif; font-size: var(--font-heading-h2-regular); font-style: normal; font-weight: 600; line-height: 130%; margin-bottom: var(--spacing-regular); } @media (min-width: 768px) { .tui_work_teaser_title { margin-bottom: var(--spacing-small); } } .tui_work_teaser_action_container a { display: inline-flex; color: var(--Brand-Blue-500, #345ff9); font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 12px; } @media (min-width: 768px) { .tui_work_teaser_action_container a { margin-bottom: 16px; } } .tui_work_teaser_action_container ul { list-style-type: none; } .tui_work_teaser_action_container li { list-style: none; } @media (min-width: 768px) { .tui_work_teaser_v2, .tui_work_teaser_v2 .tui_work_teaser { flex-direction: row-reverse; } .tui_work_teaser_v2 .tui_work_teaser_content, .tui_work_teaser_v2 .tui_work_teaser .tui_work_teaser_content { padding-right: 0; padding-left: var(--spacing-medium); } } .tui_work_teaser_action_container.navlist-component ul li a { color: var(--Brand-Blue-500, #345FF9); /* Body/Text/Small_Bold */ font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ } /* === tui_work_teaser css End === */ /* === tui_read_more css Begin === */ .tui_read_more_wrapper { color: var(--Gray-1000); font-family: Poppins, sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; } .tui_read_more_wrapper .tui_read_more_content { display: none; /* margin-bottom: var(--spacing-large);*/ margin-bottom: 0; } .tui_read_more_wrapper .tui_work_teaser_action_container ul { list-style-type: none; } .tui_read_more_wrapper .tui_work_teaser_action_container li { list-style-type: none; list-style: none; margin-bottom: 16px; } .tui_read_more_wrapper .tui_read_more a, .tui_read_more_wrapper .tui_read_less a { color: var(--Brand-Blue-500, #345ff9); font-family: inherit; font-size: var(--Font-Button-Medium); font-weight: 700; line-height: 130%; text-decoration: none; cursor: pointer; display: inline-flex; padding: 21px 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 10px 0; border: 1.5px solid var(--Brand-Blue-500); margin-top: calc(var(--spacing-large) - 16px); } .tui_read_more_wrapper .tui_read_more_content li { list-style: none; } .tui_read_less_btn, .tui_read_more_btn { margin-bottom: 0 !important; } /* === tui_read_more css End === */ .tui_teaser_image_with_video .cmp-image { float: left; width: calc(50% - var(--spacing-regular)); margin-top: var(--spacing-large); border-radius: 20px 4px; overflow: hidden; -o-object-fit: cover; object-fit: cover; margin-right: var(--spacing-regular); } @media (min-width: 1024px) { .tui_teaser_image_with_video .cmp-image { width: calc(50% - var(--spacing-xhuge)); margin-right: var(--spacing-xhuge); } } .tui_teaser_image_with_video .cmp-image .cmp-image__image { -o-object-fit: cover; object-fit: cover; min-height: 243px; } @media (min-width: 1024px) { .tui_teaser_image_with_video .cmp-image .cmp-image__image { min-height: 1024px; } } .tui_teaser_image_with_video .cmp-image__video { border: 0px solid transparent; position: relative; overflow: hidden; background: black; margin-bottom: var(--spacing-small); min-height: 133px; } .tui_teaser_image_with_video .cmp-image .cmp-image__image { aspect-ratio: 4/6; object-fit: cover; object-position: top center; } @media (min-width: 768px) { .tui_teaser_image_with_video .cmp-image .cmp-image__image { min-height: 477px; } } @media (min-width: 550px) { .tui_teaser_image_with_video .cmp-image__video { min-height: 250px; } } .tui_teaser_image_with_video .cmp-image__img { border: 0px solid transparent; border-radius: 20px 4px; position: relative; overflow: hidden; margin-bottom: var(--spacing-small); min-height: 133px; } .tui_teaser_image_with_video .cmp-image__img img { aspect-ratio: 1 / 1; object-fit: cover; } @media (min-width: 768px) { .tui_teaser_image_with_video .cmp-image__video { margin-bottom: var(--spacing-xlarge); min-height: 250px; } } @media (min-width: 1024px) { .tui_teaser_image_with_video .cmp-image__img, .tui_teaser_image_with_video .cmp-image__video { margin-bottom: var(--spacing-huge); width: 50%; } .tui_region_b_roll .cmp-image__img, .tui_region_b_roll .cmp-image__video { margin-bottom: var(--spacing-huge); width: 100%; } } .tui_teaser_image_with_video .cmp-image__video .tui_button_primary a, .tui_teaser_image_with_video .cmp-image__video .tui_button_primary button { position: relative; z-index: 9999; background: transparent; display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 100%; } .tui_teaser_image_with_video .cmp-image__video .tui_button_primary a:hover, .tui_teaser_image_with_video .cmp-image__video .tui_button_primary button:hover { border: 0px; } .tui_teaser_image_with_video .cmp-image__video .tui_button_primary a:hover:after, .tui_teaser_image_with_video .cmp-image__video .tui_button_primary button:hover:after { background-color: var(--Brand-Blue-500); background-color: var(--Brand-Blue-500); color: #fff; } .tui_teaser_image_with_video .cmp-image__video .tui_button_primary a .tui_btn_text , .tui_teaser_image_with_video .cmp-image__video .tui_button_primary button .tui_btn_text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); /* Older property, still used for broader support */ clip-path: inset(50%); /* Modern alternative to clip */ white-space: nowrap; border: 0; } .tui_teaser_image_with_video .cmp-image__video .tui_button_primary button:after { position: relative; content: "\e148"; font-size: 20px; font-family: "loopicon"; background: #fff; padding: 1rem; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: var(--Brand-Blue-500); } .tui_teaser_image_with_video .cmp-image__video video, .tui_teaser_image_with_video .cmp-image__video iframe, .tui_teaser_image_with_video .cmp-image__video object, .tui_teaser_image_with_video .cmp-image__video embed { -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tui_teaser_image_with_video .cmp-teaser__title { font-family: "Poppins"; color: var(--Gray-1000); font-size: var(--font-body-text-large); font-style: normal; font-weight: 400; line-height: 140%; padding-bottom: var(--spacing-large); margin: var(--spacing-none); margin-bottom: var(--spacing-large); border-bottom: 2px solid var(--Gray-200, #ece8ec); } @media (min-width: 1024px) { .tui_teaser_image_with_video .cmp-teaser__action-container, .tui_teaser_image_with_video .cmp-teaser__description, .tui_teaser_image_with_video .cmp-teaser__title { width: 50%; display: inline-block; } } .tui_teaser_image_with_video .cmp-teaser__description { color: var(--Gray-1000); font-size: var(--font-body-text-medium); font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: var(--spacing-large); } .tui_teaser_image_with_video .cmp-teaser__action-container a { color: var(--Brand-Blue-500); font-size: var(--font-button-medium); font-style: normal; font-weight: 800; line-height: 130%; border-bottom: 2px solid var(--Brand-Blue-500); padding-bottom: 10px; width: auto; } .tui_teaser_image_with_video .cmp-teaser__action-container a:hover { color: var(--Blue-900); border-bottom: 2px solid var(--Blue-900); } .tui_teaser_image_with_video .cmp-teaser__action-container a .lp { content: "\e123"; font-size: 75%; transform: rotate(45deg); display: inline-block; position: relative; top: 1px; } .tui_teaser_image_with_video .tui_play_btn, .tui_teaser_image_with_video .tui_pause_btn { right: 1rem; bottom: 1rem; } @media (min-width: 768px) { .tui_teaser_image_with_video .tui_play_btn, .tui_teaser_image_with_video .tui_pause_btn { right: 1.25rem; bottom: 1.25rem; } } @media (min-width: 1024px) { .tui_teaser_image_with_video .tui_play_btn, .tui_teaser_image_with_video .tui_pause_btn { right: 2rem; bottom: 2rem; } } .tui_teaser_image_with_video ul { list-style: disc; padding-left: 20px; } .tui_teaser_image_with_video ul li { list-style: disc; margin-bottom: var(--spacing-small); } .tui_teaser_image_with_video ol { list-style: decimal; padding-left: 20px; } .tui_teaser_image_with_video ol li { list-style: decimal; margin-bottom: var(--spacing-small); } @media (max-width: 768px) { .tui_teaser_image_with_video .cmp-teaser__title { /* width: calc(50% - var(--spacing-regular)); float: right; */ margin-top: 1rem; border: 0; margin-bottom: 0; padding-bottom: 0; } .tui_teaser_image_with_video .cmp-teaser__description { float: inline-start; border-top: 2px solid var(--Gray-200, #ece8ec); padding-top: var(--spacing-large); margin-top: var(--spacing-large); } .tui_teaser_image_with_video .cmp-teaser__action-container a { width: auto; position: absolute; bottom: -1rem; left: 0; } } @media (min-width: 768px) { .tui_teaser_image_with_video .cmp-image__video { padding-bottom: 35%; } .tui_region_b_roll .cmp-image__video { padding-bottom: 0; } } /* === tui_participants_cards css Start === */ .tui_participants_cards .tui_teaser-container { width: 100%; } @media (min-width: 1024px) { .tui_participants_cards .tui_teaser-container { width: 50%; } } .tui_participants_cards .tui_teaser-container .tui_teaser_image-wrapper { min-width: 80px; min-height: 80px; border-radius: 50%; overflow: hidden; } .tui_participants_cards { margin-bottom: var(--spacing-regular); } .tui_participants_cards .cmp-teaser { display: flex; align-items: center; gap: var(--spacing-large); } .tui_participants_cards .tui_teaser-title, .tui_participants_cards .cmp-teaser__title { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; /* 31.2px */ margin-bottom: 0.25rem; } .tui_participants_cards .tui_teaser-title a, .tui_participants_cards .cmp-teaser__title a { color: inherit; } .tui_participants_cards .tui_teaser_image-wrapper, .tui_participants_cards .cmp-image { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; aspect-ratio: 1/1; } .tui_participants_cards .tui_teaser__description, .tui_participants_cards .cmp-teaser__description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; } .tui_participants_cards .tui_teaser__description p, .tui_participants_cards .cmp-teaser__description p { margin-bottom: 0; } .lp__author_teaser .cmp-teaser { position: relative; } .lp__author_teaser .tui_teaser_popup_btn { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: transparent; border: none; } .tui_author_popup_teaser .tui_author_content_wrapper { gap: var(--spacing-regular); width: 100%; } @media (min-width: 768px) { .tui_author_popup_teaser .tui_author_content_wrapper { display: flex; } } .tui_author_popup_teaser .tui_author_content_image img { max-width: 80%; margin: 0 auto var(--spacing-regular) auto; } @media (min-width: 768px) { .tui_author_popup_teaser .tui_author_content_image { width: 35%; } .tui_author_popup_teaser .tui_author_content_image img { max-width: 100%; margin: 0; } } .tui_author_popup_teaser .tui_author_content_image .tui_teaser-content, .tui_author_popup_teaser .tui_author_content_image .tui_author_content { width: 75%; } .tui_author_popup_teaser .tui_author_content_title { color: var(--Blue-900); font-size: var(--Font-Heading-Label-Serif_XLarge); font-style: normal; font-weight: 600; line-height: 130%; letter-spacing: -0.36px; } .tui_author_popup_teaser .tui_author_content_title a { color: inherit; font-size: inherit; } .tui_author_popup_teaser .tui_teaser__pretitle, .tui_author_popup_teaser .tui_author_content_pretitle { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold); font-style: normal; font-weight: 700; line-height: 140%; margin-bottom: var(--spacing-regular); } .tui_author_popup_teaser .tui_author_content_description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Medium); font-style: normal; font-weight: 400; line-height: 140%; } @media (min-width: 1024px) { .team-cards.tui_participants_cards .tui_teaser-container { /* width: calc(50% - 32px); */ /* width: 50%; */ } } .tui_participants_cards .tui_cards_wrapper .tui_teaser { display: flex; flex-wrap: wrap; /* width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; */ } @media (min-width: 768px) { .tui_participants_cards .tui_cards_wrapper .tui_teaser { /* width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; */ } } @media (min-width: 1024px) { .tui_participants_cards .tui_cards_wrapper .tui_teaser { /* width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; */ } } .tui_participants_cards .tui_cards_wrapper .tui_teaser-container { /* padding-left: 8px; padding-right: 8px; */ /* margin-bottom: var(--spacing-regular); */ position: relative; } @media (min-width: 768px) { .tui_participants_cards .tui_cards_wrapper .tui_teaser-container { /* padding-left: 12px; padding-right: 12px; */ } } @media (min-width: 1024px) { .tui_participants_cards .tui_cards_wrapper .tui_teaser-container { /* padding-left: 16px; padding-right: 16px; */ } } .tui_teaser-image img { border-radius: 30px 4px; aspect-ratio: 1 / 1; width: 100%; } @media (min-width: 768px) { .tui_participants_cards .tui_teaser-container { width: 100%; } } @media (min-width: 1024px) { .tui_participants_cards .tui_teaser-container { /* width: 50%; */ /* width: 25%; */ } } .tui_evaluations_team_card .tui_teaser:last-child, .tui_evaluations_team_card .tui_teaser:nth-last-child(2) { margin-bottom: 0; } @media (min-width: 1024px) { .tui_evaluations_team_card .tui_teaser:nth-last-child(3), .tui_evaluations_team_card .tui_teaser:nth-last-child(4) { margin-bottom: 0; } } .tui_teaser_image-wrapper { margin-bottom: var(--spacing-regular); } .tui_teaser-title { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 4px; position: relative; z-index: 1; } .tui_teaser-title a { color: var(--Blue-900); } .tui_teaser-title a:hover { color: var(--Brand-Blue-500); } .tui_teaser__description { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-medium); font-style: normal; font-weight: 400; line-height: 140%; position: relative; z-index: 1; } .tui_teaser__pretitle { color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 160%; position: relative; z-index: 1; } .tui_participants_cards .tui_teaser { width: 100%; } @media (min-width: 1024px) { .tui_participants_cards .tui_teaser { width: 50%; } } /* === tui_participants_cards css Start === */ .modal { position: fixed; left: 0; top: 0; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 9999999; background: rgba(243, 246, 249, 0.8); } .modal.show { display: flex !important; } .modal .modal-header { position: relative; /* width: 70%; */ overflow: visible; margin: 0 auto; z-index: 9999; top: -20px; right: 8px; } @media (max-width: 768px) { .modal-header { width: 85%; } } .modal-content { position: relative; color: var(--Gray-1000); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-medium); font-style: normal; line-height: 140%; margin-bottom: 0; } .modal .modal-header .close { position: absolute; right: -1rem; top: -1rem; font-size: 1.5rem; line-height: 1; color: var(--color-black); opacity: 1; cursor: pointer; border: none; background: none; color: #fff; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; border-radius: 100px; background: #345ff9; } .modal .modal-header .close span { position: relative; top: 2px; } .modal .modal-dialog .modal-body { width: 70%; height: auto; max-height: 70vh; overflow: auto; position: relative; background: white; width: 100%; height: 100%; max-height: 100%; position: relative; } .modal .ieo__leadership_bio { border-radius: 30px 4px; overflow: hidden; } .modal .ieo__leadership_bio img { width: 100%; aspect-ratio: 1/1; margin: 0 auto; } .ieo__title { padding-top: var(--spacing-medium); } @media (min-width: 768px) { .ieo__title { padding-left: var(--spacing-medium); padding-top: 0; } } .ieo__title .cmp-teaser__title { font-family: "Poppins"; color: var(--Blue-900); font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: var(--spacing-small); } .ieo__title p { margin-bottom: var(--spacing-small); } .tui_purple_button_list { overflow: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } @media (max-width: 768px) { .relatedcontent .tui_2column_layout ul { display: block; } } .tui_article_teaser .tui_article_author .tui_article_share .tui__dropdown_menu { border-radius: 0px 0px 4px 4px; border-top: 2px solid var(--Brand-Blue-500); background: var(--white); width: auto; padding: 16px 18px; } .tui_article_teaser .tui_article_author .tui_article_share .tui__dropdown_menu ul { display: inline-flex; gap: var(--spacing-small); } .tui_article_teaser .tui_article_author .tui_article_share .tui__dropdown_menu ul li { display: inline-flex; } .tui_article_teaser .tui_article_author .tui_article_share .tui__dropdown_menu .lp { padding: var(--spacing-small); border-radius: 100%; border: 1px solid var(--Black); background: var(--Gray-000); color: var(--Black); } .checkbox-wrapper { display: flex; align-items: flex-start; gap: var(--spacing-small); } .relatedcontent .tui_external_link h2 { font-family: "Poppins"; margin-bottom: var(--spacing-medium); color: var(--Blue-900); font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; border-bottom: 1.5px solid transparent; } .eventdetails .tui_article_teaser>span { margin-bottom: 1rem; display: inline-block; color: var(--Blue-900, #15293F); /* Body/Eyebrow/Base */ font-family: "Poppins", sans-serif; font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 3px; text-transform: uppercase; } .modal .modal-dialog { margin: var(--spacing-huge) auto; width: 65%; height: auto; max-height: 80vh; overflow: auto; position: relative; background: white; padding: var(--spacing-xlarge); } .modal .model-close-btn { font-size: 1.5rem; position: absolute; top: 0; right: 16%; width: 40px; height: 40px; background: transparent; border: none; z-index: 9999; line-height: 1; font-weight: normal; display: inline-flex; align-items: center; justify-content: center; } .modal .model-close-btn::after { content: "\e126"; font-family: "loopicon"; position: relative; top: 0; left: 0; width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; } @media (max-width: 768px) { .modal .modal-dialog{ width: 90%; height: 90vh; } .modal .modal-dialog .modal-body { width: 85%; height: 90vh; max-height: 90vh; } } #signUpModel.modal .modal-dialog .modal-body { margin: var(--spacing-regular) auto; padding: 0; } #signUpModel .modal-dialog { width: 60%; height: auto; max-height: auto; } #signUpModel .model-close-btn { font-size: 1.5rem; position: absolute; top: -3rem; right: -1rem; width: 40px; height: 40px; background: transparent; border: none; z-index: 9999; line-height: 1; font-weight: normal; display: inline-flex; align-items: center; justify-content: center; } .model-submit-btn { color: var(--Brand-Blue-500); text-align: center; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; display: inline-block; padding: 20px 30px; border-radius: 10px 0px; display: inline-block; border-radius: 10px 0px; border: 1.5px solid var(--Brand-Blue-500); background-color: var(--Brand-Blue-500); color: var(--Gray-000); } .form-control { margin-bottom: var(--spacing-regular); display: flex; flex-direction: column; } .form-control label { color: var(--Blue-900, #15293f); /* Body/Text/Small_Bold */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ position: relative; margin-bottom: 14px; } .form-control input[type=text], .form-control input[type=email], .form-control input[type=password], .form-control input[type=search] { display: flex; height: 40px; padding: 16px; align-items: flex-start; gap: 8px; border: none; border-bottom: 1px solid var(--Blue-900, #15293f); outline: none; } .form-control.checkbox-wrapper { display: flex; align-items: center; flex-direction: row; margin-bottom: 0; gap: 0; } .form-control.checkbox-wrapper input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; } .form-control.checkbox-wrapper input[type=checkbox]+.checkbox-label:before { content: ""; margin-right: 8px; display: inline-block; vertical-align: text-top; padding: 4px; width: 20px; height: 20px; background: #ffffff; border: 1px solid #c9c9c9; box-shadow: none; cursor: pointer; top: -6px; position: relative; } .form-control.checkbox-wrapper input[type=checkbox]:checked+label::after { text-align: center; content: "\e124"; font-family: "loopicon"; font-size: 14px; position: absolute; color: var(--Brand-Blue-500); width: 20px; height: 28px; display: inline-flex; justify-content: center; left: 0; align-items: center; gap: 0; top: -6px; } /* Toast container */ .toast { position: fixed; bottom: 20px; right: 20px; min-width: 300px; max-width: 400px; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); overflow: hidden; font-family: Arial, sans-serif; z-index: 9999; opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: none; /* prevent clicks when hidden */ } .toast.show { opacity: 1; transform: translateY(0); pointer-events: auto; } .status-wrapper-section.error { border-left: 5px solid #e74c3c; } .status-wrapper-section.already-subscribed { background-color: #fff5f5; } .status-content { padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; } .status-header-txt { margin: 0; font-size: 18px; font-weight: 600; color: #e74c3c; } .status-info-txt { margin: 0; font-size: 14px; color: #444; line-height: 1.4; } .status-info-txt strong { color: #e74c3c; } .close-toast { position: absolute; top: 8px; right: 10px; background: none; border: none; font-size: 20px; color: #888; cursor: pointer; transition: color 0.2s; } .close-toast:hover { color: #e74c3c; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .tui_listnav_list { display: grid; grid-template-columns: 25% auto; gap: var(--spacing-medium); padding-bottom: var(--spacing-large); margin-bottom: var(--spacing-large); } @media (min-width: 768px) { .tui_listnav_list { display: grid; grid-template-columns: 25% auto; grid-template-rows: auto auto; position: relative; column-gap: var(--spacing-medium); border-bottom: 1px solid #ECE8EC; margin-bottom: var(--spacing-large); row-gap: var(--spacing-large); align-items: center; } .tui_listnav_list { display: grid; grid-template-columns: 50% auto; grid-template-rows: auto auto; position: relative; row-gap: 0; } } @media(min-width:768px) { .tui_listnav_list { display: grid; grid-template-columns: 20% auto; column: var(--spacing-large); } } @media (min-width: 1024px) { .tui_listnav_list { grid-template-columns: 30% auto; } } .tui_listnav_list_v2 .tui__listnav_pretitle { color: var(--Blue-900, #15293f); font-family: "Poppins", sans-serif; font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-small); position: relative; z-index: 1; } .tui_listnav_list_v2 .tui__listnav_title { color: var(--Blue-900); /* Heading/Label/Medium */ font-family: "Poppins", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 130%; /* 23.4px */ margin-bottom: 8px; } .tui_listnav_list_v2 .tui__listnav_title a { color: inherit; } .tui_listnav_list_v2 .tui__listnav_title::after { content: ""; } .tui_listnav_list_v2 .tui__listnavblurb_text { color: var(--Blue-900); /* Body/Text/Small */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } .tui_listnav_list_v2 .tui__listnavblurb_text p { margin-bottom: var(--spacing-small); } .tui_listnav_list_v2 .tui__listnavblurb_text p:last-child { margin-bottom: 0; } .tui_listnav_list_v2 .tui__listnavblurb_text a { color: var(--Brand-Blue-500, #345ff9); /* Body/Text/Small_Bold */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ } .tui_listnav_list_v2 .tui__listnavblurb_text a::after { font-family: "loopicon"; content: "\e123"; font-size: 80%; transform: rotate(45deg); display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); font-weight: normal; } .tui_listnav_list_v2 .tui_listnav_list { align-items: flex-start; } .tui_listnav_list:last-child { border-bottom: none; } /* === Tab dropdown css Begin === */ .ieotabs .dropdown__options-filter { display: flex; gap: 0.5rem; padding: 20px 0; border-top: 1.25px solid var(--Blue-900); border-bottom: 1.25px solid var(--Blue-900); margin-bottom: var(--spacing-small); align-items: baseline; } .ieotabs .dropdown__filter-selected { color: var(--Brand-Blue-500); /* Button/Medium */ font-family: "Poppins", sans-serif; font-size: var(--Font-Button-Medium); font-style: normal; font-weight: 700; line-height: 130%; /* 18.2px */ } .ieotabs .dropdown__filter-selected::after { display: inline-block; content: "\e116"; font-family: "loopicon"; color: var(--Brand-Blue-700); font-size: 0.75rem; font-weight: 900; padding-left: 0.25rem; } .ieotabs .tui_dropdown_label { color: var(--Gray-1000); /* Body/Text/Small_Bold */ font-family: "Poppins", sans-serif; font-size: var(--Font-Body-Text-Small_Bold); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ } .ieotabs .lp-eye:before { content: "\e341"; font-size: 1.25rem; line-height: 0; position: relative; top: 3px; } .ieotabs .dropdown__filter { position: relative; } .ieotabs .dropdown__filter li .dropdown__filter { display: none; position: absolute; z-index: 1; padding: 2rem 1.25rem; border-radius: 0px 0px 4px 4px; border-top: 2px solid var(--Brand-Blue-500); background: var(--White); overflow: auto; max-height: 300px; top: 1.75rem; } .ieotabs .dropdown__filter.open { display: block !important; } .ieotabs .dropdown__filter.open .dropdown__filter-selected[aria-expanded=false] { content: "\e116"; } .ieotabs .dropdown__filter.open .dropdown__filter-selected[aria-expanded=true] { content: "\e119"; } .ieotabs .dropdown__select-option.tablinks { white-space: nowrap; display: flex; flex-direction: column; justify-content: center; color: var(--Brand-Blue-500); font-family: "Poppins", sans-serif; font-size: var(--font-button-medium); font-style: normal; font-weight: 700; line-height: 130%; white-space: nowrap; } .ieotabs .dropdown__select-option.tablinks:not(:last-child) { padding-bottom: var(--spacing-large); } /* === Tab dropdown css End === */ /*=== featured Banner CSS Begin ===*/ .tui_featured_wraper { display: grid; } @media (min-width: 1200px) { .tui_featured_wraper { grid-template-columns: 50% auto; grid-template-rows: auto auto; grid-template-areas: "tag image" "title image"; column-gap: var(--spacing-large); padding: var(--spacing-xxlarge) var(--spacing-xxlarge) var(--spacing-xlarge) var(--spacing-xxlarge); } } @media (min-width: 1400px) { .tui_featured_wraper { grid-template-columns: 30% 60%; } } .tui_featured_right_section { display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 1200px) { .tui_featured_right_section { padding-right: 50px; border-right: 1px solid rgba(210, 253, 206, 0.40); } } .tui_featured_left_section { display: flex; align-items: center; justify-content: center; } .tui_featured_ribbon { border-radius: 100px; background: var(--Gray-1000); display: inline-flex; padding: 8px 12px; justify-content: center; align-items: center; gap: var(--spacing-xxsmall); color: var(--Gray-000); font-size: var(--font-body-eyebrow-tag); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 6px; text-transform: uppercase; } .tui_featured_ribbon::before { font-family: "loopicon"; content: "\e376"; display: inline-block; position: relative; top: 0px; margin-left: var(--spacing-tiny); } .tui_featured_pretitle { color: var(--Green-500); font-size: var(--font-eyebrows-eyebrow); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-regular); } .tui_featured_title { color: #fff; } .tui_featured_description { font-size: var(--font-body-sans-body-md); font-weight: 400; line-height: 140%; color: #fff; margin-bottom: var(--spacing-regular); } .video-container { display: flex; justify-content: center; } /*=== End featured ===*/ .tui_featured_section .cmp-teaser { display: flex; flex-direction: column-reverse; justify-content: center; padding: var(--spacing-xlarge) var(--spacing-xlarge); row-gap: var(--spacing-large); } @media (min-width: 1024px) { .tui_featured_section .cmp-teaser { display: grid; grid-template-columns: 43% 50%; grid-template-rows: auto auto; column-gap: var(--spacing-large); row-gap: var(--spacing-none); } .tui_featured_section .cmp-teaser { padding: var(--spacing-large) var(--spacing-huge); } .tui_featured_section .cmp-teaser__content { padding-right: 30px; border-right: 1px solid var(--Green-100, rgba(210, 253, 206, 0.40)); margin-top: 0; } } @media (min-width: 1400px) { .tui_featured_section .cmp-teaser { grid-template-columns: 35% 57%; column-gap: var(--spacing-xhuge); } .tui_featured_section .cmp-teaser { padding: var(--spacing-xxlarge) var(--spacing-xhuge); } .tui_featured_section .cmp-teaser__content { padding-right: 50px; } } .tui_featured_section .cmp-teaser__content { display: flex; flex-direction: column; align-items: flex-start; min-height: 620px; } .tui_featured_v1 .cmp-teaser__content { min-height: 502px; } .tui_featured_section .cmp-teaser__content img { aspect-ratio: 1/1; object-fit: cover; object-position: top center; } .tui_featured_section .cmp-teaser__pretitle { color: var(--Green-500); font-size: var(--font-body-eyebrow-base); font-style: normal; font-weight: 700; line-height: 16px; /* 133.333% */ letter-spacing: 3px; text-transform: uppercase; margin-bottom: var(--spacing-regular); } .tui_featured_section .cmp-teaser__description p, .tui_featured_section .cmp-teaser__title { color: #fff; } .tui_featured_section .cmp-teaser__title { line-height: 130%; margin-bottom: var(--spacing-medium); padding-bottom: var(--spacing-medium); border-bottom: 1px solid var(--Green-100, rgba(210, 253, 206, 0.40)); } .tui_featured_section .cmp-teaser__description { color: var(--Gray-000, #fff); font-family: "Poppins"; font-size: var(--font-body-text-medium); font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: var(--spacing-regular); } @media (min-width: 1024px) { .tui_featured_section .tui_play_btn, .tui_featured_section .tui_pause_btn { right: -72px; bottom: -13px; } } .tui_full_row_teaser video, .tui_full_row_teaser iframe, .tui_featured_section video, .tui_featured_section iframe { position: relative; height: 250px; width: 100%; object-fit: cover; } @media (min-width: 1024px) { .tui_full_row_teaser video, .tui_full_row_teaser iframe, .tui_featured_section video, .tui_featured_section iframe { height: 550px; } } @media (min-width: 1400px) { .tui_full_row_teaser video, .tui_full_row_teaser iframe, .tui_featured_section video, .tui_featured_section iframe { position: relative; height: 700px; } } .tui_featured_section a.cmp-teaser__action-link .lp { display: inline-flex; justify-content: center; align-items: center; border-radius: 10px 0px; background: var(--Gray-000); width: 40px; height: 40px; padding: 1rem; font-size: 1.25rem; } .tui_featured_section a.cmp-teaser__action-link .lp:hover { background: var(--Black); color: var(--Gray-000); } .tui_featured_section a.cmp-teaser__action-link .lp:focus { background: var(--Brand-Blue-500); color: var(--Gray-000); } .tui_featured_section a.cmp-teaser__action-link .lp::before { transform: rotate(45deg); } .tui_featured_section .tui_ieo_bannervideo { order: 2; } .tui_text_center { text-align: center; } .cmp-title__text b { font-weight: 900; } .title.tui_margin-medium-b .cmp-title__text { margin-bottom: 0; } @media (min-width: 768px) { .tui_full_row_teaser .cmp-teaser__image .cmp-image { max-width: 85%; margin: 0 auto; } } @media (min-width: 1200px) { .tui_full_row_teaser .cmp-teaser__image .cmp-image { max-width: 100%; margin: 0 auto; } } @media (min-width: 1400px) { .tui_full_row_teaser .cmp-teaser__image .cmp-image { max-width: 80%; margin: 0 auto; } } /*=== featured Banner CSS End ===*/ /* === Document text css Begin === */ .text.tui__body_content.tui__document_text { color: var(--Gray-1000, var(--Black, #141212)); /* Body/Text/Small_Bold */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; line-height: 140%; /* 22.4px */ } .text.tui__body_content.tui__document_text h3 { color: var(--Blue-900, #15293f); /* Heading/Label/Large */ font-family: "Poppins", sans-serif; font-size: var(--font-heading-label-large); font-style: normal; font-weight: 700; line-height: 130%; /* 31.2px */ margin-bottom: 0; } .text.tui__body_content.tui__document_text h3 a { color: var(--Blue-900, #15293f); } .text.tui__body_content.tui__document_text h4 { color: var(--Gray-1000, var(--Black, #141212)); /* Body/Text/Small_Bold */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 700; line-height: 140%; /* 22.4px */ margin-bottom: var(--spacing-xxsmall); } .text.tui__body_content.tui__document_text ul, .text.tui__body_content.tui__document_text ol { margin-left: 0.5rem; margin-bottom: var(--spacing-small); } .text.tui__body_content.tui__document_text ul li, .text.tui__body_content.tui__document_text ol li { margin-bottom: var(--spacing-xxsmall); } .text.tui__body_content.tui__document_text .text-pretitle { color: var(--Gray-1000, var(--Black, #141212)); /* Body/Text/Medium */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-medium); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ margin-bottom: var(--spacing-regular); } .text.tui__body_content.tui__document_text p:last-child, .tui__body_content p:last-child { margin-bottom: 0; } @media (max-width:1024px) { [feature-name="councilDocuments"] .tui_ieo_tabs .tab-nav { padding: 8px 0 0px 0; } .filter-results { margin-top: 0; } } @media (max-width:768px) { .filter-results { margin-top: 8px; } } .tui_separator_xlarge+.tui__document_text .cmp-text p:last-child { margin-bottom: 0; } /* === Document text css End === */ .tui_search_wrapper { color: var(--Gray-1000); /* Body/Text/Medium */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ } .tui_search_wrapper div { background: transparent; } .tui_search_wrapper form { padding: 0; } .tui_search_wrapper form div { width: 100%; } .tui_search_wrapper form .tui_input_group { position: relative; } .tui_search_wrapper input[type=search] { color: var(--Blue-900); font-family: "Poppins", sans-serif; font-size: var(--font-body-text-small); font-style: normal; font-weight: 400; line-height: 140%; padding: 12px 1rem; border-radius: 100px; width: 100%; border-color: transparent; } .tui_search_wrapper input[type=search]::-webkit-search-cancel-button, .tui_search_wrapper input[type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; } .tui_search_wrapper .tui_clear_search { position: absolute; top: 10px; right: 8px; background: transparent; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid transparent; background: var(--Blue-900); color: #ffffff; border-radius: 50%; } .tui_decleartion { margin-bottom: var(--spacing-regular); color: var(--Gray-1000); /* Body/Text/Medium */ font-family: "Poppins", sans-serif; font-size: var(--font-body-text-xsmall); font-style: normal; font-weight: 400; line-height: 140%; /* 28px */ } .tui_decleartion .lp { display: inline-block; padding-right: 8px; } .tui_answer_container { display: flex; align-items: flex-start; gap: var(--spacing-small); } .tui_answer_container .tui_answer_text { white-space: pre-wrap; margin-bottom: var(--spacing-medium); } .tui-answer-div { display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: flex-start; margin-bottom: var(--spacing-xxlarge); } .tui_answer_component { position: relative; width: 100%; } .tui_answer_component.hide { overflow: hidden; max-height: 300px; } .tui_answer_component.show { height: auto; } .tui_news_teaser { width: 100%; } .tui_newquestion_btn, .tui_followup_btn { font-size: var(--font-button-small); margin-top: var(--spacing-medium); } .tui_followup_questions li { margin-bottom: var(--spacing-small); } .tui_followup_questions li>div { display: flex; gap: var(--spacing-xxsmall); align-items: center; } .tui_suggestions_wrapper .tui_teaser-title { margin-bottom: var(--spacing-small); } .tui_suggestions_wrapper .tui_suggestion_list { padding-left: var(--spacing-small); } .tui_suggestions_wrapper .tui_suggestion_list li { display: flex; align-items: center; gap: var(--spacing-xxsmall); margin-bottom: var(--spacing-small); } .tui-answer-div .tui_read_more_wrapper .tui_read_less, .tui-answer-div .tui_read_more_wrapper .tui_read_more_btn { border: none; padding-left: 0; padding-right: 0; padding-top: var(--spacing-xxsmall); padding-bottom: var(--spacing-xxsmall); } .tui_answer_component.hide::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5%; /* fade area */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); pointer-events: none; /* so it doesn’t block clicks */ } .tui_search_questions_ui .tui_search_wrapper .apply-btn { margin-right: var(--spacing-small); } .tui_answer_component.hide { position: relative; min-height: 2rem; } .tui_generating_loader>span { display: inline-block; padding-left: 24px; } .tui_answer_loader { display: flex; align-items: center; gap: 0.25rem; margin-bottom: var(--spacing-regular); } .loader_dots { width: 32px; aspect-ratio: 2; --_g: no-repeat radial-gradient(circle closest-side, #15293f 90%, #0000); background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%; background-size: calc(100% / 3) 50%; animation: l3 2s infinite linear; } /* @keyframes l3 { 20% { background-size: calc(100% / 3) 50%; } 50% { background-size: calc(100% / 6) calc(50% / 2); } 60% {} 100% { background-size: calc(100% / 3) calc(50%); } } */ @keyframes l3 { 0% { background-size: 100% 100%, 0% 0%, 0% 0%; /* left dot visible */ } 33% { background-size: 0% 0%, 100% 100%, 0% 0%; /* middle dot visible */ } 66% { background-size: 0% 0%, 0% 0%, 100% 100%; /* right dot visible */ } 100% { background-size: 100% 100%, 0% 0%, 0% 0%; /* loop back to left */ } } .tui_teaser .tui_tooltip { position: relative; cursor: pointer; line-height: 1; font-size: inherit; white-space: nowrap; display: inline-block; vertical-align: middle; } .tui_teaser .tui_tooltip .tui_tooltip_div { visibility: hidden; background-color: var(--Gray-1000); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #fff; text-align: left; border-radius: 4px; padding: 8px; position: absolute; z-index: 1000; bottom: 110%; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.35s; pointer-events: auto; font-size: 12px; line-height: 1.3; white-space: normal; white-space: nowrap } .tui_teaser .tui_tooltip a { color: #ffffff !important; text-decoration: underline; } .tui_teaser .tui_tooltip { position: relative; display: inline-block; } .tui_teaser .tui_tooltip_div { position: absolute; bottom: 100%; /* show above */ left: 50%; transform: translateX(-50%); background: #333; /* tooltip background */ color: #fff; /* text color */ padding: 6px 10px; border-radius: 4px; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; z-index: 10; } .tui_teaser .tui_tooltip:hover .tui_tooltip_div { opacity: 1; visibility: visible; } .tui_teaser .lp.lp-file-pdf { color: red; }