/**
 * Swiper 11.2.10
 * 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: June 28, 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);
 -webkit-backface-visibility: hidden;
 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, .15)
}

.swiper-3d .swiper-slide-shadow-left {
 background-image: linear-gradient(to left, rgba(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, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
 background-image: linear-gradient(to top, rgba(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, .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: .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%;
 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: .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(.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(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
 transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
 transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
 transform: scale(.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, .2)
}

button.swiper-pagination-bullet {
 border: none;
 margin: 0;
 padding: 0;
 box-shadow: none;
 -webkit-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: .2s transform, .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: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 transition: .2s transform, .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, .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, .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, .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%;
 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;
 -webkit-backface-visibility: hidden;
 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: .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;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden
}

.swiper.swiper-flip {
 overflow: visible
}

.swiper-flip .swiper-slide {
 pointer-events: none;
 -webkit-backface-visibility: hidden;
 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;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden
}

.swiper-creative .swiper-slide {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 overflow: hidden;
 transition-property: transform, opacity, height
}

.swiper.swiper-cards {
 overflow: visible
}

.swiper-cards .swiper-slide {
 transform-origin: center bottom;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 overflow: hidden
}
/* === typography css Begin === */
h1 {
 color: var(--text-on-light-highlight);
 font-size: 80px;
 font-style: normal;
 font-weight: var(--heading-font-weight, 700);
 line-height: 112%;
 /* 89.6px */
 letter-spacing: -2.4px;
}

h2 {
 color: var(--text-on-light-highlight);
 font-size: var(--font-size-1100);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 80%;
 /* 38.4px */
 letter-spacing: -0.72px;
}

.tui_body_text_regular {
 color: var(--text-on-light-default);
 font-size: var(--font-size-600);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 36px */
 letter-spacing: -0.084px;
}

.tui_button_label {
 color: var(--Text-On-Dark-Link-Primary-Enabled, rgba(255, 255, 255, 0.9));
 text-align: center;
 font-size: var(--theloop-button-label-font-size, 16px);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight, 700);
 line-height: var(--theloop-button-label-line-height, 24px);
 /* 150% */
 letter-spacing: var(--theloop-button-label-letter-spacing, -0.5px);
}

.tui_body_small_regular {
 color: var(--text-on-light-default);
 font-size: var(--font-size-200);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 21px */
}

.tui_body_medium_regular {
 color: var(--text-on-light-default);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
}

.tui_body_large_regular {
 color: var(--blue-90);
 /* Body/Text/Large/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-600);
 font-style: normal;
 font-weight: 400;
 line-height: 150%;
 letter-spacing: -0.084px;
}

.tui_body_large_regular h2 {
 color: var(--Text-On-Light-Emphasis);
 /* Heading/Label/Tiny */
 font-family: var(--global-font-family);
 font-size: var(--font-size-700);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 115%;
 /* 32.2px */
 letter-spacing: -0.42px;
 margin-bottom: var(--spacing-large);
}

.tui_body_base_regular {
 color: var(--text-on-light-default);
 /* Body/Text/Base/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 24px */
}

/* === typography css End === */
/* === Banner css Begin === */
.bg__green .tui_banner_top_content {
 background-color: var(--SCCI-Teal-60);
}

.bg__green .tui_banner_bottom_content {
 background-color: var(--SCCI-Teal-70);
}

.bg__orange .tui_banner_top_content {
 background-color: var(--SCCI-Orange-70);
}

.bg__orange .tui_banner_bottom_content {
 background-color: var(--SCCI-Orange-60);
}

.bg__blue .tui_banner_top_content {
 background-color: var(--SCCI-Blue-60);
}

.bg__blue .tui_banner_bottom_content {
 background-color: var(--SCCI-Blue-80);
}

.tui_banner_top_content {
 background-color: var(--SCCI-Teal-60);
 position: relative;
 border-radius: 10px;
 padding: var(--spacing-xxlarge) var(--spacing-huge) var(--spacing-huge) var(--spacing-huge);
}

@media (min-width: 768px) {
 .tui_banner_top_content {
  padding: 40px var(--spacing-huge) 56px var(--spacing-huge);
 }
}

@media (min-width: 1024px) {
 .tui_banner_top_content {
  padding: var(--spacing-xhuge) var(--spacing-huge) var(--spacing-xxlarge) var(--spacing-huge);
 }
}

.tui_banner_top_content .breadcrumb {
 position: relative;
 left: -18px;
 margin-bottom: var(--spacing-xxlarge);
}

@media (min-width: 768px) {
 .tui_banner_top_content .breadcrumb {
  margin-bottom: 40px;
 }
}

@media (min-width: 1024px) {
 .tui_banner_top_content .breadcrumb {
  position: absolute;
  top: 24px;
  padding: 0;
  left: 24px;
 }
}

.tui_banner_top_content .tui_breadcrumb li:not(:last-child)::after {
 background-color: var(--text-on-dark-link-primary-enabled);
}

.tui_banner_top_content .cmp-breadcrumb__item-link {
 color: var(--text-on-dark-link-primary-enabled);
 /* Body/Text/Small/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-200, 14px);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 21px */
}

.tui_banner_top_content .tui_banner_bottom_content {
 background-color: var(--accent-teal-70);
 padding: var(--spacing-huge);
}

.tui_banner_top_content h1 a:-moz-any-link {
 color: var(--text-on-dark-emphasis);
 text-decoration: none;
}

.tui_banner_top_content *,
.tui_banner_top_content h1,
.tui_banner_top_content h1 a:any-link {
 color: var(--text-on-dark-emphasis);
 text-decoration: none;
}

.tui_banner_top_content h1 a:visited,
.tui_banner_top_content h1 a:hover,
.tui_banner_top_content h1 a:focus-visible {
 color: var(--text-on-dark-emphasis);
 text-decoration-line: underline;
 text-decoration-style: solid;
 -webkit-text-decoration-skip: ink;
 text-decoration-skip-ink: auto;
 text-decoration-thickness: 1px;
 text-underline-offset: 10%;
}

.tui_banner_top_content .tui_popup_btn {
 position: relative;
 display: inline-block;
 /* Icon */
}

.tui_banner_top_content .tui_popup_btn::before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background-color: #fff;
 border-radius: 50%;
 width: 40px;
 height: 40px;
}

@media (min-width: 768px) {
 .tui_banner_top_content .tui_popup_btn::before {
  width: 60px;
  height: 60px;
 }
}

@media (min-width: 1400px) {
 .tui_banner_top_content .tui_popup_btn::before {
  width: 80px;
  height: 80px;
 }
}

.tui_banner_top_content .tui_popup_btn::after {
 content: "\e148";
 font-family: "loopicon";
 font-size: 1rem;
 line-height: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 40px;
 height: 40px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
 .tui_banner_top_content .tui_popup_btn::after {
  font-size: 1.5rem;
 }
}

@media (min-width: 1400px) {
 .tui_banner_top_content .tui_popup_btn::after {
  font-size: 2rem;
 }
}

.tui_top_banner_wrapper .tui_banner_top_content {
 border-radius: 10px 10px 0px 0px;
}

.tui_top_banner_wrapper .tui_banner_top_content .cmp-teaser__tag {
 display: flex;
 align-items: center;
 gap: var(--spacing-xsmall);
 margin-bottom: var(--spacing-medium);
 flex-wrap: wrap;
}

.tui_top_banner_wrapper .tui_banner_top_content .cmp-teaser__tag .tag {
 color: var(--text-on-dark-emphasis);
 font-size: 12px;
 font-weight: var(--theloop-button-label-font-weight);
 line-height: 20px;
 letter-spacing: -0.5px;
 display: flex;
 padding: 6px 15px 8px 15px;
 justify-content: center;
 align-items: center;
 gap: 10px;
 border-radius: 100px;
 border: 1.5px solid var(--text-on-dark-emphasis);
}

.tui_top_banner_wrapper .tui_banner_top_content .cmp-teaser__tag .tag-link {
 color: var(--text-on-dark-emphasis);
 font-size: var(--font-size-300);
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 text-decoration: none;
}

.tui_top_banner_wrapper .tui_banner_top_content .cmp-teaser__tag .tag-link a:-moz-any-link {
 color: currentColor;
 text-decoration: none;
}

.tui_top_banner_wrapper .tui_banner_top_content .cmp-teaser__tag .tag-link a:any-link {
 color: currentColor;
 text-decoration: none;
}

.tui_top_banner_wrapper .tui_banner_top_content .cmp-teaser__tag .tag-link a:hover {
 text-decoration: underline;
 text-decoration-thickness: 2px;
 text-underline-offset: 4px;
 text-decoration-color: var(--accent-blue-primary-40);
}

.tui_top_banner_wrapper .tui_banner_top_content .tui_top_banner .cmp-teaser__pretitle {
 font-size: var(--font-size-150);
 margin-bottom: var(--spacing-small);
}

.tui_top_banner_wrapper .tui_banner_top_content .tui_top_banner .cmp-teaser__title {
 margin-bottom: var(--spacing-small);
}

.tui_top_banner_wrapper .tui_banner_top_content .tui_top_banner .cmp-teaser__action-container {
 display: flex;
 flex-wrap: wrap;
 gap: var(--spacing-medium);
 align-items: center;
}

.tui_top_banner_wrapper .tui_banner_top_content .tui_top_banner .cmp-teaser {
 display: flex;
 flex-direction: column-reverse;
}

@media (width >=1024px) {
 .tui_top_banner_wrapper .tui_banner_top_content .tui_top_banner .cmp-teaser {
  display: grid;
  grid-template-columns: 41% 50%;
  align-items: flex-start;
  gap: var(--spacing-huge);
 }
}

.tui_top_banner_wrapper .tui_banner_bottom_content {
 display: grid;
 grid-template-columns: repeat(1, 1fr);
 row-gap: var(--spacing-large);
}

@media (width >=768px) {
 .tui_top_banner_wrapper .tui_banner_bottom_content {
  grid-template-columns: repeat(2, 1fr);
  row-gap: var(--spacing-large);
 }
}

@media (width >=1200px) {
 .tui_top_banner_wrapper .tui_banner_bottom_content {
  grid-template-columns: repeat(4, 1fr);
 }
}

@media (min-width: 768px) {
 .tui_top_banner_wrapper .tui_banner_bottom_content .text {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
 }
}

@media (width <=1200px) {
 .tui_top_banner_wrapper .tui_banner_bottom_content .text:nth-child(odd) {
  border-left: 0px solid rgba(255, 255, 255, 0.4);
 }

 .tui_top_banner_wrapper .tui_banner_bottom_content .text:nth-child(odd) .cmp-text {
  padding: var(--spacing-none) var(--spacing-large) var(--spacing-none) var(--spacing-none);
 }
}

.tui_top_banner_wrapper .tui_banner_bottom_content .text .cmp-text {
 color: var(--text-on-dark-emphasis);
 font-size: var(--font-size-300);
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
}

@media (min-width: 768px) {
 .tui_top_banner_wrapper .tui_banner_bottom_content .text .cmp-text {
  padding: var(--spacing-none) var(--spacing-large) var(--spacing-none) var(--grid-gutter);
 }
}

.tui_top_banner_wrapper .tui_banner_bottom_content .text .cmp-text p:first-child {
 font-weight: var(--body-font-weight-bold);
 padding-bottom: var(--spacing-xxsmall);
}

.tui_top_banner_wrapper .tui_banner_bottom_content .text:first-child {
 border-left: 0px solid rgba(255, 255, 255, 0.4);
}

.tui_top_banner_wrapper .tui_banner_bottom_content .text:first-child .cmp-text {
 padding: var(--spacing-none) var(--spacing-large) var(--spacing-none) var(--spacing-none);
}

@media (min-width: 768px) {
 .tui_top_banner_wrapper .tui_banner_bottom_content .text:last-child .cmp-text {
  padding: var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--grid-gutter);
 }
}

.tui_banner_bottom_content {
 border-radius: 0px 0px 10px 10px;
 padding: var(--spacing-xxlarge) var(--spacing-huge);
}

/* ==== tui_top_banner_secondary End ==== */
.tui_video_caption {
 color: var(--text-on-dark-emphasis);
 /* Body/Text/Small/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 21px */
 padding-top: 12px;
 margin-bottom: 24px;
 display: flex;
 justify-content: space-between;
}

@media (min-width: 768px) {
 .tui_video_caption {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-small);
  margin-bottom: var(--spacing-xxlarge);
 }
}

.tui_video_caption .tui_video_caption_title {
 font-weight: 700;
}

.tui_video_caption .tui_video_caption_duration {
 font-size: var(--font-size-200);
}

.tui_banner_top_content {
 /* Responsive ratio box */
}

.tui_banner_top_content .tui_embed_wrapper {
 position: relative;
 width: 100%;
 max-width: 100%;
 overflow: hidden;
 border-radius: 8px;
}

.tui_banner_top_content .tui_embed_responsive {
 position: relative;
 width: 100%;
 padding-bottom: 56.25%;
 /* Default: 16:9 */
 height: 0;
}

.tui_banner_top_content .tui_embed_content {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0;
 -o-object-fit: cover;
 object-fit: cover;
}

@media (min-width: 1024px) {
 .tui_banner_top_content .tui_embed_responsive {
  /* padding-bottom: 67.5%; */
  /* Aspect ratio 40:27 */
 }
}

.tui_banner_top_content .tui_top_banner_wrapper .cmp-teaser__image {
 border-radius: 6px;
 border: 0px solid transparent;
 overflow: hidden;
}

@media (max-width: 1024px) {
 .tui_banner_top_content .tui_top_banner_wrapper .cmp-teaser__image {
  margin-bottom: var(--spacing-xlarge);
 }
}

.tui_top_banner_wrapper .tui_banner_top_content .tui_breadcrumb {
 padding: 0;
}

.intro .tui_home_intro__description {
 margin-bottom: var(--spacing-medium);
}

.tui_top_banner.teaser .tui_video_caption_duration,
.tui_top_banner.teaser .tui_video_caption_title {
 color: var(--text-on-dark-emphasis);
}

.eventBanner 
 .tui_banner_top_content .popup .tui_embed_responsive {
        padding-bottom: 0;
    }
/* === Banner css End === */
/* === breadcrumb css Begin === */
.tui_breadcrumb .cmp-breadcrumb__list {
 align-items: center;
 display: flex;
 width: 100%;
 padding: 0;
}

.tui_breadcrumb .lp,
.tui_breadcrumb .lp::before {
 color: inherit;
}

.tui_breadcrumb li {
 display: flex;
 align-items: center;
 float: left;
    flex-wrap: wrap;
}

.tui_breadcrumb li:not(:last-child) {
 margin-right: var(--spacing-xxsmall);
 padding-right: var(--spacing-xxsmall);
}

.tui_breadcrumb li:not(:last-child)::after {
 align-items: center;
 content: " ";
 display: inline-flex;
 width: 2px;
 height: 1.25rem;
 background-color: var(--neutral-alpha-42-a);
 color: var(--neutral-alpha-42-a);
 margin-left: 1rem;
 color: var(--text-on-dark-link-primary-enabled);
}

.tui_breadcrumb li,
.tui_breadcrumb li a,
.tui_breadcrumb li span {
 color: var(--text-on-dark-link-primary-enabled);
 /* Body/Text/Small/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-200);
 font-style: normal;
 font-weight: var(--body-font-weight-regular, 400);
 line-height: 150%;
}

.tui_breadcrumb li[disabled],
.tui_breadcrumb li:disabled,
.tui_breadcrumb li a[disabled],
.tui_breadcrumb li a:disabled,
.tui_breadcrumb li span[disabled],
.tui_breadcrumb li span:disabled {
 color: var(--neutral-alpha-70-a);
 pointer-events: none;
 cursor: not-allowed;
}

.tui_breadcrumb li a {
 text-decoration: none;
}

.tui_breadcrumb li a:hover,
.tui_breadcrumb li a:hover span {
 color: rgba(0, 13, 26, 0.96);
 text-decoration-color: var(--blue-40);
}

.tui_breadcrumb .breadcrumb__icon-home::before {
 content: "\e903";
 color: #4b5e71;
 font-family: "loopicon" !important;
 speak: never;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
}

.tui_blue_banner_wrapper .tui_breadcrumb .lp,
.tui_blue_banner_wrapper .tui_breadcrumb .lp::before {
 color: var(--white);
}

.tui_blue_banner_wrapper .tui_breadcrumb .breadcrumb__icon-home::before {
 color: var(--white);
}

.tui_blue_banner_wrapper .tui_breadcrumb li a:hover,
.tui_blue_banner_wrapper .tui_breadcrumb li a:hover span {
 color: var(--white);
 text-decoration: underline;
}

.wbbreadcrumb {
 padding-top: var(--spacing-regular);
}

.tui_top_banner_wrapper .tui_breadcrumb .lp,
.tui_top_banner_wrapper .tui_breadcrumb .lp::before {
 color: var(--text-on-dark-link-primary-enabled);
}

/* === breadcrumb css End === */
/*=== Begin Card css ====*/
.multiindepth-container {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

.multiindepth-container .swiper {
  overflow: visible;
  /* padding-bottom: var(--spacing-small); */
}

.carosuelcarss .multiindepth-wrapper{
            overflow: auto;
        }

.multiindepth-carousel ul {
  padding: var(--spacing-none);
}

.lp-multiindepthcard {
  border-radius: 10px;
  background: var(--blue-100);
  height: 100%;
  width: 100%;
}

.lp-multiindepthcard:hover {
  background: var(--blue-80);
  border-radius: 10px;
}

.lp-multiindepthcard-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  height: 100%;
}

.lp-multiindepthcard-wrapper:-moz-any-link {
  text-decoration: none;
  text-decoration-color: transparent;
}


.lp-multiindepthcard-wrapper:any-link {
  text-decoration: none;
  text-decoration-color: transparent;
}

.lp-multiindepthcard-wrapper:hover {
  text-decoration: none;
}

.lp-multiindepthcard-img {
  position: relative;
  overflow: hidden;
}

.lp-multiindepthcard-img img {
  border-radius: 10px 10px 0px 0px;
  aspect-ratio: 340.00/252.80;
  object-fit: cover;

}

.lp-multiindepthcard-tag {
  position: absolute;
  top: var(--spacing-medium);
  left: var(--spacing-medium);
  z-index: 2;
  border-radius: var(--theloop-button-border-radius);
  border: 1px solid var(--outline-transparent);
  background: var(--background-white);
  display: flex;
  padding: 6px 14px;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-tiny);
  color: var(--text-on-light-default);
  text-align: center;
  font-size: 12px;
  font-weight: var(--theloop-button-label-font-weight);
  line-height: 20px;
  letter-spacing: -0.5px;
}

.lp-multiindepthcard-content {
  padding: var(--spacing-large);
  display: flex;
  /* gap: var(--spacing-xxsmall); */
  flex-direction: column;
  border-radius: 10px;
}

.lp-multiindepthcard-content:hover {
  border-radius: 10px;
}

.lp-multiindepthcard-content ul li {
  margin-right: var(--spacing-xtiny);
  padding-right: var(--spacing-xtiny);
  border-right: 1px solid var(--divider-on-dark-emphasis);
}

.lp-multiindepthcard-content ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.lp-multiindepthcard-content ul li a {
  display: inline;
}

.lp-multiindepthcard-subtitle {
  color: var(--text-on-dark-emphasis);
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.lp-multiindepthcard-title {
  color: var(--text-on-dark-emphasis);
  font-size: var(--font-size-500);
  font-weight: var(--body-font-weight-bold);
  line-height: 150%;
  letter-spacing: -0.25px;
  margin-bottom: var(--spacing-xxsmall);
}

.lp-multiindepthcard-title a {
  color: var(--text-on-dark-emphasis);
  text-decoration: none;
}

.lp-multiindepthcard-title a:hover {
  color: var(--text-on-dark-emphasis);
}

.lp-multiindepthcard-description {
  color: var(--text-on-dark-default);
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  position: relative;
  z-index: 2;
  margin-bottom: var(--spacing-large);
}

.lp-multiindepthcard-description p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lp-multiindepthcard-video-durection {
  color: var(--text-on-dark-default);
  font-size: var(--font-size-200);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: var(--spacing-xxsmall);
}

.lp-multiindepthcard-video-durection i {
  font-size: var(--font-size-100);
}

.lp-multiindepthcard-link {
  color: var(--text-on-dark-link-primary-enabled);
  font-size: var(--Font-size-200);
  font-weight: var(--body-font-weight-bold);
  line-height: 150%;
  padding-bottom: var(--spacing-xxsmall);
  border-bottom: 2px solid var(--divider-on-dark-emphasis);
}

.lp-multiindepthcard-link:hover {
  color: var(--text-on-dark-link-primary-enabled);
}

@media (min-width: 1024px) {
  .sticky-column [class*=col-]:first-child {
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: 0;
  }
}

.multiindepth-carousel .swipercontrollers {
  margin-top: var(--spacing-large);
  position: relative;
  min-height: 38px;
}

.multiindepth-carousel .swipercontrollers a {
  text-decoration: none;
}

.swipercontrollers a {
  color: var(--text-on-light-link-primary-enabled);
  text-align: center;
  font-family: var(--Global-Font-Family, "Open Sans");
  font-size: var(--theloop-button-label-font-size);
  font-weight: var(--theloop-button-label-font-weight);
  line-height: var(--theloop-button-label-line-height);
  letter-spacing: var(--theloop-button-label-letter-spacing);
  padding-bottom: var(--spacing-xxsmall);
  text-decoration: none;
  border-bottom: 2px solid rgba(0, 67, 112, 0.55);
}

.swipercontrollers a:hover {
  border-bottom: 2px solid var(--divider-on-dark-highlight);
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

.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;
  transition: transform 0.2s;
  width: 100%;
}

.swiper-slide img:hover {
  transform: scale(1.15);
}

.swiper-button-prev,
.swiper-button-next {
  width: 2rem;
  height: 2rem;
  background: #ffffff;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--Dark-Blue);
  box-shadow: 0px 0px 1px 0px var(--Dark-Blue);
  border-radius: var(--theloop-button-border-radius);
  border: 2px solid var(--outline-on-light-link-enabled);
  background: rgba(255, 255, 255, 0);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  border: 2px solid var(--outline-on-light-link-hover);
  background: var(--background-container-on-dark-link-primary-hover);
}

@media (min-width: 1024px) {

  .swiper-button-prev,
  .swiper-button-next {
    width: 2rem;
    height: 2rem;
  }
}

.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-button-prev {
  right: 70px;
  left: auto;
  top: 16px;
  color: #004370;
}

.swiper-button-next {
  left: auto;
  top: 16px;
  color: #004370;
  right: 10px;
}

.multiindepth-container .tab-navigation {
  display: flex;
  justify-content: center;
}

.multiindepth-container .tabs-list {
  margin-bottom: var(--spacing-huge);
}

.metadata-container .lp-multiindepthcard {
  background-color: var(--blue-70);
  position: relative;
}

.metadata-container .lp-multiindepthcard:hover {
  background: var(--blue-100);
  border-radius: 10px;
}

.metadata-container .lp-multiindepthcard:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-image: url("clientlib-site/img/Vector.svg");
  opacity: 0.18;
  z-index: 0;
}

.metadata-container .lp-multiindepthcard-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.lp-multiindepthcard-tag .green {
  color: var(--SCCI-Teal-60);
}

.lp-multiindepthcard-tag .orange {
  color: var(--SCCI-Orange-50);
}

.lp-multiindepthcard-tag .blue {
  color: var(--SCCI-Blue-60);
}

.multiindepth-wrapper {
  /* overflow: hidden; */
}

.lp-multiindepthcard .tui_embed_responsive {
  position: relative;
  width: 100%;
  padding-bottom: 74.35%;
  height: 0;
  overflow: hidden;
  background: #000;
  object-fit: cover;
}

.tui_overflow_hidden {
  overflow: hidden;
  max-width: 100%;
}

.tui_blue_explore_cards .swiper {
  overflow: visible;
}

.tui_blue_explore_cards .impact-card-wrapper {
  border-radius: 10px;
  background-color: var(--blue-100);
  color: var(--text-on-dark-emphasis);
  display: flex;
  padding: var(--padding-margins-sp-40, 40px) var(--padding-margins-sp-40, 40px) var(--Spacing-large, 40px) var(--padding-margins-sp-40, 40px);
  align-items: flex-start;
  background-image: url("img/angle-Vector-blue.svg");
  background-position: right 32px;
  margin-bottom: var(--spacing-large);
}

.tui_blue_explore_cards .impact-card-wrapper>a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.tui_blue_explore_cards .impact-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.tui_blue_explore_cards .impact-card-body-content {
  height: 100%;
}

.tui_blue_explore_cards .impact-card-content p:first-child {
  color: var(--text-on-dark-emphasis);
  font-family: var(--global-font-family);
  font-size: var(--font-size-500);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.25px;
  margin-bottom: 20px;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: unset;
}

.tui_blue_explore_cards .impact-card-content p:nth-child(2) {
  color: var(--text-on-dark-emphasis);
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.tui_no_swiper .multiindepth-carousel .swipercontrollers {
  margin-top: 0;
  min-height: 0;
}

.multiindepth-container .tui_sticky_list_wrapper .tui_no_swiper .swiper {
  margin-bottom: var(--spacing-large);
  padding-bottom: var(--spacing-xxlarge);
}

.multiindepth-carousel.lp__slide_3.swiper.swiper-container {
    overflow: inherit;
}

/* === Begin multiindepth-cards css ==== */

/* === End multiindepth-cards css ==== */
/* === tui_blue_explore_cards css Begin === */
.tui_overflow_hidden {
 overflow: hidden;
 max-width: 100%;
}

.tui_blue_explore_cards .swiper {
 overflow: visible;
}

.tui_blue_explore_cards .impact-card-wrapper {
 background-position: right bottom;
 background-size: 100%;
}

.tui_blue_explore_cards .impact-card-wrapper {
 border-radius: 10px;
 background-color: var(--blue-70);
 color: var(--text-on-dark-emphasis);
 display: flex;
 padding: var(--padding-margins-sp-40, 40px) var(--padding-margins-sp-40, 40px) var(--Spacing-large, 40px) var(--padding-margins-sp-40, 40px);
 align-items: flex-start;
 background-position: right 32px;
 margin-bottom: var(--spacing-large);
 margin-bottom: 0;
 cursor: pointer;
 position: relative;
}

.tui_blue_explore_cards .impact-card-wrapper::before {
    content: "";
    background-image: url("https://wwwstg.worldbank.org/content/dam/partners/scci/img/2025/angle-Vector.svg");
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    opacity: 0.26;
    mix-blend-mode: multiply;
    filter: invert(1);
    background-position: bottom right;
    background-size: 80%;
}

.tui_blue_explore_cards .impact-card-wrapper:hover {
 background-color: var(--blue-100);
}

.tui_blue_explore_cards .impact-card-wrapper:hover::before{
    opacity: 1;
}

.tui_blue_explore_cards .impact-card-wrapper>a {
 display: inline-block;
 width: 100%;
 height: 100%;
}

.tui_blue_explore_cards .impact-card-content {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 100%;
 z-index: 9;
}

.tui_blue_explore_cards .impact-card-content>div:nth-child(2) {
 color: var(--text-on-dark-emphasis);
 /* Eyebrow/Desktop/Eb_D_SM */
 font-family: "Open Sans";
 font-size: 12px;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 /* 13.2px */
 letter-spacing: 0.6px;
 text-transform: uppercase;
}

.tui_blue_explore_cards .impact-card-body-content {
 height: 100%;
}

.tui_blue_explore_cards .impact-card-content p:first-child {
 color: var(--text-on-dark-emphasis);
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
 margin-bottom: 20px;
 -webkit-line-clamp: unset;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: unset;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 /* limit to 3 lines */
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}

.tui_blue_explore_cards .impact-card-content p:nth-child(2) {
 color: var(--text-on-dark-emphasis);
 /* Eyebrow/Desktop/Eb_D_SM */
 font-family: "Open Sans";
 font-size: 12px;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 /* 13.2px */
 letter-spacing: 0.6px;
 text-transform: uppercase;
}

.tui_blue_explore_cards .swiper-button-prev {
 top: auto;
 bottom: calc(var(--spacing-large) * -1);
}

.tui_blue_explore_cards .swiper-button-next {
 top: auto;
 bottom: calc(var(--spacing-large) * -1);
 right: 30px;
}

.tui_blue_explore_cards .swipercontrollers a {
 position: absolute;
 top: auto;
 bottom: calc(var(--spacing-large) * -1);
}

.tui_blue_explore_cards .swipercontrollers {
 margin-top: var(--spacing-large);
 position: relative;
}

.tui_blue_explore_cards .swipercontrollers a {
 text-decoration: none;
}

.swiper.tui_card_slider.lp__slide_blue_Card .impact-card-wrapper {
 margin-bottom: 0;
}

.tui_blue_explore_cards .card-container {
 display: grid;
 gap: var(--spacing-medium);
 grid-template-columns: 1fr;
 margin-bottom: var(--spacing-medium);
}

@media (min-width: 768px) {
 .tui_blue_explore_cards .card-container {
  grid-template-columns: repeat(2, 1fr);
 }
}

@media (min-width: 1024px) {
 .tui_blue_explore_cards .card-container {
  grid-template-columns: repeat(3, 1fr);
 }
}

/* === tui_blue_explore_cards css End === */
/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */
:root {
  --links-focus-color: #da570e;
  /* Custom variable, not available in figma */
  /* number */
  --button-primary-outline-enabled: var(--background-white);
  --global-gutter: 1.5rem;
  --global-section-padding: 5rem;
  --grid-margin: 1.75rem;
  --size-icon-small: 0.875rem;
  --size-icon-regular: 1rem;
  --size-icon-large: 1.25rem;
  --size-icon-xxlarge: 4rem;
  --padding-margins-sp1: 0.75rem;
  /* neutrals - alpha */
  --neutrals-a-90: #000d1ab3;
  /** Measuring impact card paragraph varibales **/
  --body-indicator-paragraph: 12px;
  --body-description-paragraph: 16px;
  --body-title-paragraph: 28px;
  --body-indicator-paragraph-spacing: 12px;
  /* fonts */
  --body-font-family: "Open Sans", roboto, roboto-fallback;
  --heading-font-family: var(--body-font-family);
  --fixed-font-family: "Roboto Mono", menlo, consolas, "Liberation Mono", monospace;
  /* Custom variables */
  --light-color: #eee;
  --dark-color: #ccc;
  --text-color: var(--neutral-solid-90-s);
  /* Navigation Menu */
  --input-background-color: #002337;
  --nav-menu-placeholder-color: #ffffff76;
  --search-input-container-border: #004972;
  --nav-menu-footer-color: #99b6c7;
  /* body sizes */
  --body-font-size: var(--font-size-500);
  --body-font-size-citation: 12px;
  /* main-heading styles */
  --main-heading-font-size: 28px;
  --main-heading-spacing: 0 0 36px;
  --main-heading-line-height: 112%;
  /* eyebrow styles */
  --eyebrow-font-size-l: 14px;
  --eyebrow-font-size-m: 14px;
  --eyebrow-font-size-s: 12px;
  /* Screen variables */
  --screen-width: 1456px;
  --nav-height: 34px;
  --nav-padding: 25px;
  --nav-menu-overlay-height: 961px;
  /* shadows & elevations */
  --section-shadow: 0 2px 4px rgba(0 0 0 10%);
  --cards-shadow: 0 2px 6px rgba(0 0 0 8%);
  --modals-shadow: 0 4px 12px rgba(0 0 0 32%);
  --dropdown-shadow: 0 4px 12px rgba(0 0 0 32%);
  --map-elements-shadow: 0 2px 4px rgba(0 0 0 32%);
  --dashboard-cards-shadow: 5px 5px 12px rgba(0 0 0 25%);
  --overlay-color: rgba(255 255 255 / 50%);
  /* Gutter space */
  --section-gutter-space: 28px;
  --section-container-space: var(--spacing-xxlarge);
  /* Block specific */
  --signup-padding: 28px;
  /** Button Padding **/
  --button-vertical-padding: 12px;
  --button-horizontal-padding: 32px;
  /** Button Padding Secondary **/
  --button-vertical-padding-secondary: 8px;
  --button-horizontal-padding-secondary: 24px;
  /* Font weight 700 */
  --font-weight-700: 700;
}


html[dir=rtl] {
  --font-weight-700: 700;
}

/*
  Desktop: >= 1024px
  Tab: 768px - 1023px
  Mobile: <= 767px
*/
@media (width >=768px) {
  :root {
    /** Measuring impact card paragraph varibales **/
    --body-indicator-paragraph: 12px;
    --body-description-paragraph: 18px;
    --body-title-paragraph: 28px;
    --body-indicator-paragraph-spacing: 8px;
    /* body styles */
    --body-font-size: var(--font-size-500);
    --body-font-size-citation: 12px;
    /* main-heading styles */
    --main-heading-font-size: 32px;
    /* eyebrow styles */
    --eyebrow-font-size-l: 16px;
    --eyebrow-font-size-m: 14px;
    --eyebrow-font-size-s: 12px;
    /* Gutter space */
    --section-gutter-space: 48px;
    /* Screen variables */
    --nav-height: 34px;
    /* Block specific */
    --signup-padding: 32px;
    /* number */
    --global-section-padding: 5rem;
    --grid-margin: 3rem;
    --size-icon-small: 0.875rem;
    --size-icon-regular: 1rem;
    --size-icon-large: 1.25rem;
    --size-icon-xxlarge: 6rem;
  }
}

@media (width >=1024px) {
  :root {
    /** Measuring impact card paragraph varibales **/
    --body-indicator-paragraph: 12px;
    --body-description-paragraph: 20px;
    --body-title-paragraph: 36px;
    --body-indicator-paragraph-spacing: 12px;
    /* body styles */
    --body-font-size: var(--font-size-500);
    /* Gutter space */
    --section-gutter-space: 72px;
    --section-reduced-space: 320px;
    /* Screen variables */
    --nav-height: 44px;
    --nav-padding: 35px;
    /* main-heading styles */
    --main-heading-font-size: 40px;
    --main-heading-spacing: 0 0 48px;
    /* Block specific */
    --signup-padding: 52px;
    /* numbers */
    --global-gutter: 1.5rem;
    --global-section-padding: 5rem;
    --grid-margin: 4.5rem;
    --size-icon-small: 0.875rem;
    --size-icon-regular: 1rem;
    --size-icon-large: 1.25rem;
    --size-icon-xxlarge: 6rem;
    /* string */
    --button-vertical-padding: 16px;
    /** Button Padding Secondary **/
    --button-vertical-padding-secondary: 12px;
    --button-horizontal-padding-secondary: 32px;
  }
}

@font-face {
  font-family: roboto-fallback;
  size-adjust: 100.06%;
  ascent-override: 95%;
  src: local("Arial");
}

* {
  box-sizing: border-box;
}

html:lang(ar) {
  direction: rtl;
}

body {
  font-size: var(--body-font-size);
  margin: 0;
  font-family: var(--body-font-family);
  line-height: 1.4;
  color: var(--text-color);
  background-color: var(--white);
}

body.appear {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--font-weight-700);
  line-height: 1.2;
  margin: 0;
  letter-spacing: 0;
  color: var(--blue-90);
  scroll-margin: calc(var(--nav-height) + 1em);
}

h1 {
  font-size: var(--font-size-1100);
  line-height: 1.1;
  margin-bottom: var(--spacing-large);
}

h2 {
  font-size: var(--font-size-1000);
  margin-bottom: var(--spacing-medium);
}

h3 {
  font-size: var(--font-size-800);
  line-height: 1.1;
  margin-bottom: var(--spacing-regular);
}

h4 {
  font-size: var(--font-size-700);
  margin-bottom: var(--spacing-small);
}

/* TODO: Check with Maria */
h5 {
  font-size: var(--font-size-700);
}

h6 {
  font-size: var(--font-size-700);
}

html[lang=ar] .main-heading h3 {
  font-weight: 400;
}

p {
  margin: var(--spacing-none);
}

ol,
ul {
  margin: var(--spacing-none);
}

dl,
pre,
blockquote {
  margin-top: 1em;
  margin-bottom: 1em;
}

code,
pre {
  font-family: var(--fixed-font-family);
  font-size: var(--font-size-200);
}

code {
  padding: 0.125em;
}

pre {
  overflow: scroll;
}

strong {
  font-weight: var(--font-weight-700);
}

main pre {
  background-color: var(--light-color);
  padding: 1em;
  border-radius: 0.25em;
  overflow-x: auto;
  white-space: pre;
}

/* links */
a:-moz-any-link {
  color: var(--text-on-light-link-primary-enabled);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 1px;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-align: left;
}

a:any-link {
  color: var(--text-on-light-link-primary-enabled);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 1px;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-align: left;
}

a:focus-visible,
div[role=button]:focus-visible,
span[role=button]:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

li:focus-visible{
        outline: 2px solid var(--links-focus-color);
}

.cmp-video__thumbnail:focus-visible{
border:2px solid var(--links-focus-color);
 outline: none;
}


html[dir=rtl] a {
  text-align: right;
}

.cookie-tooltip p a {
  font-size: var(--font-size-200);
  color: var(--white);
  border-bottom: 1px solid var(--white);
  text-decoration: none;
}

p strong>em>a:-moz-any-link {
  background-color: transparent;
  color: var(--accent-blue-primary-70);
  font-family: var(--body-font-family);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-700);
  line-height: 24px;
  letter-spacing: 0.25px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  padding: 16px 0 8px;
  font-style: normal;
  cursor: pointer;
  margin: 16px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
  border: 0 none;
  border-bottom: 2px solid rgba(0, 73, 114, 0.3);
}

p strong>em>a:any-link {
  background-color: transparent;
  color: var(--accent-blue-primary-70);
  font-family: var(--body-font-family);
  font-size: var(--font-size-300);
  font-weight: var(--font-weight-700);
  line-height: 24px;
  letter-spacing: 0.25px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  padding: 16px 0 8px;
  font-style: normal;
  cursor: pointer;
  margin: 16px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
  border: 0 none;
  border-bottom: 2px solid rgba(0, 73, 114, 0.3);
}

a:-moz-any-link:hover {
  color: rgba(0, 13, 26, 0.96);
  text-decoration-color: var(--blue-60);
}

a:any-link:hover {
  color: rgba(0, 13, 26, 0.96);
  text-decoration-color: var(--blue-60);
}

a:-moz-any-link:focus,
a:-moz-any-link:active {
  color: var(--blue-90);
  text-decoration-color: var(--blue-90);
}

a:any-link:focus,
a:any-link:active {
  color: var(--blue-90);
  text-decoration-color: var(--blue-90);
}

a:-moz-any-link:visited {
  color: var(--blue-90);
  text-decoration-color: var(--blue-90);
}

a:any-link:visited {
  color: var(--blue-90);
  text-decoration-color: var(--blue-90);
}

html[dir=rtl] a:-moz-any-link {
  text-align: right;
}

html[dir=rtl] a:any-link {
  text-align: right;
}

a:-moz-any-link.disabled {
  color: rgba(0, 41, 77, 0.42);
  cursor: unset;
}

a:any-link.disabled {
  color: rgba(0, 41, 77, 0.42);
  cursor: unset;
}

.cookie-tooltip p>a:visited,
.cookie-tooltip p>a:hover {
  color: var(--white);
}

p strong>em>a:-moz-any-link:hover {
  color: var(--accent-blue-primary-70);
  border-bottom: 2px solid rgb(22, 154, 243);
}

p strong>em>a:any-link:hover {
  color: var(--accent-blue-primary-70);
  border-bottom: 2px solid rgb(22, 154, 243);
}

p strong>em>a:-moz-any-link:active,
p strong>em>a:-moz-any-link:focus {
  color: var(--blue-90);
  border-bottom: 2px solid transparent;
}

p strong>em>a:any-link:active,
p strong>em>a:any-link:focus {
  color: var(--blue-90);
  border-bottom: 2px solid transparent;
}

p strong>em>a:-moz-any-link.disabled {
  color: rgba(0, 41, 77, 0.42);
  border-bottom: 2px solid transparent;
}

p strong>em>a:any-link.disabled {
  color: rgba(0, 41, 77, 0.42);
  border-bottom: 2px solid transparent;
}

p strong>em>a:-moz-any-link:visited {
  border-bottom: 2px solid transparent;
}

p strong>em>a:any-link:visited {
  border-bottom: 2px solid transparent;
}

html[dir=rtl] p strong>em>a:-moz-any-link {
  text-align: center;
}

html[dir=rtl] p strong>em>a:any-link {
  text-align: center;
}

/* buttons */
a.button:-moz-any-link {
  font-family: var(--body-font-family);
  font-size: var(--theloop-xl-button-font-size);
  font-weight: var(--theloop-button-label-font-weight);
  line-height: var(--theloop-button-label-line-height);
  letter-spacing: var(--theloop-button-label-letter-spacing);
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid var(--button-primary-outline-enabled);
  padding: var(--theloop-button-v-padding) var(--theloop-button-h-padding);
  font-style: normal;
  cursor: pointer;
  color: var(--button-primary-label-default);
  background-color: var(--button-primary-background-enabled);
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--border-radius-x-large);
}

a.button:any-link,
button {
  font-family: var(--body-font-family);
  font-size: var(--theloop-xl-button-font-size);
  font-weight: var(--theloop-button-label-font-weight);
  line-height: var(--theloop-button-label-line-height);
  letter-spacing: var(--theloop-button-label-letter-spacing);
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid var(--button-primary-outline-enabled);
  padding: var(--theloop-button-v-padding) var(--theloop-button-h-padding);
  font-style: normal;
  cursor: pointer;
  color: var(--button-primary-label-default);
  background-color: var(--button-primary-background-enabled);
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--border-radius-x-large);
}

a.button.secondary,
button.secondary {
  background-color: unset;
  border: 2px solid var(--button-secondary-outline-enabled);
  color: var(--button-secondary-label-enabled);
}

a.button.primary-white,
button.primary-white {
  background-color: var(--text-on-dark-emphasis);
  border: 2px solid var(--text-on-dark-emphasis);
  color: var(--background-container-on-light-link-primary-enabled);
}

a.button.primary-white:hover,
button.primary-white:hover {
  background-color: unset;
  color: var(--text-on-dark-emphasis);
  cursor: pointer;
  text-decoration: none;
}

a.button.primary-white:hover i.lp,
button.primary-white:hover i.lp {
  color: var(--text-on-dark-emphasis);
}

a.button.primary-white i.lp,
button.primary-white i.lp {
  color: var(--background-container-on-light-link-primary-enabled);
}

a.button.text-link {
  color: var(--text-on-dark-emphasis);
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-bold);
  line-height: 150%;
  background-color: unset;
  border: 0px;
  border-radius: 0rem;
  overflow: unset;
  padding: var(--spacing-none) var(--spacing-none) var(--spacing-tiny) var(--spacing-none);
  border-bottom: 2px solid var(--divider-on-dark-emphasis);
}

a.button.text-link:hover {
  background-color: unset;
  color: currentColor;
}

a.button:hover,
button:hover {
  background-color: var(--background-container-on-light-link-primary-hover);
  color: var(--blue-90);
  cursor: pointer;
}

a.button:focus-visible,
button:focus-visible,
a.button.secondary:focus-visible,
button.secondary:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

a.button.disabled,
a.button.disabled:hover,
button:disabled,
button:disabled:hover {
  background-color: var(--neutral-solid-30-s);
  color: rgba(0, 41, 77, 0.42);
  cursor: unset;
}

a.button.secondary:hover,
button.secondary:hover {
  background-color: var(--accent-blue-primary-40);
  border: 2px solid var(--accent-blue-primary-40);
  color: var(--accent-blue-primary-70);
}

a.button.secondary.disabled,
a.button.secondary.disabled:hover,
button.secondary:disabled,
button.secondary:disabled:hover {
  background-color: unset;
  border: 2px solid var(--neutral-solid-20-s);
  color: var(--neutral-solid-40-s);
  cursor: unset;
}

a.button:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  background-color: var(--blue-90);
  color: var(--white);
}

a.button.secondary:focus:not(:focus-visible),
button.secondary:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  border: 2px solid var(--accent-blue-primary-70);
  color: var(--accent-blue-primary-70);
}

a.button.ghost,
button.ghost {
  background-color: transparent;
  color: var(--accent-blue-primary-70);
}

a.button.ghost:hover,
button.ghost:hover {
  background-color: var(--accent-blue-primary-05);
  color: var(--accent-blue-primary-70);
}

a.button.ghost.disabled,
a.button.ghost.disabled:hover,
button.ghost:disabled,
button.ghost:disabled:hover {
  background-color: transparent;
  color: rgba(0, 41, 77, 0.42);
  cursor: unset;
}

a.button.ghost:focus:not(:focus-visible),
button.ghost:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
}

p.button-container {
  margin: 0;
}

/* Links and buttons in dark theme */
.section[class*=bg-primary-blue] a:-moz-any-link {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*=bg-primary-blue] a:any-link {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*=bg-primary-blue] p strong>em>a:-moz-any-link {
  background-color: transparent;
  color: var(--white);
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.section[class*=bg-primary-blue] p strong>em>a:any-link {
  background-color: transparent;
  color: var(--white);
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.section[class*=bg-primary-blue] a:-moz-any-link:hover {
  color: var(--white);
  text-decoration-color: var(--accent-blue-primary-40);
}

.section[class*=bg-primary-blue] a:any-link:hover {
  color: var(--white);
  text-decoration-color: var(--accent-blue-primary-40);
}

.section[class*=bg-primary-blue] a:-moz-any-link:visited {
  color: var(--purple-40);
  text-decoration-color: var(--purple-40);
}

.section[class*=bg-primary-blue] a:any-link:visited {
  color: var(--purple-40);
  text-decoration-color: var(--purple-40);
}

.section[class*=bg-primary-blue] a:-moz-any-link:active {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*=bg-primary-blue] a:any-link:active {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*=bg-primary-blue] p strong>em>a:-moz-any-link:hover {
  border-bottom: 2px solid rgb(22, 154, 243);
}

.section[class*=bg-primary-blue] p strong>em>a:any-link:hover {
  border-bottom: 2px solid rgb(22, 154, 243);
}

.section[class*=bg-primary-blue] p strong>em>a:-moz-any-link:active {
  color: var(--white);
  border-bottom: 2px solid transparent;
}

.section[class*=bg-primary-blue] p strong>em>a:any-link:active {
  color: var(--white);
  border-bottom: 2px solid transparent;
}

.section[class*=bg-primary-blue] a:-moz-any-link:focus:not(:focus-visible) {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*=bg-primary-blue] a:any-link:focus:not(:focus-visible) {
  color: var(--white);
  text-decoration-color: var(--white);
}

.section[class*=bg-primary-blue] p strong>em>a:-moz-any-link:focus:not(:focus-visible) {
  color: var(--white);
  border-bottom: 2px solid transparent;
}

.section[class*=bg-primary-blue] p strong>em>a:any-link:focus:not(:focus-visible) {
  color: var(--white);
  border-bottom: 2px solid transparent;
}

.section[class*=bg-primary-blue] a:-moz-any-link.disabled {
  color: rgba(255, 255, 255, 0.48);
  text-decoration-color: rgba(255, 255, 255, 0.48);
  cursor: unset;
}

.section[class*=bg-primary-blue] a:any-link.disabled {
  color: rgba(255, 255, 255, 0.48);
  text-decoration-color: rgba(255, 255, 255, 0.48);
  cursor: unset;
}

.section[class*=bg-primary-blue] p strong>em>a:-moz-any-link.disabled {
  background-color: transparent;
  color: rgba(0, 41, 77, 0.42);
  border-bottom: 2px solid transparent;
}

.section[class*=bg-primary-blue] p strong>em>a:any-link.disabled {
  background-color: transparent;
  color: rgba(0, 41, 77, 0.42);
  border-bottom: 2px solid transparent;
}

.section[class*=bg-primary-blue] a.button:-moz-any-link {
  color: var(--accent-blue-primary-70);
  background-color: var(--white);
  border: 2px solid transparent;
}

.section[class*=bg-primary-blue] a.button:any-link,
.section[class*=bg-primary-blue] button {
  color: var(--accent-blue-primary-70);
  background-color: var(--white);
  border: 2px solid transparent;
}

.section[class*=bg-primary-blue] a.button:hover,
.section[class*=bg-primary-blue] button:hover {
  background-color: var(--accent-blue-primary-40);
}

.section[class*=bg-primary-blue] a.button:-moz-any-link:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

.section[class*=bg-primary-blue] a.button:any-link:focus-visible,
.section[class*=bg-primary-blue] button:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

.section[class*=bg-primary-blue] a.button.disabled,
.section[class*=bg-primary-blue] a.button.disabled:hover,
.section[class*=bg-primary-blue] button:disabled,
.section[class*=bg-primary-blue] button:disabled:hover {
  background-color: var(--white);
  color: var(--global-states-disable-medium);
  border-color: var(--global-states-disable-regular);
}

.section[class*=bg-primary-blue] a.button:focus:not(:focus-visible),
.section[class*=bg-primary-blue] button:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
}

.section[class*=bg-primary-blue] a.button.secondary,
.section[class*=bg-primary-blue] button.secondary {
  background-color: transparent;
  border: 2px solid var(--white);
  color: var(--white);
}

.section[class*=bg-primary-blue] a.button.secondary:hover,
.section[class*=bg-primary-blue] button.secondary:hover {
  background-color: var(--accent-blue-primary-40);
  border-color: var(--accent-blue-primary-40);
  color: var(--accent-blue-primary-70);
}

.section[class*=bg-primary-blue] a.button.secondary.disabled,
.section[class*=bg-primary-blue] a.button.secondary.disabled:hover,
.section[class*=bg-primary-blue] button.secondary:disabled,
.section[class*=bg-primary-blue] button.secondary:disabled:hover {
  background-color: unset;
  border-color: var(--neutral-solid-20-s);
  color: var(--neutral-solid-40-s);
}

.section[class*=bg-primary-blue] a.button.secondary:focus:not(:focus-visible),
.section[class*=bg-primary-blue] button.secondary:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
  border-color: var(--white);
}

/* ghost on dark */
.section[class*=bg-primary-blue] a.button.ghost,
.section[class*=bg-primary-blue] button.ghost {
  background-color: transparent;
  color: var(--white);
}

.section[class*=bg-primary-blue] a.button.ghost:hover,
.section[class*=bg-primary-blue] button.ghost:hover {
  background-color: var(--accent-blue-primary-05);
  color: var(--accent-blue-primary-70);
}

.section[class*=bg-primary-blue] a.button.ghost.disabled,
.section[class*=bg-primary-blue] a.button.ghost.disabled:hover,
.section[class*=bg-primary-blue] button.ghost:disabled,
.section[class*=bg-primary-blue] button.ghost:disabled:hover {
  background-color: transparent;
  color: rgba(0, 41, 77, 0.42);
  cursor: unset;
}

.section[class*=bg-primary-blue] a.button.ghost:focus:not(:focus-visible),
.section[class*=bg-primary-blue] button.ghost:focus:not(:focus-visible) {
  background-color: var(--accent-blue-primary-10);
  color: var(--accent-blue-primary-70);
}

main img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}

.icon img {
  height: 100%;
  width: 100%;
}

/* sections */
main .section {
  margin: 0;
  padding: var(--spacing-medium) 0;
  position: relative;
  /* z-index: 0; */
}

main .section>div {
  padding: 0 var(--section-gutter-space);
}

@media (width >=1024px) {
  main .section>div {
    max-width: var(--screen-width);
    margin: auto;
  }

  main .section[data-sec-width=true]>div {
    max-width: calc(var(--screen-width) + var(--section-gutter-space) * 2 - var(--section-reduced-space) * 2);
  }
}

.section[class*=bg-primary-blue] {
  color: var(--white);
}

.section[class*=bg-primary-blue] h1,
.section[class*=bg-primary-blue] h2,
.section[class*=bg-primary-blue] h3,
.section[class*=bg-primary-blue] h4,
.section[class*=bg-primary-blue] h5,
.section[class*=bg-primary-blue] h6 {
  color: var(--text-on-dark-emphasis);
}

.section[class*=bg-neutrals] {
  color: var(--neutral-solid-90-s);
}

main .section.bg-primary-blue-90,
main .section.bg-primary-blue-90[data-sec-inside-container=true]>div {
  background-color: var(--blue-90);
}

main .section.bg-primary-blue-70,
main .section.bg-primary-blue-70[data-sec-inside-container=true]>div {
  background-color: var(--accent-blue-primary-70);
  z-index: 0;
}

main .section.bg-neutrals-10,
main .section.bg-neutrals-10[data-sec-inside-container=true]>div {
  background-color: var(--neutral-solid-05-s);
}

main .section.bg-neutrals-20,
main .section.bg-neutrals-20[data-sec-inside-container=true]>div {
  background-color: var(--neutral-solid-10-s);
}

main .section.bg-neutrals-05-gradient,
main .section.bg-neutrals-05-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(93deg, var(--neutral-solid-05-s) -0.12%, var(--neutral-solid-15-s) 100%);
}

main .section.bg-neutrals-10-gradient,
main .section.bg-neutrals-10-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(180deg, #ffffff 3.01%, var(--neutral-solid-10-s) 100%);
}

html[dir=rtl] main .section.bg-neutrals-05-gradient,
html[dir=rtl] main .section.bg-neutrals-05-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(-93deg, var(--neutral-solid-05-s) -0.12%, var(--neutral-solid-15-s) 100%);
}

main .section.bg-neutrals-07-gradient,
main .section.bg-neutrals-07-gradient[data-sec-inside-container=true]>div {
  background: linear-gradient(180deg, rgba(245, 247, 249, 0.4) 0.03%, #f5f7f9 4.9%, #ffffff 100.03%);
}

main .section[class*=bg-][data-sec-inside-container=true] {
  background-color: transparent;
  margin: 0 var(--section-gutter-space);
  /* overflow: hidden; */
}

main .section[class*=bg-][data-sec-inside-container=true]>div {
  max-width: calc(var(--screen-width) - var(--section-container-space) - var(--section-container-space));
  padding: var(--section-container-space);
  border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-medium) var(--border-radius-medium);
  position: relative;
}

main .section[class*=bg-][data-sec-inside-container=true]>div.breadcrumb-wrapper {
  padding: 0 0 0 16px;
  border-radius: 10px 10px 0 0;
  max-width: calc(var(--screen-width) - 16px);
}

html[dir=rtl] main .section[class*=bg-][data-sec-inside-container=true]>div.breadcrumb-wrapper {
  padding: 0 16px 0 0;
  border-radius: 10px 10px 0 0;
}

main .section[class*=bg-][data-sec-inside-container=true]>div.breadcrumb-wrapper+div {
  border-radius: 0 0 10px 10px;
}

/* Section background image */
main .section.bg-image {
  overflow: hidden;
}

main .section.bg-image .sec-img {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

@media (width >=1024px) {
  main .section.bg-image .sec-img {
    top: 0;
  }

  main .section[data-sec-width=true][data-sec-inside-container=true]>div {
    max-width: calc(var(--screen-width) + var(--section-gutter-space) * 2 - var(--section-reduced-space) * 2);
  }
}

main .section[data-sec-spacing=section-none] {
  padding-top: var(--spacing-none);
}

main .section[data-sec-spacing=section-xtiny] {
  padding-top: var(--spacing-xtiny);
}

main .section[data-sec-spacing=section-tiny] {
  padding-top: var(--spacing-tiny);
}

main .section[data-sec-spacing=section-xxsmall] {
  padding-top: var(--spacing-xxsmall);
}

main .section[data-sec-spacing=section-xsmall] {
  padding-top: var(--spacing-xsmall);
}

main .section[data-sec-spacing=section-regular] {
  padding-top: var(--spacing-regular);
}

main .section[data-sec-spacing=section-small] {
  padding-top: var(--spacing-small);
}

main .section[data-sec-spacing=section-medium] {
  padding-top: var(--spacing-medium);
}

main .section[data-sec-spacing=section-large] {
  padding-top: var(--spacing-large);
}

main .section[data-sec-spacing=section-xlarge] {
  padding-top: var(--spacing-xlarge);
}

main .section[data-sec-spacing=section-xxlarge] {
  padding-top: var(--spacing-xxlarge);
}

main .section[data-sec-spacing=section-huge] {
  padding-top: var(--spacing-huge);
}

main .section[data-sec-spacing=section-xhuge] {
  padding-top: var(--spacing-xhuge);
}

main .section[data-sec-spacing=section-padding-between] {
  padding-top: var(--padding-between-sections);
}

main .section[data-sec-spacing-bottom=section-none] {
  padding-bottom: var(--spacing-none);
}

main .section[data-sec-spacing-bottom=section-tiny] {
  padding-bottom: var(--spacing-tiny);
}

main .section[data-sec-spacing-bottom=section-xxsmall] {
  padding-bottom: var(--spacing-xxsmall);
}

main .section[data-sec-spacing-bottom=section-xtiny] {
  padding-bottom: var(--spacing-xtiny);
}

main .section[data-sec-spacing-bottom=section-xsmall] {
  padding-bottom: var(--spacing-xsmall);
}

main .section[data-sec-spacing-bottom=section-regular] {
  padding-bottom: var(--spacing-regular);
}

main .section[data-sec-spacing-bottom=section-small] {
  padding-bottom: var(--spacing-small);
}

main .section[data-sec-spacing-bottom=section-medium] {
  padding-bottom: var(--spacing-medium);
}

main .section[data-sec-spacing-bottom=section-large] {
  padding-bottom: var(--spacing-large);
}

main .section[data-sec-spacing-bottom=section-xlarge] {
  padding-bottom: var(--spacing-xlarge);
}

main .section[data-sec-spacing-bottom=section-xxlarge] {
  padding-bottom: var(--spacing-xxlarge);
}

main .section[data-sec-spacing-bottom=section-huge] {
  padding-bottom: var(--spacing-huge);
}

main .section[data-sec-spacing-bottom=section-xhuge] {
  padding-bottom: var(--spacing-xhuge);
}

main .section[data-sec-spacing-bottom=section-padding-between] {
  padding-bottom: var(--padding-between-sections);
}

body.no-scroll {
  overflow-y: hidden;
  /* Prevent scrolling */
}

/*body::-webkit-scrollbar {
 display: none;
}*/
#skip-to-main-content {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

#skip-to-main-content:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  word-wrap: normal;
  z-index: 1000;
}

.auto-image-container {
  padding: 0;
  margin: 0;
}

/* Cookie Pop Up Styles */
.cookie-tooltip {
  background: rgba(0, 0, 0, 0.87);
  padding: 16px 20px;
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: 0;
}

.cookie-tooltip,
.cookie-tooltip .close {
  animation-duration: 0.6s;
  animation-name: slideUp;
}

.cookie-tooltip .container {
  margin: auto;
}

.cookie-tooltip p {
  line-height: 18px;
  color: var(--white);
  margin: 0 auto;
  font-size: var(--font-size-200);
  animation-duration: 0.6s;
  animation-name: slideUp;
}

.cookie-tooltip .close {
  height: 32px;
  width: 32px;
  color: var(--white);
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.cookie-tooltip .close:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

.cookie-tooltip>.container>button>span {
  font-size: var(--body-font-size);
}

@media (width >=1024px) {
  .cookie-tooltip .container {
    max-width: calc(var(--screen-width) + var(--section-gutter-space) * 2 - var(--section-reduced-space) * 2);
  }
}

@media (width < 768px) {
  .cookie-tooltip p>a {
    line-height: 14px;
  }

  .cookie-tooltip>.container>button>span {
    font-size: var(--font-size-200);
  }
}

/* End of Cookie Pop Up Styles */
.main-heading p {
  font-size: var(--main-heading-font-size);
  margin: 0rem 0rem var(--spacing-medium) 0rem;
  color: var(--blue-90);
  line-height: var(--main-heading-line-height);
}

.section[class*=bg-primary-blue] .main-heading p {
  color: var(--white);
}

.auto-image-container-v1 {
  margin: var(--spacing-none);
}

.auto-image-container-v1 picture {
  display: block;
  line-height: 0;
}

.auto-image-container-v1 picture img {
  width: 100%;
}

.cmp-teaser__pretitle {
  color: var(--text-on-light-subdued);
  font-size: var(--font-size-100);
  font-weight: var(--body-font-weight-bold);
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 var(--spacing-xsmall) 0;
  position: relative;
  z-index: 2;
}

.tui_body_text_large_regular {
  color: var(--text-on-light-emphasis);
  font-weight: var(--body-font-weight-regular);
  font-size: var(--font-size-600);
  line-height: 150%;
  letter-spacing: -0.084px;
}

.tui_body_text_large_regular a {
  color: var(--text-on-light-link-primary-enabled);
}


.sticky-widget a.button {
  border: 2px solid var(--blue-40);
  background: var(--white);
  box-shadow: 0 4px 12px 0 rgba(0, 28, 45, 0.12);
  color: var(--text-on-light-emphasis);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xsmall);
}

.sticky-widget a.button img {
  width: 28px;
}

.sticky-widget a.button:hover {
  border: 2px solid var(--blue-60);
}

.sticky-widget a.button:focus {
  border: 2px solid var(--blue-120);
}

.cmp-link__screen-reader-only,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}


html[lang="fr"] p{
word-break: break-word;
}

/*# sourceMappingURL=default-copy copy.css.map */
/* === dropdown css Begin === */
/* === Header dropdown Begin === */
.dropdown {
 position: relative;
}

.lp__dropdown_menu {
 display: none;
}

.lp__dropdown_menu.show {
 display: block;
}

.dropdown-menu {
 display: none;
}

.dropdown-menu.show {
 display: block;
}

.lp__dropdown_menu {
 margin: 0px;
 display: none;
 float: left;
 z-index: 105;
 position: absolute;
 top: 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 4px 4px rgba(0, 0, 0, 0.4);
}

/* === Header dropdown End === */
.tui_dropdown_secondary {
 position: relative;
}

.tui_dropdown_secondary .tui_dropdown-toggle {
 font-family: var(--global-font-family);
 font-size: var(--lift-button-label-font-size);
 font-weight: var(--lift-button-label-font-weight);
 line-height: var(--lift-button-label-line-height);
 letter-spacing: var(--lift-button-label-letter-spacing);
 padding: var(--lift-button-v-padding) var(--lift-button-h-padding);
 border-radius: var(--lift-button-border-radius);
 text-decoration: none;
 border: 2px solid var(--outline-on-light-link-enabled);
 background: var(--background-container-on-light-link-secondary-enabled);
 color: var(--text-on-light-link-primary-enabled);
 width: 100%;
 cursor: pointer;
}

@media (min-width: 768px) {
 .tui_dropdown_secondary .tui_dropdown-toggle {
  width: auto;
 }
}

.tui_dropdown_secondary .tui_dropdown-toggle[aria-expanded=true] {
 border: 2px solid var(--lift-outline-transparent);
 background: var(--background-container-on-light-link-primary-hover);
}

.tui_dropdown_secondary .dropdown-menu {
 padding: var(--spacing-medium);
 background-color: var(--white);
 border-radius: 10px;
 border: 1px solid var(--neutral-solid-15-s);
 margin: 1rem 0;
 justify-content: flex-start;
 min-width: 100%;
}

.tui_dropdown_secondary .dropdown-menu .lp,
.tui_dropdown_secondary .dropdown-menu .lp:before {
 color: var(--text-on-light-link-primary-enabled);
}

.tui_dropdown_secondary li:not(:last-child) {
 margin-bottom: var(--spacing-xsmall);
}

.tui_dropdown_secondary .dropdown-item {
 color: var(--text-on-light-link-primary-enabled);
 white-space: nowrap;
 display: flex;
 gap: var(--padding-margins-sp-08);
 align-items: center;
 border: none;
 padding: 0;
 text-align: left;
}

.tui__dropdown {
 position: relative;
}

.tui__dropdown label {
 overflow: hidden;
 color: var(--lift-text-on-light-default, rgba(0, 13, 26, 0.7));
 text-overflow: ellipsis;
 font-family: var(--lift-global-font-family, "Open Sans");
 font-size: 14px;
 font-style: normal;
 font-weight: var(--Input-Field-Label-Font-Weight, 600);
 line-height: var(--Input-Field-Label-Line-Height, 16px);
 /* 114.286% */
 letter-spacing: var(--Input-Field-Label-Letter-Spacing, 0.25px);
}

.tui__dropdown .tui__select_dropdown select {
 border-radius: var(--Input-Field-Field-Border-Radius, 32px);
 border: 1px solid var(--Outline-On-Light-Default, rgba(0, 57, 107, 0.24));
 background: var(--lift-background-container-on-light-lowest, #fff);
 padding: var(--Input-Field-Field-vPadding, 14px) var(--Input-Field-Field-hPadding-Right, 16px) var(--Input-Field-Field-vPadding, 14px) var(--Input-Field-Field-hPadding-Left, 16px);
 color: var(--lift-text-on-light-subdued, rgba(0, 13, 26, 0.57));
 text-overflow: ellipsis;
 font-family: var(--lift-global-font-family, "Open Sans");
 font-size: var(--Input-Field-Placeholder-Text-Field-Font-Size, 14px);
 font-style: normal;
 font-weight: var(--Input-Field-Placeholder-Text-Field-Font-Weight, 400);
 line-height: var(--Input-Field-Placeholder-Text-Field-Line-Height, 16px);
 /* 114.286% */
 letter-spacing: var(--Input-Field-Placeholder-Text-Field-Letter-Spacing, 0.25px);
 width: 100%;
 vertical-align: middle;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.tui__dropdown .select-arrow {
 position: absolute;
 color: #8a9db1;
 font-size: 16px;
 top: 32px;
 right: 20px;
 pointer-events: none;
}

.tui__dropdown .select-arrow::before {
 font-family: "loopicon";
 content: "\e116";
}

.tui__sharedropdown {
 position: relative;
 display: inline-block;
 z-index: 1;
}

.tui__sharedropdown>a {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 background-color: transparent;
 border: none;
 text-decoration: none;
 border: 1px solid var(--outline-transparent);
 background: var(--background-container-on-light-link-primary-enabled);
 border-radius: 50%;
 width: 40px;
 height: 40px;
 text-decoration: none;
}

.tui__sharedropdown>a[aria-expanded=false]:after {
 font-family: "loopicon";
 content: "\e322";
 color: #fff;
 font-size: 16px;
}

.tui__sharedropdown>a[aria-expanded=true]:after {
 font-family: "loopicon";
 content: "\e126";
 color: #fff;
 font-size: 16px;
}

.tui__sharedropdown .dropdown-menu {
 position: relative !important;
 top: 0 !important;
 transform: none !important;
 border-radius: 100px;
 border: 1px solid var(--Background-Container-On-Light-Link-Secondary-Enabled, rgba(255, 255, 255, 0));
 background: var(--Neutrals-10-WBG, #e7edf3);
 align-self: stretch;
}

.tui__sharedropdown .dropdown-menu.show {
 padding-top: 40px;
 z-index: -1;
 margin-top: -40px !important;
}

.tui__sharedropdown .dropdown-menu ul li a {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 padding: 10px;
 z-index: 1;
 position: relative;
}

.tui__sharedropdown .dropdown-menu ul li a:hover {
 border: 1px solid var(--outline-transparent);
 background: var(--background-container-on-light-link-primary-enabled);
 border-radius: 50%;
 color: var(--white) !important;
 text-decoration: none;
}

.tui__sharedropdown .dropdown-menu ul li a:hover.lp,
.tui__sharedropdown .dropdown-menu ul li a:hover.lp:before,
.tui__sharedropdown .dropdown-menu ul li a:hover.lp-x:before,
.tui__sharedropdown .dropdown-menu ul li a:hover.lp-email:before {
 color: var(--white) !important;
}

/* === dropdown css End === */
/* Global Footer CSS Begin */
footer {
 background-color: var(--blue-120);
}

footer .block {
 max-width: var(--screen-width);
 margin: auto;
 padding: 0 var(--section-gutter-space);
}

footer a {
 color: var(--white);
}

.ft-social a {
 text-decoration: none;
}

footer a:-moz-any-link {
 color: var(--white);
 font-size: 14px;
 line-height: 17px;
 white-space: nowrap;
 padding-left: 24px;
 text-decoration: none;
}

footer a:any-link {
 color: var(--white);
 font-size: 14px;
 line-height: 17px;
 white-space: nowrap;
 padding-left: 24px;
 text-decoration: none;
}

footer a:visited {
 color: var(--white);
}

footer a:hover {
 text-decoration: underline;
}

footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

footer ul li {
 margin: 0;
 padding: 0;
 list-style: none;
}

.ft-social {
 display: flex;
 flex-wrap: wrap;
 padding: var(--spacing-xlarge) 0 var(--spacing-large) 0;
}

.ft-social a:-moz-any-link {
 padding-left: 0;
}

.ft-social a:any-link {
 padding-left: 0;
}

.ft-social .ft-social-list {
 display: inline-block;
}

.ft-social .ft-social-list a {
 font-size: 16px;
 /* font-weight: var(--font-weight-700); */
 line-height: 22px;
 display: block;
}

.ft-social .ft-social-list:first-child {
 padding-right: var(--spacing-regular);
 margin-right: var(--spacing-regular);
 border-right: 2px solid var(--divider-on-dark-default);
 border-left: 0;
}

.ft-legal .ft-legal-list li a {
 opacity: 0.75;
}

.ft-social .ft-social-list:first-child a {
 padding: 0;
}

.ft-legal .ft-legal-list li a:-moz-any-link:hover {
 color: var(--white);
 text-decoration-color: var(--white);
 text-underline-offset: 2px;
}

.ft-legal .ft-legal-list li a:any-link:hover {
 color: var(--white);
 text-decoration-color: var(--white);
 text-underline-offset: 2px;
}

.ft-social .ft-social-list:nth-child(2) {
 /* padding: 13px 0 0; */
 opacity: 0.9;
}

@media (min-width: 1024px) {
 .ft-social .ft-social-list:nth-child(2) {
  margin-right: auto;
 }
}

html[dir=rtl] .ft-social-list:first-child {
 border-right: 0;
 border-left: 1px solid var(--blue-60);
 padding-right: 0;
 padding-left: 40px;
}

html[dir=rtl] .ft-social .ft-social-list:nth-child(2) {
 margin-left: auto;
 margin-right: 0;
}

.ft-social .ft-social-list:nth-child(2)>ul {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}

/* stylelint-disable-next-line no-descending-specificity */
.ft-social .ft-social-list:last-child {
 margin: auto 0;
 width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
 .ft-social .ft-social-list:last-child {
  margin-top: 20px;
 }

 .ft-social .ft-social-list:nth-child(2) a {
  color: #ffffff;
  text-align: center;
  font-family: var(--global-font-family);
  font-size: var(--font-size-400);
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
 }
}

@media (min-width: 1023px) {
 .ft-social .ft-social-list:last-child {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
 }
}

.footer-right-text {
 display: flex;
 align-items: flex-end;
 color: #ffffff;
 white-space: break-spaces;
 /* Body/Text/Small/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-200);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 21px */
}

@media (min-width: 1024px) {
 .footer-right-text {
  float: right;
 }
}

.ft-legal .ft-legal-list:last-child ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 row-gap: 10px;
}

.ft-social .ft-social-list:last-child ul {
 display: flex;
 flex-wrap: nowrap;
 justify-content: flex-end;
 vertical-align: top;
}

.ft-social .ft-social-list:last-child ul li:not(:last-child) {
 padding: 0 12px 0 0;
}

.ft-social .ft-social-list:last-child ul span.icon:hover svg path {
 fill: var(--icon-on-light-link-enabled);
}

.ft-social .ft-social-list:last-child ul span.icon {
 width: 50px;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: var(--button-primary-background-enabled);
 height: 50px;
}

.ft-social .ft-social-list:last-child ul span.icon:hover {
 background-color: var(--background-container-on-light-link-primary-hover);
}

html[dir=rtl] .ft-social .ft-social-list:last-child ul li:not(:last-child) {
 padding: 0 0 0 12px;
}

footer .section.bg-primary-blue-90 a:-moz-any-link:hover {
 color: var(--white);
 text-decoration-color: var(--white);
 text-underline-offset: 2px;
 opacity: 1;
}

footer .section.bg-primary-blue-90 a:any-link:hover {
 color: var(--white);
 text-decoration-color: var(--white);
 text-underline-offset: 2px;
 opacity: 1;
}

footer .section.bg-primary-blue-90 a:-moz-any-link:visited:not(.button) {
 color: var(--white);
 text-decoration-color: var(--white);
}

footer .section.bg-primary-blue-90 a:any-link:visited:not(.button) {
 color: var(--white);
 text-decoration-color: var(--white);
}

.ft-legal {
 display: grid;
 grid-template-columns: repeat(2, minmax(100px, auto));
 justify-content: space-between;
 border-top: 2px var(--blue-70) solid;
 padding: var(--spacing-large) 0 var(--spacing-huge) 0;
 margin: auto;
 font-size: 14px;
 line-height: 17px;
}

.ft-legal .ft-legal-list p {
 margin: 0;
 padding: 0;
 opacity: 0.75;
}

@media (width <=1024px) {
 .ft-social {
  padding: 40px 0 32px;
 }

 .ft-legal .ft-legal-list:last-child ul li {
  margin: 8px 0;
 }

 .ft-social .ft-social-list:last-child ul li:not(:last-child) {
  padding: 0 32px 0 0;
 }

 .ft-social .ft-social-list:last-child ul {
  justify-content: center;
  padding: 32px 0 0;
  border-top: 2px solid var(--divider-on-dark-default);
 }

 .ft-legal .ft-legal-list:last-child ul {
  flex-wrap: wrap;
  justify-content: flex-start;
  -moz-column-gap: 20px;
  column-gap: 20px;
 }

 html[dir=rtl] .ft-social .ft-social-list:last-child ul {
  padding-top: 32px;
 }

 html[dir=rtl] .ft-legal .ft-legal-list:last-child ul li {
  margin: 8px 0 8px 20px;
 }

 html[dir=rtl] .ft-social .ft-social-list:last-child ul li:not(:last-child) {
  padding: 0 0 0 32px;
 }

 .ft-legal {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-row-gap: 28px;
  padding: 32px 0 60px;
 }

 .ft-legal .ft-legal-list:last-child ul li a {
  margin: 0;
  padding: 0;
  white-space: nowrap;
 }
}

@media (min-width: 1024px) {
 .ft-social .ft-social-list:first-child {
  padding-right: var(--spacing-regular);
  margin-right: var(--spacing-regular);
  border-right: 1px solid var(--blue-70);
 }
}

@media (width < 768px) {
 .ft-social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--spacing-regular);
  padding: 28px 0 32px;
 }

 .ft-social-list {
  width: 100%;
 }

 .ft-social-list div {
  height: 100%;
 }

 .ft-social .ft-social-list:first-child {
  border-right: 0;
  border-left: 0;
  padding-right: 0;
  width: auto;
  display: inline-flex;
 }
}

@media (width < 768px) and (min-width: 1024px) {
 .ft-social .ft-social-list:first-child {
  padding-bottom: var(--spacing-regular);
  border-bottom: 1px solid var(--blue-70);
  padding-right: 0;
  border-right: none;
 }
}

@media (width < 768px) {
 .ft-social .ft-social-list:nth-child(2) {
  padding-top: 0;
  margin: 0;
  display: inline-flex;
  width: auto;
  /* margin-bottom: var(--spacing-regular);
  margin-top: var(--spacing-small); */
 }

 .ft-social .ft-social-list:nth-child(2) a {
  white-space: normal;
 }


 .ft-social .ft-social-list:nth-child(2) ul {
  justify-content: center;
  padding: 24px 0;
  width: 100%;
 }

 .ft-social .ft-social-list:last-child ul li:not(:last-child) {
  padding-right: 12px;
  padding-left: 0;
 }

 html[dir=rtl] .ft-social .ft-social-list:nth-child(2)>ul>li:not(:first-child) {
  padding: 0 35px 0 0;
 }

 .ft-social .ft-social-list:last-child {
  grid-column: 1/3;
  grid-row: 3/3;
  display: inline-flex;
 }

 .ft-social .ft-social-list:last-child ul {
  flex-wrap: wrap;
  justify-content: center;
  padding: 32px 0 0;
  border-top: 1px solid var(--blue-60);
  margin: 0;
 }

 html[dir=rtl] .ft-social .ft-social-list:last-child ul li:not(:last-child) {
  padding-left: 12px;
  padding-right: 0;
 }

 html[dir=rtl] .ft-social-list:first-child {
  border-right: 0;
  border-left: 0;
  padding-left: 0;
 }

 .ft-legal {
  padding: 32px 0 60px;
 }

 footer .section.bg-primary-blue-90 {
  margin: 0;
 }
}

@media (width <=390px) {
 .ft-social .ft-social-list:first-child>ul>li a {
  display: flex;
  justify-content: flex-start;
 }

 .ft-social .ft-social-list:first-child>ul>li a img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
 }
}

@media (max-width: 767px) {

 .ft-social .ft-social-leftlist,
 .ft-social {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: var(--spacing-regular);
 }
}

@media (min-width:1025px) {
 .ft-social-leftlist {
  display: flex;
  align-items: center;
  width: 100%;
 }
}

@media (min-width:767px) and (max-width:1025px) {
 .ft-social .ft-social-leftlist {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
 }
}

footer .section.bg-primary-blue-90 a:any-link:focus-visible{
    text-decoration: underline;
}

/* Global Footer CSS End */
/* === full row css Begin === */
.bg-neutrals-10-gradient {
  background: linear-gradient(180deg, #ffffff 3.01%, var(--neutral-solid-10-s) 100%);
  overflow-x: hidden;
  max-width: 100vw;
}

.tui_default_background {
  background: linear-gradient(to bottom,
      #e7edf3 0%,
      rgba(231, 237, 243, 1) 15%,
      rgba(231, 237, 243, 0) 25%,
      rgba(231, 237, 243, 0) 75%,
      rgba(231, 237, 243, 1) 85%,
      #e7edf3 100%);
}

.tui_default_background_top_bankwise {
  background: linear-gradient(to bottom, #e7edf3 0%, #e7edf3 10%, transparent 100%);
}

.tui_default_background_top {
  /* background: linear-gradient(to bottom, #e7edf3 0%, #e7edf3 10%, transparent 100%); */
  background: linear-gradient(to bottom, #e7edf3 0%, #e7edf3 10%, transparent 15%);
}

/* === full row css End === */
/* === Google calender css Begin === */
.addeventatc .addeventatc_icon {
 display: none !important;
}

.addeventatc {
 display: inline-flex !important;
 justify-content: center !important;
 align-items: center !important;
 text-align: center !important;
 font-family: var(--global-font-family) !important;
 font-size: var(--lift-button-label-font-size) !important;
 font-style: normal !important;
 font-weight: var(--lift-button-label-font-weight) !important;
 line-height: var(--lift-button-label-line-height) !important;
 letter-spacing: var(--lift-button-label-letter-spacing) !important;
 padding: var(--lift-button-v-padding) var(--lift-button-h-padding) !important;
 border-radius: var(--lift-button-border-radius) !important;
 gap: var(--lift-button-gap) !important;
 text-decoration: none !important;
 border: 2px solid var(--outline-on-light-link-enabled) !important;
 cursor: pointer !important;
 border-color: var(--text-on-light-link-primary-enabled) !important;
 z-index: auto !important;
 color: var(--text-on-light-link-primary-enabled) !important;
 background: transparent !important;
}

.atc_node {
 color: var(--text-on-light-link-primary-enabled) !important;
}

.addeventatc:hover {
 padding: var(--lift-button-v-padding) var(--lift-button-h-padding) !important;
 border-radius: var(--lift-button-border-radius) !important;
 gap: var(--lift-button-gap) !important;
 text-decoration: none !important;
 border: 2px solid var(--outline-on-light-link-enabled) !important;
 background: var(--background-container-on-light-link-secondary-enabled) !important;
 color: var(--text-on-light-link-primary-enabled) !important;
 cursor: pointer !important;
 border: 2px solid var(--lift-outline-transparent) !important;
 background: var(--background-container-on-light-link-primary-hover) !important;
}

.addeventatc .atc_node {
 font-size: var(--lift-button-label-font-size) !important;
 font-style: normal !important;
 font-weight: var(--lift-button-label-font-weight) !important;
 line-height: var(--lift-button-label-line-height) !important;
 letter-spacing: var(--lift-button-label-letter-spacing) !important;
}

.tui_blue_banner_wrapper .addeventatc {
 /* color: var(--white) !important;
  border-color: var(--white) !important; */
 background: var(--white) !important;
 color: var(--background-container-on-light-link-primary-enabled) !important;
}

.tui_blue_banner_wrapper .atc_node {
 /* color: var(--white) !important; */
 color: var(--background-container-on-light-link-primary-enabled) !important;
}

.tui_blue_banner_wrapper .addeventatc:hover {
 /* color: var(--text-on-light-link-primary-enabled) !important;
  border: 2px solid var(--lift-outline-transparent) !important;
  background: var(--background-container-on-light-link-primary-hover) !important; */
 color: var(--blue-90) !important;
 border: 2px solid var(--lift-outline-transparent) !important;
 background: var(--background-container-on-light-link-primary-hover) !important;
}

.tui_blue_banner_wrapper .addeventatc:hover .atc_node {
 color: var(--blue-90) !important;
}

.tui_blue_banner_wrapper .addeventatc[aria-expanded=true] {
 color: var(--blue-90) !important;
 border: 2px solid var(--lift-outline-transparent) !important;
 background: var(--background-container-on-light-link-primary-hover) !important;
}

.tui_blue_banner_wrapper .addeventatc[aria-expanded=true] .atc_node {
 color: var(--blue-90) !important;
}

.addeventatc_dropdown.addeventatc-selected {
 max-width: 100%;
 transition: none !important;
 transform: none !important;
}

.addeventatc_dropdown,
.addeventatc_dropdown.addeventatc-selected {
 top: 42px !important;
}

@media (min-width: 768px) {

 .addeventatc_dropdown,
 .addeventatc_dropdown.addeventatc-selected {
  top: 58px !important;
 }
}

.addeventatc_dropdown {
 padding: var(--spacing-medium) !important;
 background-color: var(--white) !important;
 border-radius: 10px !important;
 border: 1px solid var(--neutral-solid-15-s) !important;
 margin: 1rem 0 !important;
 justify-content: flex-start;
 min-width: 100%;
}

.addeventatc_dropdown [role=menuitem] {
 font-family: var(--global-font-family) !important;
 font-size: var(--font-size-200) !important;
 font-style: normal !important;
 font-weight: var(--body-font-weight-regular) !important;
 line-height: 150% !important;
 color: var(--text-on-light-link-primary-enabled) !important;
 white-space: nowrap;
 display: flex;
 /* gap: var(--padding-margins-sp-08);*/
 gap: var(--padding-margins-sp-08);
 align-items: center;
 border: none;
 padding: 2px 0 !important;
 text-align: left;
 background-position: 0px !important;
 background-size: 16px 16px !important;
}

.addeventatc_dropdown span {
 /* margin-bottom: var(--spacing-xsmall) !important;*/
 margin-bottom: var(--spacing-small) !important;
}

.addeventatc_dropdown .ateyahoo {
 margin-bottom: 0 !important;
}

.addeventatc_dropdown .copyx {
 display: none !important;
}

.addeventatc_dropdown em {
 display: none !important;
}

.addeventatc_dropdown span {
 background: none !important;
}

.addeventatc_dropdown span::before {
 font-family: "loopicon" !important;
 speak: never;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
}

.addeventatc_dropdown .ateappleical::before {
 content: "\e371";
}

.addeventatc_dropdown .ategoogle::before {
 content: "\e368";
}

.addeventatc_dropdown .ateoffice365::before {
 content: "\e369";
}

.addeventatc_dropdown .ateoutlook::before {
 content: "\e369";
}

.addeventatc_dropdown .ateoutlookcom::before {
 content: "\e369";
}

.addeventatc_dropdown .ateyahoo::before {
 content: "\e370";
}

/* === Google calender css End === */
.tui_default_from .tui_button_primary {
 float: left;
}

.tui_default_from .spinner {
 width: 56px;
 height: 56px;
 border-radius: 50%;
 background: radial-gradient(farthest-side, #0071bc 94%, rgba(0, 0, 0, 0)) top/9px 9px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #0071bc);
 -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 0);
 animation: spinner-c7wet2 1s infinite linear;
 float: left;
 margin-left: 2rem;
}

@keyframes spinner-c7wet2 {
 100% {
  transform: rotate(1turn);
 }
}

.tui_top_banner .addeventatc_dropdown.topdown.addeventatc-selected {
 transform: none !important;
}

/* === Google calender css End === */
/* === Grid css Begin === */
.touchui-container-fluid {
 margin-right: auto;
 margin-left: auto;
 float: none !important;
 padding-left: var(--grid-margin-12-col);
 padding-right: var(--grid-margin-12-col);
}

.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 (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 (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 (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(--grid-margin-12-col);
 padding-right: var(--grid-margin-12-col);
}

.touchui-container:before,
.touchui-container:after {
 content: " ";
 display: table;
}

.touchui-container:after {
 clear: both;
}

@media (width >=1024px) {
 .touchui-container {
  max-width: var(--screen-width);
 }
}

@media (width >=1400px) {
 .touchui-container {
  max-width: var(--screen-width);
 }
}

@media (width >=1600px) {
 .touchui-container {
  box-sizing: content-box;
 }
.tui_page_title_wrapper.tui_page_title_v2 .touchui-container{
        padding-left:0;
                }
}

/* === Grid css End === */
.tui_scci_header_wrapper {
  height: auto;
  padding: 25px 0;
  /* ====== Mobile: Hide desktop, show hamburger ====== */
}

@media (min-width: 1024px) {
  .tui_scci_header_wrapper {
    padding: 32px 0;
  }
}

.tui_scci_header_wrapper .nav-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  /* gap: 12px; */
}

.tui_scci_header_wrapper .lp__navbar_header {
  display: flex;
  align-items: center;
  gap: var(--spacing-regular);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .lp__navbar_header .lp__navbar_text.hidden-sm {
    display: block;
  }

  .lp__navbar_header .lp__navbar_text.hidden-md {
    display: none;
  }
}

.tui_scci_header_wrapper .lp__navbar_header img {
  width: 100%;
}

// .tui_scci_header_wrapper .lp__navbar_brand img {
//     display: flex;
// }

.tui_scci_header_wrapper .lp__navbar_text {
  color: var(--blue-120);
  text-align: left;
  font-size: var(--font-size-400);
  font-style: normal;
  font-weight: bold;
  line-height: 150%;
  margin: 0;
  height: 150%;
  padding-left: var(--spacing-medium);
  border-left: 1px solid var(--outline-on-light-default);
  text-decoration: none;
}

.tui_scci_header_wrapper .lp__navbar_text:hover,
.tui_scci_header_wrapper .lp__navbar_text:focus{
    text-decoration: underline;
            }

.tui_scci_header_wrapper .desktop-nav {
  display: flex;
}

.tui_scci_header_wrapper .lp__megamenu {
  list-style: none;
  padding-bottom: var(--spacing-tiny);
  align-items: center;
  gap: var(--spacing-medium);
  display: none;
}

.tui_scci_header_wrapper .lp__megamenu_list {
  position: relative;
}

.tui_scci_header_wrapper .lp__megamenu_item {
  cursor: pointer;
  color: var(--blue-120);
  font-family: var(--global-font-family);
  font-size: var(--font-size-400);
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
   background: transparent;
    border: 0;
    padding: 0;
    border-radius: 0;
}

@media (min-width: 1024px) {
  .tui_scci_header_wrapper .lp__megamenu_item {
    white-space: nowrap;
  }
}

.tui_scci_header_wrapper .lp__megamenu_list a {
  text-decoration: none;
}

.tui_scci_dropdown_wrapper {
  padding-top: 24px;
  position: absolute;
  display: block;
  width: 100%;
}

.tui_scci_header_wrapper .dropdown-menu[hidden]{
            display: none;
        }


.tui_scci_header_wrapper .dropdown-menu {
  position: absolute;
  top: 100%;
  left: -40%;
  background: #fff;
  display: flex;
    z-index: 999;
  list-style: none;
  border-radius: 0 0 10px 10px;
  border-top: 4px solid var(--Blue-40, #169af3);
  background: #fff;
  width: 233px;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  /* Drop */
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);
}

.tui_scci_header_wrapper .lp__megamenu_list:hover .dropdown-menu,
.tui_scci_header_wrapper .dropdown-menu.show{
  display: flex;
  z-index: 99;
}

.tui_scci_header_wrapper .lp__megamenu_list span.lp-chevron-down::before {
  margin-left: 4px;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.tui_scci_header_wrapper .lp__megamenu_list:hover span.lp-chevron-down::before,
.tui_scci_header_wrapper .lp__megamenu_list button[aria-expanded="true"] span.lp-chevron-down::before {
  content: "\e119";
}

.tui_scci_header_wrapper .dropdown-menu li a {
  color: var(--blue-120);

  /* Body/Text/Base/Regular */
  font-family: var(--global-font-family);
  font-size: var(--font-size-300);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  /* 24px */
}

.tui_scci_header_wrapper .dropdown-menu li {
  border-bottom: 2px solid transparent;
}

.tui_scci_header_wrapper .dropdown-menu li:hover a{
  border-bottom: 2px solid var(--Background-Container-On-Light-Link-Primary-Hover, #169af3);
}

.tui_scci_header_wrapper .dropdown-menu li:focus a{
  border-bottom: 4px solid var(--Background-Container-On-Light-Link-Primary-Hover, #169af3);
}

.tui_scci_header_wrapper .lp__menuButton {
  display: block;
}

.tui_scci_header_wrapper .sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  height: 100%;
  display: flex;
  max-width: 360px;
  width: 60%;
  padding: 104px var(--Spacing-huge, 56px) var(--Spacing-huge, 56px) var(--Spacing-huge, 56px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-small, 12px);
  flex-shrink: 0;
  background: #fff;
  transition: right 0.3s ease;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  display: none;
  border-radius: 10px 0 0 10px;
}

.tui_scci_header_wrapper .sidebar.active {
  right: 0;
  display: block;
}

.tui_scci_header_wrapper .close-sidebar {
  background: none;
  border: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-height: 32px;
  cursor: pointer;
  border-radius: 100px;
  background: var(--Blue-70, #004370);
  position: absolute;
  right: 40px;
  top: 30px;
  padding: 0;
}

.tui_scci_header_wrapper .sidebar ul {
  list-style: none;
  padding-left: 0;
}

.tui_scci_header_wrapper .sidebar ul li {
  margin-bottom: 12px;
}

.tui_scci_header_wrapper .sidebar details li {
  border-bottom: 2px solid transparent;
}

.tui_scci_header_wrapper .sidebar details li:hover{
  border-bottom: 2px solid var(--Background-Container-On-Light-Link-Primary-Hover, #169af3);
}

.tui_scci_header_wrapper .sidebar details li:focus{
  border-bottom: 4px solid var(--Background-Container-On-Light-Link-Primary-Hover, #169af3);
}

.tui_scci_header_wrapper .sidebar ul li a {
  color: var(--Blue-120, #001c2d);
  font-size: var(--Font-size-600, 20px);
  font-style: normal;
  font-weight: var(--Body-Font-Weight-Regular, 700);
  line-height: 150%;
  letter-spacing: -0.07px;
}

.tui_scci_header_wrapper .sidebar a,
.tui_scci_header_wrapper .sidebar summary {
  color: var(--blue-120);
  font-size: var(--font-size-600);
  font-style: normal;
  font-weight: var(--body-font-weight-regular, 700);
  line-height: 150%;
  /* 30px */
  letter-spacing: -0.07px;
  text-decoration: none;
  cursor: pointer;
}

.tui_scci_header_wrapper .sidebar details summary {
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 0;
  font-weight: 700;
}

.tui_scci_header_wrapper .sidebar details ul {
  padding-top: 12px;
}

.tui_scci_header_wrapper .sidebar details summary span.lp {
  position: absolute;
  right: 0;
}

.tui_scci_header_wrapper .sidebar details summary span.lp::before {
  font-size: 20px;
  cursor: pointer;
}

.tui_scci_header_wrapper .sidebar details[open] summary span.lp::before {
  content: "\e119";
}

.tui_scci_header_wrapper .sidebar details ul li {
  margin-bottom: 8px;
  width: fit-content;
}

.tui_scci_header_wrapper .sidebar details ul li:last-child {
  margin-bottom: 0;
}

.tui_scci_header_wrapper .sidebar details ul li a {
  color: var(--blue-120);
  /* Body/Text/Base/Regular */
  font-family: var(--global-font-family);
  font-size: var(--font-size-300);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
}

.tui_scci_header_wrapper .lp__navbar_toggle {
  font-size: 28px;
  background: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

.tui_scci_header_wrapper .hidden-md {
  display: block;
}

.tui_scci_header_wrapper .hidden-sm {
  display: none;
}

.tui_scci_header_wrapper .lp__navbar_toggle::before {
  content: "\e125";
  font-family: "loopicon";
  font-size: 24px;
  color: var(--blue-120);
  width: 20px;
  cursor: pointer;
}

@media (min-width: 1024px) {

  .tui_scci_header_wrapper .desktop-nav,
  .tui_scci_header_wrapper .hidden-sm {
    display: block;
  }

  .tui_scci_header_wrapper .lp__megamenu {
    display: flex;
  }

  .tui_scci_header_wrapper .hidden-md,
  .tui_scci_header_wrapper .lp__menuButton {
    display: none;
  }
}

.tui_scci_header_wrapper .lp__navbar_toggle:focus:not(:focus-visible) {
  background: transparent;
}

.tui_scci_header_wrapper .close-sidebar:hover {
  color: #fff;
}

.tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo,
.tui_scci_header_wrapper .lp__navbar_brand .tui_navbar_logo {
  display: block;
}

.tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo_sm {
  display: none;
}

@media (min-width: 767px) {

  .tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo,
  .tui_scci_header_wrapper .lp__navbar_brand .tui_navbar_logo {
    display: none;
  }

  .tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo_sm {
    display: block;
  }
}

@media (min-width: 1024px) {

  .tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo,
  .tui_scci_header_wrapper .lp__navbar_brand .tui_navbar_logo {
    display: block;
  }

  .tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo_sm {
    display: none;
  }
}

@media (min-width: 1300px) {

  .tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo,
  .tui_scci_header_wrapper .lp__navbar_brand .tui_navbar_logo {
    display: none;
  }

  .tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo_sm {
    display: block;
  }
}

.tui_worldbank_link {
  padding-top: var(--spacing-small);
  margin-top: 32px;
  border-top: 1px solid var(--divider-on-light-default);
  color: var(--blue-120);
  font-family: var(--global-font-family);
  font-size: var(--font-size-100);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  letter-spacing: 0.25px;
}

@media (min-width: 1024px) {
  .tui_worldbank_link {
    display: none;
  }
}

.tui_scci_header_wrapper .tui_worldbank_link a {
  color: var(--blue-120);
  font-family: var(--global-font-family);
  font-size: var(--font-size-100);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 18px */
  letter-spacing: 0.25px;
}

.tui_scci_header_wrapper #lp__megamenu .lp__megamenu_list a.lp__megamenu_item.active,
.tui_scci_header_wrapper #lp__megamenu .lp__megamenu_list a.lp__megamenu_item:hover,
.tui_scci_header_wrapper #lp__megamenu .lp__megamenu_list a.lp__megamenu_item:focus {
  border: 0;
  border-bottom: 4px solid var(--background-container-secondary);
  color: var(--text-on-light-emphasis);
  text-decoration: none;
  padding-bottom: 4px;
}

.tui_scci_blue_tabs .cmp-tabs__tabpanel .text p {
  margin-bottom: 1rem;
}

@media screen and (min-width: 1024px) and (max-width: 1200px ){
html[lang="fr"] .tui_scci_header_wrapper .lp__navbar_text{
    font-size: 14px;
    line-height: 18px;
}

html[lang="fr"] img.tui_navbar_logo {
    min-width: 45px;
}
}

 html[lang="fr"]  .ft-social-list img{
        object-fit: contain;
    }

@media (min-width: 1300px) {
 html[lang="fr"]  .tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo_sm{
        object-fit: contain;
    }
}

.tui_scci_header_wrapper .lp__navbar_brand .lp__navbar_logo_sm{
                object-fit: contain;
            }
/* === Heading CSS Begin === */
.title.title-top-none {
 padding-top: var(--spacing-none);
}

.title.title-top-xtiny {
 padding-top: var(--spacing-xtiny);
}

.title.title-top-tiny {
 padding-top: var(--spacing-tiny);
}

.title.title-top-xxsmall {
 padding-top: var(--spacing-xxsmall);
}

.title.title-top-xsmall {
 padding-top: var(--spacing-xsmall);
}

.title.title-top-regular {
 padding-top: var(--spacing-regular);
}

.title.title-top-small {
 padding-top: var(--spacing-small);
}

.title.title-top-medium {
 padding-top: var(--spacing-medium);
}

.title.title-top-large {
 padding-top: var(--spacing-large);
}

.title.title-top-xlarge {
 padding-top: var(--spacing-xlarge);
}

.title.title-top-xxlarge {
 padding-top: var(--spacing-xxlarge);
}

.title.title-top-huge {
 padding-top: var(--spacing-huge);
}

.title.title-top-xhuge {
 padding-top: var(--spacing-xhuge);
}

.title.title-bottom-none {
 padding-bottom: var(--spacing-none);
}

.title.title-bottom-xtiny {
 padding-bottom: var(--spacing-xtiny);
}

.title.title-bottom-tiny {
 padding-bottom: var(--spacing-tiny);
}

.title.title-bottom-xxsmall {
 padding-bottom: var(--spacing-xxsmall);
}

.title.title-bottom-xsmall {
 padding-bottom: var(--spacing-xsmall);
}

.title.title-bottom-regular {
 padding-bottom: var(--spacing-regular);
}

.title.title-bottom-small {
 padding-bottom: var(--spacing-small);
}

.title.title-bottom-medium {
 padding-bottom: var(--spacing-medium);
}

.title.title-bottom-large {
 padding-bottom: var(--spacing-large);
}

.title.title-bottom-xlarge {
 padding-bottom: var(--spacing-xlarge);
}

.title.title-bottom-xxlarge {
 padding-bottom: var(--spacing-xxlarge);
}

.title.title-bottom-huge {
 padding-bottom: var(--spacing-huge);
}

.title.title-bottom-xhuge {
 padding-bottom: var(--spacing-xhuge);
}

.title hr {
 margin-top: var(--spacing-medium);
 margin-bottom: var(--spacing-medium);
 height: 2px;
 border: none;
 background-color: var(--divider-on-light-emphasis);
 margin-bottom: 0;
}

.title-border-spacing-none hr {
 margin-top: var(--spacing-none);
}

.title-border-spacing-xtiny hr {
 margin-top: var(--spacing-xtiny);
}

.title-border-spacing-tiny hr {
 margin-top: var(--spacing-tiny);
}

.title-border-spacing-xxsmall hr {
 margin-top: var(--spacing-xxsmall);
}

.title-border-spacing-xsmall hr {
 margin-top: var(--spacing-xsmall);
}

.title-border-spacing-regular hr {
 margin-top: var(--spacing-regular);
}

.title-border-spacing-small hr {
 margin-top: var(--spacing-small);
}

.title-border-spacing-medium hr {
 margin-top: var(--spacing-medium);
}

.title-border-spacing-large hr {
 margin-top: var(--spacing-large);
}

.title-border-spacing-xlarge hr {
 margin-top: var(--spacing-xlarge);
}

.title-border-spacing-xxlarge hr {
 margin-top: var(--spacing-xxlarge);
}

.title-border-spacing-huge hr {
 margin-top: var(--spacing-huge);
}

.title-border-spacing-xhuge hr {
 margin-top: var(--spacing-xhuge);
}

.tui_title_center {
 text-align: center;
}

.tui_title_center .button-container {
 position: relative;
 right: 0;
 top: 0px;
}

@media (width < 600px) {
    html[lang="fr"] .tui_page_title h1{
        width: 60%;
    }
}


.title.tui_text_center.tui_margin-xlarge-b h2{
    font-size: var(--font-size-1100);
} 

@media (width < 768px) {

.tui_scci_community_teaser h2{
        margin-bottom: 1rem;
        }
    }

/* === Heading CSS End === */
/* === list css Begin === */
.tui_sticky_list_wrapper {
 position: relative;
}

.tui_sticky_list {
 margin-bottom: var(--spacing-xxlarge);
}

.tui_sticky_list .cmp-list {
 display: flex;
 gap: 8px;
 padding: var(--spacing-none);
 margin: var(--spacing-none);
 list-style: none;
}

.tui_sticky_list .cmp-list__item-title {
 display: inline-block;
 width: 0;
 height: 0;
 overflow: hidden;
}

.tui_sticky_list .cmp-list__item-link {
 gap: 0 !important;
}

@media (min-width: 1024px) {
 .tui_sticky_list {
  position: absolute;
  top: 0;
  right: 0;
 }

 .tui_sticky_list .cmp-list {
  flex-direction: column;
 }
}

/* === list css End === */
/* === modal css Begin === */
.tui_modal {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 background-color: rgba(1, 39, 64, 0.9);
 z-index: 99;
}

.tui_modal.show {
 display: flex !important;
 align-items: center;
 justify-content: center;
}

.tui_modal_btn,
.tui_modal_submit {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 font-family: var(--global-font-family);
 font-size: var(--lift-button-label-font-size);
 font-style: normal;
 font-weight: var(--lift-button-label-font-weight);
 line-height: var(--lift-button-label-line-height);
 letter-spacing: var(--lift-button-label-letter-spacing);
 padding: var(--lift-button-v-padding) var(--lift-button-h-padding);
 border-radius: var(--lift-button-border-radius);
 border: 1px solid var(--outline-transparent);
 gap: var(--lift-button-gap);
 text-decoration: none;
 background: var(--background-container-on-light-link-primary-enabled);
 color: var(--text-on-dark-link-primary-enabled);
}

.tui_modal_btn:focus,
.tui_modal_btn:hover,
.tui_modal_submit:focus,
.tui_modal_submit:hover {
 border: 1px solid var(--lift-outline-transparent);
 background: var(--background-container-on-light-link-primary-hover);
 color: var(--text-on-light-link-primary-enabled);
}

.tui_modal_btn:active,
.tui_modal_submit:active {
 border: 1px solid var(--lift-outline-transparent);
 background: var(--background-container-on-light-link-primary-pressed);
 color: var(--text-on-dark-link-primary-enabled);
}

.tui_modal_close {
 position: absolute;
 top: -22px;
 right: 20px;
 border-radius: 100px;
 background: var(--blue-40);
 flex-shrink: 0;
 width: 48px;
 height: 48px;
 border-color: transparent;
}

.tui_modal_close::before {
 content: "\e126";
 font-family: "loopicon";
}

.tui_modal-content-wrapper {
 padding: var(--padding-margins-sp-60);
}

.tui_modal-content {
 overflow: auto;
 max-height: 65vh;
 padding: 1rem;
}

.tui_modal-content::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}

.tui_modal-content::-webkit-scrollbar-track {
 /* Track background color */
 background-color: var(--neutral-solid-10-s);
 border-radius: 10px;
}

.tui_modal-content::-webkit-scrollbar-thumb {
 /* Thumb color */
 background-color: var(--blue-70);
 border-radius: 10px;
}

.tui_modal-content::-webkit-scrollbar-thumb:hover {
 background-color: #006bb3;
 /* Thumb color on hover (optional) */
}

.tui_modal-header {
 margin-bottom: var(--spacing-medium);
}

.tui_modal-title {
 color: var(--text-on-light-highlight);
 /* Body_Text_Large_Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-600);
 font-style: normal;
 font-weight: var(--body-font-weight-bold);
 line-height: 150%;
 /* 36px */
 letter-spacing: -0.084px;
 margin-bottom: 10px;
}

.tui_modal-body {
 margin-bottom: var(--spacing-medium);
}

.tui_modal-dialog {
 margin: 0 auto;
 display: flex;
 width: 250px;
 align-items: center;
 border-radius: 10px;
 background: #fff;
 position: relative;
 padding: calc(var(--padding-margins-sp-32) - 1rem);
}

@media (min-width: 1024px) {
 .tui_modal-dialog {
  padding: calc(var(--padding-margins-sp-60) - 1rem);
 }
}

@media (min-width: 420px) {
 .tui_modal-dialog {
  min-width: 280px;
  width: auto;
 }
}

@media (min-width: 768px) {
 .tui_modal-dialog {
  width: 648px;
 }
}

.tui_modal-footer button:not(:last-child) {
 margin-right: 1rem;
}

.tui_separator hr {
 background: var(--neutrals-10-WBG);
 width: 100%;
 height: 2px;
 margin-top: var(--spacing-medium);
 margin-bottom: var(--spacing-medium);
}

/* === modal css End === */
/* === page title bannner css Start === */
.tui_page_title_wrapper {
  overflow: hidden;
  padding: var(--padding-between_sections, 80px) 0;
}

@media (max-width: 768px) {
  .tui_page_title_wrapper {
    position: relative;
  }
}

.tui_page_title {
  color: var(--text-on-light-default);
  /* Body/Text/Large/Regular */
  font-family: var(--global-font-family);
  font-size: var(--font-size-600);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  /* 36px */
  letter-spacing: -0.084px;
  padding-bottom: var(--spacing-xxlarge);
  border-bottom: 1px solid var(--divider-on-light-default);
}

@media (min-width: 768px) {
  .tui_page_title {
    position: relative;
  }
}

.tui_page_title h1 {
  color: var(--text-on-light-highlight);
  /* Heading/H1/Base */
  font-family: var(--global-font-family);
  font-size: var(--font-size-1100);
  font-style: normal;
  font-weight: var(--heading-font-weight);
  line-height: 112%;
  /* 53.76px */
  letter-spacing: -1.44px;
  margin-bottom: 0;

}


@media (width < 768px) {
  .tui_page_title_wrapper:not(.tui_page_title_v2) .tui_page_title h1 {
    padding-bottom: var(--spacing-xxlarge);
    border-bottom: 1px solid var(--divider-on-light-default);
    max-width: 60%;
  }
}

.tui_page_title .tui_page_title-text {
  padding-right: 0;
}

@media (min-width: 768px) {
  .tui_page_title .tui_page_title-text {
    padding-right: 25%;
  }
}

@media (width > 1200px) {
  .tui_page_title .tui_page_title-text {
    padding-left: 8.3333333333%;
    width: 66.6666666667%;
    padding-right: 0;
  }
}

.tui_page_title_wrapper.tui_page_title_v2 .tui_page_title .tui_page_title-image {
  position: absolute;
  top: -12px;
  width: 122px;
  right: 0;
}

@media (min-width: 768px) {
  .tui_page_title_wrapper.tui_page_title_v2 .tui_page_title .tui_page_title-image {
    width: auto;
    right: 0;
    max-width: 165px;
    position: absolute;
    left: auto;
    top: -22px;
  }
}

@media (min-width: 1024px) {
  .tui_page_title_wrapper.tui_page_title_v2 .tui_page_title .tui_page_title-image {
    width: 222px;
    right: 0;
    position: absolute;
    left: auto;
    top: -1rem;
    max-width: 222px;
  }
}

@media (min-width: 1025px) {
  .tui_page_title_wrapper.tui_page_title_v2 .tui_page_title .tui_page_title-image {
    right: 0;
    top: 60px;
  }

  .tui_page_title_wrapper.tui_page_title_v2 .touchui-container,
  .tui_page_title_wrapper.tui_page_title_v2 .touchui-container .teaser,
  .tui_page_title_wrapper.tui_page_title_v2 .touchui-container .tui_page_title {
    position: static;
  }

}

.tui_Subtitle {
  color: var(--text-on-light-default);
  /* Body/Text/Medium/Regular */
  font-family: var(--global-font-family);
  font-size: var(--font-size-500);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  /* 30px */
  letter-spacing: -0.25px;
  font-variant: small-caps;
  margin-bottom: var(--spacing-large);
}

.tui_Subtitle h2 {
  color: var(--text-on-light-highlight);
  /* Heading/Label/Tiny */
  font-family: var(--global-font-family);
  font-size: var(--font-size-700);
  font-style: normal;
  font-weight: var(--label-font-weight);
  line-height: 115%;
  /* 32.2px */
  letter-spacing: -0.42px;
  margin-bottom: var(--spacing-xxsmall);
}



.tui_page_title .tui_page_title-image {
  position: absolute;
  top: -40px;
  width: 100px;
  right: -25px;
}

@media (min-width: 768px) {
  .tui_page_title .tui_page_title-image {
    width: 33.3333333333%;
    right: -48px;
    max-width: 200px;
    top: 0;
  }
}

@media (min-width: 1025px) {

  .tui_page_title_wrapper .touchui-container,
  .tui_page_title_wrapper .touchui-container .teaser,
  .tui_page_title_wrapper .touchui-container .tui_page_title {
    position: relative;
  }



  .tui_page_title .tui_page_title-image {
    width: 33.3333333333%;
    right: 0;
    /* max-width: 356px; */
    bottom: 0;
    top: auto;
  }
}




.tui_page_title_wrapper.tui_page_title_v2 {
  overflow: hidden;
}


@media (width < 768px){
            .tui_page_title_wrapper.tui_page_title_v2{
                padding-top: 28px;
                    }
                }

.multiindepth-container .tui_sticky_list_wrapper .swiper {
  margin-bottom: var(--spacing-xlarge);
}

.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tabpanel .text a {
  display: inline-block;
}

@media (min-width: 1900px) {

  .tui_page_title_wrapper .touchui-container,
  .tui_page_title_wrapper .touchui-container .teaser,
  .tui_page_title_wrapper .touchui-container .tui_page_title {
    position: relative !important;
  }

  .tui_page_title_wrapper.tui_page_title_v2 .tui_page_title .tui_page_title-image {
    top: -16px !important;
  }


  .tui_page_title .tui_page_title-image {
    top: auto;
    max-width: 300px;
    bottom: -80px;
    right: -16%;

  }
}

/* === page title bannner css End === */
/* === email sign up CSS Being === */
.email-signup-container .main-heading h2 {
 margin-bottom: 12px;
 font-size: var(--font-size-1100);
 color: var(--text-on-light-emphasis);
 text-transform: uppercase;
    text-align: center;
}

.email-signup-container .signup-description {
 font-size: var(--font-size-300);
 margin-bottom: var(--spacing-large);
 margin-top: 0;
 color: var(--text-on-light-emphasis);
}

.email-signup-container input[type=email],
.email-signup-container input[type=text] {
 padding: 22px 0 10px 10px;
 border: 2px solid var(--divider-on-light-emphasis);
 font-size: var(--font-size-200);
 width: 100%;
 color: var(--text-on-light-default);
 box-sizing: border-box;
 padding-right: 10px;
 height: 56px;
 border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 var(--border-radius-none);
}

@media (min-width: 768px) {

 .email-signup-container input[type=email],
 .email-signup-container input[type=text] {
  margin-right: 10px;
  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
 }
}

.email-signup-container input[type=text] {
 border: 2px solid var(--outline-on-light-default);
 background: var(--background-container-on-light-lowest);
 border-radius: 0 var(--border-radius-none) var(--border-radius-medium) var(--border-radius-medium);
}

@media (min-width: 768px) {
 .email-signup-container input[type=text] {
  border-radius: 0 var(--border-radius-xlarge) var(--border-radius-xlarge) 0;
 }
}

html[dir=rtl] .email-signup-container input[type=email],
html[dir=rtl] .email-signup-container input[type=text] {
 margin-right: unset;
}

.email-signup-container .checkbox-group {
 display: flex;
 gap: 8px;
 margin-top: var(--padding-margins-sp1);
 align-items: start;
 font-size: var(--font-size-100);
}

.email-signup-container input[type=checkbox] {
 border: 1.5px solid rgba(0, 57, 107, 0.24);
 height: 16px;
 width: 16px;
}

.email-signup-container .input-container {
 position: relative;
}

.input-group .floating-placeholder {
 position: absolute;
 color: var(--text-on-light-subdued);
 font-size: var(--font-size-300);
 top: 18px;
 left: var(--spacing-medium);
 white-space: nowrap;
}

input:not(:-moz-placeholder)+.floating-placeholder {
 -moz-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 transform: translateY(-50%);
 font-size: 12px;
 color: #999;
 line-height: 12px;
}

input:focus+.floating-placeholder,
input:not(:placeholder-shown)+.floating-placeholder {
 transition: all 0.2s ease-in-out;
 transform: translateY(-50%);
 font-size: 12px;
 color: #999;
 line-height: 12px;
}

html[dir=rtl] .input-group .floating-placeholder {
 right: 29px;
}

.email-signup-container .checkbox-group label p {
 margin: 0;
}

.email-signup-container .checkbox-group label p a {
 font-size: var(--font-size-100);
 line-height: inherit;
}

.email-signup-container .checkbox-group label p a:visited {
 color: var(--neutral-solid-90-s);
 text-decoration-color: var(--neutral-solid-90-s);
}

.email-signup-container button#signup-btn,
.email-signup-container button {
 font-size: var(--font-size-300);
 display: inline-flex;
 align-items: center;
 cursor: pointer;
 margin-top: var(--spacing-xsmall);
 width: auto;
 justify-content: center;
 z-index: 999;
 border: none;
 padding: var(--theloop-button-v-padding) var(--theloop-button-h-padding);
 gap: var(--theloop-button-gap);
}

.email-signup-container button .icon {
 background-repeat: no-repeat;
 background-position: center;
 width: 21px;
 height: 21px;
 background-image: url("../../../content/dam/partners/scci/img/icons/subscribe.svg");
}

.email-signup-container .error-message {
 color: var(--global-states-negative-high);
 font-size: var(--font-size-100);
 margin-top: 12px;
 background-image: url("clientlib-site/img/exclamation.svg");
 background-repeat: no-repeat;
 padding-left: 20px;
 background-size: 14px 14px;
}

html[dir=rtl] .email-signup-container .error-message {
 padding-right: 20px;
 background-position: right;
}

.email-signup-container input[type=email].input-error,
.email-signup-container [type=checkbox]:not(:checked).input-error {
 border: 1px solid var(--global-states-negative-high);
 background-color: var(--text-on-state-error-default);
}

@media (width < 768px) {
            .email-signup-container button#signup-btn,
.email-signup-container button{
                width: 100%;
                }
            }


/* Tablet Styles */
@media (width >=768px) {
 input:not(:-moz-placeholder)+.floating-placeholder {
  padding-left: 20px;
 }

 input:focus+.floating-placeholder,
 input:not(:placeholder-shown)+.floating-placeholder {
  padding-left: 20px;
 }

 .email-signup-container .signup-description {
  margin-bottom: var(--spacing-xlarge);
 }

 .email-signup-container input[type=email],
 .email-signup-container input[type=text] {
  padding: 22px 10px 10px 29px;
  font-size: 14px;
  border: 1px solid var(--divider-on-light-emphasis);
  margin-right: 0;
 }

 .email-signup-container button#signup-btn {
  display: none;
 }

 html[dir=rtl] .email-signup-container button {
  border-radius: 50px 0 0 50px;
 }

 .email-signup-container .input-group {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
 }

 .email-signup-container .checkbox-group {
  grid-template-columns: 1fr auto;
 }

 .email-signup-container input[type=email] {
  border-radius: 100px 0 0 100px;
 }

 html[dir=rtl] .email-signup-container input[type=email] {
  border-radius: 0 100px 100px 0;
 }

 html[dir=rtl] .email-signup-container input[type=email],
 html[dir=rtl] .email-signup-container input[type=text] {
  padding: 22px 29px 10px 10px;
 }

 .email-signup-container input[type=checkbox] {
  margin-top: 10px;
 }

 .email-signup-container .checkbox-group label p {
  font-size: var(--font-size-300);
 }

 .email-signup-container .checkbox-group label p a {
  font-size: var(--font-size-300);
  line-height: 25px;
 }
}

@media (width >=1024px) {
 .email-signup-container {
  display: flex;
 }

 .email-signup-container .signup-description {
  margin-bottom: unset;
 }

 .email-signup-container .signup-content {
  padding: 0 var(--spacing-xhuge) 0 0;
  max-width: 500px;
 }

 html[dir=es] .email-signup-container .signup-content {
  padding: 0 35px 0 0;
  max-width: 500px;
 }

 html[dir=rtl] .email-signup-container .signup-content {
  padding: 0 0 0 100px;
 }

 .email-signup-container button {
  gap: 12px;
     width: 206px;
 }
}

/*=== begin News search ====*/
.search-news {
 width: 100%;
}

.search-news h3 {
 color: var(--text-on-light-emphasis);
 font-size: var(--font-size-700);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 116%;
 /* 32.48px */
 letter-spacing: -0.42px;
 margin: 0rem 0rem var(--spacing-regular) 0rem;
}

.search-news .lp__secondary_search input[type=search] {
 background: var(--neutral-solid-10-s);
}

.lp__news_search {
 padding-top: var(--spacing-medium);
}

@media (width >=992px) {
 .lp__news_search {
  display: flex;
  padding: 0rem 0rem 0rem var(--spacing-medium);
  flex-direction: column;
  align-items: flex-start;
  border-left: 2px solid var(--divider-on-light-default);
 }
}

.lp__news_search .lp__news_title {
 color: var(--text-on-light-emphasis);
 font-size: var(--font-size-700);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 116%;
 /* 32.48px */
 letter-spacing: -0.42px;
 margin: 0rem 0rem var(--spacing-regular) 0rem;
}

.lp__news_search .lp__newssearch_section {
 display: flex;
 align-items: center;
 gap: var(--spacing-regular);
}

@media (width <=768px) {
 .lp__news_search .lp__newssearch_section {
  width: 60%;
  align-items: flex-start;
 }
}

.lp__news_search .lp__blurb_text {
 color: var(--text-on-light-default);
 font-size: var(--font-size-300);
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 margin: 0rem 0rem var(--spacing-small) 0rem;
}

/*=== end News search ====*/
/*=== begin stay connected ===*/
.stay-connected.section[class*=bg-][data-sec-inside-container=true]>div {
 border-radius: var(--border-radius-medium);
}

.stay-connected .col-ctrl-4 .default-content-wrapper {
 margin-top: var(--spacing-xlarge);
 padding: var(--spacing-xlarge) var(--spacing-none) var(--spacing-none) var(--spacing-none);
 border-top: 2px solid var(--divider-on-light-subdued);
 text-align: center;
}

@media (width >=767px) {
 .stay-connected .columns.columns-2-cols.column-layout-67-33>div {
  row-gap: var(--spacing-medium);
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
 }
}

.stay-connected .col-ctrl-3 .default-content-wrapper {
 padding: var(--spacing-xxlarge) 0rem 0rem 0rem;
 margin: var(--spacing-xxlarge) 0rem 0rem 0rem;
 border: 0px;
 border-top: 2px solid var(--divider-on-light-subdued);
}

@media (width >=767px) {
 .stay-connected .col-ctrl-3 .default-content-wrapper {
  padding: 0rem 0rem 0rem var(--spacing-xxlarge);
  margin: 0rem 0rem 0rem var(--spacing-xxlarge);
  border: 0px;
  border-left: 2px solid var(--divider-on-light-subdued);
 }
}

.stay-connected .email-signup-container .main-heading p {
 color: var(--text-on-light-highlight);
 font-size: var(--font-size-600);
 line-height: 150%;
 letter-spacing: -0.084px;
 text-transform: none;
}

.stay-connected .email-signup-container .checkbox-group label p,
.stay-connected .email-signup-container .checkbox-group label p a {
 color: var(--text-on-light-default);
 font-size: var(--font-size-100);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 14px;
 /* 116.667% */
 letter-spacing: 0.25px;
}

.stay-connected .email-signup-container input[type=checkbox] {
 width: 16px;
 height: 16px;
 margin: 0;
}

@media (width >=768px) {
 .stay-connected .email-signup-container .input-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: var(--spacing-small);
 }

 .stay-connected .email-signup-container input[type=text] {
  border-radius: 0px 100px 100px 0px;
 }
}

.stay-connected .email-signup-container .checkbox-group {
 grid-template-columns: auto 1fr;
}

.stay-connected .email-signup-container button {
 display: flex;
 padding: var(--theloop-button-v-padding) var(--theloop-button-h-padding);
 justify-content: center;
 align-items: center;
 gap: var(--theloop-button-gap);
 border-radius: var(--theloop-button-border-radius);
}

@media (width >=768px) {
 .stay-connected .email-signup-container button {
  width: 242px;
 }
}

.stay-connected .email-signup-container button {
 display: none;
}

.stay-connected .email-signup-container button#signup-btn {
 margin-top: var(--spacing-small);
}

@media (width >=1400px) {
 .stay-connected .mini-card-container:has(.mini-card:nth-child(3)) {
  grid-template-columns: repeat(3, 1fr);
 }
}

@media (width <=1399.9px) {
 .stay-connected .mini-card-container:has(.mini-card:nth-child(1)) {
  grid-template-columns: 1fr;
 }
}

.stay-connected .columns-wrapper::before,
.stay-connected .heading-wrapper::before {
 display: none;
}

.stay-connected .signup-wrapper .signup {
 margin-top: var(--spacing-xlarge);
 margin-bottom: var(--spacing-xlarge);
 padding: var(--spacing-xlarge) var(--spacing-none);
 border-top: 2px solid var(--divider-on-light-subdued);
 border-bottom: 2px solid var(--divider-on-light-subdued);
}

.stay-connected .social-list ul {
 display: flex;
 align-items: center;
 gap: var(--spacing-xsmall);
 margin: var(--spacing-none);
 padding: var(--spacing-none);
 justify-content: flex-end;
 flex-wrap: wrap;
}

@media (width <=1023px) {
 .stay-connected .social-list ul {
  justify-content: flex-start;
 }
}

.stay-connected .social-list ul li {
 list-style: none;
}

.stay-connected .social-list-btn {
 width: 50px;
 height: 50px;
 border-radius: 125px;
 background: var(--blue-70);
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 text-decoration: none;
}

.stay-connected .social-list-btn:focus,
.stay-connected .social-list-btn:hover {
 color: var(--blue-70);
 background-color: var(--background-container-on-light-link-primary-hover);
}

.stay-connected .social-list-btn:visited {
 background: var(--blue-70);
 color: #fff;
}

.stay-connected .heading h2 {
 color: var(--text-on-light-emphasis);
 font-size: var(--font-size-1000);
 line-height: 112%;
 /* 44.8px */
 letter-spacing: -1.2px;
 text-transform: uppercase;
 margin: 0rem;
}

.stay-connected .mini-card {
 padding-block-start: 0px;
 gap: var(--spacing-regular);
}

.stay-connected .mini-card-with-button .main-heading p {
 color: var(--text-on-light-emphasis);
 font-size: var(--font-size-700);
 line-height: 116%;
 letter-spacing: -0.42px;
 text-transform: unset;
}

.stay-connected .mini-card-title {
 letter-spacing: -0.25px;
 text-decoration-line: underline;
 text-decoration-style: solid;
 -webkit-text-decoration-skip-ink: none;
 text-decoration-skip-ink: none;
 text-decoration-thickness: 1px;
 text-underline-offset: auto;
}

.stay-connected .mini-card .mini-card-image img {
 aspect-ratio: 1/1;
 width: 100px;
 min-width: 100px;
}

.stay-connected .mini-card-date p a {
 color: var(--text-on-light-link-primary-enabled);
 font-size: var(--font-size-200);
 font-weight: var(--body-font-weight-regular);
 line-height: 125%;
 text-decoration-line: underline;
 text-decoration-style: solid;
 -webkit-text-decoration-skip-ink: none;
 text-decoration-skip-ink: none;
 text-decoration-thickness: 1px;
 text-underline-offset: auto;
}

.stay-connected .default-content-wrapper h2 {
 color: var(--text-on-light-emphasis);
 font-size: var(--font-size-700);
 line-height: 116%;
 letter-spacing: -0.42px;
 text-transform: unset;
 margin: 0rem 0rem var(--spacing-medium) 0rem;
}

.stay-connected .default-content-wrapper strong {
 color: var(--text-on-light-emphasis);
}

.stay-connected .default-content-wrapper p {
 color: var(--text-on-light-default);
 font-size: var(--font-size-500);
 font-weight: var(--body-font-weight-regular);
 line-height: 125%;
 letter-spacing: -0.25px;
 margin: 0rem 0rem var(--spacing-xxsmall) 0rem;
}

.stay-connected .default-content-wrapper p.button-container .button {
 color: var(--text-on-light-link-primary-enabled);
 font-size: var(--theloop-xl-button-font-size);
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 letter-spacing: var(--theloop-button-label-letter-spacing);
 background-color: transparent;
 padding: var(--spacing-regular) var(--spacing-none) var(--spacing-tiny) var(--spacing-none);
 border: 0px;
 border-bottom: 2px solid rgba(0, 67, 112, 0.55);
 border-radius: 0px;
}

.stay-connected .default-content-wrapper p.button-container .button:hover {
 border-bottom: 2px solid var(--background-container-on-light-link-primary-hover);
}

@media (width >=768px) {
 html[dir=rtl] .stay-connected .email-signup-container input[type=text] {
  border-radius: 100px 0px 0px 100px;
 }
}

@media (width >=767px) {
 html[dir=rtl] .stay-connected .col-ctrl-3 .default-content-wrapper {
  padding: 0rem var(--spacing-xxlarge) 0rem 0rem;
  margin: 0rem var(--spacing-xxlarge) 0rem 0rem;
  border: 0px;
  border-right: 2px solid var(--divider-on-light-subdued);
 }
}

.stay-connected .mini-cards .mini-card .mc-text-wrapper a {
 letter-spacing: -0.25px;
 text-decoration-line: underline;
 text-decoration-style: solid;
 -webkit-text-decoration-skip-ink: none;
 text-decoration-skip-ink: none;
 text-decoration-thickness: 1px;
 text-underline-offset: auto;
}

.stay-connected-wrapper .columns.columns-2-cols.column-layout-67-33>div>div {
 flex-basis: auto;
}

.stay-connected .mini-card-desc {
 color: var(--text-on-light-default);
 font-size: var(--font-size-200);
 font-weight: var(--body-font-weight-regular);
 line-height: 125%;
 display: flex;
 gap: var(--spacing-xxsmall);
 flex-direction: column;
}

.stay-connected .mini-card-desc a {
 color: var(--text-on-light-link-primary-enabled);
 text-decoration-line: underline;
 text-decoration-style: solid;
 -webkit-text-decoration-skip-ink: none;
 text-decoration-skip-ink: none;
 text-decoration-thickness: 1px;
 text-underline-offset: auto;
}

/*=== end stay connected ===*/
/*=== Begin SCCI center signup ===*/
.signup-center-wrapper .email-signup-container {
 align-items: center;
 flex-direction: column;
 justify-content: center;
 margin: 0 auto;
 gap: var(--spacing-medium);
 display: flex;
}

@media (width >=1024px) {
 .signup-center-wrapper .email-signup-container {
  width: 66.6666666667%;
 }
}

.signup-center-wrapper .email-signup-container .signup-content {
 padding: var(--spacing-none);
 max-width: -moz-fit-content;
 max-width: fit-content;
}

.signup-center-wrapper .email-signup-container .checkbox-group label p {
 font-size: var(--font-size-200);
 line-height: 150%;
}

.signup-center-wrapper .email-signup-container .signup-description {
 color: var(--text-on-light-default);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 letter-spacing: -0.25px;
}

/*=== End SCCI center signup ===*/
/* === Small caps text styling === */
.small-caps-text {
 color: var(--Text-On-Light-Default, rgba(0, 13, 26, 0.7));
 font-feature-settings: "liga" off, "clig" off;
 /* Body/Text/Medium/Regular */
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: var(--Font-size-500, 20px);
 font-style: normal;
 font-weight: var(--Body-Font-Weight-Regular, 400);
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
 font-variant: small-caps;
}

.newsletter .input-container .firstname {
 display: none;
}

.info,
.warning,
.success,
.error {
 display: flex;
 justify-content: space-between;
 gap: var(--spacing-regular);
 align-items: center;
 padding: var(--theloop-button-v-padding, 16px) var(--theloop-button-h-padding, 32px);
 border-radius: var(--theloop-button-border-radius, 32px);
 border: 2px solid transparent;
}

.info button,
.warning button,
.success button,
.error button {
 border-radius: 50%;
 width: 2rem;
 height: 2rem;
 min-width: 2rem;
 min-height: 2rem;
 padding: 0;
 margin: 0;
}

.error {
 border: 2px solid var(--Background-Container-On-Light-State-Error-High);
}

.success {
 border: 2px solid var(--SCCI-Teal-60);
}

.warning {
 border: 2px solid var(--SCCI-Yellow-60);
}

.info {
 border: 2px solid var(--SCCI-Blue-60);

}

.email-signup-container button#signup-btn {
 display: none;
}

/* === email sign up CSS End === */
/* === Spacing css Begin === */
.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(--grid-section-padding);
}

.tui_margin-grid-section-b {
 margin-bottom: var(--grid-section-padding);
}

/* === Spacing css End === */
/* === tab css Begin === */
.lp__tab_full_row .cmp-tabs {
    position: relative;
    margin: 0;
    padding: 0;
}

.lp__tab_full_row .cmp-tabs .cmp-tabs__tablist {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow-x: auto;
    padding: var(--spacing-none);
    gap: var(--spacing-regular);
    border-bottom: 2px solid var(--neutral-solid-10-s);
    cursor: pointer;
    margin: 0rem 0rem var(--spacing-large) 0rem;
}

.cmp-tabs__tablist::-webkit-scrollbar {
    display: none;
}

.lp__tab_full_row .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab[aria-selected=true] {
    border: 0;
    border-bottom: 4px solid var(--background-container-secondary);
    cursor: initial;
    color: var(--text-on-light-emphasis);
}

.lp__tab_full_row .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab[aria-selected=true]:hover {
    text-decoration: none;
}

.lp__tab_full_row .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab {
    margin: var(--spacing-none);
    text-transform: none;
    background-color: transparent;
    padding: 0 1px;
    color: var(--background-container-on-light-link-primary-enabled);
    border-radius: 0;
    border-bottom: 5px solid transparent;
    font-size: var(--font-size-300);
    font-weight: var(--font-weight-700);
    line-height: 20px;
    padding-bottom: var(--spacing-xsmall);
    overflow: unset;
    text-overflow: unset;
}

.lp__tab_full_row .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px; 
    text-decoration-color: var(--accent-blue-primary-40);
    color: var(--text-on-light-emphasis);
    cursor: pointer;
}

.lp__tab_full_row .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:focus-visible {
    outline: 2px solid var(--links-focus-color);
    outline-offset: -1px;
}

.lp__tab_full_row .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab[aria-selected=true]:hover {
    text-decoration: none;
    cursor: initial;
}

.lp__tab_full_row .cmp-tabs .left-btn,
.lp__tab_full_row .cmp-tabs .right-btn {
    position: absolute;
    cursor: pointer;
    display: none;
    background: var(--white);
    color: var(--accent-blue-primary-70);
    margin: 0;
    border: 0;
    padding: 6px;
    font-size: 16px;
    font-weight: var(--font-weight-700);
    line-height: 140%;
    top: -5px;
    background-color: #fff;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.32));
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.lp__tab_full_row .cmp-tabs .left-btn {
    left: 0;
}

.lp__tab_full_row .cmp-tabs .right-btn {
    right: 0;
    text-align: right;
}

html[dir=rtl] .lp__tab_full_row .cmp-tabs .left-btn {
    right: 0;
    left: unset;
}

html[dir=rtl] .lp__tab_full_row .cmp-tabs .right-btn {
    left: 0;
    right: unset;
}

/* tabs-panel starts here */
.lp__tab_full_row .cmp-tabs__tabpanel {
    width: 100%;
    gap: var(--spacing-regular);
    display: flex;
    flex-direction: column;
}

.lp__tab_full_row .cmp-tabs__tabpanel .show-more-container .show-more-button {
    margin-top: var(--spacing-xxsmall);
    margin-bottom: 0;
}

.lp__tab_full_row .cmp-tabs__tabpanel main .section>div {
    padding: 0;
}

.lp__tab_full_row .cmp-tabs__tabpanel[aria-hidden=true] {
    display: none;
}

.tabs-wrapper {
    z-index: 12;
    position: relative;
    margin-top: 0;
}

.tabs-panel .spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.tabs-panel .spinner-container .spinner {
    border: 3px solid var(--neutral-solid-10-s);
    border-top: 3px solid #00ade4;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.tabs-container h2 {
    line-height: 31.36px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.cmp-tabs__tabpanel--active {
    display: block;
}

.lp__tab_full_row .cmp-tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tui_tab_center .cmp-tabs .cmp-tabs__tablist {
    display: inline-flex;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    width: auto;
}

/* === tab css End === */


.tui_sticky_list_wrapper .lp__tab_full_row .cmp-tabs__tabpanel[aria-hidden=true] {
    display: block;
}


.tui_sticky_list_wrapper.tab-sticky .side-nav {
    position: fixed;
    top: 1rem;
    align-self: flex-start;
}

.tui_sticky_list_wrapper .swiper-slide {
    margin: 0 !important;
    width: 100% !important;
    margin-right: 0 !important;
}

.tui_sticky_list_wrapper ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.tui_sticky_list_wrapper ul > li {
    min-width: 0;
}

.tui_sticky_list_wrapper ul img {
    max-width: 100%;
    height: auto;
}

.tui_sticky_list_wrapper .multiindepth-wrapper ul {
    gap: var(--spacing-medium);
}

@media (width < 1200px) {
    .tui_sticky_list_wrapper.tab-sticky .side-nav {
        z-index: 9;
        background: #e7edf3;
        top: 0;
        lefT: 0;
        right: 0;
        padding-right: var(--grid-margin-12-col);
        padding-left: var(--grid-margin-12-col);

    }

    .tui_sticky_list_wrapper ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}


.tui_sticky_list_wrapper .side-nav {
    overflow: visible;
    width: 100%;
    display: grid;
}

@media (width < 768px) {
    .tui_sticky_list_wrapper .swiper-slide {
        width: 100% !important;
    }

    .tui_sticky_list_wrapper .swiper-slide {
        max-width: 100%;
    }

    .tui_sticky_list_wrapper ul {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* === Title CSS Start === */
.tui_text_center {
 text-align: center;
}

.tui_page_subtitle h2 {
 color: var(--text-on-light-highlight);
 text-align: center;
 /* Heading/Label/Medium */
 font-family: var(--global-font-family);
 font-size: var(--font-size-1100);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 100%;
 /* 48px */
 letter-spacing: -0.72px;
}

/* === Title CSS End === */
/* === text CSS Start === */
.tui_Subtitle {
  color: var(--text-on-light-default);
  /* Body/Text/Medium/Regular */
  font-family: var(--global-font-family);
  font-size: var(--font-size-500);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%; /* 30px */
  letter-spacing: -0.25px;
  font-variant: small-caps;
  margin-bottom: var(--spacing-xlarge);
}
.tui_Subtitle h2 {
  color: var(--text-on-light-highlight);
  /* Heading/Label/Tiny */
  font-family: var(--global-font-family);
  font-size: var(--font-size-700);
  font-style: normal;
  font-weight: var(--label-font-weight);
  line-height: 115%; /* 32.2px */
  letter-spacing: -0.42px;
  margin-bottom: var(--spacing-xxsmall);
}

.tui_heading_center {
  text-align: center;
}
.tui_heading_center h2 {
  margin-bottom: var(--spacing-xlarge);
}

.tui_contact_us_wrapper {
  text-align: center;
  padding-bottom: var(--spacing-xhuge);
}
.tui_contact_us_wrapper .heading-wrapper h2 {
  margin-bottom: 10px;
  color: var(--Primary-Blue-90-WBG);
  text-align: center;
  /* Heading/Label/Medium */
  font-family: var(--global-font-family);
  font-size: var(--font-size-1100);
  font-style: normal;
  font-weight: var(--label-font-weight, 700);
  line-height: 100%; /* 48px */
  letter-spacing: -0.72px;
}
.tui_contact_us_wrapper .heading-wrapper .tui_body_text_md_regular {
  margin-bottom: var(--spacing-regular);
}
.tui_contact_us_wrapper .button-container a,
.tui_contact_us_wrapper .button-container button {
  min-width: 220px;
}

/* === text CSS End === */
/* === topics landing css Begin === */
.tui_topics_cards .swiper {
 overflow: visible;
 padding-bottom: var(--spacing-small);
 margin-bottom: var(--spacing-xlarge);
}

.tui_topics_cards .multiindepth-carousel .swiper-wrapper {
 display: grid;
 gap: var(--spacing-medium);
 /* spacing between columns */
 /* width: calc(100% - var(--grid-margin-12-col) * 1.5) !important; */
}

@media (min-width: 768px) {
 .tui_topics_cards .multiindepth-carousel .swiper-wrapper {
  grid-template-columns: repeat(2, 1fr);
 }
}

@media (min-width: 1024px) {
 .tui_topics_cards .multiindepth-carousel .swiper-wrapper {
  grid-template-columns: repeat(3, 1fr);
 }
}

.tui_topics_cards .swiper-slide {
 margin-right: 0 !important;
}

@media (max-width: 768px) {
 .tui_topics_cards .swiper-slide {
  width: 100% !important;
 }
}

.tui_topics_cards .lp-multiindepthcard-description p {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}

.tui_topics_cards .lp-multiindepthcard-tag {
 top: var(--spacing-regular);
 left: var(--spacing-regular);
}

.tui_topics_cards .lp-multiindepthcard-tag .lp-circle-solid {
 display: none;
}

.tui_topics_cards img {
 aspect-ratio: 39/29;
 width: 100%;
}

.measuring-impact-cards-wrapper {
 padding-bottom: var(--spacing-large);
 margin-bottom: var(--spacing-xxlarge);
}

.tui_scci_topic_teaser .cmp-container,
.measuring-impact-cards {
 display: grid;
 gap: var(--spacing-medium);
 /* width: calc(100% - var(--grid-margin-12-col) * 1.5); */
 width: 100%;
 margin-bottom: var(--spacing-xhuge);
}

.measuring-impact-cards {
 width: 100%;
}

@media (width >=768px) {

 .tui_scci_topic_teaser .cmp-container,
 .measuring-impact-cards {
  display: grid;
  gap: var(--spacing-medium);
  width: calc(100% - var(--grid-margin-12-col) * 1.5);
 }
}

@media (width >=1024px) {

 .tui_scci_topic_teaser .cmp-container,
 .measuring-impact-cards {
  grid-template-columns: repeat(2, minmax(auto, 1fr));
  width: 100%;
 }
}

.impact-card-wrapper {
 display: flex;
 gap: 10px;
 flex-shrink: 0;
 align-items: flex-start;
 padding: var(--padding-margins-sp-40, 40px) var(--padding-margins-sp-40, 40px) var(--Spacing-large, 40px) var(--padding-margins-sp-40, 40px);
 border-radius: 10px;
 border-radius: 10px;
 background: url("../../../content/dam/partners/scci/img/2025/angle-Vector.svg") no-repeat var(--neutral-solid-10-s);
 background-position: center bottom;
 /* horizontal vertical */
 background-size: contain;
 /* or cover / auto / fixed size */
 background-repeat: no-repeat;
}

.impact-card-wrapper a {
 text-decoration: none;
}

.impact-card-wrapper .impact-indicator {
 color: var(--text-on-light-highlight);
 /* Eyebrow/Desktop/Eb_D_SM */
 font-family: "Open Sans";
 font-size: 12px;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 /* 13.2px */
 letter-spacing: 0.6px;
 text-transform: uppercase;
 text-decoration: none;
 text-transform: uppercase;
 margin-bottom: var(--spacing-small);
 border-top: 2px solid var(--SCCI-Orange-50);
 padding-top: var(--padding-margins-sp-12);
 width: 100%;
}

@media (min-width: 768px) {
 .impact-card-wrapper .impact-card-body-content {
  display: flex;
  align-items: flex-start;
  gap: var(--padding-margins-sp-32);
 }
}

.impact-card-wrapper .impact-card-body-content{
        display: flex;
            }

@media (max-width: 768px) {


 .impact-card-content>h3{
                font-size: var(--font-size-700) !important;
                }


        }

.impact-card-wrapper .impact-card-img {
 display: inline-block;
  width: 20%;
}

@media (max-width: 768px) {
 .impact-card-wrapper .impact-card-img {
  margin-right: var(--spacing-large);
 }
}

@media (min-width: 768px) {
 .impact-card-wrapper .impact-card-img {
  width: auto;
 }
}

@media (min-width: 1024px) {
 .impact-card-wrapper .impact-card-img {
  width: 100%;
 }


}

.tui_scci_topic_teaser .impact-card-wrapper .impact-card-img img,
 .tui_scci_topic_teaser .impact-card-wrapper .impact-card-img {
    max-width: 83px;
    min-width: 83px
}

.impact-card-wrapper .impact-card-img img {
 width: 100%;
 height: auto;
}

.impact-card-content p,
.impact-card-content h3 {
 color: var(--text-on-light-default);
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: var(--body-font-weight-regular, 400);
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 /* limit to 3 lines */
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}  

.impact-card-content>div:first-child,
.impact-card-content>h3 {
 color: var(--text-on-light-highlight);
 font-weight: 700;
 margin-bottom: var(--padding-margins-sp-08);
}


.tui_scci_power_section .impact-card-content p {
 -webkit-line-clamp: inherit;
        }


.tui_sticky_list_wrapper .tui_vertical_tab .text {
    margin: var(--spacing-xlarge) 0 0;
}
/* === topics landing css End === */
/* Colors: Primitive */
:root {
  /* HEX Color */
  /* color */
  --black: #000000;
  --transparent: #ffffff00;
  --white: #ffffff;
  --wireframe: var(--neutral-solid-70-s);
  --accent-indigo-10: #f5f6ff;
  --accent-indigo-20: #e3e6fc;
  --accent-indigo-30: #ced4fd;
  --accent-indigo-40: #9fa9f7;
  --accent-indigo-50: #a8b2ff;
  --accent-indigo-60: #586af3;
  --accent-indigo-70: #2e43e0;
  --accent-indigo-80: #2132b0;
  --accent-indigo-90: #0a1885;
  --accent-magenta-10: #ffe6f6;
  --accent-magenta-20: #feaee1;
  --accent-magenta-30: #fe7cce;
  --accent-magenta-40: #fd49bb;
  --accent-magenta-50: #fd1caa;
  --accent-magenta-60: #de028d;
  --accent-magenta-70: #ac016d;
  --accent-magenta-80: #79014d;
  --accent-magenta-90: #47012d;
  --accent-orange-10: #fdebe8;
  --accent-orange-20: #facfc7;
  --accent-orange-30: #f5a799;
  --accent-orange-40: #f17f6a;
  --accent-orange-50: #ec553a;
  --accent-orange-60: #df3416;
  --accent-orange-70: #b12911;
  --accent-orange-80: #821e0d;
  --accent-orange-90: #541408;
  --accent-pale-green-10: #e1f4eb;
  --accent-pale-green-20: #b5e3ce;
  --accent-pale-green-30: #59c090;
  --accent-pale-green-40: #4cbb88;
  --accent-pale-green-50: #3b9b6f;
  --accent-pale-green-60: #2d7655;
  --accent-pale-green-70: #296b4d;
  --accent-pale-green-80: #235c42;
  --accent-pale-green-90: #1f513a;
  --accent-teal-10: #e6fcff;
  --accent-teal-20: #a9f4fe;
  --accent-teal-30: #03d7f2;
  --accent-teal-40: #02aac0;
  --accent-teal-50: #0298ac;
  --accent-teal-60: #017d8d;
  --accent-teal-70: #01707e;
  --accent-teal-80: #015e6a;
  --accent-teal-90: #01505b;
  --annotations-annotations: #bd10e0;
  --blue-05: #f6fcff;
  --blue-10: #e9f7fd;
  --blue-10-s: #e7edf3;
  --blue-100: #002035;
  --blue-120: #001c2d;
  --blue-20: #cde7f9;
  --blue-30: #a3daff;
  --blue-40: #169af3;
  --blue-50-base: #0071bc;
  --blue-55: #066db1;
  --blue-60: #00538a;
  --blue-60-a: #00538a99;
  --blue-70: #004370;
  --blue-80: #053657;
  --blue-90: #012740;
  --brand-blue: #009fda;
  --brand-dark-blue: #002244;
  --gray-alpha-black-08-a: #00000014;
  --gray-alpha-black-16-a: #00000029;
  --gray-alpha-black-24-a: #0000003d;
  --gray-alpha-black-48-a: #0000007a;
  --gray-alpha-black-60-a: #00000099;
  --gray-alpha-white-16-a: #ffffff29;
  --gray-alpha-white-24-a: #ffffff3d;
  --gray-alpha-white-48-a: #ffffff7a;
  --gray-alpha-white-60-a: #ffffff99;
  --gray-alpha-white-75-a: #ffffffbf;
  --gray-alpha-white-90-a: #ffffffe5;
  --green-10: #f6fef0;
  --green-20: #edfee2;
  --green-30: #b8ec93;
  --green-40: #56c606;
  --green-50-base: #459e05;
  --green-60: #388004;
  --green-70: #234f03;
  --green-80: #1e4602;
  --green-90: #163102;
  --neutral-alpha-02-a: #00396b08;
  --neutral-alpha-04-a: #00396b0d;
  --neutral-alpha-08-a: #00396b14;
  --neutral-alpha-16-a: #00396b29;
  --neutral-alpha-24-a: #00396b3d;
  --neutral-alpha-42-a: #00294d6b;
  --neutral-alpha-57-a: #000d1a91;
  --neutral-alpha-65-a: #000d1aa6;
  --neutral-alpha-70-a: #000d1ab2;
  --neutral-alpha-95-a: #000d1af5;
  --neutral-solid-05-s: #f5f7f9;
  --neutral-solid-10-s: #e7edf3;
  --neutral-solid-15-s: #dae3eb;
  --neutral-solid-20-s: #d4dee8;
  --neutral-solid-30-s: #bdccdb;
  --neutral-solid-40-s: #8a9db1;
  --neutral-solid-50-s: #586e84;
  --neutral-solid-60-s: #4b5e71;
  --neutral-solid-70-s: #3d4c5c;
  --neutral-solid-80-s: #252e37;
  --neutral-solid-90-s: #181f25;
  --neutral-solid-95-s: #0c0f12;
  --orange-05: #da570e;
  --priorities-blue-cross-cutting: #004370;
  --priorities-gray-digital: #5d6472;
  --priorities-green-planet: #07ab50;
  --priorities-magenta-infrastructure: #91302f;
  --priorities-purple-prosperity: #872c8f;
  --priorities-yellow-people: #f7b841;
  --purple-10: #f1e1ff;
  --purple-20: #e5c7ff;
  --purple-30: #cd95fe;
  --purple-40: #c17cfe;
  --purple-50: #b25dfe;
  --purple-60: #763ba9;
  --purple-70: #5c01ac;
  --purple-80: #410179;
  --purple-90: #260147;
  --red-10: #fdf2f2;
  --red-20: #f6bcbf;
  --red-30: #ec747a;
  --red-40: #e64750;
  --red-50: #da1e28;
  --red-60: #c91c25;
  --red-70: #9d161d;
  --red-80: #861319;
  --red-90: #550c10;
  --yellow-10: #fff7e6;
  --yellow-20: #fef3d7;
  --yellow-30: #ffecc2;
  --yellow-40: #fed881;
  --yellow-50: #e19d00;
  --yellow-60: #ca8d02;
  --yellow-70: #b27c00;
  --yellow-80: #896001;
  --yellow-90: #473201;
  --accent-blue-primary-05: var(--blue-05);
  --accent-blue-primary-10: var(--blue-10);
  --accent-blue-primary-100: var(--blue-100);
  --accent-blue-primary-120: var(--blue-120);
  --accent-blue-primary-20: var(--blue-20);
  --accent-blue-primary-30: var(--blue-30);
  --accent-blue-primary-40: var(--blue-40);
  --accent-blue-primary-50: var(--blue-50-base);
  --accent-blue-primary-60: var(--blue-60);
  --accent-blue-primary-70: var(--blue-70);
  --accent-blue-primary-80: var(--blue-80);
  --accent-blue-primary-90: var(--blue-90);
  --button-primary-background-enabled: var(--accent-blue-primary-70);
  --button-secondary-outline-enabled: var(--accent-blue-primary-70);
  --button-primary-label-default: var(--background-white);
  --button-secondary-background-enabled: var(--background-white);
  --button-secondary-label-enabled: var(--accent-blue-primary-70);
}

/* Colors: Semantic */
:root {
  /* The Loop */
  /* color */
  --background-black: var(--black);
  --background-white: var(--white);
  --background-container-primary: var(--domain-primary);
  --background-container-secondary: var(--domain-secondary);
  --background-container-on-dark-high: var(--domain-elevations-dark-high);
  --background-container-on-dark-low: var(--domain-elevations-dark-low);
  --background-container-on-dark-lowest: var(--domain-elevations-dark-lowest);
  --background-container-on-dark-medium: var(--domain-elevations-dark-medium);
  --background-container-on-dark-regular: var(--domain-elevations-dark-regular);
  --background-container-on-dark-link-primary-disabled: var(--neutral-solid-05-s);
  --background-container-on-dark-link-primary-enabled: var(--background-white);
  --background-container-on-dark-link-primary-hover: var(--blue-40);
  --background-container-on-dark-link-primary-pressed: var(--blue-20);
  --background-container-on-dark-link-secondary-disabled: var(--background-white);
  --background-container-on-dark-link-secondary-enabled: var(--background-white);
  --background-container-on-dark-link-secondary-hover: var(--blue-05);
  --background-container-on-dark-link-secondary-pressed: var(--blue-20);
  --background-container-on-dark-link-secondary-visited: var(--domain-interactive-on-light-visited);
  --background-container-on-dark-link-tertiary-disabled: var(--background-white);
  --background-container-on-dark-link-tertiary-enabled: var(--background-white);
  --background-container-on-dark-link-tertiary-hover: var(--blue-05);
  --background-container-on-dark-link-tertiary-pressed: var(--blue-20);
  --background-container-on-dark-link-tertiary-visited: var(--domain-interactive-on-light-visited);
  --background-container-on-dark-state-disable-default: var(--domain-interactive-on-dark-disable);
  --background-container-on-dark-state-error-high: var(--domain-states-negative-low);
  --background-container-on-dark-state-error-low: var(--domain-states-negative-high);
  --background-container-on-dark-state-information-high: var(--domain-states-informational-low);
  --background-container-on-dark-state-information-low: var(--domain-states-informational-high);
  --background-container-on-dark-state-success-high: var(--domain-states-positive-low);
  --background-container-on-dark-state-success-low: var(--domain-states-positive-high);
  --background-container-on-dark-state-suggestion-high: var(--domain-states-suggestion-low);
  --background-container-on-dark-state-suggestion-low: var(--domain-states-suggestion-high);
  --background-container-on-dark-state-warning-high: var(--domain-states-warning-low);
  --background-container-on-dark-state-warning-low: var(--domain-states-warning-high);
  --background-container-on-light-high: var(--domain-elevations-light-high);
  --background-container-on-light-low: var(--domain-elevations-light-low);
  --background-container-on-light-lowest: var(--background-white);
  --background-container-on-light-medium: var(--domain-elevations-light-medium);
  --background-container-on-light-regular: var(--domain-elevations-light-regular);
  --background-container-on-light-link-focused: var(--domain-interactive-on-light-focused);
  --background-container-on-light-link-primary-disabled: var(--domain-interactive-on-light-disable);
  --background-container-on-light-link-primary-enabled: var(--domain-interactive-on-light-enabled-primary);
  --background-container-on-light-link-primary-hover: var(--domain-interactive-on-light-hover);
  --background-container-on-light-link-primary-pressed: var(--domain-interactive-on-light-pressed);
  --background-container-on-light-link-primary-visited: var(--domain-interactive-on-light-visited);
  --background-container-on-light-link-secondary-disabled: var(--background-white);
  --background-container-on-light-link-secondary-enabled: var(--transparent);
  --background-container-on-light-link-secondary-hover: var(--domain-interactive-on-light-hover);
  --background-container-on-light-link-secondary-pressed: var(--blue-10);
  --background-container-on-light-link-secondary-visited: var(--domain-interactive-on-light-visited);
  --background-container-on-light-link-tertiary-disabled: var(--background-white);
  --background-container-on-light-link-tertiary-enabled: var(--transparent);
  --background-container-on-light-link-tertiary-hover: var(--blue-05);
  --background-container-on-light-link-tertiary-pressed: var(--blue-10);
  --background-container-on-light-link-tertiary-visited: var(--domain-interactive-on-light-visited);
  --background-container-on-light-state-disable-disable: var(--domain-states-disable-low);
  --background-container-on-light-state-error-high: var(--domain-states-negative-medium);
  --background-container-on-light-state-error-low: var(--domain-states-negative-low);
  --background-container-on-light-state-information-high: var(--domain-states-informational-high);
  --background-container-on-light-state-information-low: var(--domain-states-informational-low);
  --background-container-on-light-state-success-high: var(--domain-states-positive-medium);
  --background-container-on-light-state-success-low: var(--domain-states-positive-low);
  --background-container-on-light-state-suggestion-high: var(--domain-states-suggestion-medium);
  --background-container-on-light-state-suggestion-low: var(--domain-states-suggestion-low);
  --background-container-on-light-state-warning-high: var(--domain-states-warning-high);
  --background-container-on-light-state-warning-low: var(--domain-states-warning-low);
  --background-container-on-light-state-warning-medium: var(--domain-states-warning-medium);
  --background-container-on-light-state-warning-regular: var(--domain-states-warning-regular);
  --background-overlay-on-dark-low: var(--gray-alpha-white-16-a);
  --background-overlay-on-dark-medium: var(--gray-alpha-white-48-a);
  --background-overlay-on-dark-regular: var(--gray-alpha-white-24-a);
  --background-overlay-on-light-low: var(--neutral-alpha-08-a);
  --background-overlay-on-light-lowest: var(--neutral-alpha-04-a);
  --background-overlay-on-light-medium: var(--neutral-alpha-24-a);
  --background-overlay-on-light-regular: var(--neutral-alpha-16-a);
  --background-page-default: var(--domain-elevations-light-low);
  --background-page-default-inverted: var(--background-container-on-dark-lowest);
  --divider-on-dark-default: var(--blue-60-a);
  --divider-on-dark-emphasis: var(--gray-alpha-white-60-a);
  --divider-on-dark-highlight: var(--blue-40);
  --divider-on-dark-subdued: var(--gray-alpha-white-24-a);
  --divider-on-light-default: var(--neutral-alpha-16-a);
  --divider-on-light-emphasis: var(--neutral-alpha-24-a);
  --divider-on-light-subdued: var(--neutral-alpha-08-a);
  --domain-primary: var(--blue-70);
  --domain-secondary: var(--blue-40);
  --domain-elevations-dark-high: var(--neutral-solid-70-s);
  --domain-elevations-dark-low: var(--neutral-solid-95-s);
  --domain-elevations-dark-lowest: var(--black);
  --domain-elevations-dark-medium: var(--neutral-solid-80-s);
  --domain-elevations-dark-regular: var(--neutral-solid-90-s);
  --domain-elevations-light-high: var(--neutral-solid-30-s);
  --domain-elevations-light-low: var(--neutral-solid-05-s);
  --domain-elevations-light-lowest: var(--background-white);
  --domain-elevations-light-medium: var(--neutral-solid-20-s);
  --domain-elevations-light-regular: var(--neutral-solid-10-s);
  --domain-interactive-on-dark-disable: var(--gray-alpha-white-48-a);
  --domain-interactive-on-dark-enabeled-primary: var(--gray-alpha-white-90-a);
  --domain-interactive-on-dark-enabeled-secondary: var(--neutral-solid-05-s);
  --domain-interactive-on-dark-focused: var(--blue-80);
  --domain-interactive-on-dark-hover: var(--blue-40);
  --domain-interactive-on-dark-pressed: var(--white);
  --domain-interactive-on-dark-visited: var(--purple-40);
  --domain-interactive-on-light-disable: var(--neutral-solid-30-s);
  --domain-interactive-on-light-enabled-primary: var(--domain-primary);
  --domain-interactive-on-light-enabled-secondary: var(--neutral-solid-95-s);
  --domain-interactive-on-light-focused: var(--blue-50-base);
  --domain-interactive-on-light-hover: var(--domain-secondary);
  --domain-interactive-on-light-pressed: var(--blue-90);
  --domain-interactive-on-light-visited: var(--purple-70);
  --domain-states-disable-high: var(--neutral-solid-60-s);
  --domain-states-disable-highest: var(--neutral-solid-70-s);
  --domain-states-disable-low: var(--neutral-solid-15-s);
  --domain-states-disable-medium: var(--neutral-solid-40-s);
  --domain-states-disable-regular: var(--neutral-solid-20-s);
  --domain-states-negative-high: var(--red-80);
  --domain-states-negative-low: var(--red-10);
  --domain-states-negative-medium: var(--red-70);
  --domain-states-negative-regular: var(--red-50);
  --domain-states-positive-high: var(--green-70);
  --domain-states-positive-low: var(--green-10);
  --domain-states-positive-medium: var(--green-60);
  --domain-states-positive-regular: var(--green-40);
  --domain-states-suggestion-high: var(--purple-80);
  --domain-states-suggestion-low: var(--purple-10);
  --domain-states-suggestion-medium: var(--purple-60);
  --domain-states-suggestion-regular: var(--purple-40);
  --domain-states-warning-high: var(--yellow-90);
  --domain-states-warning-low: var(--yellow-20);
  --domain-states-warning-medium: var(--yellow-80);
  --domain-states-warning-regular: var(--yellow-50);
  --domain-states-informational-high: var(--blue-70);
  --domain-states-informational-low: var(--blue-05);
  --domain-states-informational-medium: var(--blue-60);
  --domain-states-informational-regular: var(--blue-40);
  --icon-on-dark-default: var(--neutral-solid-05-s);
  --icon-on-dark-emphasis: var(--white);
  --icon-on-dark-primary: var(--blue-40);
  --icon-on-dark-alpha-default: var(--gray-alpha-white-75-a);
  --icon-on-dark-alpha-disabled: var(--gray-alpha-white-48-a);
  --icon-on-dark-alpha-emphasis: var(--white);
  --icon-on-dark-link-enabled-primary: var(--blue-40);
  --icon-on-dark-link-enabled-secondary: var(--domain-interactive-on-dark-enabeled-secondary);
  --icon-on-dark-link-hover: var(--blue-50-base);
  --icon-on-dark-link-visited: var(--purple-50);
  --icon-on-dark-state-disabled: var(--neutral-solid-15-s);
  --icon-on-dark-state-error: var(--red-30);
  --icon-on-dark-state-info: var(--blue-40);
  --icon-on-dark-state-success: var(--green-40);
  --icon-on-dark-state-suggest: var(--purple-30);
  --icon-on-dark-state-warning: var(--yellow-30);
  --icon-on-light-default: var(--neutral-solid-60-s);
  --icon-on-light-emphasis: var(--neutral-solid-80-s);
  --icon-on-light-primary: var(--domain-primary);
  --icon-on-light-secondary: var(--domain-secondary);
  --icon-on-light-alpha-default: var(--neutral-alpha-57-a);
  --icon-on-light-alpha-disable: var(--neutral-alpha-42-a);
  --icon-on-light-alpha-emphasis: var(--neutral-alpha-70-a);
  --icon-on-light-link-enabled: var(--background-container-on-light-link-primary-enabled);
  --icon-on-light-link-hover: var(--background-container-on-light-link-primary-hover);
  --icon-on-light-link-visited: var(--background-container-on-light-link-primary-visited);
  --icon-on-light-state-disabled: var(--domain-states-disable-medium);
  --icon-on-light-state-error: var(--domain-states-negative-medium);
  --icon-on-light-state-informational: var(--domain-states-informational-high);
  --icon-on-light-state-success: var(--domain-states-positive-medium);
  --icon-on-light-state-suggestional: var(--domain-states-suggestion-high);
  --icon-on-light-state-warning-high: var(--domain-states-warning-high);
  --icon-on-light-state-warning-regular: var(--domain-states-warning-regular);
  --outline-primary: var(--domain-primary);
  --outline-transparent: var(--transparent);
  --outline-white: var(--white);
  --outline-on-dark-default: var(--neutral-solid-40-s);
  --outline-on-dark-dimmed: var(--neutral-solid-80-s);
  --outline-on-dark-emphasis: var(--blue-40);
  --outline-on-dark-subdued: var(--neutral-solid-70-s);
  --outline-on-dark-link-enabled: var(--domain-interactive-on-dark-enabeled-primary);
  --outline-on-dark-link-focused: var(--domain-interactive-on-light-focused);
  --outline-on-dark-link-hover: var(--domain-interactive-on-dark-hover);
  --outline-on-dark-link-visited: var(--domain-interactive-on-dark-visited);
  --outline-on-dark-state-disable: var(--gray-alpha-white-48-a);
  --outline-on-dark-state-error-high: var(--domain-states-negative-low);
  --outline-on-dark-state-error-low: var(--domain-states-negative-high);
  --outline-on-dark-state-informational-high: var(--domain-states-informational-low);
  --outline-on-dark-state-informational-low: var(--domain-states-informational-high);
  --outline-on-dark-state-success-high: var(--domain-states-positive-low);
  --outline-on-dark-state-success-low: var(--domain-states-positive-high);
  --outline-on-dark-state-suggestional-high: var(--domain-states-suggestion-low);
  --outline-on-dark-state-suggestional-low: var(--domain-states-suggestion-high);
  --outline-on-dark-state-warning-high: var(--domain-states-warning-low);
  --outline-on-dark-state-warning-low: var(--domain-states-warning-regular);
  --outline-on-light-default: var(--neutral-alpha-24-a);
  --outline-on-light-dimmed: var(--neutral-alpha-08-a);
  --outline-on-light-emphasis: var(--neutral-alpha-42-a);
  --outline-on-light-subdued: var(--neutral-alpha-16-a);
  --outline-on-light-link-enabled: var(--domain-interactive-on-light-enabled-primary);
  --outline-on-light-link-focused: var(--domain-interactive-on-light-focused);
  --outline-on-light-link-hover: var(--domain-interactive-on-light-hover);
  --outline-on-light-link-visited: var(--domain-interactive-on-light-visited);
  --outline-on-light-state-disable-high: var(--domain-states-disable-medium);
  --outline-on-light-state-disable-low: var(--domain-states-disable-regular);
  --outline-on-light-state-error-high: var(--domain-states-negative-medium);
  --outline-on-light-state-error-low: var(--domain-states-negative-low);
  --outline-on-light-state-info-high: var(--domain-states-informational-medium);
  --outline-on-light-state-info-low: var(--domain-states-informational-regular);
  --outline-on-light-state-success-high: var(--domain-states-positive-medium);
  --outline-on-light-state-success-low: var(--domain-states-positive-low);
  --outline-on-light-state-suggest-high: var(--domain-states-suggestion-medium);
  --outline-on-light-state-suggest-low: var(--domain-states-suggestion-regular);
  --outline-on-light-state-warning-high: var(--domain-states-warning-medium);
  --outline-on-light-state-warning-low: var(--domain-states-warning-low);
  --text-on-dark-default: var(--gray-alpha-white-75-a);
  --text-on-dark-emphasis: var(--gray-alpha-white-90-a);
  --text-on-dark-subdued: var(--gray-alpha-white-60-a);
  --text-on-dark-link-focused: var(--orange-20);
  --text-on-dark-link-hover: var(--domain-interactive-on-dark-hover);
  --text-on-dark-link-primary-enabled: var(--domain-interactive-on-dark-enabeled-primary);
  --text-on-dark-link-secondary: var(--domain-interactive-on-dark-enabeled-secondary);
  --text-on-dark-link-visited: var(--domain-interactive-on-dark-visited);
  --text-on-dark-state-disabled: var(--gray-alpha-white-48-a);
  --text-on-dark-state-error: var(--domain-states-negative-regular);
  --text-on-dark-state-info: var(--domain-states-informational-regular);
  --text-on-dark-state-success: var(--domain-states-positive-regular);
  --text-on-dark-state-suggest: var(--domain-states-suggestion-regular);
  --text-on-dark-state-warning: var(--domain-states-warning-regular);
  --text-on-light-default: var(--neutral-alpha-70-a);
  --text-on-light-emphasis: var(--neutral-alpha-95-a);
  --text-on-light-highlight: var(--blue-90);
  --text-on-light-subdued: var(--neutral-alpha-57-a);
  --text-on-light-link-disabled: var(--domain-interactive-on-light-disable);
  --text-on-light-link-hover: var(--blue-55);
  --text-on-light-link-pressed: var(--domain-interactive-on-light-pressed);
  --text-on-light-link-primary-enabled: var(--domain-interactive-on-light-enabled-primary);
  --text-on-light-link-secondary-enabled: var(--domain-interactive-on-light-enabled-secondary);
  --text-on-light-link-visited: var(--domain-interactive-on-light-visited);
  --text-on-light-state-disabled: var(--neutral-alpha-42-a);
  --text-on-light-state-error: var(--domain-states-negative-medium);
  --text-on-light-state-info: var(--domain-states-informational-medium);
  --text-on-light-state-success: var(--domain-states-positive-medium);
  --text-on-light-state-suggest: var(--domain-states-suggestion-medium);
  --text-on-light-state-warning: var(--domain-states-warning-high);
  --text-on-state-disable-default: var(--domain-states-disable-high);
  --text-on-state-disable-emphasis: var(--domain-states-disable-highest);
  --text-on-state-error-default: var(--domain-states-negative-regular);
  --text-on-state-error-emphasis: var(--domain-states-negative-high);
  --text-on-state-info-default: var(--domain-states-informational-medium);
  --text-on-state-info-emphasis: var(--domain-states-informational-high);
  --text-on-state-primary-default: var(--blue-05);
  --text-on-state-primary-emphasis: var(--white);
  --text-on-state-primary-subdued: var(--blue-10);
  --text-on-state-success-default: var(--domain-states-positive-medium);
  --text-on-state-success-emphasis: var(--domain-states-positive-high);
  --text-on-state-suggestional-default: var(--domain-states-suggestion-medium);
  --text-on-state-suggestional-emphasis: var(--domain-states-suggestion-high);
  --text-on-state-warning-default: var(--domain-states-warning-medium);
  --text-on-state-warning-emphasis: var(--domain-states-warning-high);
}

:root {
  --border-radius-none: 0rem;
  --border-radius-small: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-medium: 0.5rem;
  --border-radius-large: 1rem;
  --border-radius-x-large: 2rem;
  --grid-gutter: 1rem;
  --grid-margin-10-col: 1.75rem;
  --grid-margin-12-col: 1.75rem;
  --grid-margin-8-col: 1.75rem;
  --icon-size-large: 0rem;
  --icon-size-medium: 0rem;
  --icon-size-small: 0rem;
  --icon-size-xlarge: 0rem;
  --padding-breadcrumb-to-title: var(--spacing-xxlarge);
  --padding-between-sections: var(--spacing-huge);
  --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: 4rem;
  /* Typography */
  --body-font-weight-regular: 25rem;
  --body-font-weight-bold: 700;
  --font-size-100: 0.75rem;
  --font-size-150: 0.8125rem;
  --font-size-200: 0.875rem;
  --font-size-300: 1rem;
  --font-size-400: 1rem;
  --font-size-500: 1rem;
  --font-size-600: 1.125rem;
  --font-size-700: 1.25rem;
  --font-size-800: 1.5rem;
  --font-size-900: 1.5rem;
  --font-size-1000: 1.75rem;
  --font-size-1100: 1.75rem;
  --font-size-1200: 2.25rem;
  --heading-font-weight: 700;
  --label-font-weight: 700;
  --body-font-weight-italic: Italic;
  --global-font-family: Open Sans;
}

@media (width >=768px) {
  :root {
    /* Tablet */
    --border-radius-none: 0rem;
    --border-radius-small: 0.125rem;
    --border-radius-base: 0.25rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 1rem;
    --border-radius-x-large: 2rem;
    --grid-gutter: 1.5rem;
    --grid-margin-10-col: 3rem;
    --grid-margin-12-col: 3rem;
    --grid-margin-8-col: 3rem;
    --icon-size-large: 0rem;
    --icon-size-medium: 0rem;
    --icon-size-small: 0rem;
    --icon-size-xlarge: 0rem;
    --padding-breadcrumb-to-title: var(--spacing-xxlarge);
    --padding-between-sections: var(--spacing-huge);
    --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: 5rem;
    /* Typography */
    --body-font-weight-regular: 500;
    --body-font-weight-bold: 700;
    --font-size-100: 0.75rem;
    --font-size-150: 0.8125rem;
    --font-size-200: 0.875rem;
    --font-size-300: 1rem;
    --font-size-400: 1.125rem;
    --font-size-500: 1.125rem;
    --font-size-600: 1.25rem;
    --font-size-700: 1.5rem;
    --font-size-800: 1.75rem;
    --font-size-900: 1.75rem;
    --font-size-1000: 2rem;
    --font-size-1100: 2.25rem;
    --font-size-1200: 2.75rem;
    --heading-font-weight: 700;
    --label-font-weight: 700;
    --body-font-weight-italic: Italic;
    --global-font-family: "Open Sans";
  }
}

@media (width >=1024px) {
  :root {
    --border-radius-none: 0rem;
    --border-radius-small: 0.125rem;
    --border-radius-base: 0.25rem;
    --border-radius-medium: 0.5rem;
    --border-radius-large: 1rem;
    --border-radius-x-large: 2rem;
    --grid-gutter: 2rem;
    --grid-margin-12-col: 4.5rem;
    --grid-margin-8-col: 12.25rem;
    --grid-margin-10-col: 20rem;
    --icon-size-small: 0.5rem;
    --icon-size-medium: 0.75rem;
    --icon-size-large: 1.5rem;
    --icon-size-xlarge: 2rem;
    --padding-breadcrumb-to-title: var(--spacing-xxlarge);
    --padding-between-sections: var(--spacing-huge);
    --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;
    /* Typography */
    --body-font-weight-regular: 25rem;
    --body-font-weight-bold: 700;
    --font-size-100: 0.75rem;
    --font-size-150: 0.8125rem;
    --font-size-200: 0.875rem;
    --font-size-300: 1rem;
    --font-size-400: 1.125rem;
    --font-size-500: 1.25rem;
    --font-size-600: 1.5rem;
    --font-size-700: 1.75rem;
    --font-size-800: 2rem;
    --font-size-900: 2.25rem;
    --font-size-1000: 2.5rem;
    --font-size-1100: 3rem;
    --font-size-1200: 3.75rem;
    --heading-font-weight: 700;
    --label-font-weight: 700;
    --body-font-weight-italic: Italic;
    --global-font-family: Open Sans;
  }
}

/* Colors: Accent */
:root {
  --indigo-10: var(--accent-indigo-10);
  --indigo-20: var(--accent-indigo-20);
  --indigo-30: var(--accent-indigo-30);
  --indigo-40: var(--accent-indigo-40);
  --indigo-50: var(--accent-indigo-50);
  --indigo-60: var(--accent-indigo-60);
  --indigo-70: var(--accent-indigo-70);
  --indigo-80: var(--accent-indigo-80);
  --indigo-90: var(--accent-indigo-90);
  --magenta-10: var(--accent-magenta-10);
  --magenta-20: var(--accent-magenta-20);
  --magenta-30: var(--accent-magenta-30);
  --magenta-40: var(--accent-magenta-40);
  --magenta-50: var(--accent-magenta-50);
  --magenta-60: var(--accent-magenta-60);
  --magenta-70: var(--accent-magenta-70);
  --magenta-80: var(--accent-magenta-80);
  --magenta-90: var(--accent-magenta-90);
  --orange-10: var(--accent-orange-10);
  --orange-20: var(--accent-orange-20);
  --orange-30: var(--accent-orange-30);
  --orange-40: var(--accent-orange-40);
  --orange-50: var(--accent-orange-50);
  --orange-60: var(--accent-orange-60);
  --orange-70: var(--accent-orange-70);
  --orange-80: var(--accent-orange-80);
  --orange-90: var(--accent-orange-90);
  --pale-green-10: var(--accent-pale-green-10);
  --pale-green-20: var(--accent-pale-green-20);
  --pale-green-30: var(--accent-pale-green-30);
  --pale-green-40: var(--accent-pale-green-40);
  --pale-green-50: var(--accent-pale-green-50);
  --pale-green-60: var(--accent-pale-green-60);
  --pale-green-70: var(--accent-pale-green-70);
  --pale-green-80: var(--accent-pale-green-80);
  --pale-green-90: var(--accent-pale-green-90);
  --teal-10: var(--accent-teal-10);
  --teal-20: var(--accent-teal-20);
  --teal-30: var(--accent-teal-30);
  --teal-40: var(--accent-teal-40);
  --teal-50: var(--accent-teal-50);
  --teal-60: var(--accent-teal-60);
  --teal-70: var(--accent-teal-70);
  --teal-80: var(--accent-teal-80);
  --teal-90: var(--accent-teal-90);
}

/* Colors: Primitive IEO */
:root {
  --brand-blue: #345ff9;
  --brand-dark-blue: #15293f;
}

/* Images */
:root {
  /* Desktop */
  /* number */
  --square-large: 28.75rem;
  /* Tablet */
  /* number */
  --square-large: 16.5rem;
  /* Mobile */
  /* number */
  --square-large: 15.875rem;
}

/* Breakpoint */
:root {
  /* Desktop */
  /* number */
  --screen-size: 100rem;
  --header-main-description-width: 67.6875rem;
  /* Tablet */
  /* number */
  --screen-size: 48rem;
  --header-main-description-width: 42rem;
  /* Mobile */
  /* number */
  --screen-size: 24.375rem;
  --header-main-description-width: 20.875rem;
}

/* UI Components */
:root {
  /* Large */
  /* number */
  --padding: 0rem;
  --global-sizes-icon-dropdown: 1rem;
  --global-sizes-icon-size: 1.125rem;
  --theloop-accordion-h-padding: 0.5rem;
  --theloop-accordion-v-gap: 1rem;
  --theloop-accordion-icon-size: 1.125rem;
  --theloop-accordion-label-large: 1.5rem;
  --theloop-accordion-label-small: 1.5rem;
  --theloop-accordion-v-padding: 1.5rem;
  --theloop-accordion-label-line-height: 1.875rem;
  --theloop-avatar-and-initals-b-padding: 0.25rem;
  --theloop-avatar-and-initals-l-padding: 0.25rem;
  --theloop-avatar-and-initals-t-padding: 0.25rem;
  --theloop-avatar-and-initals-r-padding: 0.75rem;
  --theloop-avatar-and-initals-size-w: 1.5rem;
  --theloop-avatar-and-initals-label-letter-spacing: 0.0156rem;
  --theloop-avatar-and-initals-label-font-size: 0.625rem;
  --theloop-avatar-and-initals-label-font-weight: 43.75rem;
  --theloop-button-multimedia-icon: 1.25rem;
  --theloop-button-multimedia-v-padding-right: 1.5rem;
  --theloop-button-multimedia-h-padding: 1.625rem;
  --theloop-button-multimedia-v-padding-left: 1.75rem;
  --theloop-button-multimedia-circle: 2.5rem;
  --theloop-card-image-radius: 0rem;
  --theloop-card-image-radius-2: 0rem;
  --theloop-checkbox-border-radius: var(--lift-border-radius-base);
  --theloop-checkbox-gap: 0.5rem;
  --theloop-checkbox-icon-height: 1.25rem;
  --theloop-checkbox-icon-width: 1.25rem;
  --theloop-checkbox-label-letter-spacing: 0rem;
  --theloop-checkbox-label-font-size: 0.875rem;
  --theloop-checkbox-label-line-height: 0.875rem;
  --theloop-checkbox-label-font-weight: 25rem;
  --theloop-circle-icon-headline-status: 0.625rem;
  --theloop-circle-icon-light-status: 0.75rem;
  --theloop-close-modal-right-padding: 1.25rem;
  --theloop-close-modal-top-padding: 1.25rem;
  --theloop-exp-collapse-icon: 0.625rem;
  --theloop-exp-collapse-h-padding: 0.75rem;
  --theloop-exp-collapse-v-padding: 0.75rem;
  --theloop-exp-collapse-circle: 2.5rem;
  --theloop-field-placeholder-v-padding: 0.125rem;
  --theloop-field-right-icon-v-gap: 0.125rem;
  --theloop-field-h-gap: 0.5rem;
  --theloop-field-v-padding: 0.875rem;
  --theloop-field-h-padding-left: 1rem;
  --theloop-field-h-padding-right: 1rem;
  --theloop-field-x-mark-icon-size: 1rem;
  --theloop-field-icon-size: 1.25rem;
  --theloop-field-border-radius: var(--border-radius-x-large);
  --theloop-helper-gap: 0.25rem;
  --theloop-helper-icon: 0.75rem;
  --theloop-icon-icon: 1.25rem;
  --theloop-icon-and-flag-v-padding: 0.25rem;
  --theloop-icon-and-flag-b-padding: 0.375rem;
  --theloop-icon-and-flag-t-padding: 0.375rem;
  --theloop-icon-and-flag-h-padding: 0.75rem;
  --theloop-icon-and-flag-size: 1.125rem;
  --theloop-icon-and-flag-flag-h: 1.25rem;
  --theloop-icon-and-flag-flag-w: 1.75rem;
  --theloop-label-letter-space: 0.0156rem;
  --theloop-label-letter-spacing: 0.0156rem;
  --theloop-label-gap: 0.25rem;
  --theloop-label-line-heigh: 0.625rem;
  --theloop-label-font-size: 0.875rem;
  --theloop-label-line-height: 1rem;
  --theloop-label-font-weight: 37.5rem;
  --theloop-label-font-weight-selected: 43.75rem;
  --theloop-metatag-cloud-icon: 1.125rem;
  --theloop-modal-side-padding: 2.5rem;
  --theloop-numbers-size: 2rem;
  --theloop-numeric-letter-spacing: 0rem;
  --theloop-numeric-font-size: 1.125rem;
  --theloop-numeric-line-height: 1.125rem;
  --theloop-numeric-font-weight: 37.5rem;
  --theloop-pagination-circle: 2.5rem;
  --theloop-placeholder-text-field-letter-spacing: 0.0156rem;
  --theloop-placeholder-text-field-font-size: 0.875rem;
  --theloop-placeholder-text-field-line-height: 1rem;
  --theloop-placeholder-text-field-font-weight: 25rem;
  --theloop-radio-button-vpadding: 0.125rem;
  --theloop-radio-button-gap: 0.5rem;
  --theloop-radio-button-height: 1.125rem;
  --theloop-radio-button-width: 1.125rem;
  --theloop-search-bar-icon-gap: 0.5rem;
  --theloop-search-bar-h-padding: 1rem;
  --theloop-search-bar-v-padding: 1rem;
  --theloop-share-icon-size: 1.25rem;
  --theloop-share-size: 2.5rem;
  --theloop-status-badge-v-padding: 0.25rem;
  --theloop-status-badge-h-gap: 0.375rem;
  --theloop-status-badge-dot-size: 0.75rem;
  --theloop-status-badge-h-padding-left: 0.75rem;
  --theloop-status-badge-icon-size: 1.125rem;
  --theloop-status-badge-h-padding-right: 1.125rem;
  --theloop-status-badge-label-font-size: 1rem;
  --theloop-status-badge-label-line-height: 1.25rem;
  --theloop-status-badge-label-font-weight: 25rem;
  --theloop-tabs-icon-size: 1.125rem;
  --theloop-tabs-label-letter-spacing: -0.0078rem;
  --theloop-tabs-label-line-heigh: 1rem;
  --theloop-tabs-label-size: 1rem;
  --theloop-tabs-label-font-weight: 43.75rem;
  --theloop-tag-h-gap: 0.25rem;
  --theloop-tag-v-gap: 0.375rem;
  --theloop-tag-v-padding: 0.5rem;
  --theloop-tag-h-padding: 0.75rem;
  --theloop-tag-has-initials: 1.5rem;
  --theloop-tag-border-raduis: 3.125rem;
  --theloop-tag-label-letter-space: 0.0156rem;
  --theloop-tag-label-font-size: 1rem;
  --theloop-tag-label-line-heigh: 1rem;
  --theloop-tag-label-font-weight: 25rem;
  --theloop-tags-v-padding: 0.25rem;
  --theloop-text-area-letter-spacing: 0rem;
  --theloop-text-area-font-size: 1rem;
  --theloop-text-area-line-height: 1.5rem;
  --theloop-text-area-font-weight: 25rem;
  --theloop-text-field-letter-spacing: 0.0156rem;
  --theloop-text-field-font-size: 0.875rem;
  --theloop-text-field-line-height: 1rem;
  --theloop-text-field-font-weight: 25rem;
  --theloop-text-wapper-v-padding: 0.25rem;
  --theloop-toggle-padding: 0.125rem;
  --theloop-toggle-icon: 0.875rem;
  --theloop-toggle-circle: 1.25rem;
  --theloop-toggle-label-letter-spacing: 0rem;
  --theloop-toggle-label-font-size: 1rem;
  --theloop-toggle-label-line-height: 1rem;
  --theloop-toggle-label-font-weight: 25rem;
  --theloop-toggle-truck-height: 1.5rem;
  --theloop-toggle-truck-width: 3rem;
  --theloop-button-gap: 0.375rem;
  --theloop-button-v-padding: 0.75rem;
  --theloop-button-h-padding-right: 1.5rem;
  --theloop-button-h-padding: 1.75rem;
  --theloop-button-border-radius: var(--border-radius-x-large);
  --theloop-button-icon-icon-wapper-h-padding: 0.125rem;
  --theloop-button-icon-icon-wapper-v-padding: 0.125rem;
  --theloop-button-icon-v-padding: 0.875rem;
  --theloop-button-icon-h-padding: 1rem;
  --theloop-button-icon-size-large: 1rem;
  --theloop-button-icon-size-small: 1rem;
  --theloop-button-label-letter-spacing: -0.0312rem;
  --theloop-button-label-v-padding: 0rem;
  --theloop-button-label-font-size: 0.875rem;
  --theloop-button-label-line-height: 1.5rem;
  --theloop-button-label-font-weight: 700;
  --theloop-button-text-label-font: 0.875rem;
  --theloop-images-corner-radius: 0.5rem;
}

@media (width >=1024px) {
  :root {
    /* XLarge */
    /* number */
    --padding: 0rem;
    --global-sizes-icon-dropdown: 0.75rem;
    --global-sizes-icon-size: 0.875rem;
    --theloop-accordion-h-padding: 0.5rem;
    --theloop-accordion-icon-size: 1rem;
    --theloop-accordion-v-gap: 1rem;
    --theloop-accordion-label-small: 1.5rem;
    --theloop-accordion-v-padding: 1.5rem;
    --theloop-accordion-label-large: 2rem;
    --theloop-accordion-label-line-height: 2.5rem;
    --theloop-avatar-and-initals-b-padding: 0.25rem;
    --theloop-avatar-and-initals-l-padding: 0.25rem;
    --theloop-avatar-and-initals-t-padding: 0.25rem;
    --theloop-avatar-and-initals-r-padding: 0.75rem;
    --theloop-avatar-and-initals-size-w: 1rem;
    --theloop-avatar-and-initals-label-letter-spacing: 0.0469rem;
    --theloop-avatar-and-initals-label-font-size: 0.5rem;
    --theloop-avatar-and-initals-label-font-weight: 43.75rem;
    --theloop-button-multimedia-icon: 1.875rem;
    --theloop-button-multimedia-v-padding-right: 1.9375rem;
    --theloop-button-multimedia-h-padding: 2.0625rem;
    --theloop-button-multimedia-v-padding-left: 2.1875rem;
    --theloop-button-multimedia-circle: 4.5rem;
    --theloop-card-image-radius: 2.5rem;
    --theloop-card-image-radius-2: 2.5rem;
    --theloop-checkbox-border-radius: var(--lift-border-radius-base);
    --theloop-checkbox-gap: 0.5rem;
    --theloop-checkbox-icon-height: 1.375rem;
    --theloop-checkbox-icon-width: 1.375rem;
    --theloop-checkbox-label-letter-spacing: 0rem;
    --theloop-checkbox-label-font-size: 1rem;
    --theloop-checkbox-label-line-height: 1rem;
    --theloop-checkbox-label-font-weight: 25rem;
    --theloop-circle-icon-headline-status: 0.625rem;
    --theloop-circle-icon-light-status: 0.75rem;
    --theloop-close-modal-right-padding: 1.25rem;
    --theloop-close-modal-top-padding: 1.25rem;
    --theloop-exp-collapse-icon: 0.75rem;
    --theloop-exp-collapse-h-padding: 0.75rem;
    --theloop-exp-collapse-v-padding: 0.75rem;
    --theloop-exp-collapse-circle: 2.75rem;
    --theloop-field-placeholder-v-padding: 0.125rem;
    --theloop-field-right-icon-v-gap: 0.125rem;
    --theloop-field-h-gap: 0.5rem;
    --theloop-field-h-padding-left: 1rem;
    --theloop-field-h-padding-right: 1rem;
    --theloop-field-x-mark-icon-size: 1rem;
    --theloop-field-v-padding: 1.125rem;
    --theloop-field-icon-size: 1.25rem;
    --theloop-field-border-radius: var(--border-radius-x-large);
    --theloop-helper-gap: 0.25rem;
    --theloop-helper-icon: 0.75rem;
    --theloop-icon-icon: 1.375rem;
    --theloop-icon-and-flag-b-padding: 0rem;
    --theloop-icon-and-flag-flag-h: 0rem;
    --theloop-icon-and-flag-flag-w: 0rem;
    --theloop-icon-and-flag-t-padding: 0rem;
    --theloop-icon-and-flag-v-padding: 0.25rem;
    --theloop-icon-and-flag-h-padding: 0.75rem;
    --theloop-icon-and-flag-size: 0.875rem;
    --theloop-label-letter-space: 0.0312rem;
    --theloop-label-letter-spacing: 0.0312rem;
    --theloop-label-gap: 0.25rem;
    --theloop-label-line-heigh: 0.5rem;
    --theloop-label-font-size: 1rem;
    --theloop-label-line-height: 1rem;
    --theloop-label-font-weight: 37.5rem;
    --theloop-label-font-weight-selected: 43.75rem;
    --theloop-metatag-cloud-icon: 1.125rem;
    --theloop-modal-side-padding: 3rem;
    --theloop-numbers-size: 1.25rem;
    --theloop-numeric-letter-spacing: 0rem;
    --theloop-numeric-font-size: 1rem;
    --theloop-numeric-line-height: 1.125rem;
    --theloop-numeric-font-weight: 37.5rem;
    --theloop-pagination-circle: 3rem;
    --theloop-placeholder-text-field-letter-spacing: 0.0312rem;
    --theloop-placeholder-text-field-font-size: 1rem;
    --theloop-placeholder-text-field-line-height: 1rem;
    --theloop-placeholder-text-field-font-weight: 25rem;
    --theloop-radio-button-vpadding: 0.125rem;
    --theloop-radio-button-gap: 0.5rem;
    --theloop-radio-button-height: 1rem;
    --theloop-radio-button-width: 1rem;
    --theloop-search-bar-icon-gap: 0.5rem;
    --theloop-search-bar-h-padding: 1rem;
    --theloop-search-bar-v-padding: 1.25rem;
    --theloop-share-icon-size: 1.5rem;
    --theloop-share-size: 3rem;
    --theloop-status-badge-v-padding: 0.125rem;
    --theloop-status-badge-h-gap: 0.25rem;
    --theloop-status-badge-dot-size: 0.5rem;
    --theloop-status-badge-h-padding-left: 0.5rem;
    --theloop-status-badge-h-padding-right: 0.75rem;
    --theloop-status-badge-icon-size: 0.875rem;
    --theloop-status-badge-label-font-size: 0.8125rem;
    --theloop-status-badge-label-line-height: 1.25rem;
    --theloop-status-badge-label-font-weight: 25rem;
    --theloop-tabs-icon-size: 1.375rem;
    --theloop-tabs-label-letter-spacing: -0.0081rem;
    --theloop-tabs-label-line-heigh: 1.25rem;
    --theloop-tabs-label-size: 1.25rem;
    --theloop-tabs-label-font-weight: 43.75rem;
    --theloop-tag-h-gap: 0.25rem;
    --theloop-tag-v-gap: 0.375rem;
    --theloop-tag-v-padding: 0.5rem;
    --theloop-tag-h-padding: 0.75rem;
    --theloop-tag-has-initials: 1.375rem;
    --theloop-tag-border-raduis: 3.125rem;
    --theloop-tag-label-letter-space: 0.0156rem;
    --theloop-tag-label-font-size: 0.8125rem;
    --theloop-tag-label-line-heigh: 0.8125rem;
    --theloop-tag-label-font-weight: 25rem;
    --theloop-tags-v-padding: 0rem;
    --theloop-text-area-letter-spacing: 0.0312rem;
    --theloop-text-area-font-size: 1rem;
    --theloop-text-area-line-height: 1.5rem;
    --theloop-text-area-font-weight: 25rem;
    --theloop-text-field-letter-spacing: 0.0312rem;
    --theloop-text-field-font-size: 1rem;
    --theloop-text-field-line-height: 1rem;
    --theloop-text-field-font-weight: 25rem;
    --theloop-text-wapper-v-padding: 0.0938rem;
    --theloop-toggle-padding: 0.25rem;
    --theloop-toggle-icon: 1rem;
    --theloop-toggle-circle: 1.5rem;
    --theloop-toggle-label-letter-spacing: 0rem;
    --theloop-toggle-label-font-size: 1rem;
    --theloop-toggle-label-line-height: 1rem;
    --theloop-toggle-label-font-weight: 25rem;
    --theloop-toggle-truck-height: 2rem;
    --theloop-toggle-truck-width: 3.5rem;
    --theloop-button-gap: 0.375rem;
    --theloop-button-v-padding: 1rem;
    --theloop-button-h-padding-right: 1.5rem;
    --theloop-button-border-radius: var(--border-radius-x-large);
    --theloop-button-h-padding: 2rem;
    --theloop-button-icon-icon-wapper-h-padding: 0.125rem;
    --theloop-button-icon-icon-wapper-v-padding: 0.125rem;
    --theloop-button-icon-v-padding: 1.0625rem;
    --theloop-button-icon-size-small: 1.125rem;
    --theloop-button-icon-h-padding: 1.1875rem;
    --theloop-button-icon-size-large: 1.25rem;
    --theloop-button-label-letter-spacing: -0.0312rem;
    --theloop-button-label-v-padding: 0rem;
    --theloop-button-label-font-size: 1rem;
    --theloop-button-label-line-height: 1.5rem;
    --theloop-button-label-font-weight: 700;
    --theloop-button-text-label-font: 1rem;
    --theloop-images-corner-radius: 0.5rem;
  }
}

:root {
  /* Default */
  /* number */
  --attribute-horizontal-item-spacing: 0rem;
  --attribute-layer-item-spacing: 0.25rem;
  --attribute-layer-padding-vertical: 0.25rem;
  --attribute-style-item-spacing: 0.375rem;
  --attribute-style-padding-horizontal: 0.5625rem;
  --attribute-token-studio-item-spacing: 0.375rem;
  --attribute-token-studio-padding-left: 0.375rem;
  --attribute-token-studio-padding-right: 0.5rem;
  --attribute-variable-padding-vertical: 0.2188rem;
  --attribute-variable-item-spacing: 0.25rem;
  --attribute-variable-padding-horizontal: 0.375rem;
  --attribute-variable-color-padding-left: 0.25rem;
  --attribute-vertical-item-spacing: 0.25rem;
  --element-anatomy-padding-left: 1.75rem;
  --element-horizontal-item-spacing: 2rem;
  --element-name-item-spacing: 0.375rem;
  --element-vertical-item-spacing: 0.5rem;
  --exhibit-anatomy-item-spacing: 2.5rem;
  --exhibit-content-item-spacing: 1.5rem;
  --exhibit-horizontal-item-spacing: 4rem;
  --exhibit-vertical-item-spacing: 1rem;
  --exhibit-vertical-padding-bottom: 2.5rem;
  --exhibit-vertical-table-item-spacing: 2rem;
  --option-item-spacing: 0.5rem;
  --option-label-item-spacing: 0.25rem;
  --resources-item-spacing: 0rem;
  --section-item-spacing: 4rem;
  --section-padding: 4rem;
  --spec-item-spacing: 3rem;
  --specs-item-spacing: 8rem;
  --subsection-item-spacing: 2.5rem;
  --subsection-exhibits-item-spacing: 2.5rem;
  --subsection-title-item-spacing: 1rem;
  --table-item-spacing: 1rem;
  --table-column-header-item-spacing: 2rem;
  --table-row-item-spacing: 2rem;
  --title-item-spacing: 3rem;
  --title-padding: 4rem;
}

:root {
  --links-focus-color: #da570e;
  /* Custom variable, not available in figma */

  /* number */
  --button-primary-outline-enabled: var(--background-white);
  --global-gutter: 1.5rem;
  --global-section-padding: 5rem;
  --grid-margin: 1.75rem;
  --size-icon-small: 0.875rem;
  --size-icon-regular: 1rem;
  --size-icon-large: 1.25rem;
  --size-icon-xxlarge: 4rem;
  --padding-margins-sp1: 0.75rem;

  /* neutrals - alpha */
  --neutrals-a-90: #000d1ab3;

  /** Measuring impact card paragraph varibales **/
  --body-indicator-paragraph: 12px;
  --body-description-paragraph: 16px;
  --body-title-paragraph: 28px;
  --body-indicator-paragraph-spacing: 12px;

  /* fonts */
  --body-font-family: "Open Sans", roboto, roboto-fallback;
  --heading-font-family: var(--body-font-family);
  --fixed-font-family: "Roboto Mono", menlo, consolas, "Liberation Mono", monospace;

  /* Custom variables */
  --light-color: #eee;
  --dark-color: #ccc;
  --text-color: var(--neutral-solid-90-s);

  /* Navigation Menu */
  --input-background-color: #002337;
  --nav-menu-placeholder-color: #ffffff76;
  --search-input-container-border: #004972;
  --nav-menu-footer-color: #99b6c7;

  /* body sizes */
  --body-font-size: var(--font-size-500);
  --body-font-size-citation: 12px;

  /* main-heading styles */
  --main-heading-font-size: 28px;
  --main-heading-spacing: 0 0 36px;
  --main-heading-line-height: 112%;

  /* eyebrow styles */
  --eyebrow-font-size-l: 14px;
  --eyebrow-font-size-m: 14px;
  --eyebrow-font-size-s: 12px;

  /* Screen variables */
  --screen-width: 1456px;
  --nav-height: 34px;
  --nav-padding: 25px;
  --nav-menu-overlay-height: 961px;

  /* shadows & elevations */
  --section-shadow: 0 2px 4px rgba(0 0 0 10%);
  --cards-shadow: 0 2px 6px rgba(0 0 0 8%);
  --modals-shadow: 0 4px 12px rgba(0 0 0 32%);
  --dropdown-shadow: 0 4px 12px rgba(0 0 0 32%);
  --map-elements-shadow: 0 2px 4px rgba(0 0 0 32%);
  --dashboard-cards-shadow: 5px 5px 12px rgba(0 0 0 25%);
  --overlay-color: rgba(255 255 255 / 50%);

  /* Gutter space */
  --section-gutter-space: 28px;
  --section-container-space: var(--spacing-xxlarge);

  /* Block specific */
  --signup-padding: 28px;

  /** Button Padding **/
  --button-vertical-padding: 12px;
  --button-horizontal-padding: 32px;

  /** Button Padding Secondary **/
  --button-vertical-padding-secondary: 8px;
  --button-horizontal-padding-secondary: 24px;

  /* Font weight 700 */
  --font-weight-700: 700;
}

html[dir="rtl"] {
  --font-weight-700: 700;
}

/*
  Desktop: >= 1024px
  Tab: 768px - 1023px
  Mobile: <= 767px
*/
@media (width >=768px) {
  :root {
    /** Measuring impact card paragraph varibales **/
    --body-indicator-paragraph: 12px;
    --body-description-paragraph: 18px;
    --body-title-paragraph: 28px;
    --body-indicator-paragraph-spacing: 8px;

    /* body styles */
    --body-font-size: var(--font-size-500);
    --body-font-size-citation: 12px;

    /* main-heading styles */
    --main-heading-font-size: 32px;

    /* eyebrow styles */
    --eyebrow-font-size-l: 16px;
    --eyebrow-font-size-m: 14px;
    --eyebrow-font-size-s: 12px;

    /* Gutter space */
    --section-gutter-space: 48px;

    /* Screen variables */
    --nav-height: 34px;

    /* Block specific */
    --signup-padding: 32px;

    /* number */
    --global-section-padding: 5rem;
    --grid-margin: 3rem;
    --size-icon-small: 0.875rem;
    --size-icon-regular: 1rem;
    --size-icon-large: 1.25rem;
    --size-icon-xxlarge: 6rem;
  }
}

@media (width >=1024px) {
  :root {
    /** Measuring impact card paragraph varibales **/
    --body-indicator-paragraph: 12px;
    --body-description-paragraph: 20px;
    --body-title-paragraph: 36px;
    --body-indicator-paragraph-spacing: 12px;

    /* body styles */
    --body-font-size: var(--font-size-500);

    /* Gutter space */
    --section-gutter-space: 72px;
    --section-reduced-space: 320px;

    /* Screen variables */
    --nav-height: 44px;
    --nav-padding: 35px;

    /* main-heading styles */
    --main-heading-font-size: 40px;
    --main-heading-spacing: 0 0 48px;

    /* Block specific */
    --signup-padding: 52px;

    /* numbers */
    --global-gutter: 1.5rem;
    --global-section-padding: 5rem;
    --grid-margin: 4.5rem;
    --size-icon-small: 0.875rem;
    --size-icon-regular: 1rem;
    --size-icon-large: 1.25rem;
    --size-icon-xxlarge: 6rem;
    /* string */
    --button-vertical-padding: 16px;
    /** Button Padding Secondary **/
    --button-vertical-padding-secondary: 12px;
    --button-horizontal-padding-secondary: 32px;
  }
}

:root {
  --theloop-xl-button-font-size: var(--font-size-200);
  --theloop-button-v-padding: 0.75rem;
  --theloop-button-h-padding: 1.75rem;
  --SCCI-Orange-50: #d96941;
  --SCCI-Orange-60: #964830;
  --SCCI-Orange-70: #c04f26;
  --SCCI-Blue-60: #0a75bd;
  --SCCI-Blue-80: #135777;
  --SCCI-Teal-60: #3a8279;
  --SCCI-Teal-70: #316863;
  --SCCI-Yellow-60: #D18100;
  --Background-Container-On-Light-State-Error-High: #9D161D;
  --Primary-Blue-90-WBG: #012740;
  --padding-margins-sp-12: 12px;
  --padding-margins-sp-20: 20px;
  --padding-margins-sp-32: 32px;
  --padding-margins-sp-08: 8px;
  --padding-margins-sp-60: 60px;
  --padding-between_sections: 40px;
  --border-radius-xlarge: 32px;
  --theloop-Accordion-vPadding: 24px;
  --theloop-Accordion-vGap: 16px;
  --Accordion-Exp-Collapse-Icon: 14px;
  --theloop-Exp-Collapse-Icon: 12px;
}

@media (width >=768px) {
  :root {
    --theloop-xl-button-font-size: var(--theloop-button-label-font-size);
    --theloop-button-v-padding: 0.75rem;
    --theloop-button-h-padding: 1.75rem;
    --padding-between_sections: 56px;
  }
}

@media (width >=1024px) {
  :root {
    --theloop-xl-button-font-size: var(--theloop-button-label-font-size);
    --theloop-button-v-padding: 1rem;
    --theloop-button-h-padding: 2rem;
    --padding-between_sections: 80px;
  }
}
/* === vertical tab CSS Begin  === */
.tui_vertical_tab .cmp-tabs {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    justify-content: space-between;
}

@media (width >=1024px) {
    .tui_vertical_tab .cmp-tabs {
        grid-template-columns: 25% calc(75% - 32px);
    }
}

.tui_vertical_tab .cmp-tabs .cmp-tabs__tablist {
    display: flex;
    gap: var(--spacing-regular);
    border-bottom: none;
    cursor: pointer;
    margin: 0;
    width: calc(100vw - var(--grid-margin-12-col));
    border-bottom: 2px solid var(--divider-on-light-subdued);
    width: auto;
}

@media (min-width: 1024px) {
    .tui_vertical_tab .cmp-tabs .cmp-tabs__tablist {
        gap: var(--spacing-small);
        flex-direction: column;
        border: none;
    }
}

.tui_vertical_tab .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab {
    color: var(--text-on-light-link-primary-enabled);
    /* Body/Text/Base/Regular */
    font-family: var(--global-font-family);
    font-size: var(--font-size-300);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    border-bottom: 4px solid transparent;
    /* 24px */
}

.tui_vertical_tab .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:hover {
    border: 0;
    border-bottom: 4px solid var(--background-container-secondary);
    cursor: initial;
    color: var(--text-on-light-emphasis);
    text-decoration: none;
}

@media (min-width: 768px) {
    .tui_vertical_tab .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab {
        padding-bottom: 4px;
        width: -moz-max-content;
        width: max-content;
        color: var(--text-on-light-emphasis);
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        line-height: 150%;
    }
}

.tui_vertical_tab .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab--active {
    font-weight: 700;
}

/* === vertical tab CSS End  === */
.tui_home_intro__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding-top: 80px;
  flex-wrap: wrap;
  padding-bottom: 72px;
  margin-bottom: 80px;

}

.tui_home_intro__container h1 {
  color: var(--Text-On-Light-Highlight, #012740);
  font-size: 48px;
  font-style: normal;
  font-weight: var(--Heading-Font-Weight, 700);
  line-height: 112%;
  letter-spacing: -2.4px;
}

@media screen and (min-width: 768px) {
  .tui_home_intro__container h1 {
    font-size: 70px;
  }
}

@media screen and (min-width: 1024px) {
  .tui_home_intro__container h1 {
    font-size: 70px;
  }
}





@media screen and (min-width: 1456px) {

  .tui_home_build_container,
  .tui_home_intro__container {
    padding-left: 120px;
  }
}

.tui_home_intro__content {
  flex: 1;
  min-width: auto;
  max-width: 660px;
}



@media screen and (min-width: 1600px) {
  .tui_home_intro__content {
    flex: 1;
    min-width: 750px;
    max-width: 750px;
  }

  .tui_home_intro__image {
    right: -2% !important;
  }


}

@media screen and (min-width: 1900px) {


  .tui_home_intro__image {
    right: -10% !important;
  }


}

.tui_home_intro__title {
  margin-bottom: 1.5rem;
}

.tui_home_intro__description {
  margin-bottom: var(--spacing-medium);
}

.tui_home_intro__ai {
  margin-top: var(--spacing-medium);
}

.tui_home_intro__ai-input-wrapper {
  display: flex;
  align-items: center;
  background: #f7fafd;
  display: flex;
  max-width: 584px;
  width: auto;
  padding: var(--Spacing-small, 16px) var(--Spacing-small, 16px) var(--Spacing-small, 16px) var(--Spacing-regular, 24px);
  gap: 10px;
  border-radius: 40px;
  border: 2px solid var(--Blue-40, #169AF3);
  background: #fff;
}

@media screen and (min-width: 1200px) {
  .tui_home_intro__ai-input-wrapper {
    border-radius: 100px;
  }
}

.tui_home_intro__ai-input-wrapper img {
  width: 40px;
}

.tui_home_intro__ai-label {
  display: flex;
  font-size: var(--Font-size-300, 16px);
  font-style: normal;
  font-weight: var(--Body-Font-Weight-Regular, 700);
  line-height: 150%;
  align-items: center;
  gap: 12px;
  border-right: 1px solid var(--Outline-On-Light-Default, rgba(0, 57, 107, 0.24));
  padding-right: 12px;
}

.tui_home_intro__ai-label span {
  min-width: 100px;
}

.tui_home_intro__ai-input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: var(--Font-size-200, 14px);
  font-style: italic;
  font-weight: var(--Body-Font-Weight-Regular, 400);
  line-height: 150%;
  /* 21px */
}

.tui_home_intro__ai-button {
  border: none;
  padding: var(--theloop-button-v-padding, 16px) var(--theloop-button-h-padding, 32px);
  font-weight: bold;
  cursor: pointer;
  border-radius: var(--theloop-button-border-radius, 32px);
  border: 1px solid var(--Outline-Transparent, rgba(255, 255, 255, 0));
  background: var(--Background-Container-On-Light-Link-Primary-Enabled, #004370);
}

.tui_home_intro__ai-disclaimer {
  margin-top: 24px;
}

.tui_home_intro__image {
  flex: 1;
  text-align: center;
}

@media (min-width: 1200px) {
  .tui_home_intro__image {
    position: relative;
    right: -3%;
    max-width: 660px;
  }
}

.tui_home_intro__image .container {
  position: relative;
  width: auto;
  max-width: 300px;
  height: 300px;
  margin: auto;
}


@media(width >=1024px) {
  .tui_home_intro__image .container {
    width: 300px;
  }

}

@media screen and (min-width: 1200px) {
  .tui_home_intro__image .container {
    width: 500px;
    max-width: 500px;
    height: 500px;
  }
}

.tui_home_intro__image .block {
  position: absolute;
  opacity: 0;
  transform: scale(0.8);
  animation: showBlock 0.6s forwards ease-out;
  z-index: 9;
}

.tui_home_intro__image .block svg {
  width: 150px;
  height: 200px;
}

@media screen and (min-width: 1200px) {
  .tui_home_intro__image .block svg {
    width: auto;
    height: auto;
  }
}

.tui_home_intro__image .block:nth-child(1) {
  top: 0;
  left: 0;
  animation-delay: 0.2s;
}

.tui_home_intro__image .block:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.6s;
  z-index: 99;
}

.tui_home_intro__image .block:nth-child(3) {
  bottom: 0;
  left: 0;
  animation-delay: 1s;
}

.tui_home_intro__image .block:nth-child(4) {
  bottom: 0;
  right: 0;
  animation-delay: 1.4s;
}

.tui_home_intro__image .block.block-top {
  top: -10%;
  right: -15%;
  animation-delay: 1.8s;
}

@keyframes showBlock {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.tui_home_intro__image .group-line {
  position: absolute;
  top: 25%;
  right: -25%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: fadeIn 0.8s forwards;
  animation-delay: 2.2s;
  /* after blocks */
  max-width: 35%;
  z-index: -1;
}

@media screen and (min-width: 992px) {
  .tui_home_intro__image .group-line {
    max-width: 35%;
    top: 30%;
  }
}

@media screen and (min-width: 1200px) {
  .tui_home_intro__image .group-line {
    max-width: inherit;
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.tui_home_intro__image .lady {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  width: 70%;
  /* adjust as needed */
  transition: all 0.8s ease;
  z-index: 99;
}

@media screen and (min-width: 992px) {
  .tui_home_intro__image .lady {
    width: 85%;
  }
}

.tui_home_intro__image .lady.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.tui_home_intro__image img {
  width: 100%;
  height: auto;
}

@media (max-width: 1200px) {
  .tui_home_intro__container {
    flex-direction: column;
    text-align: center;
    padding: 0;
    gap: 0;
  }

  .tui_home_intro__content {
    order: 2;
  }

  .tui_home_intro__image {
    order: 1;
    margin-bottom: 20px;
    margin-top: 0;
  }

  .tui_home_intro__ai-input-wrapper {
    flex-direction: column;
    align-items: stretch;
    margin: auto;
    border-radius: 40px;
  }

  .tui_home_intro__ai-button {
    margin-top: 100px;
    width: 100%;
  }



}

.tui_home_learning h2 {
  margin-bottom: 2rem;
  max-width: 400px;
  line-height: 48px;
  font-size: var(--font-size-1100);
  width: 100%;
}

.tui_home_build_container {
  margin-bottom: 80px;
}

.tui_home_learning__wrapper {
  display: grid;
}

@media screen and (min-width: 1200px) {
  .tui_home_learning__wrapper {
    grid-template-columns: 50% 50%;
    gap: 84px;
  }

  .tui_home_build_container {
    padding-bottom: 72px;
    margin-bottom: 80px;
  }


}

.tui_home_learning__nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.tui_home_learning__nav li {
  cursor: pointer;
  padding-top: 24px;
  transition: all 0.3s ease;
}

.tui_home_learing_build {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
}


.tui_home_learing_build span.icon {
  width: 56px;
  height: auto;
}

.tui_home_learing_build h3 {
  font-weight: var(--Body-Font-Weight-Regular, 700);
  color: var(--blue-90);
}

.tui_home_learning__image {
  flex: 1;
  position: absolute;
  right: 0;
  top: 0;
}

.tui_home_learning__image-inner {
  position: relative;
}

.tui_home_learning__image-inner img {
  width: 100%;
  display: block;
  border-radius: 4px;
  position: relative;
  z-index: 9;
  max-width: 80%;
  right: -60px;
}

/* Mobile Layout */
/* Responsive Breakpoints */
@media (max-width: 1199px) {
  .tui_card_mobile {
    display: block;
  }

  .tui_card_mobile .shape {
    top: 30px;
    transform: skewY(347deg);
    width: 150px;
    right: -30px;
  }

  .tui_card_mobile .front {
    left: -244px;
    width: 244%;
  }

  .tui_card_mobile .side {
    width: 50px;
    right: -20px;
  }

  .tui_card_mobile .tui_home_learning__image-inner img {
    max-width: 70%;
    margin: 0 auto;
    right: 50px;

    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: top;

  }

  .tui_card_mobile .tui_home_learning__image {
    display: block;
    position: relative;
    top: 0;
    right: -25px;
    margin: 40px 0;
  }
}



@media (max-width: 767px) {
  .tui_card_mobile {
    display: block;
  }

  .tui_card_mobile .tui_home_learning__image-inner img {
    aspect-ratio: 167 / 138;
    max-width: 85%;
    right: 0;
  }

  .tui_card_mobile .tui_home_learning__image {
    right: 0;
  }

  .tui_card_mobile .shape {
    top: -10px;
    width: 150px;
    right: 0;
    height: 100%;
  }

  .tui_card_mobile .front {
    left: -90px;
    width: 140%;
  }

  .tui_card_mobile .side {
    width: 50px;
    right: -20px;
  }




}



.shape {
  position: absolute;
  top: 60px;
  width: 100%;
  height: 80%;
  transform: skewY(-20deg);
}

.front {
  width: 100%;
  height: 100%;
  clip-path: polygon(0 25%, 100% 0, 100% 75%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.side {
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -100px;
  transform: skewY(359deg);
  clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
}

.color-0 .front {
  background-color: #FF9C00;
}

.color-0 .side {
  background-color: #8C5C0D;
}

.color-1 .front {
  background-color: #6FBFB7;
}

.color-1 .side {
  background-color: #428C85;
}

.color-2 .front {
  background-color: #D96941;
}

.color-2 .side {
  background-color: #964830;
}

.color-3 .front {
  background-color: #169AF3;
}

.color-3 .side {
  background-color: #176F98;
}

.border-0 {
  border-top: 2px solid var(--SCCI-Yellow-60, #D18100);
}

.border-1 {
  border-top: 2px solid var(--SCCI-Teal-40, #49A296);
}

.border-2 {
  border-top: 2px solid var(--SCCI-Orange-50, #D96941);
}

.border-3 {
  border-top: 2px solid var(--Blue-40, #169AF3);
}

/* Desktop layout */
@media (min-width: 1200px) {
  .tui_home_learning__image {
    flex: 1;
    max-width: 100%;
    position: relative;
  }

  /* Hide smaller card images on desktop */
  .tui_card_mobile {
    display: none;
  }

  .tui_card_mobile {
    position: absolute;
    right: -8%;
    top: 0%;
  }

  li[data-index].active .tui_card_mobile {
    display: block;
  }

  li[data-index] p.tui_body_medium_regular,
  li[data-index] a {
    display: none;
  }

  li[data-index] a {
    margin-top: 12px;
  }

  li[data-index].active p.tui_body_medium_regular,
  li[data-index].active a {
    display: block;
  }
}

/* Mobile layout */
@media (max-width: 1199px) {
  .tui_home_learning {
    display: block;
  }

  /* Show smaller card images inside each list item */
  .tui_card_mobile {
    display: block;
    margin-top: 8px;
  }

  /* Hide big image container on mobile */
  .tui_home_learning__image {
    display: none;
  }
}

.waterfall-container {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.waterfall-container.in-view {
  opacity: 1;
  transform: translateY(0);
}

a.tui_scci_common_link {
  display: flex;
  padding-bottom: var(--Spacing-tiny, 4px);
  flex-direction: column;
  align-items: flex-start;
  color: var(--Text-On-Light-Link-Primary-Enabled, #004370);
  text-align: center;
  font-size: var(--theloop-button-label-font-size, 16px);
  font-style: normal;
  font-weight: var(--theloop-button-label-font-weight, 700);
  line-height: var(--theloop-button-label-line-height, 24px);
  /* 150% */
  letter-spacing: var(--theloop-button-label-letter-spacing, -0.5px);
  border-bottom: 2px solid rgba(0, 67, 112, 0.55);
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}

a.tui_scci_common_link:hover {
  border-bottom: 2px solid var(--Divider-On-Dark-Highlight, #169AF3);
}

a.tui_scci_common_link:active {
  border-bottom: 2px solid var(--Blue-120, #001C2D);
}

.waterfall-container {
  overflow-x: hidden;
  max-width: 100%;
}


.tui_home_intro__title {
  color: var(--text-on-light-highlight);
  font-family: var(--global-font-family);
  font-style: normal;
  font-size: 40px;
  font-weight: var(--heading-font-weight);
  line-height: 112%;
  letter-spacing: -2.4px;
  margin-bottom: 1.5rem;
}

@media (max-width: 1023px) and (min-width:992px) {
  .tui_home_intro__title {
    margin-bottom: 4.5rem;
  }
}

.tui_home_intro__content .tui_home_intro__title {
  display: none;
}

.tui_home_intro__image .tui_home_intro__title {
  display: block;
  margin-bottom: 3rem;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}


@media (min-width: 768px) {
  .tui_home_intro__title {
    font-size: 70px;
  }
}

@media (min-width: 1200px) {
  .tui_home_intro__title {
    font-size: 80px;
  }

  .tui_home_intro__content .tui_home_intro__title {
    display: block;
  }

  .tui_home_intro__image .tui_home_intro__title {
    display: none;
  }
}

.tui_sticky_button {
  position: sticky;
  bottom: 3rem;
  max-width: var(--screen-width);
  margin: auto;
  display: flex;
  justify-content: flex-end;
  z-index: 9;
  max-width: max-content;
  right: 0;
  left: auto;
  margin-right: 0;
  padding-left: 0;
}

.stickyWidget {
  top: -48px;
  position: relative;
}

@media (width < 768px) {

  .tui_padding-huge-b.waterfall-container.in-view {
    margin-bottom: var(--spacing-xhuge);
  }
}


@media (width >=1200px) {
  .tui_home_build_container {
    padding-left: 120px;
  }
}


@media (width >=1200px) {
  .tui_card_mobile .side {
    top: 70px;
  }

  .tui_card_mobile .front {
    top: 70px;
    left: 57px;
    width: 90%;
  }

  .tui_card_mobile .shape {
    top: 60px;
    width: 95%;
  }
}


@media (width >=1456px) {
  .tui_card_mobile .side {
    top: 110px;
    right: -152px;
  }

  .tui_card_mobile .front {
    top: 110px;
    left: 0;
    width: 109%;
  }

  .tui_card_mobile .shape {
    width: 100%;
  }
}

@media (width >=1600px) {
  .tui_card_mobile .side {
    top: 110px;
    right: -128px;
  }

  .tui_card_mobile .front {
    top: 113px;
    left: 0;
    width: 105%;
  }

  .tui_card_mobile .shape {
    width: 100%;
  }
}


@media (width >=1900px) {
  .tui_card_mobile .side {
    top: 113px;
    right: -135px;
  }


  .tui_card_mobile .shape {
    width: 120%;
  }
}



@media (min-width: 1200px) {
  .tui_home_build_container .tui_card_mobile {
    position: absolute;
    right: 0;
    top: 0%;
  }
}

@media screen and (min-width: 1200px) {
  .tui_home_learning__wrapper {
    grid-template-columns: 40% 60% !important;
  }

  .tui_home_learning__image-inner img {
    right: -120px !important;
    top: 60px !important;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: top;

  }
}

.tui_margin-between_sections-b {
  margin-bottom: var(--padding-between_sections);
}

.multiindepth .swiper-button-next {
  right: 30px;
}

.carouselcards .lp-multiindepthcard-img img {
  aspect-ratio: 16 / 9;
}

.cmp-video__thumbnail {
  object-fit: contain;
  width: -webkit-fill-available;
  width: -moz-available;
  cursor: pointer;
  border-radius: 10px;
}

.cmp-playicon::before {
  width: 72px;
  height: 72px;
  position: absolute;
  background: #fff;
  border: 2px solid var(--blue-40);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "\e148";
  color: #004370;
  font-family: 'loopicon';
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  border-radius: 50%;
  cursor: pointer;
  margin: auto;
}

.cmp-image__image {
  cursor: default;
}

.tui_sticky_list_wrapper ul {
  transform: none !important;
}

label.floating-placeholder {}

label.floating-placeholder[for="firstname"] {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

@media screen and (width > 768px) and (width < 1200px) {
  .tui_home_intro__image .tui_home_intro__title {
    margin-bottom: 4rem;
  }
}

@media screen and (width <=768px) {
  .tui_home_intro__image .tui_home_intro__title {
    margin-bottom: 1.5rem;
  }

  .tui_home_intro__container,
  .tui_home_build_container {
    margin-bottom: 64px;
  }

  .tui_padding-huge-b.waterfall-container.in-view {
    margin-bottom: 24px;
  }

  .tui_contact_us_wrapper {
    padding-bottom: 2rem;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

@font-face {
  font-family: 'loopicon';
  src: url('clientlib-site/resources/fonts/loopicon.eot?g0k846');
  src: url('clientlib-site/resources/fonts/loopicon.eot?g0k846#iefix') format('embedded-opentype'),
    url('clientlib-site/resources/fonts/loopicon.ttf?g0k846') format('truetype'),
    url('clientlib-site/resources/fonts/loopicon.woff?g0k846') format('woff'),
    url('clientlib-site/resources/fonts/loopicon.svg?g0k846#loopicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.lp {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'loopicon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lp-arrow-circle-down-solid:before {
  content: "\e100";
}

.lp-arrow-circle-left-solid:before {
  content: "\e101";
}

.lp-arrow-circle-right-solid:before {
  content: "\e102";
}

.lp-arrow-circle-up-solid:before {
  content: "\e103";
}

.lp-arrow-circle-down:before {
  content: "\e104";
}

.lp-arrow-circle-left:before {
  content: "\e105";
}

.lp-arrow-circle-right:before {
  content: "\e106";
}

.lp-arrow-circle-up:before {
  content: "\e107";
}

.lp-chevron-circle-down:before {
  content: "\e108";
}

.lp-chevron-circle-left:before {
  content: "\e109";
}

.lp-chevron-circle-right:before {
  content: "\e110";
}

.lp-chevron-circle-up:before {
  content: "\e111";
}

.lp-chevron-double-down:before {
  content: "\e112";
}

.lp-chevron-double-left:before {
  content: "\e113";
}

.lp-chevron-double-right:before {
  content: "\e114";
}

.lp-chevron-double-up:before {
  content: "\e115";
}

.lp-chevron-down:before {
  content: "\e116";
}

.lp-chevron-left:before {
  content: "\e117";
}

.lp-chevron-right:before {
  content: "\e118";
}

.lp-chevron-up:before {
  content: "\e119";
}

.lp-arrow-down:before {
  content: "\e120";
}

.lp-arrow-left:before {
  content: "\e121";
}

.lp-arrow-right:before {
  content: "\e122";
}

.lp-arrow-up:before {
  content: "\e123";
}

.lp-check:before {
  content: "\e124";
}

.lp-bars:before {
  content: "\e125";
}

.lp-times:before {
  content: "\e126";
}

.lp-times-circle:before {
  content: "\e127";
}

.lp-plus:before {
  content: "\e128";
}

.lp-minus:before {
  content: "\e129";
}

.lp-circle-solid:before {
  content: "\e130";
}

.lp-circle:before {
  content: "\e131";
}

.lp-search:before {
  content: "\e132";
}

.lp-list-ul:before {
  content: "\e133";
}

.lp-table:before {
  content: "\e134";
}

.lp-th-large-solid:before {
  content: "\e135";
}

.lp-calendar-alt:before {
  content: "\e136";
}

.lp-laptop:before {
  content: "\e137";
}

.lp-paperclip:before {
  content: "\e138";
}

.lp-question-circle:before {
  content: "\e139";
}

.lp-info-circle:before {
  content: "\e140";
}

.lp-exclamation-circle:before {
  content: "\e141";
}

.lp-home-lg-alt:before {
  content: "\e142";
}

.lp-download:before {
  content: "\e143";
}

.lp-print:before {
  content: "\e144";
}

.lp-envelope:before {
  content: "\e145";
}

.lp-microphone:before {
  content: "\e146";
}

.lp-play-circle:before {
  content: "\e147";
}

.lp-play:before {
  content: "\e148";
}

.lp-soundcloud:before {
  content: "\e149";
}

.lp-camera-alt:before {
  content: "\e150";
}

.lp-file-alt-solid:before {
  content: "\e151";
}

.lp-file-archive:before {
  content: "\e152";
}

.lp-file-audio:before {
  content: "\e153";
}

.lp-file-check:before {
  content: "\e154";
}

.lp-file-csv:before {
  content: "\e155";
}

.lp-file-excel:before {
  content: "\e156";
}

.lp-file-export:before {
  content: "\e157";
}

.lp-file-image:before {
  content: "\e158";
}

.lp-file-pdf:before {
  content: "\e159";
}

.lp-file-powerpoint:before {
  content: "\e160";
}

.lp-file-video:before {
  content: "\e161";
}

.lp-file-word:before {
  content: "\e162";
}

.lp-file:before {
  content: "\e163";
}

.lp-image:before {
  content: "\e164";
}

.lp-facebook:before {
  content: "\e165";
  color: #0071bc;
}

.lp-twitter:before {
  content: "\e166";
  color: #0071bc;
}

.lp-apps:before {
  content: "\e167";
  color: #0071bc;
}

.lp-blogs:before {
  content: "\e168";
  color: #0071bc;
}

.lp-delicious:before {
  content: "\e169";
  color: #0071bc;
}

.lp-digg:before {
  content: "\e170";
  color: #0071bc;
}

.lp-flickr:before {
  content: "\e171";
  color: #0071bc;
}

.lp-g-plus:before {
  content: "\e172";
  color: #0071bc;
}

.lp-huffingtonpostfavicon:before {
  content: "\e173";
  color: #0071bc;
}

.lp-instagram:before {
  content: "\e174";
  color: #0071bc;
}

.lp-issuu:before {
  content: "\e175";
  color: #0071bc;
}

.lp-linkedln:before {
  content: "\e176";
  color: #0071bc;
}

.lp-live:before {
  content: "\e177";
  color: #0071bc;
}

.lp-newsletter:before {
  content: "\e178";
  color: #0071bc;
}

.lp-prezi:before {
  content: "\e179";
  color: #0071bc;
}

.lp-qq:before {
  content: "\e180";
  color: #0071bc;
}

.lp-renren:before {
  content: "\e181";
  color: #0071bc;
}

.lp-rss:before {
  content: "\e182";
  color: #0071bc;
}

.lp-scribd:before {
  content: "\e183";
  color: #0071bc;
}

.lp-slideshare:before {
  content: "\e184";
  color: #0071bc;
}

.lp-stumbleupon:before {
  content: "\e185";
  color: #0071bc;
}

.lp-tumblr:before {
  content: "\e186";
  color: #0071bc;
}

.lp-vk:before {
  content: "\e187";
  color: #0071bc;
}

.lp-weibo:before {
  content: "\e188";
  color: #0071bc;
}

.lp-whatsup:before {
  content: "\e189";
  color: #0071bc;
}

.lp-youtube:before {
  content: "\e190";
  color: #0071bc;
}

.lp-medium .path1:before {
  content: "\e900";
  color: rgb(0, 113, 188);
}

.lp-medium .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.lp-fb:before {
  content: "\e191";
}

.lp-x:before {
  content: "\e192";
  color: #4b5e71;
}

.lp-linkln:before {
  content: "\e193";
}

.lp-share:before {
  content: "\e194";
}

.lp-sync-regular:before {
  content: "\e195";
}

.lp-folder:before {
  content: "\e196";
}

.lp-ellipsis-v:before {
  content: "\e197";
}

.lp-ellipsis-h:before {
  content: "\e198";
}

.lp-archive:before {
  content: "\e199";
}

.lp-external-link:before {
  content: "\e200";
}

.lp-info:before {
  content: "\e201";
}

.lp-link:before {
  content: "\e202";
}

.lp-phone:before {
  content: "\e203";
}

.lp-sign-in-alt-solid:before {
  content: "\e204";
}

.lp-sign-out-alt-solid:before {
  content: "\e205";
}

.lp-bell:before {
  content: "\e206";
}

.lp-bell-slash:before {
  content: "\e207";
}

.lp-solid-download:before {
  content: "\e208";
}

.lp-solid-envelope:before {
  content: "\e209";
}

.lp-upload:before {
  content: "\e210";
}

.lp-lock:before {
  content: "\e211";
}

.lp-unlock:before {
  content: "\e212";
}

.lp-map-marker-alt:before {
  content: "\e213";
}

.lp-clock:before {
  content: "\e214";
}

.lp-users:before {
  content: "\e215";
}

.lp-user:before {
  content: "\e216";
}

.lp-newspaper:before {
  content: "\e217";
}

.lp-globe:before {
  content: "\e218";
}

.lp-language:before {
  content: "\e219";
}

.lp-home-lg-alt-solid:before {
  content: "\e220";
}

.lp-home:before {
  content: "\e903";
  color: #4b5e71;
}

.lp-search-regular:before {
  content: "\e221";
}

.lp-search-minus:before {
  content: "\e222";
}

.lp-search-plus:before {
  content: "\e223";
}

.lp-share-alt:before {
  content: "\e224";
}

.lp-share-alt-square:before {
  content: "\e225";
}

.lp-share-square:before {
  content: "\e226";
}

.lp-quote-left:before {
  content: "\e227";
}

.lp-quote-left-solid:before {
  content: "\e228";
}

.lp-quote-right:before {
  content: "\e229";
}

.lp-quote-right-solid:before {
  content: "\e230";
}

.lp-times-regular:before {
  content: "\e231";
}

.lp-times-circle-solid:before {
  content: "\e232";
}

.lp-times-square:before {
  content: "\e233";
}

.lp-play-regular:before {
  content: "\e234";
}

.lp-power-off:before {
  content: "\e235";
}

.lp-stop:before {
  content: "\e236";
}

.lp-stop-circle:before {
  content: "\e237";
}

.lp-stop-circle-solid:before {
  content: "\e238";
}

.lp-play-circle-solid:before {
  content: "\e239";
}

.lp-pause:before {
  content: "\e240";
}

.lp-pause-circle:before {
  content: "\e241";
}

.lp-pause-circle-solid:before {
  content: "\e242";
}

.lp-minus-square:before {
  content: "\e243";
}

.lp-minus-circle:before {
  content: "\e244";
}

.lp-plus-regular:before {
  content: "\e245";
}

.lp-plus-circle:before {
  content: "\e246";
}

.lp-plus-square:before {
  content: "\e247";
}

.lp-list:before {
  content: "\e248";
}

.lp-list-ol:before {
  content: "\e249";
}

.lp-sort-alt:before {
  content: "\e250";
}

.lp-sort-amount-down:before {
  content: "\e251";
}

.lp-sort-amount-down-alt:before {
  content: "\e252";
}

.lp-sort-amount-up:before {
  content: "\e253";
}

.lp-sort-amount-up-alt:before {
  content: "\e254";
}

.lp-list-alt:before {
  content: "\e255";
}

.lp-th-large:before {
  content: "\e256";
}

.lp-th-list:before {
  content: "\e257";
}

.lp-th:before {
  content: "\e258";
}

.lp-clipboard-list:before {
  content: "\e259";
}

.lp-question-square:before {
  content: "\e260";
}

.lp-info-circle-solid:before {
  content: "\e261";
}

.lp-info-square-solid:before {
  content: "\e262";
}

.lp-info-square:before {
  content: "\e263";
}

.lp-calendar-check:before {
  content: "\e264";
}

.lp-calendar-minus:before {
  content: "\e265";
}

.lp-calendar-plus:before {
  content: "\e266";
}

.lp-check-circle:before {
  content: "\e267";
}

.lp-check-square:before {
  content: "\e268";
}

.lp-clipboard-check:before {
  content: "\e269";
}

.lp-clone:before {
  content: "\e270";
}

.lp-cloud-download:before {
  content: "\e271";
}

.lp-cloud-upload:before {
  content: "\e272";
}

.lp-code:before {
  content: "\e273";
}

.lp-comment:before {
  content: "\e274";
}

.lp-comment-alt:before {
  content: "\e275";
}

.lp-comments:before {
  content: "\e276";
}

.lp-comments-alt:before {
  content: "\e277";
}

.lp-compress-alt:before {
  content: "\e278";
}

.lp-compress-arrows-alt:before {
  content: "\e279";
}

.lp-dot-circle:before {
  content: "\e280";
}

.lp-edit:before {
  content: "\e281";
}

.lp-envelope-regular:before {
  content: "\e282";
}

.lp-envelope-open:before {
  content: "\e283";
}

.lp-file-regular:before {
  content: "\e284";
}

.lp-file-alt:before {
  content: "\e285";
}

.lp-expand:before {
  content: "\e286";
}

.lp-expand-alt:before {
  content: "\e287";
}

.lp-expand-wide:before {
  content: "\e288";
}

.lp-external-link-square-regular:before {
  content: "\e289";
}

.lp-file-check-regular:before {
  content: "\e290";
}

.lp-file-import:before {
  content: "\e291";
}

.lp-file-code:before {
  content: "\e292";
}

.lp-file-contract:before {
  content: "\e293";
}

.lp-file-download:before {
  content: "\e294";
}

.lp-file-upload:before {
  content: "\e295";
}

.lp-file-edit:before {
  content: "\e296";
}

.lp-file-exclamation:before {
  content: "\e297";
}

.lp-file-music:before {
  content: "\e298";
}

.lp-file-signature:before {
  content: "\e299";
}

.lp-folder-regular:before {
  content: "\e300";
}

.lp-folder-open:before {
  content: "\e301";
}

.lp-folders:before {
  content: "\e302";
}

.lp-folder-download:before {
  content: "\e303";
}

.lp-folder-upload:before {
  content: "\e304";
}

.lp-link-regular:before {
  content: "\e305";
}

.lp-inbox:before {
  content: "\e306";
}

.lp-bookmark:before {
  content: "\e307";
}

.lp-pen-square:before {
  content: "\e308";
}

.lp-pencil-alt:before {
  content: "\e309";
}

.lp-pen:before {
  content: "\e310";
}

.lp-phone-alt:before {
  content: "\e311";
}

.lp-phone-square-alt:before {
  content: "\e312";
}

.lp-chart-bar:before {
  content: "\e313";
}

.lp-chart-line:before {
  content: "\e314";
}

.lp-circle-regular:before {
  content: "\e315";
}

.lp-circle-notch:before {
  content: "\e316";
}

.lp-location-arrow:before {
  content: "\e317";
}

.lp-redo-alt:before {
  content: "\e318";
}

.lp-reply-all:before {
  content: "\e319";
}

.lp-reply:before {
  content: "\e320";
}

.lp-share-all:before {
  content: "\e321";
}

.lp-share-regular:before {
  content: "\e322";
}

.lp-rss-regular:before {
  content: "\e323";
}

.lp-rss-square:before {
  content: "\e324";
}

.lp-star:before {
  content: "\e325";
}

.lp-star-half:before {
  content: "\e326";
}

.lp-star-half-alt:before {
  content: "\e327";
}

.lp-recycle:before {
  content: "\e328";
}

.lp-usd-circle:before {
  content: "\e329";
}

.lp-usd-square:before {
  content: "\e330";
}

.lp-trash:before {
  content: "\e331";
}

.lp-trash-alt:before {
  content: "\e332";
}

.lp-user-regular:before {
  content: "\e333";
}

.lp-user-circle:before {
  content: "\e334";
}

.lp-user-circle-solid:before {
  content: "\e335";
}

.lp-user-unlock:before {
  content: "\e336";
}

.lp-users-regular:before {
  content: "\e337";
}

.lp-database:before {
  content: "\e338";
}

.lp-book-open:before {
  content: "\e339";
}

.lp-eye-slash:before {
  content: "\e340";
}

.lp-eye:before {
  content: "\e341";
}

.lp-apps-solid:before {
  content: "\e342";
}

.lp-weibo-solid:before {
  content: "\e343";
}

.lp-g-solid:before {
  content: "\e344";
}

.lp-live-solid:before {
  content: "\e345";
}

.lp-youtube-solid:before {
  content: "\e346";
}

.lp-huffingtonpost-solid:before {
  content: "\e347";
}

.lp-issuu-solid:before {
  content: "\e348";
}

.lp-instagram-solid:before {
  content: "\e349";
}

.lp-flickr-solid:before {
  content: "\e350";
}

.lp-digg-solid:before {
  content: "\e351";
}

.lp-delicious-solid:before {
  content: "\e352";
}

.lp-medium-solid:before {
  content: "\e353";
}

.lp-prezi-solid:before {
  content: "\e354";
}

.lp-blogs-solid:before {
  content: "\e355";
}

.lp-whatsup-solid:before {
  content: "\e356";
}

.lp-qq-solid:before {
  content: "\e357";
}

.lp-renren-solid:before {
  content: "\e358";
}

.lp-soundcloud-solid:before {
  content: "\e359";
}

.lp-tumblr-solid:before {
  content: "\e360";
}

.lp-vk-solid:before {
  content: "\e361";
}

.lp-rss-solid:before {
  content: "\e362";
}

.lp-filter:before {
  content: "\e363";
}

.lp-Podcasts:before {
  content: "\e364";
}

.lp-Spotify:before {
  content: "\e365";
}

.lp-Stitcher:before {
  content: "\e366";
}

.lp-Pocket-Casts:before {
  content: "\e367";
}

.lp-google:before {
  content: "\e368";
  color: #4b5e71;
}

.lp-microsoft:before {
  content: "\e369";
  color: #4b5e71;
}

.lp-yahoo:before {
  content: "\e370";
  color: #4b5e71;
}

.lp-apple:before {
  content: "\e371";
  color: #4b5e71;
}

.lp-email:before {
  content: "\e372";
  color: #4b5e71;
}

.lp-wb-live:before {
  content: "\e373";
  color: #4b5e71;
}

.lp-download-solid:before {
  content: "\e902";
  color: #4b5e71;
}
/* === modal popup css Begin === */
.popup {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 padding: 1.75rem;
 width: 100%;
 height: 100vh;
 overflow-y: auto;
 z-index: 99;
 background-color: rgba(231, 237, 243, 0.88);
}

.popup .tui_popup_content {
 border-radius: 10px;
 background: #ffffff;
 position: relative;
 margin: 74px auto;
 padding: var(--padding-margins-sp-32);
 max-width: 100%;
 width: 75%;
}

@media (min-width: 768px) {
 .popup .tui_popup_content {
  margin: 60px auto;
  padding: var(--spacing-xxlarge) var(--padding-margins-sp-60) var(--padding-margins-sp-60) var(--padding-margins-sp-60);
 }
}

@media (min-width: 1024px) {
 .popup .tui_popup_content {
  padding: var(--padding-margins-sp-60);
 }
}

@media screen and (min-width: 1200px) {
 .popup .tui_popup_content {
  width: 60%;
 }
}

.popup-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.popup-header h3 {
 margin-bottom: var(--spacing-large);
}

.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-70);
 color: #fff;
 position: absolute;
 right: 20px;
 top: -25px;
 border: 0;
 z-index: 9;
}

.popup-content {
 margin-top: 6rem;
 display: inline-block;
 width: 100%;
}

@media screen and (min-width: 1200px) {
 .popup-content {
  margin-top: 2rem;
 }
}

.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;
}

.tui_popup_header .tui_popup_title {
 color: var(--text-on-light-highlight);
 /* Body/Text/Large/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-600);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
 /* 36px */
 letter-spacing: -0.084px;
 margin-bottom: var(--spacing-medium);
}

/* === modal popup css End === */
.tui_embed_responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.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%;
}
iframe,
embed,
object,
video,
.s7videoviewer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.tui_scci_community_teaser .cmp-teaser {
  margin: 0 0 var(--padding-between_sections);
  display: inline-block;
  width: 100%;
}
.tui_scci_community_teaser .cmp-teaser__content {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-medium, 32px);
  flex-shrink: 0;
    flex-wrap: wrap;
}
.tui_scci_community_teaser .cmp-teaser__title {
  color: var(--text-on-light-highlight, #012740);
  font-size: var(--font-size-1000, 40px);
  font-weight: var(--label-font-weight, 700);
  line-height: 115%;
  letter-spacing: -0.6px;
}
.tui_scci_community_teaser .cmp-teaser__quote {
  display: flex;
  padding-top: var(--spacing-xlarge, 48px);
  flex-direction: column;
  gap: var(--Spacing-small, 16px);
  border-top: 2px solid var(--blue-40, #169AF3);
}
.tui_scci_community_teaser .cmp-teaser__quote img {
  max-width: 60px;
  height: 45px;
  aspect-ratio: 4/3;
}
.tui_scci_community_teaser .cmp-teaser__quote blockquote {
  color: var(--text-on-light-highlight, #012740);
  font-size: var(--font-size-700, 28px);
  line-height: 115%;
  letter-spacing: -0.42px;
  margin: 0;
}
.tui_scci_community_teaser .cmp-teaser__quote blockquote p {
  font-weight: 400;
}
.tui_scci_community_teaser .cmp-teaser__quote footer {
  color: var(--text-on-light-default);
  font-size: var(--font-size-300);
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  margin-top: var(--spacing-regular);
  background: transparent;
}
.tui_scci_community_teaser .cmp-teaser__quote footer strong {
  color: var(--text-on-light-highlight);
  font-size: var(--font-size-500);
  font-weight: 700;
  line-height: 150%;
  /* 30px */
  letter-spacing: -0.25px;
}
.tui_scci_community_teaser .cmp-teaser__image img {
  border-radius: 10px;
width: 72px;
height: 72px;
min-width: 72px;
aspect-ratio: 1/1;
object-fit: cover;
}

.tui_scci_community_teaser .cmp-teaser__image{
    display: none;
        }

.tui_scci_community_teaser .cmp-teaser__quote footer .cmp-teaser__image{
    float: left;
    padding-right: var(--spacing-regular);
    display: block;
}

@media (width >= 768px){
.tui_scci_community_teaser .cmp-teaser__image img {
      width: 100%;
      aspect-ratio: 237/236;
       height: 100%;
}

.tui_scci_community_teaser .cmp-teaser__image{
            display: block;
                }

.tui_scci_community_teaser .cmp-teaser__quote footer .cmp-teaser__image{
               display: none;
 }

.tui_scci_community_teaser .cmp-teaser__content {
    flex-wrap: inherit;
}

}

@media (width > 1024px){
.tui_scci_community_teaser .cmp-teaser__image img {
aspect-ratio: 340/339;
}
}




.tui_scci_community_blue_section {
  border-radius: 10px;
  background: var(--blue-90);
  padding: 40px 48px 40px 48px;
  flex-shrink: 0;
  display: inline-block;
  width: 100%;
  color: var(--text-on-dark-emphasis);
  box-sizing: border-box;
  overflow: hidden;
}
.tui_scci_community_blue_section h2 {
  color: var(--text-on-dark-emphasis);
  margin-bottom: var(--spacing-small, 16px);
    line-height: 100%;
  font-size: var(--font-size-1100);

}
.tui_scci_community_blue_section p.cmp-text {
  color: var(--text-on-dark-emphasis);
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.07px;
}
.tui_scci_community_blue_section .cmp-image.hexagon-image {
  text-align: center;
}


.tui_scci_community_blue_section  .tui_scci_blue_tabs.lp__tab_full_row,
.tui_scci_community_blue_section .tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs{
    position: static;
}


.tui_scci_community_blue_section .image {
            position: relative;
            top:0;
            right:0;
            margin-top: var(--spacing-regular);
}


@media screen and (min-width: 1200px){
.tui_scci_community_blue_section .image {
  max-width: 100%;
  position: absolute;
  right: -120%;
  top: 0;
 margin-top: 0;

}

.tui_scci_community_blue_section img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: contain;
}
}


.tui_scci_power_section .impact-card-wrapper .impact-card-img img {
  max-width: 80px;
  max-height: 80px;
  min-width: 72px;
}

@media screen and (min-width: 768px){
.tui_scci_community_blue_section {
     padding: 72px 87px 71.54px 87px;
 }

.tui_scci_power_section .impact-card-wrapper .impact-card-img img {
  width: 80px;
}

}



@media screen and (min-width: 1024px){
.tui_scci_community_blue_section {
    padding: 64px 124px;
 }
}

.tui_scci_blue_tabs.lp__tab_full_row {
  margin-top: var(--spacing-large, 40px);
  margin-bottom: var(--Spacing-regular, 32px);
}
.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tablist {
  border-bottom: 2px solid rgba(255, 255, 255, 0.16);
}
.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tablist .cmp-tabs__tab {
  color: #ffffff !important;
  font-size: var(--font-size-300);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  text-decoration: none !important;
}
.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tablist .cmp-tabs__tab[aria-selected=true] {
  color: #ffffff;
}
.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tabpanel h3 {
  color: var(--text-on-dark-emphasis);
  font-size: var(--font-size-600);
  font-style: normal;
  font-weight: var(--body-font-weight-regular);
  line-height: 150%;
  letter-spacing: -0.084px;
  margin-bottom: var(--spacing-small);
}
.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tabpanel .text a {
    text-decoration: none;
  margin-top: var(--spacing-regular, 32px);
}
.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tabpanel .text a {
  color: #ffffff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.55);
}
.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tabpanel a:focus, .tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tabpanel a:hover {
  border-bottom: 2px solid var(--divider-on-dark-highlight, #169AF3);
}

.tui_scci_blue_tabs .lp__tab_full_row .cmp-tabs__tabpanel .text a{
    display: flex;
    padding-bottom: var(--Spacing-tiny, 4px);
    flex-direction: column;
    align-items: flex-start;
    color: var(--Text-On-Light-Link-Primary-Enabled, #004370);
    text-align: center;
    font-size: var(--theloop-button-label-font-size, 16px);
    font-style: normal;
    font-weight: var(--theloop-button-label-font-weight, 700);
    line-height: var(--theloop-button-label-line-height, 24px);
    letter-spacing: var(--theloop-button-label-letter-spacing, -0.5px);
    border-bottom: 2px solid rgba(0, 67, 112, 0.55);
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
 }




.tui_scci_power_section{
           padding-top: var(--spacing-huge);
}

.tui_scci_power_section .aem-Grid .cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xlarge, 48px);
  align-self: stretch;
}
.tui_scci_power_section .title {
  width: 100%; 
}
.tui_scci_power_section .title h2 {
  text-align: center;
  margin: 0;
      font-size: var(--font-size-1100);
}
.tui_scci_power_section .impact-card-wrapper {
  background: transparent;
  padding: 0;
}
@media (min-width: 1024px) {
  .tui_scci_power_section .impact-card-wrapper .impact-card-img {
    width: auto;
  }
}

.tui_scci_power_section .measuring-impact-cards-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (width > 1200px) {
  .tui_scci_power_section .measuring-impact-cards {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    width: 100%;
  }

   .tui_scci_community_teaser .columncontrol .aem-Grid{
      display: flex;
      justify-content: center;
  }

   .tui_scci_community_teaser .columncontrol .aem-Grid .aem-GridColumn--default--4 { 
      margin-right: var(--spacing-medium);
  }

.tui_scci_community_teaser .cmp-teaser__content {
    flex-wrap: inherit;
}


}

.tui_scci_community_teaser .cmp-teaser__action-link a{
    color: var(--button-primary-label-default);
                text-decoration: none;
    cursor: not-allowed !important;
    pointer-events: none;
            }

.tui_scci_community_teaser ul{   
        list-style: none;
        padding:0;
    }

.tui_scci_community_teaser .columncontrol{
       padding-bottom: var(--padding-between_sections);
 }


.tui_page_title_wrapper.tui_page_title_v2 .touchui-container {
    padding-right: 0;
}

.tui_scci_community_teaser .cmp-teaser__action-link a:hover {
  background-color: var(--background-container-on-light-link-primary-hover) !important;
  color: var(--blue-90) !important;
  cursor: pointer;
}

.tui_scci_community_teaser .cmp-teaser__action-link a:focus-visible {
  outline: 2px solid var(--links-focus-color);
}

.tui_scci_community_teaser .cmp-teaser__action-link a:any-link{
  font-family: var(--body-font-family);
  font-size: var(--theloop-xl-button-font-size);
  font-weight: var(--theloop-button-label-font-weight);
  line-height: var(--theloop-button-label-line-height);
  letter-spacing: var(--theloop-button-label-letter-spacing);
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid var(--button-primary-outline-enabled);
  padding: var(--theloop-button-v-padding) var(--theloop-button-h-padding);
  font-style: normal;
  cursor: pointer;
  color: var(--button-primary-label-default);
  background-color: var(--button-primary-background-enabled);
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--border-radius-x-large);
}

.tui_scci_community_teaser .text + .cmp-teaser__action-link.primary {
    margin-top: var(--spacing-large);
}

@media (width > 1200px) {

.tui_scci_community_teaser .text + .cmp-teaser__action-link.primary {
    display: none;
}
}

@media (width <= 1200px) {

.tui_scci_community_teaser .title + .cmp-teaser__action-link.primary {
    display: none;
  }
            }

.tui_sticky_list_wrapper .text p{
                        margin-bottom: var(--spacing-regular);
}  

.tui_scci_community_teaser .columncontrol .aem-Grid .text p{
        color: var(--text-on-light-default);
                                    }

.tui_scci_power_section .impact-card-wrapper .impact-card-img{
                width: auto;
            }

.community-agenda {
    margin-bottom: var(--spacing-xhuge);
}

.community-agenda .cmp-embed{
    padding-bottom: 0;
        }

/* ================= TABLE BASE ================= */

.community-agenda table {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #000;
    background-color: #ffffff;
    line-height: 1.5;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #d1d1d1;
    margin-bottom: 40px;
}

/* ================= DAY HEADINGS ================= */

.community-agenda h3 {
    display: block;
    background-color: #FF9C00;
    color: #fff;
    font-size: 18px;
    padding: 10px 16px;
    border-radius: 6px;
    margin: 25px 0 10px 0;
}

/* ================= TABLE HEADER (TIME / ACTIVITY) ================= */

.community-agenda thead th {
    background-color: #43536B;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    padding: 10px 12px;
    border: 1px solid #6fc0b8;
}

/* ================= CELLS ================= */

.community-agenda td,
.community-agenda th[scope="row"] {
    border: 1px solid #6fc0b8;
    padding: 8px 12px;
    vertical-align: top;
    color: #000;
}

/* Time column (row headers) */
.community-agenda th[scope="row"] {
    font-weight: 600;
    white-space: nowrap;
    background-color: #f8f8f8;
}

/* ================= SPECIAL ROWS ================= */

.community-agenda tr.green {
    background: #6fc0b8;
    color: #fff;
} 

.community-agenda tr.green td,
.community-agenda tr.green th {
    color: #fff;
    font-weight: bold;
    border-color: #6fc0b8;
}

.community-agenda tr.knowledge-test {
    background: #e6e6e6;
}

.community-agenda tr.knowledge-test td,
.community-agenda tr.knowledge-test th {
    color: #000;
}

/* ================= LISTS INSIDE TABLE ================= */

.community-agenda table ul {
    margin: 6px 0 0 0;
    padding-left: 18px;
}

.community-agenda table li {
    margin-bottom: 4px;
}

/* Remove fake bullet injection */
.community-agenda table li::before {
    content: none;
}

/* ================= PARAGRAPH CLEANUP ================= */

.community-agenda td p {
    margin: 4px 0;
}

/* ================= ACCESSIBILITY IMPROVEMENTS ================= */

/* Improve focus visibility */
.community-agenda table :focus {
    outline: 3px solid #FF9C00;
    outline-offset: 2px;
}

/* Optional zebra striping for readability */
.community-agenda tbody tr:nth-child(even):not(.green):not(.knowledge-test) {
    background-color: #f9f9f9;
}

.tui_scci_blue_tabs.lp__tab_full_row .cmp-tabs__tabpanel .text  p a{
                    margin: 0;
                    display: inline-block;
                }


@media (width >= 1024px){
.text.tui_scci_related_links__content.aem-GridColumn.aem-GridColumn--default--12 {
    width: 66.6666666667%;
    margin: 0 auto;
    float: none;
}
}

.tui_scci_related_links__title {
    text-align: center;
}

.tui_scci_related_links__title h2{
    margin-bottom: var(--spacing-xlarge);
}

.tui_scci_related_links__content ul li::marker{
    color: var(--text-on-light-link-primary-enabled);  
}

.tui_scci_related_links__content ul li a{
  color: var(--text-on-light-link-primary-enabled);
  font-size:var(--font-size-500);
  line-height: 150%;
  font-weight: 400;
}

.measuring-impact-cards {
 margin-bottom: var(--spacing-huge);
}

/* === tui_text_teaser CSS Begin === */
.tui_text_teaser_pretitle {
 color: var(--blue-90);
 /* Eyebrow/Desktop/Eb_D_SM */
 font-family: "Open Sans";
 font-size: 12px;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 /* 13.2px */
 letter-spacing: 0.6px;
 text-transform: uppercase;
 margin-bottom: 1rem;
}

.tui_text_teaser_title {
 color: var(--text-on-light-highlight);
 /* Heading/H3/Base */
 font-family: var(--global-font-family);
 font-size: var(--font-size-800);
 font-style: normal;
 font-weight: var(--heading-font-weight);
 line-height: 112%;
 /* 35.84px */
 letter-spacing: -0.96px;
 margin-bottom: 1rem;
}

.tui_text_teaser_info {
 color: var(--text-on-light-default);
 /* Body/Text/Base/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 24px */
 margin-bottom: var(--spacing-large);
}

.tui_text_teaser_description {
 color: var(--text-on-light-default);
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: 400;
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
}

.tui_text_teaser_description p:not(:last-child) {
 margin-bottom: 1rem;
}

.teaser .tui_video_caption_title {
 color: var(--text-on-light-highlight);
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
    word-break: break-all;
 /* 24px */
}

.teaser .tui_video_caption_duration {
 color: var(--text-on-light-highlight);
 text-align: right;
 /* Body/Text/Small/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-200);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 21px */
 white-space: nowrap;
}

@media (min-width: 768px) {
 .teaser .tui_video_caption {
  margin-bottom: var(--spacing-large);
 }
}

.tui_separator_huge hr {
 margin-top: var(--spacing-huge);
 margin-bottom: var(--spacing-huge);
}


.tui_top_banner .teaser .tui_video_caption_title,
.tui_top_banner .teaser .tui_video_caption_duration {
 color: var(--text-on-dark-emphasis);
}

/* === tui_text_teaser CSS End === */


.contactus .cmp-teaser__description {
 margin-bottom: var(--spacing-regular);
}

.contactus .cmp-teaser__title {
 margin-bottom: 10px;
}
/* === _card-caravan css Begin === */
@media (min-width: 768px) {
 .tui_caravan_card_wrapper {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 32px;
  align-items: start;
 }
}

@media (min-width: 768px) {
 .tui_right_section {
  position: sticky;
  top: 20px;
  height: -moz-fit-content;
  height: fit-content;
  align-self: start;
 }
}

@media (min-width: 768px) {
 .tui_caravan_card_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
 }
}

.tui_caravan_card_wrapper .tui_left_section {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

@media (min-width: 768px) {
 .tui_caravan_card_wrapper .tui_left_section {
  justify-content: end;
 }
}

@media (min-width: 768px) {
 .tui_caravan_card_wrapper .tui_right_section .title {
  padding-top: 88px;
 }
}

@media (min-width: 1024px) {
 .tui_caravan_card_wrapper .tui_right_section .title {
  padding-top: 200px;
 }
}

.tui_caravan_card_wrapper .tui_right_section .title .cmp-title__text {
 color: var(--text-on-light-highlight);
 /* Heading/Label/Medium */
 font-family: var(--global-font-family);
 font-size: var(--font-size-1100);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 100%;
 /* 48px */
 letter-spacing: -0.72px;
 margin-bottom: var(--spacing-xxlarge);
}

.tui_caravan_card {
 width: 100%;
 text-align: center;
 margin-bottom: var(--spacing-large);
}



.tui_caravan_card .tui_card-content {
 padding: 0 40px;
 position: relative;
 top: 15px;
 margin-bottom: var(--spacing-large);
}

@media (min-width: 768px) {
 .tui_caravan_card .tui_card-content {
  top: -20px;
 }
}

.tui_caravan_card .tui_card-content h3 {
 color: var(--blue-90);
 text-align: center;
 /* Body/Text/Large/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-600);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
 /* 36px */
 letter-spacing: -0.084px;
 margin-bottom: 12px;
}

.tui_caravan_card .tui_card-content .tui_card-description {
 color: var(--text-on-light-default);
 text-align: center;
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
}

.tui_caravan_card .tui_img_mask_container {
 width: 100%;
 position: relative;
}



.tui_caravan_card .tui_img_mask_container img{
aspect-ratio: 334.00/320.29;
}


@media (width >= 768px) {
.tui_caravan_card .tui_img_mask_container img{
aspect-ratio: 411.00/394.13;
}
}


@media (width >= 1024px) {
.tui_caravan_card .tui_img_mask_container img{
aspect-ratio: 588.00/563.87;
}
}


.tui_caravan_card .tui_main_image {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -webkit-mask-image: url("../../../content/dam/partners/scci/img/2025/Mask-Vector.png");
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: cover;
 -webkit-mask-position: center;
 -webkit-mask-image: url("../../../content/dam/partners/scci/img/2025/Mask-Vector.png");
 mask-image: url("../../../content/dam/partners/scci/img/2025/Mask-Vector.png");
 mask-repeat: no-repeat;
 mask-size: cover;
 mask-position: center;
 background-color: var(--blue-90);
}

.tui_caravan_card .tui_orange_mask {
 position: absolute;
 left: 0;
 top: 12px;
 height: 100%;
 width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}




/* === _card-caravan css End === */
/* Begin embed css */
.tui_embed_wrapper {
 position: relative;
 width: 100%;
 max-width: 100%;
 overflow: hidden;
 border-radius: 8px;
}

/* Aspect ratio box (16:9 default) */
.tui_embed_responsive {
 position: relative;
 width: 100%;
 padding-bottom: 56.25%;
 /* 16:9 ratio */
 height: 0;
}

/* The actual video, iframe, or embed */
.tui_embed_content {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0;
 -o-object-fit: cover;
 object-fit: cover;
 /* Keeps video scaling nicely */
}

/* Ratio helpers */
.tui_ratio-16x9 .tui_embed_responsive {
 padding-bottom: 56.25%;
}

.tui_ratio-4x3 .tui_embed_responsive {
 padding-bottom: 75%;
}

.tui_ratio-1x1 .tui_embed_responsive {
 padding-bottom: 100%;
}

.tui_ratio-21x9 .tui_embed_responsive {
 padding-bottom: 42.85%;
}


.tui_embed {
 position: relative;
 width: 100%;
 max-width: 800px;
 margin: 0 auto;
 border-radius: 10px 10px 0 0;
 overflow: hidden;
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
 background: var(--blue-90);
}

.tui_embed_responsive {
 position: relative;
 width: 100%;
 padding-bottom: 56.25%;
 /* 16:9 ratio = (9 / 16 * 100)% */
 height: 0;
 overflow: hidden;
}

.tui_teaser-iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0;
}

@media (max-width: 768px) {
 .tui_embed {
  max-width: 100%;
 }
}

/* End embed css */
/* === tui_full_row_teaser CSS Begin === */
.tui_full_row_teaser {
 position: relative;
}

.tui_full_row_teaser .cmp-teaser {
 display: flex;
 flex-wrap: wrap;
 flex-direction: column-reverse;
}

@media (min-width: 1024px) {
 .tui_full_row_teaser .cmp-teaser {
  flex-direction: column;
  flex-direction: row;
 }
}

.tui_full_row_teaser .tui_full_row_teaser_bg {
 position: absolute;
 height: auto;
 -o-object-fit: cover;
 object-fit: cover;
 top: 0;
 max-width: 61px;
 left: -30px;
}

@media (min-width: 768px) {
 .tui_full_row_teaser .tui_full_row_teaser_bg {
  top: -5px;
  max-width: 105px;
  left: -52px;
 }
}

@media (min-width: 1024px) {
 .tui_full_row_teaser .tui_full_row_teaser_bg {
  top: -15px;
  max-width: 145px;
  left: -72px;
 }
}

.tui_full_row_teaser .cmp-teaser__content {
 position: relative;
 background: var(--blue-90);
 padding: var(--spacing-huge);
 border-radius: 0 0 10px 10px;
}

@media (min-width: 1024px) {
 .tui_full_row_teaser .cmp-teaser__content {
  padding: 72px 80px;
 }
}

@media (min-width: 1024px) {
 .tui_full_row_teaser .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
  padding: 32px;
  padding-left: 126px;
  border-radius: 10px 0px 0px 10px;
 }
}

.tui_full_row_teaser .cmp-teaser__content .cmp-teaser__pretitle {
 color: var(--text-on-dark-emphasis);
 /* Eyebrow/Desktop/Eb_D_SM */
 font-family: "Open Sans";
 font-size: 12px;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 /* 13.2px */
 letter-spacing: 0.6px;
 text-transform: uppercase;
 margin-bottom: var(--padding-margins-sp-20);
}

.tui_full_row_teaser .cmp-teaser__content .cmp-teaser__title {
 color: var(--text-on-dark-emphasis);
 /* Heading/Label/Medium */
 font-family: var(--global-font-family);
 font-size: var(--font-size-1100);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 100%;
 /* 48px */
 letter-spacing: -0.72px;
 margin-bottom: var(--padding-margins-sp-20);
}

.tui_full_row_teaser .cmp-teaser__content .cmp-teaser__caption {
 width: 100%;
}

.tui_full_row_teaser .cmp-teaser__description {
 color: var(--text-on-dark-emphasis);
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
 margin-bottom: 40px;
}

.tui_full_row_teaser .cmp-teaser__action-container ul {
 padding: 0;
}

.tui_full_row_teaser .cmp-teaser__action-container a {
 display: inline-flex;
 padding: var(--theloop-button-v-padding) var(--theloop-button-h-padding);
 justify-content: center;
 align-items: center;
 gap: var(--theloop-button-gap);
 color: var(--blue-90);
 text-align: center;
 border-radius: var(--theloop-button-border-radius);
 border: 1px solid var(--outline-transparent);
 background: #ffffff;
 text-decoration: none;
 /* .Button/Label */
 font-family: var(--global-font-family);
 font-size: var(--theloop-button-label-font-size);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 letter-spacing: var(--theloop-button-label-letter-spacing);
}

.tui_full_row_teaser .cmp-teaser__action-container a[href="#"]{
    pointer-events: none;
        }

.tui_full_row_teaser .cmp-teaser__caption {
 color: var(--text-on-light-highlight);
 text-align: right;
 font-family: var(--global-font-family);
 font-size: var(--font-size-200);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 margin-bottom: 8px;
 width: 100%;
 float: right;
}

@media (min-width: 1024px) {
 .tui_full_row_teaser .cmp-teaser__caption {
  margin-bottom: 0;
 }
}

.tui_full_row_teaser .cmp-teaser__image {
 border-radius: 10px 10px 0 0;
 overflow: hidden;
}

@media (min-width: 1024px) {
 .tui_full_row_teaser .cmp-teaser__image {
  width: 60%;
  border-radius: 0 10px 10px 0;
 }
}

.tui_full_row_teaser .cmp-image {
 height: 100%;
}

.tui_full_row_teaser .cmp-image__image {
 display: block;
 height: 100%;
 width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 min-height: 216px;
}

@media (min-width: 768px) {
 .tui_full_row_teaser .cmp-image__image {
  min-height: 430px;
 }
}

@media (min-width: 1024px) {
 .tui_full_row_teaser .cmp-image__image {
  min-height: 537px;
 }
}

/* === tui_full_row_teaser CSS End === */
/* ===  Card Onboarding css Begin  === */
.tui_onboarding_teaser_lg_wrapper {
 position: relative;
}

@media (min-width: 768px) {
 .tui_onboarding_teaser_lg_wrapper::after {
  content: "";
  display: inline-block;
  width: 21%;
  height: 279px;
  position: absolute;
  bottom: -281px;
  border-bottom-left-radius: 100px;
  border-bottom: 2.5px dashed var(--divider-on-light-default);
  border-left: 2.5px dashed var(--divider-on-light-default);
  left: 0;
  transform: rotatex(180deg);
  z-index: -1;
 }
}

.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg {
 position: relative;
}

@media (min-width: 768px) {
 .tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:nth-of-type(odd) {
  border-left: 2.5px dashed var(--divider-on-light-default);
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
 }

 .tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:nth-of-type(odd)::after {
  content: " ";
  display: inline-block;
  width: 50%;
  height: 100%;
  border-bottom: 2.5px dashed var(--divider-on-light-default);
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 200px;
  left: 0;
  z-index: -1;
 }

 .tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:nth-of-type(odd)::before {
  content: "";
  display: inline-block;
  width: 80%;
  height: 100%;
  position: absolute;
  bottom: 0;
  border-top-left-radius: 200px;
  border-top: 2.5px dashed var(--divider-on-light-default);
  left: 0;
  z-index: -1;
 }
}



@media (min-width: 768px) {
 .tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:nth-of-type(even) {
  border-right: 2.5px dashed var(--divider-on-light-default);
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
 }

 .tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:nth-of-type(even)::before {
  content: " ";
  display: inline-block;
  width: 50%;
  height: 100%;
  border-top: 2.5px dashed var(--divider-on-light-default);
  position: absolute;
  top: -2px;
  border-top-right-radius: 200px;
  right: -1px;
  z-index: -1;
 }

.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:nth-of-type(even)::after {
 content: " ";
 display: inline-block;
 width: 80%;
 height: 100%;
 border-bottom: 2.5px dashed var(--divider-on-light-default);
 position: absolute;
 top: -2px;
 border-bottom-right-radius: 200px;
 right: -1px;
 z-index: -1;
}

 .tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:nth-of-type(even) .tui_teaser_lg_container {
  flex-direction: row-reverse;
 }
}

.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:first-child {
 border-top-left-radius: 0;
}

.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:first-child::before {
 content: none;
}

.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:last-child::after {
 content: " ";
 display: inline-block;
 width: 80%;
 height: 100%;
 border-bottom: 2.5px dashed var(--divider-on-light-default);
 position: absolute;
 top: 0;
 border-bottom-right-radius: 200px;
 right: -1px;
 z-index: -1;
}

@media (max-width: 767px) {
 .tui_teaser_lg {
  margin-bottom: var(--spacing-huge);
 }

 .tui_onboarding_teaser_lg_wrapper .tui_teaser_lg{
    border:0;
    border-radius: 0;
}

.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg::before,
.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg::after,
.tui_onboarding_teaser_lg_wrapper .tui_teaser_lg:last-child::after{
            display: none;
}


}

@media (min-width: 768px) {
 .tui_teaser_lg {
  padding-bottom: 84px;
  padding-top: 84px;
  padding-right: 84px;
  padding-left: 84px;
 }
}

.tui_teaser_lg .tui_teaser_lg_container {
 position: relative;
}

@media (min-width: 768px) {
 .tui_teaser_lg .tui_teaser_lg_container {
  display: flex;
  gap: var(--spacing-medium);
  min-height: 245px;
 }
}

.tui_teaser_lg .tui_teaser_lg-title {
 color: var(--text-on-light-highlight);
 /* Heading/Label/Tiny */
 font-family: var(--global-font-family);
 font-size: var(--font-size-700);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 115%;
 /* 32.2px */
 letter-spacing: -0.42px;
 margin-bottom: var(--spacing-small);
}

@media (max-width: 768px) {
 .tui_teaser_lg .tui_teaser_lg-title {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding-right: 50px;
  margin-bottom: 8px;
 }
}

.tui_teaser_lg .tui_teaser_lg_content {
 flex: 1;
}

@media (max-width: 768px) {
 .tui_teaser_lg .tui_teaser_image img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  aspect-ratio: 50.99/50.48;
 }
}

@media (min-width: 768px) {
 .tui_teaser_lg .tui_teaser_image {
  width: 92px;
  aspect-ratio: 92/91.08;
 }
}

.tui_teaser_lg-description {
 margin-bottom: var(--spacing-regular);
}

.tui_cards_list ul {
 margin: 0 0 var(--spacing-regular) 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 flex-direction: column;
 gap: var(--spacing-regular);
}

.tui_card_sm_hr .cmp-teaser {
 display: flex;
 align-items: center;
 gap: var(--spacing-medium);
 justify-content: space-between;
}

.tui_card_sm_hr .cmp-teaser .cmp-teaser__content {
 width: calc(100% - 92px - var(--spacing-medium));
}

.tui_card_sm_hr .cmp-teaser .cmp-teaser__title {
 color: var(--text-on-light-highlight);
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
 margin-bottom: var(--spacing-tiny);
}

.tui_card_sm_hr .cmp-teaser .cmp-teaser__description {
 color: var(--text-on-light-default);
 /* body/text/base/regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 24px */
}

.tui_card_sm_hr .cmp-teaser .cmp-teaser__image img {
 width: 92px;
 aspect-ratio: 92/60.88;
}

/* ===  Card Onboarding css End  === */
/* === tui_jumpto_links CSS Begin === */
.tui_jumpto_links_container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  justify-content: space-between;
}

@media (width >=1024px) {
  .tui_jumpto_links_container {
    grid-template-columns: 25% calc(75% - 32px);
  }
}

.tui_jumpto_links_list {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  gap: var(--spacing-small);
  position: sticky;
  top: 0%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-self: flex-start;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (max-width: 1024px) {
  .tui_jumpto_links_list {
    overflow: auto;
    white-space: nowrap;
    border-bottom: 2px solid var(--divider-on-light-subdued);
    background: #fff;
    z-index: 9;
    width: calc(100% + var(--grid-margin-12-col));
  }

  .tui_jumpto_links_list a {
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .tui_jumpto_links_list {
    flex-direction: column;
  }
}

.tui_jumpto_links_list::-webkit-scrollbar {
  display: none;
}

.tui_jumpto_link {
  color: var(--text-on-light-link-primary-enabled);
  font-family: var(--global-font-family);
  font-size: var(--font-size-300);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  white-space: normal;
  max-width: 100%;
  text-decoration: none;
  border-bottom: 4px solid transparent;
}

.tui_jumpto_link a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

.tui_jumpto_link.active,
.tui_jumpto_link:hover {
  font-weight: 700;
  border-bottom: 4px solid var(--Background-Container-On-Light-Link-Primary-Hover, #169af3);
}

@media (min-width: 768px) {
  .tui_jumpto_link {
    padding-bottom: 4px;
    width: -moz-max-content;
    width: max-content;
    color: var(--text-on-light-emphasis);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 150%;
  }
}

.tui_jumpto_links_onboarding {
  padding-bottom: var(--spacing-xhuge);
}

/* === tui_jumpto_links CSS End === */
/* === === Read More css Begin === === */
.tui_read_more_wrapper .tui_read_less_btn,
.tui_read_more_wrapper .tui_read_more_btn {
 color: var(--text-on-light-link-primary-enabled);
 text-align: center;
 font-family: var(--global-font-family);
 font-size: var(--theloop-button-label-font-size);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 letter-spacing: var(--theloop-button-label-letter-spacing);
 background-color: transparent;
 border: none;
 border-bottom: 2px solid rgba(0, 67, 112, 0.55);
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 0 0 var(--spacing-tiny) 0;
 text-decoration: none;
 border-radius: 0;
}

.tui_read_more_wrapper .tui_read_less_btn:hover,
.tui_read_more_wrapper .tui_read_less_btn:focus,
.tui_read_more_wrapper .tui_read_less_btn:active,
.tui_read_more_wrapper .tui_read_more_btn:hover,
.tui_read_more_wrapper .tui_read_more_btn:focus,
.tui_read_more_wrapper .tui_read_more_btn:active {
 background-color: transparent;
 color: var(--text-on-light-link-primary-enabled);
}

.tui_read_more_wrapper .tui_read_less_btn .lp::before,
.tui_read_more_wrapper .tui_read_more_btn .lp::before {
 font-size: 80%;
}

/* === === Read More css End === === */
/* === bankWise-ai CSS Begin === */
.bankwise-ai-container {
 margin-bottom: var(--spacing-huge);
}

@media (min-width: 1024px) {
 .bankwise-ai-container {
  display: flex;
 }
}

.bankwise-ai-left-section {
 padding-top: 32px;
}

@media (min-width: 1024px) {
 .bankwise-ai-left-section {
  padding-top: var(--spacing-xhuge);
 }
}

@media (min-width: 1024px) {
 .bankwise-ai-left-section {
  padding-top: 50px;
  padding-right: 50px;
  width: calc(100% / 12 * 3);
 }
}

.bankwise-ai-right-section {
 padding-top: 68px;
 padding-bottom: var(--spacing-xxlarge);
}

@media (min-width: 1024px) {
 .bankwise-ai-right-section {
  padding-top: var(--spacing-xhuge);
  padding-bottom: var(--spacing-xxlarge);
 }

 .bankwise-ai-right-section {
  /* width: 66.6666666667%; */
  padding-left: 32px;
  width: calc(100% / 12 * 9);
 }
}

.bankwise-ai-title {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: var(--spacing-small);
 margin-bottom: 0;
 padding-top: var(--spacing-regular);
 padding-bottom: var(--spacing-huge);
 border-bottom: 1px solid var(--Outline-On-Light-Emphasis, rgba(0, 41, 77, 0.42));
}

@media (min-width: 1024px) {
 .bankwise-ai-title {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: var(--spacing-medium);
 }
}

.bankwise-ai-title .bankwise-ai-logo {
 width: 36px;
 height: auto;
 aspect-ratio: 36/40;
}

@media (min-width: 1024px) {
 .bankwise-ai-title .bankwise-ai-logo {
  width: 22px;
 }
}

@media (min-width: 1024px) {
 .bankwise-ai-title .bankwise-ai-logo {
  width: 55px;
  aspect-ratio: 11/12;
 }
}

.bankwise-ai-title .bankwise-ai-title-text {
 color: var(--text-on-light-emphasis);
 /* Heading/Label/Small */
 font-family: var(--global-font-family);
 font-size: var(--font-size-900);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 115%;
 /* 41.4px */
 letter-spacing: -0.54px;
 margin-bottom: 0;
}

.bankwise-ai-title .bankwise-ai-menu-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 width: 44px;
 height: 44px;
 padding: 0;
}

@media (min-width: 1024px) {
 .bankwise-ai-title .bankwise-ai-menu-btn {
  display: none;
 }
}

.bankwise-ai-title .bankwise-ai-menu-btn .lp {
 font-size: 1rem;
 line-height: 1;
 font-weight: normal;
}

.bankwise-ai-title .bankwise-ai-new-chat-btn {
 display: flex;
 align-items: center;
 justify-content: center;
 align-items: center;
 gap: var(--theloop-button-gap);
 border: 1px solid var(--outline-transparent);
 background: var(--background-container-on-light-link-primary-enabled);
 color: #ffffff;
 text-align: center;
 /* .Button/Label */
 font-family: var(--global-font-family);
 font-size: var(--theloop-button-label-font-size);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 /* 150% */
 letter-spacing: var(--theloop-button-label-letter-spacing);
 width: 44px;
 height: 44px;
 border-radius: 50%;
 padding: 0;
}

@media (min-width: 768px) {
 .bankwise-ai-title .bankwise-ai-new-chat-btn {
  border-radius: var(--theloop-button-border-radius);
  padding: var(--theloop-button-v-padding) var(--theloop-button-h-padding);
  width: auto;
  margin-left: auto;
 }
}

@media (min-width: 1024px) {
 .bankwise-ai-title .bankwise-ai-new-chat-btn {
  width: 100%;
  margin-left: 0;
 }
}

.bankwise-ai-title .bankwise-ai-new-chat-btn span {
 display: none;
}

@media (min-width: 768px) {
 .bankwise-ai-title .bankwise-ai-new-chat-btn span {
  display: inline-block;
 }
}

.bankwise-ai-title .bankwise-ai-new-chat-btn .lp {
 font-size: 1.25rem;
 line-height: 1;
 color: inherit;
}

.bankwise-ai-title .bankwise-ai-new-chat-btn:hover {
 color: #ffffff;
}

.bankwise-ai-label-text {
 color: var(--text-on-light-highlight);
 text-align: center;
 /* Heading/Label/Tiny */
 font-size: var(--font-size-700, 28px);
 font-style: normal;
 font-weight: var(--label-font-weight);
 line-height: 115%;
 /* 32.2px */
 letter-spacing: -0.42px;
 width: 100%;
 margin: 0 auto var(--spacing-huge) auto;
 display: inline-block;
}

@media (min-width: 1024px) {
 .bankwise-ai-label-text {
  padding: 0 var(--spacing-huge);
 }
}

.bankwise-ai-info {
 color: var(--text-on-light-default);
 text-align: center;
 /* Body/Text/Small/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-200);
 font-style: italic;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 21px */
 padding-bottom: var(--spacing-xlarge);
 margin-bottom: var(--spacing-huge);
 border-bottom: 2px solid var(--outline-on-light-default);
}

.bankwise-ai-input-wrapper {
 position: relative;
}

.bankwise-ai-input {
 width: 100%;
 border-radius: 40px;
 border: 2px solid var(--blue-40);
 background: #ffffff;
 display: flex;
 height: 120px;
 padding: 20px 96px 20px 40px;
 align-items: flex-start;
 margin-bottom: 16px;
 resize: none;
 color: var(--text-on-light-emphasis);
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: italic;
 font-weight: var(--body-font-weight-regular, 400);
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
}

.bankwise-ai-input::-moz-placeholder {
 font-style: italic;
}

.bankwise-ai-input::placeholder {
 font-style: italic;
}

.bankwise-ai-submit-btn {
 flex-shrink: 0;
 color: #ffffff;
 padding: var(--spacing-small) var(--spacing-regular);
 gap: var(--theloop-button-gap);
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 right: 21px;
 bottom: 18px;
 max-width: 75px;
 min-height: 56px;
}

.bankwise-ai-submit-btn img {
 width: 28px;
 height: 25px;
 -o-object-fit: contain;
 object-fit: contain;
}

.bankwise-ai-card-top-title {
 display: flex;
 justify-content: space-between;
 margin-bottom: var(--spacing-medium);
}

.bankwise-ai-card-top-title .bankwise-ai-card-top-link {
 display: none;
}

@media (min-width: 1024px) {
 .bankwise-ai-card-top-title .bankwise-ai-card-top-link {
  display: inline-block;
 }
}

.bankwise-ai-card-top-title-text {
 color: var(--text-on-light-highlight);
 /* Body/Text/Medium/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-500);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
 /* 30px */
 letter-spacing: -0.25px;
 margin-bottom: 0;
}

.bankwise-ai-card-link {
 color: var(--text-on-light-link-primary-enabled);
 text-align: center;
 /* .Button/Label */
 font-family: var(--global-font-family);
 font-size: var(--theloop-button-label-font-size);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 /* 150% */
 letter-spacing: var(--theloop-button-label-letter-spacing);
}

.bankwise-ai-card-container .tui_blue_explore_cards .impact-card-wrapper {
 background-position: bottom right;
 width: 100%;
}

.bankwise-ai-card-container .tui_blue_explore_cards .swipercontrollers a {
 position: relative;
 top: auto;
 bottom: auto;
}

.bankwise-ai-card-link {
 text-decoration: none;
}

.bankwise-ai-card-link.bankwise-ai-card-top-link {
 color: var(--text-on-light-link-primary-enabled);
 text-align: center;
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: var(--theloop-button-label-font-size);
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 letter-spacing: var(--theloop-button-label-letter-spacing);
 padding-bottom: var(--spacing-xxsmall);
 border-bottom: 2px solid var(--divider-on-light-emphasis);
 text-decoration: none;
}

.bankwise-a-recent-chats-title {
 color: var(--text-on-light-emphasis);
 /* Body/Text/Base/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: var(--body-font-weight-regular, 700);
 font-weight: 700;
 line-height: 150%;
 /* 24px */
 margin-bottom: var(--spacing-small);
}

.bankwise-a-recent-chats-list ul {
 list-style-type: none;
 padding: 0;
}

.bankwise-a-recent-chats-list ul li {
 margin-bottom: var(--spacing-xxsmall);
}

.bankwise-a-recent-chat-item {
 display: flex;
 padding: 6px 16px 10px 16px;
 justify-content: center;
 align-items: center;
 gap: 10px;
 align-self: stretch;
 border-radius: 90px;
 background: #e7edf3;
}

.bankwise-a-recent-chat-item p {
 overflow: hidden;
 color: var(--text-on-light-default);
 text-overflow: ellipsis;
 white-space: nowrap;
 font-family: var(--global-font-family);
 font-size: 14px;
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 21px */
}

@media (min-width: 1024px) {
 .bankwise-a-recent-chat-item {
  max-width: 184px;
  background: #ffffff;
  width: auto;
  max-width: auto;
 }
}

.bankwise-ai-left-sticky {
 width: 100%;
}

@media (min-width: 1024px) {
 .bankwise-ai-left-sticky {
  position: sticky;
  top: 0;
  z-index: 10;
 }
}

.bankwise-ai-chatbot-copy {
 margin-bottom: var(--spacing-xxlarge);
}

.bankwise-ai-chatbot-content {
 color: var(--text-on-light-default);
 /* Body/Text/Base/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: var(--body-font-weight-regular);
 line-height: 150%;
 /* 24px */
 margin-bottom: 20px;
}

.bankwise-ai-chatbot-content p {
 margin-bottom: 1rem;
}

.bankwise-ai-chatbot-content ol,
.bankwise-ai-chatbot-content ul {
 padding-left: 1.125rem;
}

.bankwise-ai-chatbot-content ol li,
.bankwise-ai-chatbot-content ul li {
 margin-bottom: var(--spacing-medium);
}

.bankwise-ai-chatbot-copy-btn {
 display: flex;
 width: 2rem;
 height: 2rem;
 justify-content: center;
 align-items: center;
 gap: 10px;
 flex-shrink: 0;
 aspect-ratio: 1/1;
 border-radius: 100px;
 background: var(--SCCI-Gray-50, #43536b);
 padding: 0;
}

.bankwise-ai-chatbot-follow-up-list ol,
.bankwise-ai-chatbot-follow-up-list ul {
 list-style-type: none;
 padding: 0;
 display: grid;
 grid-template-columns: 1fr;
 gap: 12px;
 margin-bottom: 12px;
}

@media (min-width: 1024px) {

 .bankwise-ai-chatbot-follow-up-list ol,
 .bankwise-ai-chatbot-follow-up-list ul {
  grid-template-columns: repeat(2, 1fr);
 }
}

.bankwise-ai-chatbot-follow-up-item {
 display: flex;
 padding: 10px 23px 11px 23px;
 justify-content: center;
 align-items: center;
 gap: 10px;
 align-self: stretch;
 border-radius: 100px;
 background: var(--blue-70);
 cursor: pointer;
}

.bankwise-ai-chatbot-follow-up-item p {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 flex: 1 0 0;
 overflow: hidden;
 color: #ffffff;
 text-align: center;
 text-overflow: ellipsis;
 /* Body/Text/Base/Regular */
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: var(--Font-size-300, 16px);
 font-style: normal;
 font-weight: var(--Body-Font-Weight-Regular, 700);
 line-height: 150%;
 /* 24px */
}

.bankwise-ai-chatbot-follow-up {
 padding-bottom: 40px;
 border-bottom: 2px solid var(--Outline-On-Light-Default, rgba(0, 57, 107, 0.24));
 margin-bottom: var(--spacing-xlarge);
}

.bankwise-ai-container {
 padding-bottom: 0;
}

@media (min-width: 1024px) {
 .bankwise-ai-container .bankwise-ai-menu-btn {
  display: none;
 }
}

.bankwise-ai-container .bankwise-ai-title .bankwise-ai-new-chat-btn {
 display: inline-flex;
 margin-left: auto;
}

@media (min-width: 1024px) {
 .bankwise-ai-container .bankwise-ai-title .bankwise-ai-new-chat-btn {
  display: none;
  width: 100%;
  margin-left: 0;
 }
}

.bankwise-ai-container .bankwise-ai-left-sticky .bankwise-ai-new-chat-btn {
 display: none;
}

@media (min-width: 1024px) {
 .bankwise-ai-container .bankwise-ai-left-sticky .bankwise-ai-new-chat-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
 }
}

.bankwise-ai-logo-and-title {
 display: flex;
 align-items: center;
 gap: var(--spacing-small);
}

.bankwise-ai-question-text.question,
.bankwise-ai-question-text {
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: #ffffff;
 width: fit-content;
 max-width: 80%;
 margin-left: auto;
 margin-bottom: var(--spacing-regular);
 border-radius: var(--theloop-button-border-radius, 32px);
 border: 1px solid var(--Outline-Transparent, rgba(255, 255, 255, 0));
 color: var(--Text-On-Light-Default, rgba(0, 13, 26, 0.7));
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: 14px;
 font-style: normal;
 font-weight: var(--Body-Font-Weight-Regular, 400);
 line-height: 150%;
 padding: 16px 16px 16px 16px;
 gap: 10px;
}

.sidebar-close-btn {
 width: 44px;
 height: 44px;
 fill: var(--blue-70);
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 padding: 0;
 position: absolute;
 top: 20px;
 right: 20px;
}

.sidebar-close-btn .lp {
 font-size: 1.125rem;
 line-height: 1;
}

@media (min-width: 1024px) {
 .sidebar-close-btn {
  display: none;
 }
}

.bankwise-ai-left-sticky {
 position: sticky;
 top: 1rem;
 align-self: start;
 width: 100%;
 background-color: transparent;
 box-shadow: none;
 padding: 0;
 z-index: 99;
 max-height: calc(100vh - 2rem);
 overflow: visible;
}

@media (max-width: 1024px) {
 .bankwise-ai-left-sticky {
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  height: 100%;
  max-height: 100%;
  z-index: 1100;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  width: 100%;
  padding: 125px 28px 28px 28px;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.3, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
 }

 .bankwise-ai-left-sticky.bankwise-ai-open {
  transform: translateX(0);
 }
}

@media (min-width: 768px) and (max-width: 1023px) {
 .bankwise-ai-left-sticky {
  padding: 95px 88px 48px 48px;
  width: 60%;
 }
}

@media (min-width: 1024px) {
 .bankwise-ai-left-sticky {
  position: sticky;
  top: 1rem;
  align-self: start;
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  z-index: 99;
 }
}

.bankwise-ai-dropdown {
 margin-right: 0;
}

.bankwise-ai-dropdown .tui__dropdown_toggle {
 color: var(--blue-70);
 font-family: "Open Sans";
 font-size: 14px;
 font-style: normal;
 font-weight: 700;
 line-height: normal;
 background: transparent;
 padding: 0;
 border: none;
 height: -moz-fit-content;
 height: fit-content;
 display: inline-flex;
 gap: 8px;
 align-items: center;
 padding-bottom: var(--spacing-tiny);
 border-radius: 0;
 display: flex;
 height: 48px;
 padding: 9px var(--padding-margins-sp-20, 20px) 12px var(--padding-margins-sp-28, 28px);
 justify-content: center;
 align-items: center;
 border-radius: 100px;
 border: 1.5px solid var(--SCCI-Gray-40, #bdccdb);
}

.bankwise-ai-dropdown .tui__dropdown_toggle:hover,
.bankwise-ai-dropdown .tui__dropdown_toggle:active,
.bankwise-ai-dropdown .tui__dropdown_toggle:focus {
 background-color: transparent;
 color: var(--text-on-light-link-primary-enabled);
}

.bankwise-ai-dropdown .tui__dropdown_toggle::after {
 content: "\e116";
 font-family: "loopicon";
 font-size: 0.875rem;
 line-height: 1;
 font-weight: normal;
}

.bankwise-ai-dropdown .tui__dropdown_toggle[aria-expanded=false]::after {
 content: "\e116";
}

.bankwise-ai-dropdown .tui__dropdown_toggle[aria-expanded=true]::after {
 content: "\e119";
}

.bankwise-ai-dropdown .tui__dropdown_menu {
 padding: var(--spacing-regular);
 background: var(--Background-White, #fff);
 border-radius: var(--border-radius-medium);
 border: 1.5px solid var(--SCCI-Gray-40, #bdccdb);
 background: var(--background-white);
 left: auto;
 right: 0;
}

.bankwise-ai-dropdown ul li,
.bankwise-ai-dropdown ul li a {
 color: var(--Text-On-Light-Emphasis, rgba(0, 13, 26, 0.96));
 /* .Checkbox/Label */
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: var(--theloop-Checkbox-label-Font-Size, 14px);
 font-style: normal;
 font-weight: var(--theloop-Checkbox-label-Font-Weight, 400);
 line-height: 130%;
 /* 18.2px */
 letter-spacing: var(--theloop-Checkbox-label-Letter-Spacing, 0);
 margin-bottom: 8px;
}

.bankwise-ai-dropdown ul li:hover,
.bankwise-ai-dropdown ul li a:hover {
 background-color: transparent;
 color: var(--Text-On-Light-Emphasis, rgba(0, 13, 26, 0.96));
}

.bankwise-ai-chatbot-back-btn {
 margin-bottom: 48px;
}

.bankwise-ai-chatbot-back-btn a,
.bankwise-ai-chatbot-back-btn button {
 color: var(--text-on-light-link-primary-enabled);
 text-align: center;
 /* .Button/Label */
 font-family: var(--global-font-family);
 font-size: var(--theloop-button-label-font-size);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 /* 150% */
 letter-spacing: var(--theloop-button-label-letter-spacing);
 text-decoration: none;
 padding-bottom: var(--spacing-tiny);
 border-bottom: 2px solid rgba(0, 67, 112, 0.55);
 display: inline-flex;
 align-items: center;
 gap: 8px;
 cursor: pointer;
}

.bankwise-ai-chatbot-back-btn a .lp,
.bankwise-ai-chatbot-back-btn button .lp {
 font-size: 80%;
 line-height: 1;
}

.tui_search-container {
 position: relative;
 margin-bottom: 12px;
}

.tui_search-container .tui_search-input {
 display: flex;
 padding: var(--theloop-Field-vPadding, 11px) var(--theloop-Field-hPadding-Right, 16px) var(--theloop-Field-vPadding, 11px) var(--theloop-Field-hPadding-Left, 30px);
 align-items: center;
 align-self: stretch;
 border-radius: var(--theloop-Field-Border-Radius, 32px);
 border: 1.5px solid var(--SCCI-Gray-40, #bdccdb);
 background: var(--Background-Container-On-Light-Lowest, #fff);
 overflow: hidden;
 color: var(--Text-On-Light-Subdued, rgba(0, 13, 26, 0.57));
 text-overflow: ellipsis;
 /* .Input/Placeholder/Text FIeld */
 font-family: var(--global-font-family);
 font-size: var(--theloop-placeholder-text-field-font-size);
 font-style: normal;
 font-weight: var(--theloop-placeholder-text-field-font-weight);
 line-height: var(--theloop-placeholder-text-field-line-height);
 /* 107.692% */
 letter-spacing: 0.5px;
}

.tui_search-container svg {
 position: absolute;
 top: 1rem;
 left: 12px;
 width: 1rem;
 height: 1rem;
}

.tui_filter_body {
 max-height: 126px;
 overflow: auto;
}

.tui_filter_body::-webkit-scrollbar {
 width: 8px;
}

.tui_filter_body::-webkit-scrollbar-track {
 background: transparent;
}

.tui_filter_body::-webkit-scrollbar-thumb {
 background: var(--opacities-black-42, rgba(0, 0, 0, 0.42));
 border-radius: 8px;
}

.tui_filter_body::-webkit-scrollbar-thumb:hover {
 border-radius: 8px;
 background: var(--opacities-black-42, rgba(0, 0, 0, 0.42));
}

.tui_filter_body::-webkit-scrollbar-button {
 display: none;
}

.tui_filter_body ul {
 padding-bottom: var(--spacing-regular);
}

.tui_filter_body ul li {
 margin-bottom: 8px;
}

/* Wrapper spacing and alignment */
.tui__checkbox {
 display: flex;
 align-items: center;
 gap: 8px;
 cursor: pointer;
 font-family: sans-serif;
}

.tui__primary_checkbox {
 position: absolute;
 opacity: 0;
 width: 0;
 height: 0;
}

.tui__checkbox label {
 position: relative;
 padding-left: 28px;
 cursor: pointer;
 font-size: 16px;
 color: #333;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 min-height: 24px;
 display: inline-flex;
 align-items: center;
 color: var(--Text-on-ight-emphasis);
 /* .Checkbox/Label */
 font-family: var(--global-font-family);
 font-size: var(--theloop-checkbox-label-font-size);
 font-style: normal;
 font-weight: var(--theloop-checkbox-label-font-weight, 400);
 line-height: 130%;
 /* 18.2px */
 letter-spacing: var(--theloop-checkbox-label-letter-spacing);
}

/* The box */
.tui__checkbox label::before {
 content: "";
 position: absolute;
 left: 0;
 top: 2px;
 width: 18px;
 height: 18px;
 border-radius: 4px;
 border: 1.5px solid var(--SCCI-Gray-40, #bdccdb);
 background: var(--Background-White, #fff);
 box-sizing: border-box;
 transition: all 0.2s ease;
 width: var(--theloop-checkbox-icon-width);
 height: var(--theloop-checkbox-icon-height);
 align-items: flex-start;
 outline: none;
}

/* The checkmark */
.tui__checkbox label::after {
 content: "";
 position: absolute;
 left: 7px;
 top: 6px;
 width: 6px;
 height: 10px;
 border: solid white;
 border-width: 0 2px 2px 0;
 transform: rotate(45deg) scale(0);
 opacity: 0;
 transition: all 0.2s ease;
 outline: none;
}

/* Checked state */
.tui__primary_checkbox:checked+label::before {
 background: var(--background-container-on-light-link-primary-enabled);
}

.tui__primary_checkbox:checked+label::after {
 opacity: 1;
 transform: rotate(45deg) scale(1);
}

.tui__dropdown .tui_filter_footer {
 display: flex;
 justify-content: space-between;
 padding: var(--pacing-xsmall) 0 0 0;
 border-top: 1.5px solid var(--SCCI-Gray-40, #bdccdb);
}

.tui__dropdown .tui_filter_footer .tui_apply_filter {
 color: var(--Text-On-Dark-Link-Primary-Enabled, rgba(255, 255, 255, 0.9));
 text-align: center;
 /* .Button/Label */
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: var(--theloop-button-label-font-size, 12px);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight, 700);
 line-height: var(--theloop-button-label-line-height, 24px);
 /* 200% */
 letter-spacing: var(--theloop-button-label-letter-spacing, -0.5px);
 display: flex;
 padding: var(--theloop-button-v-padding, 8px) var(--theloop-button-h-padding, 20px);
 justify-content: center;
 align-items: center;
 gap: var(--theloop-button-gap, 6px);
 border-radius: var(--theloop-button-border-radius, 32px);
 border: 1px solid var(--Outline-Transparent, rgba(255, 255, 255, 0));
 background: var(--Background-Container-On-Light-Link-Primary-Enabled, #004370);
}

.tui__dropdown .tui_filter_footer .tui_clear_all {
 color: var(--Text-On-Light-Link-Primary-Enabled, #004370);
 text-align: center;
 /* .Button/Label */
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: var(--theloop-button-label-font-size, 12px);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight, 700);
 line-height: var(--theloop-button-label-line-height, 24px);
 /* 200% */
 letter-spacing: var(--theloop-button-label-letter-spacing, -0.5px);
 border-radius: var(--theloop-button-border-radius, 32px);
 border: 1px solid var(--Outline-Transparent, rgba(255, 255, 255, 0));
 background: var(--Background-Container-On-Light-Link-Tertiary-Enabled, rgba(255, 255, 255, 0));
 display: flex;
 padding: var(--theloop-button-v-padding, 8px) var(--theloop-button-h-padding, 20px);
 justify-content: center;
 align-items: center;
 gap: var(--theloop-button-gap, 6px);
}

/* === bankWise-ai CSS End === */
/* === show hide css begin === */
.show-hide-btn {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 border: none;
 cursor: pointer;
 transition: all 0.2s ease;
 border-radius: 0;
 padding: 0;
 color: var(--text-on-light-link-primary-enabled);
 text-align: center;
 font-family: var(--global-font-family);
 font-size: var(--theloop-button-label-font-size);
 font-style: normal;
 font-weight: var(--theloop-button-label-font-weight);
 line-height: var(--theloop-button-label-line-height);
 letter-spacing: var(--theloop-button-label-letter-spacing);
 border-bottom: 2px solid rgba(0, 67, 112, 0.55);
 padding-bottom: var(--spacing-tiny);
 background-color: transparent;
}

.show-hide-btn::after {
 content: "\e116";
 font-family: "loopicon";
 font-size: 0.875rem;
 line-height: 1;
 font-weight: normal;
}

.show-hide-btn[aria-expanded=false]::after {
 content: "\e116";
}

.show-hide-btn[aria-expanded=true]::after {
 content: "\e119";
}

.show-hide-btn:focus:not(:focus-visible),
.show-hide-btn:active,
.show-hide-btn:hover,
.show-hide-btn:focus {
 background: transparent;
 color: var(--text-on-light-link-primary-enabled);
}

.show-hide-content {
 display: none;
}

.show-hide-content.show {
 display: block;
 animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
 from {
  opacity: 0;
  transform: translateY(-5px);
 }

 to {
  opacity: 1;
  transform: translateY(0);
 }
}

/* === show hide css End === */

.touchui-container .touchui-container {
 padding-left: 0;
 padding-right: 0;
}

.tui_caravan_card .tui_card-content {
 padding: 32px 0 0 0;
}

@media (min-width: 768px) {
 .tui_caravan_card .tui_card-content {
  padding: 20px 40px 0 40px;
  top: 0;
 }
}

.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 {
 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_page_title_wrapper .cmp-teaser__description.lp__more_collapse {
 padding-top: var(--spacing-medium);
}


.tui_pagination.tui_margin-huge-b {
 margin-bottom: 0;
 padding-bottom: var(--spacing-huge);
}

@media (min-width:1024px) {
 .tui_pagination.tui_margin-huge-b {
  margin-bottom: 0;
  padding-bottom: 0;
 }
}

@media (min-width: 1024px) {
 .bankwise-ai-right-section .tui_blue_explore_cards .card-container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, calc((100% - (2 * var(--spacing-medium))) / 3));
 }
}

.bankwise-ai-right-section .tui_blue_explore_cards .impact-card-content p:first-child {
 color: var(--Text-On-Dark-Emphasis, rgba(255, 255, 255, 0.90));

 /* Body/Text/Base/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-300);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
 /* 24px */
 margin-bottom: 0;
}

.bankwise-ai-right-section .tui_blue_explore_cards .impact-card-content p:nth-child(2) {
 margin-top: 8px;
 color: var(--text-on-dark-emphasis);

 /* Eyebrow/Desktop/Eb_D_SM */
 font-family: "Open Sans";
 font-size: 12px;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 /* 13.2px */
 letter-spacing: 0.6px;
 text-transform: uppercase;
}

.bankwise-ai-card-container .tui_blue_explore_cards .impact-card-wrapper::before {
 background-size: 100% 100%;
 background-position: top center;
 padding: 30px;
 width: auto;
}

.tui_text_center {
 text-align: center;
}

.tui_scci_topic_teaser .impact-card-wrapper {
 background-color: var(--neutral-solid-10-s);
 flex-wrap: wrap;
}

@media (max-width:768px) {
 .tui_scci_topic_teaser .cmp-container {
  width: 100%;
 }
}

.bankwise-ai-input {
 scrollbar-width: none;
 -ms-overflow-style: none;
}

.bankwise-ai-input::-webkit-scrollbar {
 display: none;
}

.opschat-tip {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
}


.opschat-tip__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.opschat-tip__title {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
 color: var(--text-on-light-empasis);
}

.opschat-tip__text {
  margin: 0;
  font-size: 14px;
  color: var(--text-on-light-emphasis);
  line-height: 20px;
}

.opschat-tip__meta {
  margin: 8px 0 0;
  font-size: 14px;
  color: var(--text-on-light-emphasis);
  font-style: italic;
}
/* === pagination css Begin === */
.tui_pagination_list {
 display: flex;
 width: 100%;
 align-items: center;
 list-style-type: none;
 padding: 0;
}

.tui_pagination_item {
 float: left;
 width: auto;
}

.tui_pagination_item:not(:first-child) {
 margin-left: var(--spacing-xxsmall);
}

.tui_pagination_item a {
 display: flex;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 display: flex;
 width: var(--Pagination-Circle, 40px);
 height: var(--Pagination-Circle, 40px);
 padding: var(--lift-spacing-xxsmall, 8px);
 justify-content: center;
 align-items: center;
 border-radius: var(--Border-Radius-xLarge, 32px);
 border: 2px solid var(--Outline-On-Light-Link-Enabled, #004370);
 color: var(--Text-On-Light-Link-Primary-Enabled, #004370);
 /* Body/Text/Base/Narrow */
 font-family: var(--Global-Font-Family, "Open Sans");
 font-size: 16px;
 font-style: normal;
 font-weight: var(--Body-Font-Weight-Regular, 400);
 line-height: 125%;
 /* 20px */
 border-color: transparent;
}

.tui_pagination_item .lp {
 font-size: 14px;
 line-height: 1;
}

.tui_pagination_item:first-child a,
.tui_pagination_item:nth-child(2) a,
.tui_pagination_item:last-child a,
.tui_pagination_item:nth-last-child(2) a {
 border: 2px solid var(--outline-on-light-link-enabled);
}

.tui_pagination_item:nth-child(1) .lp-chevron-left {
 border-left: 2px solid var(--blue-70);
}

.tui_pagination_item:nth-last-child(1) .lp-chevron-right {
 border-right: 2px solid var(--blue-70);
}

.tui_pagination_item:hover a,
.tui_pagination_item:focus a {
 border: 2px solid var(--outline-on-light-link-hover);
 font-weight: var(--body-font-weight-bold);
 background: var(--background-container-on-light-link-primary-hover);
}

.tui_pagination_item.active a {
 border: 2px solid var(--outline-on-light-link-hover);
 background: var(--background-container-on-light-lowest);
}

.tui_pagination_item.disabled a,
.tui_pagination_item:disabled a,
.tui_pagination_item[disabled] a {
 border: 2px solid var(--outline-on-light-link-enabled);
 background: var(--background-container-on-light-lowest);
 pointer-events: none;
 cursor: not-allowed;
}

/* === pagination css End === */
/* === Begin accordion Begin === */
.accordion-animation-container {
 overflow: hidden;
}

.accordion-animation-container .section-rows {
 overflow: visible;
}

.wrapper {
 display: flex;
 min-height: 100vh;
}

.left-panel {
 width: 35%;
 background-color: #f9f9f9;
 padding: 40px 20px;
}

.sticky {
 position: sticky;
 top: 0;
}

.feature-section {
 margin-bottom: 40px;
 padding: 20px;
 border-left: 4px solid transparent;
 transition: all 0.3s ease;
 opacity: 0.6;
 transform: scale(0.97);
}

.feature-section.active {
 background-color: #fff3e0;
 border-left: 4px solid #ff8c00;
 opacity: 1;
 transform: scale(1.02);
}

.right-panel {
 width: 65%;
 position: relative;
 padding: 0;
}

.right-content {
 height: 100vh;
}

#feature-image {
 position: sticky;
 top: 0;
 width: 100%;
 height: 100vh;
 -o-object-fit: cover;
 object-fit: cover;
 transition: opacity 0.5s ease;
 border-radius: 0;
}

.accordion {
 display: block;
}

.accordion .cmp-accordion__item {
 display: block;
 width: 100%;
 border-top: 2px solid var(--divider-on-light-default);
}

@media screen and (min-width: 1024px) {
 .accordion .cmp-accordion__item {
  border-bottom: 0;
 }
}

.accordion .cmp-accordion__header {
 display: block;
 width: 100%;
 line-height: 1;
 margin: 0;
}

.accordion .cmp-accordion__button {
 display: inline-flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 text-align: left;
 color: #fff;
 border: none;
 background: transparent;
 cursor: pointer;
 overflow: hidden;
 border-radius: 0;
 color: var(--text-on-light-emphasis);
 /* Body/Text/Large/Regular */
 font-family: var(--global-font-family);
 font-size: var(--font-size-600);
 font-style: normal;
 font-weight: 700;
 line-height: 150%;
 /* 36px */
 letter-spacing: -0.084px;
 padding: var(--theloop-Accordion-vPadding) 0;
}

.accordion .cmp-accordion__button:focus,
.accordion .cmp-accordion__button:active {
 background-color: transparent;
 color: var(--text-on-light-emphasis);
}

.accordion .cmp-accordion__button .cmp-accordion__icon {
 float: right;
 justify-content: center;
 align-items: center;
 display: inline-flex;
 height: 28px;
 width: 28px;
 padding: var(--theloop-Exp-Collapse-Icon);
 border-radius: 32px;
 border: 2px solid var(--blue-70);
}

.accordion .cmp-accordion__button .cmp-accordion__icon:after {
 font-family: "loopicon";
 font-size: 1rem;
 line-height: 1;
}

.accordion .cmp-accordion__button[aria-expanded=true] .cmp-accordion__icon:after {
 content: "\e129";
 font-family: 'loopicon';
 position: relative;
 /* top: -3px; */
 font-size: 12px;
 font-weight: normal;
}

.accordion .cmp-accordion__button[aria-expanded=false] .cmp-accordion__icon {
 color: var(--icon-on-dark-emphasis);
 background: var(--blue-70);
}

.accordion .cmp-accordion__button[aria-expanded=false] .cmp-accordion__icon:after {
 content: "\e128";
 font-family: 'loopicon';
 position: relative;
 font-size: 12px;
 font-weight: normal;
}

.accordion .cmp-accordion__button--expanded {
 padding-bottom: var(--theloop-Accordion-vGap);
}

.accordion .cmp-accordion__title {
 width: 100%;
 display: inline-block;
}

.accordion .cmp-accordion__title:after {
 color: #fff;
}

.accordion .cmp-accordion__panel {
 display: none;
 padding-top: 0;
 padding-bottom: 1rem;
}

.accordion .cmp-accordion__panel--hidden {
 display: none;
}

.accordion .cmp-accordion__panel--expanded {
 display: block;
}

.tui_margin-between_sections-b .accordion .cmp-accordion__panel--expanded .text p{
    font-size: var(--font-size-300);
}   

/* === end accordion End === */